@charset "UTF-8";
img{-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s; -ms-transition: all 0.5s;  transition: all 0.5s;
  border:0;display: inline-block;
}
a{color:#333;-webkit-transition: all .5s;-moz-transition: all .5s; -ms-transition: all .5s;transition: all .5s;}

body{font-size: 100px;
    background-size: cover;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}


.opacity7 {opacity: 0.7;filter:alpha(opacity=70);}

.box_Arrow2 {
    border-top: 2px solid #acacac;
    border-right: 2px solid #acacac;
    width: 0.14rem;
    height: 0.14rem;
    background:transparent;
    transform: rotate(45deg);
    margin-top:-0.07rem;
    position:absolute;
  }

.bg_container img { display:none; }



.bg-f5f5fa { background:#f5f5fa; }
.bg-fff { background:#fff; }
.bg-fafafa { background:#fafafa; }


.border-none { border-bottom:none!important; }

.txt_color_000 { color:#000; }

.txt_justify {text-align: justify; }

.animation {transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; }
.animation2 {transition:3s all; -webkit-transition:3s all; -ms-transition:3s all; -o-transition:3s all; }
.animation3 {transition:all 1s ease 0.5s; }

.u-df { display:-webkit-box;  display:-ms-box; display:flex; }
.u-flex-h {-webkit-box-orient:horizontal; }
.u-flex-r {-ms-flex-direction:row; flex-direction:row; }
.u-flexd--c {-webkit-box-orient:vertical; -ms-flex-direction:column; flex-direction:column; }

.u-jc-c { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.u-jc-sb { justify-content : space-between; }
.u-jc-end { -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; }
.u-fd-rr { -webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse;  flex-direction:row-reverse; }
.u-jc-sa {-webkit-justify-content: space-around; justify-content: space-around; }

.u-ai-fs { -webkit-box-align:start; -ms-flex-align:start;  align-items:flex-start; }
.u-ai-c { -webkit-box-align:center; -ms-flex-align:center;  align-items:center; }
.u-al-fe { -webkit-box-align:end; -ms-flex-align:end;  align-items:flex-end; }
.u-as-bl { -webkit-align-self:baseline; -ms-align-self:baseline;  align-self:baseline; }

.u-flex-sb {  justify-content:space-between; }

.u-fw { -webkit-flex-wrap: wrap; flex-wrap:wrap; }

.flex-1 { flex:1; }




.page-wrap { width:82.8125%;  margin: 0px auto; }

@media only screen and (max-width:1920px){
    .page-wrap {
        width: 88%;
        max-width: 1590px;
    }
} 
    

.page-main { 
    min-height: 80vh;
 }

 .maintop {
    margin-top: 1.1rem;
 }
 @media only screen and (max-width:767px){
    .maintop {
        margin-top: 0.9rem;
     }

 }   

/************************头尾公共部分开始******************************/
.mCSB_container { margin-right:4px;}
.mCustomScrollBox>.mCSB_scrollTools { width:9px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#0766bd; margin:0px; float:right; width:4px; border-radius:0px; }
.mCSB_scrollTools .mCSB_draggerRail, .mCSB_scrollTools { width:4px; }
.mCSB_scrollTools .mCSB_draggerContainer { background:none; left:auto; width:4px; }
.mCSB_scrollTools .mCSB_draggerRail { background:#f1f1f1; position:absolute; top:0px; right:0px; bottom:0px; }


/*******************头部 公共部分 结束***************************/
/*视频*/
.video_place{position: fixed;top:0px;left: 0px;right: 0px;
    bottom: 0px;background-color: rgba(0,0,0,0.85);
    z-index: 999999999;
}
.lt9 .video_place{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")}
.video_con{z-index:2;width:1028px;height:578px;
    background-color: #000;position: absolute;top: 50%;left: 50%;
    transform: translate(-50%,-50%);text-align: center;
}
.lt9 .video_con{top:20%;left:10%;background: #000;}
.video_con video{width: 100%;height: 100%; object-fit:fill;}
.video_close_btn{position:fixed; top:10px; right:20px; width:40px; height:40px; cursor:pointer; }
.video_close_btn i {position:absolute;  background:#fff; display:inline-block; position:absolute;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg); left:50%; top:50%;  }
.video_close_btn i.i1 { width:24px; height:2px; }
.video_close_btn i.i2 {  width:2px; height:24px; }
.video_place .con { position:relative; }
.video_place p {position:absolute;top:50%; margin-top:258px;left:50%; margin-left:-450px;
    width:900px; padding:0.85em 0px; color: #fff;text-align: center;
    cursor: pointer;}
/*视频结束*/


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

.video_con{width:90%; height:70%; }

}


.page-header { padding:0px; position:fixed;background:#FFF; left:0px; top:0px; width:100%; z-index:1000; }
.page-header:before{
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    width: 100%;
    right: 0px;
    height: 1px;
    background: #fff;
}
.page-header .page-logo {padding: 0.16rem 0px 0.16rem;}
.page-header .page-logo img { height:0.76rem; }


/*******搜索部分********/
.page-header .page-wrap{
    width: 90.625%;
    max-width: 1740px;
}


/*******导航部分******/
.page-header .nav { padding-right: 0.53rem; }
.page-header .nav>ul>li{ display:inline-block; padding: 0px 0.28rem; }
.page-header .nav>ul>li>a{display: block; line-height: 1.1rem; position: relative; color:#000;  }
.page-header .nav>ul>li>a i {display:none; background: #006fe6; bottom:0px; position: absolute; right: 0px; left: 0px; height:0.22em; }
.page-header .nav>ul>li>a span { display: inline-block; position: relative; }
.page-header .nav>ul>li>a span em{position: absolute; overflow: hidden; left:0px; z-index: 3; bottom:0px; width:0px; height:0.2272em; background:#f7b228; transition:0.5s all; -webkit-transition:0.5s all; }
.page-header .nav>ul>li:hover>a span em {
    width: 100%;
}
.page-header .nav>ul>li.on>a span em {
    width: 100%;
    background: #f7b228;
}

.page-header .page-language a {
    display: inline-block;
    background: #ffb51f;
    color: #fff;
    border-radius: 1em;
    padding: 0px 0.5em;
}


.nav_phone_btn,.phone-menu{display: none;}

.page-header:hover:before {
    background: #bdbdbd;
}


.scrollHeader .page-header {
    background:#fff;
}
.scrollHeader .page-header:before {
    background: #bdbdbd;
}


@media only screen and (max-width:900px){
    .page-header .nav>ul>li {
        padding: 0px 0.125rem;
    }
}
 
@media only screen and (max-width:767px){
.nav_phone_btn,.phone-menu{display: block;}

.phone-nav-bg { display:none; z-index:1000; position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.1); }
/*手机导航按钮开始*/
.nav_phone_btn{ position:absolute; top:50%; margin-top:-16px; z-index:101; right:1.4rem; transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all; }
.nav_phone_btn{display: block;cursor: pointer; height:40px;}
.nav_phone_btn span {position: relative;font-size: 0;width:40px;height:2px;background-color: #f7b228;display: inline-block;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before,.nav_phone_btn span:after {content: "";position: absolute;width: 100%;height:2px;background-color: #f7b228;left:0px;transition:all 250ms ease-out;-webkit-transition:all 250ms ease-out;}
.nav_phone_btn span:before{top:-12px;}
.nav_phone_btn span:after{top:12px;}
.visible_nav.nav_phone_btn span{background-color: transparent;}
.visible_nav.nav_phone_btn span:before{left:0px;top:0px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}
.visible_nav.nav_phone_btn span:after{top:0px;left:0px;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);}
.body_nav_phone .nav_phone_tit .button {
    display: inline-block; 
}
.body_nav_phone .phone-nav-bg { display:block;}

/*手机按钮结束*/

/*手机导航内容*/
.nav_phone{display:block;position: fixed; background: #fff; z-index:1001;top:0px;bottom: 0px;left:-75.78125%;height: 100%;width:75.78125%;right:auto;transition:left 0ms ease-out;-webkit-transition:left 0ms ease-out;transition:left 250ms ease-out;-webkit-transition:left 250ms ease-out;overflow: hidden;}
body.body_nav_phone .nav_phone{left:0px;}

.phone-menu { position:fixed; left:0px; height:calc(100% - 0.9rem); background:url(../images/page-wap-nav-bg01.jpg) no-repeat center top #fff; background-size:100% auto; top:-100%; right:0px; overflow:hidden; overflow-y:auto;  transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; display:block; z-index:101; -o-transition:0.5s all; border-top:1px solid #f0f0f0;  }
.phone-menu .phone-menu-nav a { display:block; border-bottom:1px solid #f0f0f0; position:relative;  color:#333; line-height:1rem; padding:0px 0.4rem; }
.phone-menu .phone-menu-nav .box_Arrow2 { position:absolute; top:50%; right:0.5rem; }
.phone-menu .phone-menu-nav h3.on a { color:#fff; background:#f7b228; font-weight:bold; }
.phone-menu .phone-menu-nav h3.on a .box_Arrow2 { -webkit-transform:rotate(135deg); transform:rotate(135deg);border-top-color: #fff;border-right-color: #fff; }
.phone-menu .phone-menu-nav dl { display:none; }
.phone-menu .phone-menu-nav dl a { padding-left:1rem; }
.phone-menu .phone-menu-nav dl dt.on a { color:#f7b228; font-weight:bold;}
.phone-menu .phone-menu-nav dl dt.on a .box_Arrow2 { -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.phone-menu .phone-menu-nav dl dd { display:none; }
.phone-menu .phone-menu-nav dl dd h4.on a { color:#2b2b2b; font-weight:bold;}
.phone-menu .phone-menu-nav dl dd h4.on a .box_Arrow2 { -webkit-transform:rotate(135deg); transform:rotate(135deg); }

.phone-menu .phone-menu-nav dl dd a img { height:0.44rem; vertical-align:middle; margin-right:0.14rem; }
.phone-menu .phone-menu-nav .page-phone-menu-con { display:none; }
.phone-menu .phone-menu-nav .page-phone-menu-con a { padding-left:1.73rem; }
.phone-menu .phone-menu-nav .page-phone-menu-con a:before { width:0.1rem; height:0.1rem; background:#f7b228; border-radius:50%; position:absolute; left:1.48rem; top:50%; margin-top:-0.05rem; content:""; }

.body_nav_phone .phone-menu { top:0.9rem;}
.body_nav_phone .page-header {
    background: #fff;
}
.html,.html body {
    overflow: hidden!important;
}

/*手机导航内容结束*/

.page-header { height:0.9rem; }
.page-header .page-logo { padding:0.1rem 0px; left:0.3rem; } 
.page-header .page-logo img { height:0.7rem; }

.scrollHeader .nav_phone_btn { margin-top:-16px; }

.page-header.hover  .nav_phone_btn span,
.page-header.hover .nav_phone_btn span:before,
.page-header.hover  .nav_phone_btn span:after {
    background: #055DA4;
}

}
@media only screen and (max-width:540px){
    .nav_phone_btn{display: block;cursor: pointer; height:30px;}
    .nav_phone_btn span { width: 30px; }
    .nav_phone_btn span:before{top:-8px;}
    .nav_phone_btn span:after{top:8px;}
    .nav_phone_con {top:74px;}
}
@media only screen and (max-width:480px){
    .nav_phone_con {top:68px;}
}
@media only screen and (max-width:414px){
    .nav_phone_con>ul>li>a .btn {
        height: 59px;
        width: 59px;
    }
    .nav_phone_con>ul>li.on> ul>li>a em {
        margin-top: -2px;
    }
}
@media only screen and (max-width:375px){
    .nav_phone_con {top:60px;}
}

/****************page-footer***********************/
.page-footer {
   position: relative;
   background: #332c2b;
   color: #fff;
 }
 .page-footer .page-ft-logo img {
    height: 0.76rem;
 }
 .page-footer .page-ft-top {
     padding: 0.66rem 0px 0.52rem;
 }
 .page-footer .page-copy {
    padding-top: 0.23rem;
    line-height: 2.25;
    color: #afadad;
 }
 .page-footer .page-copy a {
    color: #afadad;
    display: none;
 }
 .page-footer .page-copy a:hover {
    color: #f7b228; 
 }

 .page-footer .page-ft-nav  dl {
    padding-right: 0.5rem;
    position: relative;
 }
 .page-footer .page-ft-nav  dl dt {
     padding-bottom: 0.16rem;
 }
 .page-footer .page-ft-nav  dl dd{
    padding: 0.115rem 0px;
    color: #afadad;
 }
 .page-footer .page-ft-nav  dl dd p {
    padding:0px 0px 0.22rem;
 }
 .page-footer .page-ft-nav dl dt a {
    color: #fff;
 }
 .page-footer .page-ft-nav dl dd a {
   color: #afadad;
 }
 .page-footer .page-ft-nav dl dd a:hover {
    color: #f7b228; 
 }
 .page-footer .page-ft-nav dl dd img {
    width: 2.58rem;
 }
.page-footer a {
     display: inline-block;
}
.page-footer .page-ft-left {
    padding-right: 1.84rem;
}

@media only screen and (max-width:1240px){
    .page-footer .page-ft-left {
        padding-right: 1rem;
    }
}    
@media only screen and (max-width:1160px){
    .page-footer .page-ft-nav {
        padding-right: 0.4rem;
    }
    .page-footer .page-ft-nav dl {
        padding-right: 0.2rem;
    }

}    
@media only screen and (max-width:1060px){
    .page-footer .page-ft-left {
        padding-right:0.5rem;
    }
    .page-footer .page-ft-nav {
        padding-right: 0rem;
    }
    .page-footer .page-ft-nav dl {
        padding-right: 0.2rem;
    }

}     


@media only screen and (max-width:767px){
    .page-footer .page-ft-logo img {
        height: 4.75em;
    }
    .page-footer .page-ft-top {
        padding: 0.7rem 0px 0.3rem;
    }
    .page-footer .page-ft-left {
        width: 100%;
    }
    .page-footer .page-ft-logo {
        text-align: center;
    }
    .page-footer .page-ft-left .page-copy {
      display: none;
    }
    .page-footer  .page-copy {
        text-align: center;
        padding: 0px 0px 0.3rem;
        line-height: 1.5;
    }
    .page-footer  .page-copy br {
        display: none;
    }
    .page-footer .page-ft-nav {
        padding-top: 0.3rem;
    }
    .page-footer .page-ft-nav dl {
        width: 100%;
        padding-bottom:0.2rem;
        padding-left: 0.5rem;
    }
    .page-footer .page-ft-nav dl dd {
        display: inline-block;
        padding: 0px 0.1rem 0.1rem 0px;
    }
    
    .page-footer .page-ft-nav dl.page-code {
        text-align: center;
        padding-top: 0.3rem;
    }
    .page-footer .page-ft-nav dl {
        display:block;
        width: 100%;
        padding: 0.2rem 0px;
        border-top: 1px solid #fff;
    }
    .page-footer .page-ft-nav  dl:first-child {
        border-top: none;
    }
    
}
 

 

.er-banner {
    position: relative;
    overflow: hidden;
}
.er-banner .bg_container {
    padding-bottom: 29.9479%;
}
.er-banner .page-title {
    position: absolute;
    left: 0px;
    top:0%;
    width: 100%;
    right: 0px;
    height: 100%;
    bottom: 0px;
    color: #fff;
}
.er-banner dl {
    padding:0px 5%;
    line-height: 1.4;
}
.er-banner dl dt {
    padding-bottom: 0.2rem;
}
.er-banner2 .page-title {
    color: #000;
}
@media only screen and (max-width:767px){
    .er-banner .bg_container {
        padding-bottom: 50%;
    }
}   



/* page-current */
.page-current {
    padding: 1em 0px;
    color: #686868;
    background: #f2f2f2;
}
.page-current span {
    color:#2c2626;
    display: inline-block;
    font-weight: bold;
}
.page-current a {
    color: #686868;
    display:inline-block
}
.page-current a:hover {
    color: #f5b13b;
}
.page-current b {
    display: inline-block;
    padding: 0px 0.22rem;
}