﻿@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;
}


body{font-size: 100px;
    background-size: cover;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
    background: #f6f7f9;
}


.page-absolution {
    position: absolute;
    left: 0px;
    top:0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

.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_color_7f7f7f {color: #555;}

.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:85.41%;  margin: 0px auto; }



.page-wrap2 {
    max-width: 1321px;
}

@media only screen and (max-width:899px){
    .page-wrap {
        width: 92%;
    }
}    

.page-main { 
    /* min-height: 80vh; */
 }


/************************头尾公共部分开始******************************/
.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: relative; background: #fff; left:0px; top:0px; width:100%; z-index:1000; border-bottom: 2px solid #f8f8f8; }
.page-header .page-logo {padding: 0.22rem 0px 0.22rem;}
.page-header .page-logo img { height:0.5rem; }


.page-header .page-header-rt .page-nav {
    padding-right: 0.12rem;
}

/*******导航部分******/
.page-header .nav {
    padding-right: 0.88rem;
}
.page-header .nav>ul>li{ display:inline-block; position: relative; padding: 0px 0.34rem; }
.page-header .nav>ul>li>a{display: block; line-height: 0.7rem; }
.page-header .nav>ul>li>a span { display: inline-block; padding: 0px 0.07rem; position: relative;  }
.page-header .nav>ul>li>a span em{position: absolute; left:0px; bottom:0px; width:0px; height:0.04rem; background:#1a76ba; transition:0.5s all; -webkit-transition:0.5s all; }
.page-header .nav>ul>li.on>a span em,.page-header .nav>ul>li:hover>a span em{ width: 100%;}
.page-header .nav>ul>li:hover>a span em {
    width: 100%;
}
.page-header .nav>ul>li:hover>a,
.page-header .nav>ul>li.on>a{
    color:#444;
}


.page-header .nav-ico a {
    display: inline-block;
    height: 1.25em;
    width: 1.25em;
    background: url(/images/nav-ico01.png) no-repeat center center/100% 100%;
}
.page-header .nav-ico a.on {
    background: url(/images/nav-ico02.png) no-repeat center center/100% 100%;
}

.scrollHeader .page-header {
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    position: fixed;
}


.nav_phone_btn,.phone-menu{display: none;}


@media only screen and (max-width:980px){
    .page-header .nav>ul>li {
        padding: 0px 0.2rem;
    }
    .page-header .navlist dd {
        padding:0.12rem 0.2rem 0.12rem 0.2rem;
    }
}
 
@media only screen and (max-width:767px){
.nav_phone_btn,.phone-menu{display: block;}

.page-header .hd-search {
    display: none;
}
.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:1rem; 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: #1a76ba;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: #1a76ba;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:#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; }
.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.225rem 0px; left:0.3rem; } 
.page-header .page-logo img { height:0.5rem; }


.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;
}

.fp-viewing-2 .page-header {
    background: none;
}

}
@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 {
   box-shadow: -5px 0px 10px rgba(0,0,0,0.1);
   background: #fff;
 } 
 .page-footer .page-ft-top {
    padding: 0.62rem 0px 0.25rem;
 }
 .page-footer .page-ft-logo {
    padding-right: 0.95rem;
 }
 .page-footer .page-ft-logo img {
    height: 1.65em;
 }
 .page-footer .page-tit {
    padding: 0.22rem 0px 0px 0.07rem;
    color: #313131;
 }
 .page-footer a {
    color: #8a8a8a;
    display: inline-block;
 }
 .page-footer a:hover {
    color: #1a76ba;
 }
 .page-footer .page-ft-nav dl {
    padding-left: 1.5rem;
    letter-spacing: 0.15em;
 }
 .page-footer .page-ft-nav dl dd {
    padding: 0.1rem 0px;
 }
 .page-footer .page-ft-nav dl dt {
    padding-bottom: 0.21rem;
    color: #313131;
 }
 .page-footer .page-ft-nav dl dt a {
    color: #313131;
 }



 .page-footer .page-ft-copy {
    border-top: 2px solid #d4d5d5;
    padding: 0.2rem 0px 0.3rem;
 }

 

 @media only screen and (max-width:1240px){
    .page-footer .page-ft-nav dl {
        padding-left: 1rem;
        letter-spacing: 0.1em;
    }

 }

@media only screen and (max-width:767px){
    .page-footer .page-ft-logo {
        padding-right:0px;
        padding-bottom: 0.3rem;
     }
    .page-footer .page-ft-nav dl  {
        width: 100%;
        padding: 0.1rem 0px;
        letter-spacing: 0px;
     }  
    .page-footer .page-ft-nav dl dd {
        display: inline-block;
        padding-right: 0.2rem;
     }  
     .page-footer .page-ft-nav .alink {
        display: block;
     }
     .page-footer .page-ft-nav dl:nth-child(3) dd {
        width: 100%;
     }

}



/* second-nav */
.second-nav {
    padding-top: 0.13rem;
    background: #fff;
}
.second-nav ul li {
    flex: 1;
    position: relative;
}
.second-nav ul li::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 1.5em;
    background: #ededed;
    right: 0px;
    left: 0px;
    top:50%;
    margin-top: -0.75em;
}
.second-nav ul li:first-child::before {
    display: none;
}
.second-nav a {
    display: inline-block;
    line-height: 0.7rem;
    position: relative;
    padding: 0px 0.08rem;
    color: #828282;
}
.second-nav a::before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    right: 0px;
    height: 0.04rem;
    background: #4898cb;
    display: none;
}
.second-nav ul li.on a::before {
    display: block;
}




/* page-article */
.page-article {
    padding: 1.18rem 0px 1.78rem;
}
.page-article .page-back a {
    background: url(/images/jt04.png) no-repeat left center/1em auto;
    padding-left: 1.75em;
}
.page-article .art-title {
    padding: 0.42rem 0px 0.23rem;
}
.page-article .art-content {
    padding-top: 0.65rem;
}
.page-article img {
    max-width: 100%;
}


@media only screen and (max-width:767px){
    .page-article {
        padding: 0.7rem 0px 1rem;
    }
}


/* er-banner */
.er-banner {
    padding-bottom: 34.32%;
    position: relative;
    letter-spacing: 0.1em;
}
.er-banner .page-text {
    height: 84%;
    bottom: auto;
}
.er-banner .page-con {
    width: 33%;
}
.er-banner .page-txt {
    margin-top: 0.41rem;
}



@media only screen and (max-width:767px){
    .er-banner {
        padding-bottom: 70%;
    }
    .er-banner .page-con {
        width: 72%;
    }

}






