@charset "UTF-8";

/********头部***************/
.page-header { position:fixed; z-index:10; left:0px; padding:10px 6.25%; width:100%; right:0px; background:rgba(255,255,255,1); }
.page-header .page-logo { position:relative; z-index:2; width:250px; }
.page-header .page-logo img { height:60px; }
.page-header .page-language { position:absolute; top:25px; 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:#44b3d4; 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:119px; height:10px; width:1px; content:""; background:none; 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:#44b3d4; 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; position:relative;}
.page-header .page-nav-con>ul>li>a{display: block; padding:0px 1.388em; line-height:80px; height:80px; color:#333;  position: relative; }

.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:#44b3d4; }
.page-header .page-nav-con>ul>li>a on { color:#44b3d4; }

.page-header .page-nav-con .page-imgx img { width:100%; border-radius:0.5em;}


.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; width:50%; float:left;}
.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 {  }
.page-header .navlist ul li a:hover { color:#44b3d4; text-decoration:underline;  }
.page-header .navlist ul li a:hover:before { }

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

.scrollHeader .page-header { top:0px; padding:0px 6.25%; box-shadow: 0px 0px 15px rgba(0,0,0,.1);}
.scrollHeader .page-header .page-nav:before { position:absolute; right:119px; height:10px; width:1px; content:""; top:50%; margin-top:-5px; }
.scrollHeader .page-header .page-nav-con>ul>li>a{display: block; padding:0px 1.388em; line-height:60px; height:60px;  position: relative; }
.scrollHeader .page-header .page-logo { padding:10px 0px; }
.scrollHeader .page-header .page-logo img { height:40px;}
.scrollHeader .page-header .page-language { position:absolute; top:15px; right:6.25%; border-radius:15px; padding:3px; }



@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:128px; }
.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:#44b3d4; 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){
.scrollHeader .page-header .page-logo { padding:15px 0px; }
.scrollHeader .page-header .page-logo img { height:30px; }
.page-header .page-logo { padding:15px 0px; }
.page-header .page-logo img { height:30px; }
.body_nav_phone .page-header .page-logo { padding:15px 0px; }
.body_nav_phone .page-header .page-logo img { height:30px; }

}

/***********底部*************/
.page-footer { background:#222; }
.page-footer  a { color:#666; display:inline-block; }
.page-footer  a:hover { color:#fff; }
.page-footer .page-ft-top { padding:5.9375em 0px 4.9375em; }
.page-footer .page-ft-top dl dt a { color:#fff; }
.page-footer .page-ft-top dl dt a:hover { color:#44b3d4; }
.page-footer .page-ft-top dl dd { padding-top:1.5714em; }
.page-footer .page-ft-top dl dd a { display:block; padding:0.5714em 0em; }
.page-footer .page-ft-top dl:last-child dd {  }
.page-footer .page-ft-bottom { border-top:1px solid #333; padding:2.4375em 0px 3em; }
.page-footer .page-ft-copy .ft-nav { margin-left:-1.1em; padding-bottom:3px; padding-top:0.5em; }
.page-footer .page-ft-copy .ft-nav a { margin:0px 1.1em; }
.page-footer .page-ft-logo { margin-right:1.375em; }
.page-footer .page-ft-logo img { height:3.375em; }


.page-footer .ft-links { position:relative; cursor:pointer; }
.page-footer .ft-links dt { background:#fff; position:relative; width:18.2142em; line-height:3.0714; padding:0px 4em 0px 1.7857em; border-radius:1.5em; }
.page-footer .ft-links dt:before { position:absolute; content:""; top:50%; right:2.2em;width:9px; margin-top:-3px; background:#999; height:2px; transform-origin:right center; transform:rotate(225deg); -webkit-transform:rotate(225deg); }
.page-footer .ft-links dt:after { position:absolute; content:""; top:50%; right:2.2em;width:9px; margin-top:-3px; background:#999; height:2px; transform-origin:right center; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
.page-footer .ft-links dd { position:absolute; border-radius:5px 5px 0px 0px; height:0px; overflow:hidden; background:#fff; left:0px; bottom:100%; width:100%; right:0px; }
.page-footer .ft-links dd a { display:block; padding:0.5em;  }
.page-footer .ft-links dd a:hover { color:#000; background:#ddd; }
.page-footer .ft-links:hover dd { height:auto; }
.page-footer .ft-links:hover dt { border-radius:0px 0px 1.5em 1.5em; } 

.page-footer .ft-share { margin-right:2.5em; }
.page-footer .ft-share .bshare-custom.icon-medium-plus a { width:32px; margin:0px 2px; height:32px; }
.page-footer .ft-share .bshare-custom.icon-medium-plus .bshare-tumblr { background:url(../images/ft-share-ico01.png) no-repeat center center #333; border-radius:5px; }
.page-footer .ft-share .bshare-custom.icon-medium-plus .bshare-linkedin { background:url(../images/ft-share-ico02.png) no-repeat center center #333; border-radius:5px; }
.page-footer .ft-share .bshare-custom.icon-medium-plus .bshare-sinaminiblog { background:url(../images/ft-share-ico03.png) no-repeat center center #333; border-radius:5px; }
.page-footer .ft-share .bshare-custom.icon-medium-plus .bshare-weixin { background:url(../images/ft-share-ico04.png) no-repeat center center #333; border-radius:5px; }
.page-footer .ft-share .bshare-custom.icon-medium-plus .bshare-tumblr:hover,.page-footer .ft-share .bshare-custom.icon-medium-plus .bshare-linkedin:hover,.page-footer .ft-share .bshare-custom.icon-medium-plus .bshare-sinaminiblog:hover,.page-footer .ft-share .bshare-custom.icon-medium-plus .bshare-weixin:hover { background-color:#44b3d4; opacity:1; }

@media only screen and (max-width:1200px){
.page-footer .ft-links dt { width:14em; }
.page-footer .ft-share { margin-right:1em; }
}

@media only screen and (max-width:1100px){
.page-footer .ft-links dt { width:14em; }
.page-footer .ft-share { margin-right:1em; }
.page-footer .page-ft-left { width:100%; }
.page-footer .page-ft-right { width:100%; padding-top:2em;  }
}
@media only screen and (max-width:767px){
.page-footer .page-ft-top { padding:2em 0px 1em; }	
.page-footer .page-ft-top dl { width:100%; }
.page-footer .page-ft-top dl dd { padding-top:0px; padding-bottom:1em;  }
.page-footer .page-ft-top dl dd a { display:inline-block; margin-right:1em; }
.page-footer .page-ft-copy .ft-nav { margin-left:-0.5em; }
.page-footer .page-ft-copy .ft-nav a { margin:0px 0.5em; }
.page-footer .page-ft-top dl:last-child dd { display:block; }
.page-footer .page-ft-copy { text-align:center; }
}
@media only screen and (max-width:414px){
.page-footer .ft-share { width:100%; text-align:center;  }
.page-footer .ft-share .icon-medium-plus { display:inline-block;}
.page-footer .ft-links { width:80%; margin:2em auto 0px; }
.page-footer .ft-links dt { width:100%; }
.page-footer .page-ft-logo { width:100%; text-align:center; padding-bottom:1em; }
}

.bsBox { box-sizing:content-box; }


.page-back-top { position:fixed; width:3em; z-index:10; cursor:pointer; height:3em; background:#00537c; border-radius:0.625em; right:5%; bottom:10%;  }
.page-back-top:before { position:absolute; width:1.5em; left:50%; height:0.2em; margin-top:-0.1em; margin-left:-1.2em; top:50%;  content:""; border-radius:0.25em; background:#fff;transform-origin:center center; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
.page-back-top:after { position:absolute; width:1.5em; left:50%; margin-left:-0.2em; height:0.2em; margin-top:-0.1em;  border-radius:0.25em; top:50%;  content:""; background:#fff; transform-origin:center center; transform:rotate(225deg); -webkit-transform:rotate(225deg);}

.page-back-top:hover { opacity:0.7; filter:alpha(opacity=70); }

@media only screen and (max-width:1640px){
.page-back-top  { right:0.2rem; }
}



.page-er-bn { position:relative; }
.page-er-bn .bg_container { padding-bottom:26%; }
.page-er-bn .page-text { position:absolute; z-index:3; left:0px; top:0px; width:100%; height:100%; color:#fff; }
.page-er-bn .page-text h2 { letter-spacing:0.1em; }
.page-er-bn .page-text h3 { padding-top:1em; }

.page-er-bn img {
    width:100%;
}

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



.page-current-nav { background:#f7f7f7; position:relative; z-index:5; } 
.page-current-nav .page-wrap { position:relative; min-height:3.75em;  }
.page-current-nav .page-wrap .page-current { position:absolute; left:-10px; top:0px; height:100%; bottom:0px; }
.page-current-nav .page-wrap .page-current a { display:inline-block; margin-right:10px; padding-left:10px; }
.page-current-nav .page-wrap .page-current span { padding-left:10px; }
.page-current-nav .page-nav ul li { display:inline-block; line-height:3.75; position:relative; padding:0px 0.125em 0px 0px; }
.page-current-nav .page-nav ul li a { display:block; position:relative; padding:0px 2.625em; margin-left:-3px;  }
.page-current-nav .page-nav ul li a span { position:relative; z-index:3; }
.page-current-nav .page-nav ul li a:before { position:absolute; content:""; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; opacity:0;filter:alpha(opacity=0); left:0px; top:-0.625em; bottom:-0.625em; width:100%; background:#44b3d4; }
.page-current-nav .page-nav ul li:after { position:absolute; right:0px; height:1em; top:50%; content:""; margin-top:-0.5em; background:#e4e4e4; width:0.125em; }
.page-current-nav .page-nav ul li:first-child:before { position:absolute; left:0px; height:1em; top:50%; content:""; margin-top:-0.5em; background:#e4e4e4; width:0.125em; }
.page-current-nav .page-nav ul li:first-child { padding-left:0.125em; }
.page-current-nav .page-nav ul li:first-child a { margin-left:0px; }
.page-current-nav .page-nav ul li a:hover,.page-current-nav .page-nav ul li a.hover { color:#fff; }
.page-current-nav .page-nav ul li a:hover:before,.page-current-nav .page-nav ul li a.hover:before { opacity:1;filter:alpha(opacity=100); }

@media only screen and (max-width:1280px){
.page-current-nav .page-nav ul li a { padding:0px 1.5em; }
}
@media only screen and (max-width:980px){
.page-current-nav .page-nav { text-align:right; }
}
@media only screen and (max-width:767px){
.page-current-nav .page-wrap .page-current { padding-top:1em; position:relative; }
.page-current-nav .page-nav { padding-top:1em; text-align:center; }
.page-current-nav .page-nav ul li { line-height:2.5;}
.page-current-nav .page-nav ul li a { padding:0px 0.5em; }
.page-current-nav .page-nav ul li a:before { top:0px; bottom:0px; }

}


.er-page-title { color:#ccc; }
.er-page-title p:first-child:hover { /*text-shadow:rgba(0,0,0,0.5) 3px 4px 5px;*/}
.er-page-title p:first-child { color:#000; }




.er-page-key { box-shadow:0.625em 0px 2.5em rgba(0,0,0,0.04); background:#fff; margin-top:4.22em; }
.er-page-key ul li  a { height:5.556em; padding:0px 1.667em; }
.er-page-key ul li img { height:1.778em; }
.er-page-key ul li .page-ico { display:none; margin-bottom:0.3889em; }
.er-page-key ul li a.on,.er-page-key ul li a:hover { background:#f0bd00;  color:#fff; }
.er-page-key ul li a.on .page-ico,.er-page-key ul li a:hover .page-ico { display:inline-block; }
.er-page-key ul li .page-con { width:100%;}

@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; }
}


#c_portalResPublic_codeContainer-16122365528600788 .v30-contact {
    position: fixed;
    right: -180px;
    top: 50%;
    transform: translateY(-50%);
    padding: 50px 0;
    height: 482px;
    box-sizing: border-box;
    z-index: 99;
    transition: all 1s;
    -ms-transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
}

#c_portalResPublic_codeContainer-16122365528600788 .v30-contact.chnav {
    right: 0px!important;
}

#c_portalResPublic_codeContainer-16122365528600788 a, button, input, textarea {
    -webkit-tap-highlight-color: transparent;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#c_portalResPublic_codeContainer-16122365528600788 .transition {
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#c_portalResPublic_codeContainer-16122365528600788 .v30-contact-item-block:nth-child(1) {
    top: 50px;
}

#c_portalResPublic_codeContainer-16122365528600788 .v30-contact-item-block:nth-child(2) {
    top: 128px;
}

#c_portalResPublic_codeContainer-16122365528600788 .v30-contact-item-block:nth-child(3) {
    top: 206px;
}

#c_portalResPublic_codeContainer-16122365528600788 .v30-contact-item-block:nth-child(4) {
    top: 284px;
}

#c_portalResPublic_codeContainer-16122365528600788 .v30-contact-item-block:nth-child(5) {
    top: 362px;
}

#c_portalResPublic_codeContainer-16122365528600788 .v30-contact-item-block {
    position: absolute;
    right: 0;
    width: 70px;
    height: 70px;
    background-color: #00537c;
    border: 1px solid #00537c;
    border-right: none;
    box-sizing: border-box;
}

#c_portalResPublic_codeContainer-16122365528600788 .v30-contact-item-in {
    height: 100%;
    display: none;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#c_portalResPublic_codeContainer-16122365528600788 .v30-contact-in:before {
    content: "";
    background-color: #00537c;
    position: absolute;
    height: 100%;
    width: 0;
    transition: all .8s ease;
}

#c_portalResPublic_codeContainer-16122365528600788 .v30-contact-item {
    width: 100%;
    height: 100%;
}

#c_portalResPublic_codeContainer-16122365528600788 .flex-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#c_portalResPublic_codeContainer-16122365528600788 .img-block {
    margin: 0 auto;
    display: block;
    font-size: 24px;
    color: #fff;
}

#c_portalResPublic_codeContainer-16122365528600788 .img-block img {
    width: 158px;
    height: 158px;
}

#c_portalResPublic_codeContainer-16122365528600788 .v30-contact-item-p {
    color: #fff;
    font-size: 13px;
    margin-top: 5px;
}

#c_portalResPublic_codeContainer-16122365528600788 .v30-contact .transition {
    transition-duration: .8s;
}

#c_portalResPublic_codeContainer-16122365528600788 .v30-contact-item-in-p {
    color: #fff;
    text-align: center;
    line-height: 68px;
    height: 68px;
    white-space: nowrap;
}

#c_portalResPublic_codeContainer-16122365528600788 .cur {
    width: 156px;
    background: transparent;
}

#c_portalResPublic_codeContainer-16122365528600788 .cur:before {
    width: 100%;
}

#c_portalResPublic_codeContainer-16122365528600788 .cur .v30-contact-item {
    display: none;
}

#c_portalResPublic_codeContainer-16122365528600788 .cur .v30-contact-item-in {
    display: block;
    width: 100%;
}

#c_portalResPublic_codeContainer-16122365528600788 .v30-contact-qr-show {
    position: absolute;
    z-index: 1;
    background: #fff;
    left: -160px;
    top: -91px;
    display: none;
}

#c_portalResPublic_codeContainer-16122365528600788 .v30-contact-top {
    cursor: pointer;
    bottom: 0;
}

#c_portalResPublic_codeContainer-16122365528600788 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
} 

.page-header .page-nav-con>ul>li.mouseover .ul_hide {
    position: absolute;
    left: -15%;
    top: 80px;
    width: 130%;
	text-align:center;
    border: 0px solid #CBCBCB;
	background-color:rgba(255,255,255,0.9);
    padding: 5px 0px;
    border-radius: 8px;
    display: none;
}

.scrollHeader .page-header .page-nav-con>ul>li.mouseover .ul_hide {
    position: absolute;
    left: -15%;
    top: 60px;
    width: 130%;
	text-align:center;
    border: 0px solid #CBCBCB;
	background-color:rgba(255,255,255,0.9);
    padding: 5px 0px;
    border-radius: 8px;
    display: none;
}

.page-header .page-nav-con>ul>li.mouseover .ul_hide li {
    width: 100%;
	line-height:40px;
	border-bottom:0px solid #ffffff;
	list-style-type:none;
	background:none;
   white-space: nowrap;
text-overflow: ellipsis;
	position:relative;
}

.page-header .page-nav-con>ul>li.mouseover .ul_hide li a{
    text-align:center;
    color:#000000;
	font-size:14px;
	   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
}

.page-header .page-nav-con>ul>li.mouseover .ul_hide li a:hover{
    display:block;
    color:#FFFFFF;
	background-color: #44b3d4;
    text-decoration: none;
}


.erji {
    height: auto;
    overflow: hidden;
	margin-top:10px;
	margin-bottom:40px;
}

.erji li {
    list-style-type: none;
    width: 120px;
    height: 30px;
    float: left;
    margin-right: 2rem;
    margin-bottom: 1.5rem;
}

.erji li a {
    display: block;
    height: 30px;
    line-height: 28px;
	font-size:12px;
    color: #2c3135;
    background-color: #FFFFFF;
    text-align: center;
}

.erji li a:hover {
    color:#0063FF;
   }
   
.erji li.hover a {
    color:#0063FF;
   }
   
.erji li > a::after {
    width: 0;
    transition: width .3s;
    height: 2px;
    display: block;
    margin: 0 auto;
    content: "";
    background-color:#0063FF;
}

.erji li > a:hover:after{
	width:100%;
	height:2px;
	display:block;
	content:"";
	transition:width .3s;
	background-color:#0063FF;
}  


.zhanhui {
    height:auto; overflow: hidden;
    padding-top: 75px;
    padding-bottom: 75px;
    background-color: #f9f9f9;
}

.zhanhui .page-title { color:#333; line-height:1.4; }
.zhanhui .page-title p:first-child { opacity:0.2; filter:alpha(opacity=20); padding-bottom:3px; }
.zhanhui .page-title a { color:#333; }
.zhanhui .page-title a:hover { color:#fcc800;  }

.lunbo {
    margin-top: 30px;
}

.wenhh {
    height:auto; overflow: hidden;
    background-color: #FFFFFF;
    margin-top: 40px;
}

.wenhh li {
    list-style-type: none;
    width:33.3%;
    text-align: center;
    color: #333333;
    line-height: 26px;
    padding: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    float: left;
}

.youhua {
    border-right: 1px solid #e3e3e3;
}

.wenhh li h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 30px;
    color:#00537c;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
   }
    
.wenhh li h3 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#a2a8b5;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
   }  
  
.licheng {
    height:auto; overflow:hidden;
    background-color:#FFFFFF;
    padding-top: 60px;
    padding-bottom: 60px;
} 

/* 人才招聘 */
.ijoint {

}
	
.ijoin {
   margin-bottom:4rem;

}

.ijoin h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    margin-top: 0rem;
    margin-bottom: 4rem;
}

.ijoin dl {
	background:#0079C0;
	padding:0px 3rem;
}
.ijoin dl dd {
	float:left;
	width:25%;
	color:#fff;
	line-height:4rem;
	padding:2.5rem 0px;
	font-size:2.0rem;
}
.ijoin dl dd:nth-of-type(4) {
	width:22%;
}
.ijoin dl dd:nth-of-type(5) {
	width:30%;
}

@media (max-width:1400px) {
	.ijoin dl dd {
	font-size:1.8rem;
}
}@media (max-width:992px) {
	.ijoin {
	margin:1.5rem 0px 1.5rem;
}
.ijoin dl {
	padding:0px 1.5rem;
}
.ijoin dl dd {
	line-height:3rem;
	padding:1rem 0rem;
	font-size:1.6rem;
}
.ijoin dl dd:nth-of-type(2),.ijoin dl dd:nth-of-type(3),.ijoin dl dd:nth-of-type(4) {
	display:none;
}
.ijoin dl dd:nth-of-type(1) {
	width:70%;
}
}.ijoin ul {
	margin-top:3rem;
}
.ijoin ul li {
	border-bottom:1px rgba(0,0,0,.15) dashed;
	list-style-type:none;
	margin-bottom:2rem;
}
.ijoin ul li .jitp {
	padding:2.5rem 3rem;
	transition:.3s;
}
.ijoin ul li .jitp span {
	display:block;
	float:left;
	width:25%;
	color:#545459;
	line-height:4.4rem;
	font-size:1.9rem;
}
.ijoin ul li .jitp span:nth-of-type(4) {
	width:22%;
}
.ijoin ul li .jitp span:nth-of-type(5) {
	width:30%;
}
@media (max-width:1400px) {
	.ijoin ul li .jitp span {
	font-size:1.6rem;
}
}@media (max-width:992px) {
	.ijoin ul {
	margin-top:1rem;
}
.ijoin ul li {
	margin-bottom:1rem;
}
.ijoin ul li .jitp {
	padding:1rem 1.5rem;
}
.ijoin ul li .jitp span {
	line-height:2.4rem;
	font-size:1.4rem;
	width:100%;
}
.ijoin ul li .jitp span:nth-of-type(2),.ijoin ul li .jitp span:nth-of-type(3),.ijoin ul li .jitp span:nth-of-type(4) {
	display:block;
}
.ijoin ul li .jitp span:nth-of-type(1) {
	width:100%;
}
}.ijoin ul li .jitp span small {
	width:13.8rem;
	display:block;
	height:4.4rem;
	font-size:1.9rem;
	color:#545459;
	background:#efefef;
	cursor:pointer;
	text-align:center;
	transition:.3s;
	float:left;
}
.ijoin ul li.cur {
	border-bottom:0;
	box-shadow:0px 0px 30px rgba(0,0,0,.15);
}
.ijoin ul li.cur .jitp span small {
	background:#fff;
}
.ijoin ul li .jitp span small:hover {
	background:#053dae;
	color:#fff;
}
.ijoin ul li.cur .jitp {
	background:#e6e6e6;
}
.ijoin ul li .jitp span i {
	display:block;
	background:url(../images/sjt.png) center no-repeat;
	height:4.4rem;
	float:right;
	cursor:pointer;
	width:4rem;
}
.ijoin ul li.cur .jitp span i {
	transform:rotate(180deg);
}
.ijoin ul li .jitp span a {
	display:none;
	width:90%;
	height:3rem;
	line-height:3rem;
	color:#545459;
	background:#efefef;
	font-size:1.4rem;
	text-align:center;
}
@media (max-width:1400px) {
	.ijoin ul li .jitp span small {
	font-size:1.6rem;
}
}@media (max-width:992px) {
	.ijoin ul li .jitp span a {
	display:none;
}
.ijoin ul li .jitp span small {
	display:none;
}
.ijoin ul li .jitp span i {
	display:none;
}
}.ijoin .jibt {
	display:none;
	padding:2rem 7rem 5rem;
}
.ijoin .jibt h1 {
	font-size:2.0rem;
	line-height:4rem;
}
.ijoin .jibt section {
	padding:1.5rem 0px 1.5rem 2rem;
	color:#545459;
	line-height:2.6rem;
}
.ijoin .jibt>div>h2 {
	width:14rem;
	line-height:4.4rem;
	color:#fff;
	background:#0086ff;
	text-align:center;
	font-size:1.5rem;
	transition:.3s;
	cursor:pointer;
	margin:1.5rem 0px 0px;
}
.ijoin .jibt>div>h2:hover {
	background:#053dae;
}
.ijoindd .zwxxx {
	padding-bottom:1rem;
}
.ijoindd .zwxxx span {
	display:block;
	line-height:3rem;
	color:#000;
}
.ijoindd .zwxxx .zpzw {
	font-size:1.6rem;
	margin-bottom:1rem;
}
.ijoindd iframe {
	height:72rem;
	width:100%;
}


@media (max-width:992px) {
	.ijoindd {
	margin:0;
	padding:10px;
}
.ijoindd .jibt {
	display:block;
	padding:0px;
}
.ijoindd .jibt h1 {
	font-size:1.6rem;
	line-height:30px;
}
.ijoindd .jibt section {
	padding:10px 0px;
}
}

.ijoin ul {
   padding:0px;
   }
   
   
.apply {
	position:fixed;
	z-index:10000;
	background:rgba(0,0,0,.8);
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
}
.zwcont {
	width:60%;
	left:20%;
	top:50%;
	margin-top:-37.8rem;
	position:relative;
}
.zwcont iframe {
	height:75.6rem;
	background:transparent;
	width:100%;
}
.tmbody {
	background:transparent;
}
.zwcont .closets {
	position:absolute;
	height:6rem;
	right:1.5rem;
	top:0;
	cursor:pointer;
	width:4rem;
	background:url(../images/gbtou.png) center no-repeat;
}

.zwcont .closets2 {
	position:absolute;
	height:6rem;
	right:1.5rem;
	top:0;
	cursor:pointer;
	width:4rem;
	background:url(../images/gbtou2.png) center no-repeat;
}
.sqxx {
	width:100%;
	background:#fff;
}
.sqxx h2 {
	text-align:center;
	font-size:2.0rem;
	margin:0px;
	color:#000;
	line-height:9rem;
}
.sqxx h2 big {
	font-size:2.0rem;
}
.sqxx .form {
	background:#f6f6f6;
	padding:3rem 7% 2.5rem;
}
.sqxx .form div {
	float:left;
	width:47%;
	margin-right:6%;
	margin-bottom:2.5rem;
}
.sqxx .form div:nth-child(2n+0) {
	margin-right:0;
}
.sqxx .form div p {
	float:left;
	width:8.8rem;
	color:#636366;
	line-height:4.2rem;
}
.sqxx .form div p:before {
	content:"* ";
	color:#f00;
}
.sqxx .form div input {
	width:calc(100% - 88px);
	background:#fff;
	border:1px rgba(0,0,0,.1) solid;
	line-height:2.2rem;
	outline:none;
	padding:0.9rem 1rem;
}
.sqxx .form div select {
	width:calc(100% - 88px);
	border:1px rgba(0,0,0,.1) solid;
	background:#fff;
	height:4.2rem;
	outline:none;
	padding:0px 1rem;
}
.sqxx .form div:last-child {
	width:100%;
}
.sqxx .form div textarea {
	width:calc(100% - 88px);
	background:#fff;
	border:1px rgba(0,0,0,.1) solid;
	line-height:2.2rem;
	outline:none;
	padding:0.9rem 1rem;
	resize:none;
}
.sqxx form button {
	display:block;
	margin:3rem auto 0px;
	background:#0086ff;
	width:100%;
	max-width:23rem;
	color:#fff;
	height:4.4rem;
	outline:none;
	font-size:1.5rem;
	transition:.3s;
	border:0;
}
.zwcont form button:hover {
	background:#333;
} 


/* 全球业务 */
.shuju {
    height:auto; overflow:hidden;
    border: 1px solid rgba(255,255,255,.5);
    margin-top: 40px;
}

.shuju ul li { width:25%; padding:20px; padding-top:0px; position:relative; }
.shuju ul li .page-ico { position:absolute; right:50px; top:1.75em; }
.shuju ul li .page-ico img { width:2em; height:2em; filter: grayscale(100%) invert(100%) brightness(1000%); }
.shuju .page-num { color:#FFF; }
.shuju .page-num em { position:relative; top:-0.6em; }
.shuju .page-txt { color:#FFF; }

.youhua2 {
   border-right: 1px solid rgba(255,255,255,.5);
}


.zhanhuik {
   height:auto; overflow:hidden;
   position: relative;
}

.zh-zi {
   position: absolute;
   width:100%;
   height: 3rem;
   line-height: 3rem;
   left:0rem;
   bottom:0rem;
   color: #FFFFFF;
   padding-left: 1rem;
   background-color: rgba(0,0,0,.6);
}

.yd {
    display: none;
}

.yc {
    display: block;
}

.jumpto {
    display: none;
}

@media (min-width: 0px) and (max-width: 1000px) {
    
.page-header .page-language {
    top:14px;
    right:2.5%;
}    

.page-header .page-nav .page-nav-btn {
    right: 10px;
}

.page-header .page-nav-con>ul>li>a {
    display: block;
    padding: 0px 1.388em;
    line-height: 40px;
    height: 40px;
    color: #333;
    position: relative;
}

body {
    margin-top: 60px;
}   

.ablan {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #FFFFFF;
}

.ablan li {
    list-style-type: none;
    width: 50%;
    position: relative;
    border-right: 1px solid #eff0f1;
    float: left;
}

.ablan li a {
    display: block;
    height: 4rem;
    line-height: 4rem;
    cursor: pointer;
    color: #000000;
    font-size: 1.4rem;
    text-align: center;
    border-top: 0px solid rgb(23, 72, 150, 0);
}

.ablan li a:hover {
   color: #FFFFFF;
   font-size: 1.4rem;
   background-color:#00537c;
   border-top: 0px solid rgb(23, 72, 150, 1);
}

.ablan li.hover a {
   color: #FFFFFF;
   font-size: 1.4rem;
   background-color:#00537c;
   border-top: 0px solid rgb(23, 72, 150, 1);
}

.yc {
    display: none;
}

.yd {
    display: block;
}

#c_portalResPublic_codeContainer-16122365528600788 {
    display: none;
}

.erji li {
    list-style-type: none;
    width: 48%;
    height: 30px;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1.5rem;
}
  
.ijoin .jibt {
    display:block;
    padding: 1rem;
}

.ijoin .jibt h1 {
    font-size: 1.6rem;
    line-height: 3rem;
}

.ijoin .jibt section {
    padding: 1rem;
    color: #545459;
    line-height: 2rem;
}


.fygnav {
    padding: 0px;
	height:50px;
	background-color:#00537c;
}
.fygnav ul {
    list-style-type: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.fygnav li {
    width: 25%;
    text-align: center;
    float: left;
}
.fygnav li a { display:block; color:#FFFFFF; background-color:#00537c; height:50px; padding-top:3px; border-right:1px solid rgba(255,255,255,.2);}

.fygnav li a:hover { color:#FFFFFF; background-color:#00537c;}

.fygnav li p {
   margin-top:2px;
   } 
   
.page-footer .page-ft-bottom {
    padding: 2.4375em 0px 6em;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}   

    
}