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

.page-ht { height:0.9rem; }

@media only screen and (max-width:750px){
.page-ht { height:0px; }
}

@font-face { font-family: 'impact';
	src: url('../fonts/impact.eot');
	src: url('../fonts/impact.eot?#iefix') format('embedded-opentype'),
		url('../fonts/impact.woff') format('woff'),
		url('../fonts/impact.ttf') format('truetype'),
		url('../fonts/impact.svg#impact') format('svg');
}


.bg_container img { display:none; }

.impact { font-family: "impact"; }


.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-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: 95%; max-width: 1640px; margin: 0px auto; }

@media only screen and (max-width:899px){
    .page-wrap {
        width: 92%;
    }
}    

.page-main { min-height: 80vh; margin-top: 1.45rem; }

/************************头尾公共部分开始******************************/
.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%; }

}

@media only screen and (max-width: 899px){
.page-main { margin-top: 0.9rem; }

}


.page-header { padding:0px; position:fixed; left:0px; background: #fff; top:0px; width:100%; z-index:1000; }
.page-header .page-logo {padding: 0.43rem 0px 0.39rem;}
.page-header .page-logo img { height:0.65rem; display: none; }
.page-header .page-logo .img02 { display: block;}


/*******搜索部分********/
.page-header .hd-search { height:32px; width:28px; padding-right: 2em; position:relative; z-index:2; }
.page-header .hd-search .sear_but { position:absolute;width: 28px; color: #fff; position: relative; cursor:pointer; background:url(../images/search-but02.png) no-repeat left center; background-size:18px 18px;border-radius:50%;  right:0px; top:0; height:100%; }
.page-header .hd-search .but {position:absolute; width:32px; background:url(../images/search-but02.png) no-repeat center center; background-size:19px 19px;border-radius:50%;right:0px; top:0px; height:100%; border:none; }
.page-header .hd-search  .search { position:absolute; background:#fff; overflow:hidden; width:0px; right:0px; top:0px; bottom:0px; border-radius:16px; }
.page-header .hd-search  .search .put { float:left; width:100%; line-height:26px; background:none; border:none;  }
.page-header .hd-search.open .search { width:12em;padding:2px 32px 2px 10px;  border:1px solid #a8b6cd; }


/*******导航部分******/
.page-header .nav { padding-right: 0.48rem; }
.page-header .nav>ul>li{ display:inline-block; position: relative; }
.page-header .nav>ul>li>a{display: block; padding:0.14rem 0.18rem;  position: relative; color:#333; opacity: 0.8; filter: alpha(opacity=80); }
.page-header .nav>ul>li>a i {display: none; position: absolute; right: 0px; top:50%; width:0px; height: 0px; margin-top: -3px; border:8px solid #fff; border-width: 6px 4px; border-color: #fff transparent transparent transparent; }
.page-header .nav>ul>li>a span { display: inline-block; position: relative; padding: 0.1rem 0px;}
.page-header .nav>ul>li>a span em{position: absolute; left:0px; bottom:0px; margin-top:-0.08rem; width:0px; height:2px; background:#fff; transition:0.5s all; -webkit-transition:0.5s all; }
.page-header .nav>ul>li.on>a,.page-header .nav>ul>li:hover>a{ opacity:1;filter:alpha(opacity=100);}
.page-header .nav>ul>li:hover>a span em {
    width: 100%;
}

.page-header .navlist{position: absolute;left:50%; margin-left: -62px; z-index: 100; top:100%; display:none; width: 124px; opacity:1;}
.page-header .navlist .page-con { position: relative; padding-top: 7px;}
.page-header .navlist ul { border-radius:5px; background:#fff; box-shadow: 0px 0px 0.1rem rgba(0,0,0,0.1); padding: 6px 0px; position: relative; }
.page-header .navlist .page-con::before { position: absolute; content: ""; width: 0px; top:-3px; left: 50%; margin-left: -5px; height: 0px; border:5px solid #fff; border-color: transparent transparent #fff transparent; }
.page-header .navlist ul li a{display:block; color:#333; position:relative; line-height: 2.5714;  }
.page-header .navlist ul li a:hover { background-color: #F5F5F5; color:#2550DB; }



.nav_phone_btn,.nav_phone{display: none;}


.page-header:hover { background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1); }
.page-header:hover .page-logo .img01,.page-header.hover .page-logo .img01 { display: none;}
.page-header:hover .page-logo .img02,.page-header.hover .page-logo .img02 { display: block;}
.page-header:hover .nav>ul>li>a,.page-header.hover .nav>ul>li>a { color:#333; }
.page-header:hover .nav>ul>li>a> span em,.page-header.hover .nav>ul>li>a span em { background:#2550DB; }
.page-header:hover .nav>ul>li>a i,.page-header.hover .nav>ul>li>a i {border-color:#303030 transparent transparent transparent; }
.page-header:hover .hd-search .sear_but,.page-header.hover .hd-search .sear_but { background:url(../images/search-but02.png) no-repeat center center; background-size:18px 18px; }
.page-header:hover .nav>ul>li.on>a,.page-header.hover .nav>ul>li:hover>a { color: #2550DB;}
.page-header:hover .hd-search .sear_but,.page-header.hover .hd-search .sear_but { color: #303030;}

.scrollHeader .page-header { background:#fff;box-shadow:0px 0px 10px rgba(0,0,0,0.1); }
.scrollHeader .page-header .nav>ul>li>a { color:#333; }
.scrollHeader .page-header .nav>ul>li>a span em { background:#2550DB; }
.scrollHeader .page-header .nav>ul>li>a i {border-color: #303030 transparent transparent transparent; }
.scrollHeader .page-header .hd-search .sear_but { background:url(../images/search-but02.png) no-repeat center center; background-size:19px 19px; }
.scrollHeader .page-header .page-logo .img01 { display: none;}
.scrollHeader .page-header .page-logo .img02 { display: block;}
.scrollHeader .page-header .nav>ul>li.on>a,.scrollHeader .page-header .nav>ul>li:hover>a { color: #2550DB;}
.scrollHeader .page-header .hd-search .sear_but { color: #303030;}
.page-header.hover .nav>ul>li.on>a { color: #2550DB; }




@media only screen and (max-width:1440px){
    .page-header .nav>ul>li>a {
        padding: 0.1rem;
    }
} 
@media only screen and (max-width:1240px){
    .page-header .nav {
        padding-right: 0.2rem;
    }
    .page-header .nav>ul>li>a {
        padding: 0.05rem;
    }
}  
@media only screen and (max-width:899px){
.nav_phone_btn,.nav_phone{display: block;}


.phone-nav-bg { display:none; z-index:100; 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:0.3rem; 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: #2550DB;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: #2550DB;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 { right:80%; }
.visible_nav.nav_phone_btn span{background-color: transparent!important;}
.visible_nav.nav_phone_btn span:before{left:5px;top:0px;background:#fff!important;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);}
.visible_nav.nav_phone_btn span:after{top:0px;left: 5px;background:#fff!important;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;}

.scrollHeader .page-header .nav_phone_btn span,.page-header:hover .nav_phone_btn span { background: #2550DB;}
.scrollHeader .nav_phone_btn span:before,.scrollHeader .nav_phone_btn span:after,.page-header:hover .nav_phone_btn span:before,.page-header:hover .nav_phone_btn span:after {background: #2550DB; }
/*手机按钮结束*/

/*手机导航内容*/
.nav_phone{display:block;position: fixed; z-index:1002;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;}
.nav_phone_tit{box-sizing:border-box;width: 100%; padding: 15px 0.29rem 43px; position:relative; color:#666; background:#fff;  }
.nav_phone_tit span{display: none; position:absolute; left:1em; right:0px; top:50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); }
.nav_phone_tit .button{display: inline-block; cursor: pointer; display:none; width: 24px; height: 28px;}
.nav_phone_tit .button:before{
content: "";display: inline-block;width: 24px;height:2px;background: #333;transform: rotate(45deg);border-radius: 8px;
transform: rotate(45deg); -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.nav_phone_tit .button:after{content: "";display: inline-block;width: 2px;height: 24px;background: #333;margin-left: -13px;margin-bottom: -11px;transform: rotate(45deg);border-radius: 8px;transform: rotate(45deg); -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.nav_phone_con{position: absolute;top:84px;bottom: 0px;width: 100%;background: #fff;overflow: hidden;}
.nav_phone_con>ul{overflow-y: auto;overflow-x: hidden;position: absolute;bottom:1em;top:1.4rem; left:0.33rem; right:0px;}
.nav_phone_con>ul>li {line-height:3.3; font-weight: bold; }
.nav_phone_con>ul>li a{opacity: 1;box-sizing: border-box;width: 100%;color: #333;display: inline-block;position: relative;-ms-transition: all 250ms ease-out;transition: all 250ms ease-out;}
.nav_phone_con>ul>li>a .btn { position:absolute; right:0.34rem; top:0px; width:1.06rem; height:1.06rem; }
.nav_phone_con>ul>li>a em,.nav_phone_con>ul>li> ul>li>a em{display: inline-block;width:14px;height:14px;border-right: 2px solid #333;border-bottom: 2px solid #333;position: absolute;top:50%;right:0px;margin-top:-5px;transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all;transform: rotate(-45deg); -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.nav_phone_con>ul>li ul {display: none;}
.nav_phone_con>ul>li ul li{line-height:2.667;font-weight: normal; padding: 0px 0.45rem;}
.nav_phone_con>ul>li.on ul,.nav_phone_con>ul>li ul li.on dl{ display: block;}
.nav_phone_con>ul>li.on .btn em { transform: rotate(-135deg); -webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg); }
.nav_phone .hd-logo { position:absolute; text-align:center; left:0px; bottom:2em; right:0px; }
.nav_phone .hd-logo img { height:28px; }
.nav_phone .phone-search {
    padding-bottom: 0.46rem;
    border-bottom: 1px solid #D2D2D2;
}
.nav_phone .phone-search form {  margin:0px 0.33rem; position:relative; background:rgba(245,245,245,0.7);border:1px solid rgba(51,51,51,0.7); border-radius:0.39rem; }
.nav_phone .phone-search input { float:left; width:100%; padding: 0px 0.2rem 0px 0.7rem; line-height:0.76rem; background:none; border:none; }
.nav_phone .phone-search .but {position:absolute; width:0.7rem; padding: 0px;background:url(../images/search02.png) no-repeat center center; background-size:0.38rem 0.38rem; left:0px; top:0px; height:100%; border:none; }

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

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

.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 {
    background: #2B335E;
    color: #fff;
 }
 .page-footer .page-ft-top {
     padding: 0.3rem 0px;
 }
 .page-footer .page-ft-nav {
     padding-right: 2.19rem;
 }
 .page-footer .page-ft-nav a {
     color: #fff;
 }
 .page-footer .page-ft-nav  dl dt {
     padding-bottom: 0.18rem;
 }
 .page-footer .page-ft-nav  dl dd{
    padding: 0.075rem 0px;
 }

 .page-footer .page-ft-nav dl dd a {
    opacity: 0.7;
    filter: alpha(opacity=70);
 }
 .page-footer .page-ft-nav dl dd a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
 }

 .page-footer .page-ft-code .page-code {
     border-radius: 5px;
     padding: 3px;
     background: #fff;
     width: 138px;
 }
 .page-footer .page-ft-code .page-code img {
     width: 100%;
 }
 .page-footer .page-ft-code .page-txt {
     padding-top: 0.14rem;
 }
 .page-footer .page-contact {
     padding-right: 1rem;
 }
 .page-footer .page-contact dl {
     padding: 0.04rem 0px 0.2rem;
 }
 .page-footer .page-contact dl dt {
     margin-right: 0.1rem;
 }
 .page-footer .page-contact dl dt img {
     width: 2.4285em;
 }
 .page-footer .page-contact dl dd {
     line-height:1.5714;
     opacity: 0.7;
     filter: alpha(opacity=70);
 }
 .page-footer a {
     color: #fff;
     display: inline-block;
 }


 .page-footer .page-ft-bot {
     padding: 0.38rem 0px 0.37rem;
 }

 .page-footer .page-ft-copy {
    color:#8e93ac;
 }
 .page-footer .page-ft-copy img {
     height: 20px;
     margin: 0px 0.03rem 0px 0.07rem;
     vertical-align: middle;
     position: relative;
     top:-2px;
 }
 .page-footer .page-ft-copy a {
    color:#8e93ac;
 }
 .page-footer .page-ft-copy a:hover {
    color:#fff;
 }
 .page-footer .page-ft-link {
     padding: 0px 1.91rem 0px 0px;
 }
 .page-footer .page-ft-link dl {
   width:254px;  
   position: relative;
   line-height: 32px;
   margin-right: 0.1rem;
}
.page-footer .page-ft-link .page-tit {
    line-height: 34px;
}
.page-footer .page-ft-link dl dt {
    padding: 0px 32px 0px 0px;
    height: 34px;
    cursor: pointer;
    position: relative;
}
.page-footer .page-ft-link dl dt:before {
    content: "";
    position: absolute;
    border:2px solid #fff;
    width: 8px;
    height: 8px;
    top:6px;
    right: 4px;
    border-color:transparent transparent #fff #fff;
    transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; 
    transform: rotate(-45deg);
}
.page-footer .page-ft-link dl dd {
    position: absolute;
    left: 0px;
    bottom: 100%;
    right: 0px;
    background:rgba(255,255,255,0.9);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    padding: 0.17rem;
    border-radius:0.1rem;
    z-index: 3;
    max-height: 300px;
    overflow-y: auto;
    display: none;
}
.page-footer .page-ft-link dl dd a {
    color:#2550DB;
    display: block;
    margin: 5px 0px;
}
.page-footer .page-ft-link dl dd a:hover {
    text-decoration: underline;
}
.page-footer .page-ft-link dl:hover dd {
    display: block;
}
.page-footer .page-ft-link dl:hover dt:before {
    transform:rotate(-225deg);
    top:12px;
}

@media only screen and (max-width:1600px){
    .page-footer .page-ft-code .page-code {
        width: 120px;
    }
}
@media only screen and (max-width:1440px){
    .page-footer .page-ft-nav {
        padding-right: 1rem;
    }
}

@media only screen and (max-width:1240px){
    .page-footer .page-contact {
        padding-right: 0.5rem;
    }
}

@media only screen and (max-width:1100px){
    .page-footer .page-ft-code .page-code {
        width: 110px;
    }
    .page-footer .page-ft-link {
        padding-right: 0px;
    }
}

@media only screen and (max-width:899px){
    .page-footer .page-ft-nav {
        width: 100%;
        padding-right: 0px;
    }
    .page-footer .page-ft-contact {
        padding-top: 0.25rem;
        width: 100%;
        justify-content:space-between;
    }
    .page-footer .page-ft-copy {
        width: 100%;
        text-align: center;
    }
    .page-footer .page-ft-bot {
        padding-top: 0px;
    }
    .page-footer .page-ft-link {
        margin: 0px auto;
    }

}    

@media only screen and (max-width:767px){
    .page-footer .page-wrap {
        display: block;
    }
    .page-footer .page-ft-top {
        padding: 0.3rem 0px 0px;
    }
    .page-footer .page-ft-nav {
        width: 100%;
        display: block;
    }
    .page-footer .page-ft-bot {
        padding: 0.3rem 0px;
    }
    .page-footer .page-ft-nav dl {
        padding-bottom: 1em;
    }
    .page-footer .page-ft-nav dl dd {
        display: inline-block;
        padding-right: 1em;
    }
    .page-footer .page-ft-copy {
        padding-top: 0.2rem;
    }
    .page-footer .page-ft-nav dl dt {
        padding-bottom: 0px;
    }
    .page-footer .page-contact {
        width: 100%;
        padding-right: 0px;
    }
    .page-footer .page-ft-code {
        width: 100%;
        padding-top: 0.25rem;
    }
    .page-footer .page-ft-code .page-code {
        margin: 0px auto;
    }
    .page-footer .page-ft-link {
        width: 100%;
        padding-top: 0.25rem;
    }
    .page-footer .page-ft-link .page-tit {
        width: 100%;
        text-align: center;
    }
    .page-footer .page-ft-link dl {
        margin: 0px auto;
    }
}
 

 /* page-back-top  */
.page-back-top { 
    position:fixed; 
    width:40px; 
    z-index:10; 
    cursor:pointer; 
    height:40px; 
    background:#0265FE; 
    border-radius:6px; 
    right:0px; 
    bottom:10%;
    color: #fff;
    text-align: center;
    padding-top: 16px;
    font-size: 12px;
}
.page-back-top:before { 
    position:absolute; 
    width:0px; 
    left:50%; 
    height:0px;  
    top:0px;  
    content:""; 
    margin-left: -5px;
    border:5px solid #fff;
    border-width: 6px 5px;
    border-color: transparent transparent #fff transparent;
}


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

/* page-text-list */
.page-text-list ul {
    margin: 0px -0.15rem;
}
.page-text-list ul li {
    width: 50%;
    margin-bottom: 0.2rem;
}
.page-text-list ul li a {
    color: #333;
}
.page-text-list ul li .page-con {
    margin: 0px 0.15rem;
    padding: 0.26rem 0.3rem;
    background: #fff;
    position: relative;
}
.page-text-list ul li .page-con:before {
    position: absolute;
    left: 0.3rem;
    content: "";
    width: 0.71rem;
    height: 1px;
    background: #D1D1D1;
    bottom: 0.26rem;
    margin-bottom: 1.5em;
}
.page-text-list ul li .page-time span {
    display: block;
    padding-bottom: 0.06rem;
}
.page-text-list ul li .page-text {
    padding-left: 0.3rem;
    padding-top: 0.04rem;
}
.page-text-list ul li .page-sub {
    line-height:1.33;
    max-height: 2.66em;
    height: 2.66em;
}
.page-text-list ul li .page-txt {
    line-height: 1.5714;
    max-height: 3.1428em;
    height: 3.1428em;
    margin-top: 0.15rem;
}
.page-text-list ul li a:hover .page-sub {
    color: #2550DB;
}
.page-text-list ul li a:hover .page-con {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

@media only screen and (max-width:899px){
    .page-text-list ul {
        margin: 0px -0.08rem;
    }
    .page-text-list ul li .page-con {
        margin: 0px 0.08rem;
    }
    .page-text-list ul li {
        margin-bottom: 0.2rem;
    }
}    

@media only screen and (max-width:767px){
    .page-text-list ul li .page-sub {
        font-weight: bold;
    }
}

@media only screen and (max-width:480px){
    .page-text-list ul li {
        width: 100%;
    }
}  


/* page-pic-list */
.page-pic-list ul {
    margin: 0px -0.15rem;
}
.page-pic-list ul li  {
    width: 33.33%;
    padding-top: 0.58rem;
}
.page-pic-list .page-con {
    position: relative;
    margin: 0px 0.15rem;
}
.page-pic-list .bg_container {
    padding-bottom: 68.5714%;
}
.page-pic-list dl {
    position: absolute;
    bottom:0px;
    left:0px;
    right: 0px;
    width: 100%;
    padding: 0.32rem 0.3rem;
    background: linear-gradient(180deg,rgba(0,0,0,0.00), rgba(0,0,0,0.8));
}
.page-pic-list dl dt span {
    padding-right: 0.07rem;
    letter-spacing: 0.026rem;
}
.page-pic-list dl dd {
    margin-top: 0.08rem;
    line-height: 1.22;
    max-height: 2.44em;
    letter-spacing: 0.018rem;
}
.page-pic-list a {
    color: #fff;
}
.page-pic-list .page-more a {
    display: inline-block;
    position: relative;
    width: 4.375em;
    height: 2em;
    border: 1px solid #333333;
    border-radius:1em;
  }
.page-pic-list .page-more  a::before{
    font-family: swiper-icons;
    content: "next";
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    font-size: 14px;
}
.page-pic-list .page-more  a:hover {
    color: #fff;
    border-color: #0265FE;
    background: #0265FE;
}


@media only screen and (max-width:899px){
    .page-pic-list ul {
        margin: 0px -0.08rem;
    }
    .page-pic-list ul li  {
        width: 50%;
        padding-top: 0.2rem;
    }
    .page-pic-list .page-con {
        margin: 0px 0.08rem;
    }

}
@media only screen and (max-width:767px){
    .page-pic-list dl dd {
        font-weight: bold;
    }
}

@media only screen and (max-width:480px){
    .page-pic-list ul li  {
        width: 100%;
    }
}    


/* page-more-list */
.page-more-list ul li .page-con {
    width: 50%;
    padding:0.39rem 0.6rem 0.33rem;
}
.page-more-list ul li:nth-child(2n){
    background: #F8F9FB;
}

.page-more-list dl dt {
    padding-bottom: 0.03rem;
}
.page-more-list dl dt span {
    padding-right: 0.17rem;
    letter-spacing: 0.026rem;
}
.page-more-list dl dd {
    margin-top: 0.08rem;
    letter-spacing: 0.018rem;
}
.page-more-list .page-more {
    padding-top: 0.47rem;
}
.page-more-list .page-more a {
    display: inline-block;
    position: relative;
    width: 4.375em;
    height: 2em;
    border: 1px solid #333333;
    border-radius:1em;
  }
.page-more-list .page-more  a::before{
    font-family: swiper-icons;
    content: "next";
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    font-size: 14px;
}
.page-more-list .page-more  a:hover {
    color: #fff;
    border-color: #0265FE;
    background: #0265FE;
}

@media only screen and (max-width:767px){
    .page-more-list .page-more a {
        width: 3em;
        height:1.75em;
        border-radius: 0.875em;
    }
    .page-more-list ul li .page-con {
        width: 100%;
        padding: 0.4rem 0.5rem;
    }
    .page-more-list ul li:nth-child(2n){
        background: #fff;
    }
    .page-more-list ul li .page-con:nth-child(2n) {
        background: #F8F9FB;
    }
}

/* er-banner */
.er-banner {
    position: relative;
    color: #fff;
}
.er-banner .bg_container {
    padding-bottom: 30.2083%;
}
.er-banner .page-bn-nav {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(7,96,174,0.2);
    padding: 0.21rem 0px;
}
.er-banner .page-bn-nav ul li {
    padding-right: 0.69rem;
    letter-spacing: 0.026rem;
}
.er-banner .page-bn-nav ul li.on {
    font-size: 1.44em;
    padding-right: 0.86rem;
}
.er-banner .page-bn-nav a {
    color: #fff;
}




@media only screen and (max-width:767px){
    .er-banner .bg_container {
        padding-bottom: 40%;
    }
    .er-banner .page-bn-nav ul li.on {
        font-size: 1.1em;
        padding-right: 0.2rem;
    }
    .er-banner .page-bn-nav ul li {
        padding-right: 0.2rem;
    }
}    


.page-title .page-tit {
    letter-spacing: 0.036rem;
  }
  .page-title .page-tit-en  {
    opacity: 0.4;
    filter: alpha(opacity=40);
    letter-spacing: 0.024rem;
    padding-top: 0.1rem;
  }
  .page-title .page-more a {
    display: inline-block;
    border: 1px solid #707070;
    min-width: 1.6rem;
    text-align: center;
    line-height: 3;
    border-radius: 1.5em;
    padding: 0px 1em;
  }
  .page-title .page-more a span {
    display: inline-block;
    padding-right: 28px;
    position: relative;
  }
  .page-title .page-more a span::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background: #333;
    top:50%;
    right: 7px;
    margin-top: -6.5px;
  }
  .page-title .page-more a span::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 1px;
    background: #333;
    top:50%;
    right: 0px;
  }
  
  .page-title .page-more a:hover {
    border-color:#2550DB;
    background:#2550DB;
    color: #fff;
  }
  .page-title .page-more a:hover span:before,
  .page-title .page-more a:hover span:after{
    background: #fff;
  }
  
  @media only screen and (max-width:767px){
    .page-title .page-more a {
      line-height: 2.5;
      padding: 0px 0.5em;
    }
    .page-title .page-more a span {
      padding-right: 18px;
    }
    .page-title .page-tit-en {
        letter-spacing: 0px;
    }
  }  
  



/* page-er-nav */
.page-er-nav {
    border-bottom:1px solid #EAEAEA;
    background: #fff;
}
.page-er-nav .swiper-slide {
    width: auto;
    padding: 0.165rem 0.31rem;
}
.page-er-nav a {
    color: #303030;
    font-weight: 400;
}
.page-er-nav a:hover,
.page-er-nav .hover a  {
    color:#0166B3;
}
.page-er-nav.active {
    position: fixed;
    left: 0px;
    width: 100%;
}

/* er-current */
.er-current {
    margin-top: 1.5rem;
    background: #F5F5F5;
    padding: 0.3rem 0px;
    color: #707070;
}
.er-current a {
    color: #707070;
}
.er-current a:hover {
    color: #0166B3;
}

@media only screen and (max-width:899px){
    .er-current {
        margin-top: 0.9rem;
    }
}    


.page-er-ban {
    margin-top: 1.5rem;
}
.page-er-ban img {
    width: 100%;
}
  @media only screen and (max-width:899px){
    .page-er-ban {
        margin-top: 0.9rem;
    }
}  

/* page-article-content */
.page-article-content {
    padding: 0.45rem 0px 0.55rem;
  }
  .page-article-content .page-wrap {
    max-width: 1200px;
  }
  .page-article-content .page-label {
    padding-top: 0.2rem;
    color: #707070;
  }
  .page-article-content .page-label span {
    display: inline-block;
    padding-right: 0.53rem;
  }
  .page-article-content .page-content {
    border-top:1px solid #EAEAEA;
    line-height: 1.75;
    margin-top: 0.36rem;
    padding: 0.33rem 0px;
  }
  .page-article-content .page-content img {
    height: auto!important;
    max-width: 100%;
  }
  
  
/* page-er-current */
.page-er-current .page-wrap {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    border-bottom: 1px dashed #ddd;
}