@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: 14px;

    background-size: cover;

    -ms-behavior: url(../css/backgroundsize.min.htc);

    behavior: url(../css/backgroundsize.min.htc);

}





.page-ht { height:0.9rem; }



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

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



   



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

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

    .page-main {

        margin-top: 0.8rem;

    }

} 



/************************头尾公共部分开始******************************/

.mCSB_container { margin-right:4px;}

.mCustomScrollBox>.mCSB_scrollTools { width:9px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#66A22A; 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; left:0px; top:0px; width:100%; z-index:1000; }

.page-header .page-wrap {

    max-width: 1146px;

}

.page-header .page-logo {padding: 0.15rem 0px;}

.page-header .page-logo img { height:0.6rem; display: none; }

.page-header .page-logo .img01 { display: block;}

.page-header .page-httop .page-hd-code {

    position: relative;

    z-index: 5;

}

.page-header .page-httop .page-hd-code ul li {

    margin-left: 0.24rem;

    position: relative;

    padding-bottom: 0.12rem;

}

.page-header .page-httop .page-hd-code img {

    display: none;

    width: 26px;

}

.page-header .page-httop .page-hd-code .img01 {

    display: inline-block;

}

.page-header .page-httop .page-hd-code .page-code {

    position: absolute;

    top:100%;

    left: 50%;

    margin-left: -55px;

    background: #fff;

    border-radius: 0.5em;

    padding: 5px;

    background: #fff;

    border: 1px solid #eaeaea;

    width: 110px;

    display: none;

}

.page-header .page-httop .page-hd-code .page-code:before{

    position: absolute;

    content: "";

    top:-5px;

    left: 50%;

    width: 10px;

    height: 10px;

    margin-left: -5px;

    border:1px solid #eaeaea;

    background: #fff;

    border-color: transparent transparent #eaeaea #eaeaea;

    transform: rotate(135deg);

}

.page-header .page-httop .page-hd-code .page-code img {

    width:100%;

    display: inline-block;

}

.page-header .page-httop .page-hd-code ul li:hover .page-code{

    display: block;

}

.page-header.hover .page-httop .page-hd-code ul li.on .img01,

.page-header .page-httop .page-hd-code ul li.on .img01,

.page-header:hover .page-httop .page-hd-code ul li.on .img01,

.scrollHeader .page-header .page-httop .page-hd-code ul li.on .img01,

.page-header.hover .page-httop .page-hd-code ul li.on .img02,

.page-header:hover .page-httop .page-hd-code ul li.on .img02,

.scrollHeader .page-header .page-httop .page-hd-code ul li.on .img02,

.page-header .page-httop .page-hd-code ul li.on .img02 {

    display: none;

}

.page-header.hover .page-httop .page-hd-code ul li.on .img03,

.page-header .page-httop .page-hd-code ul li.on .img03 {

    display:inline-block;

}









/*******搜索部分********/

.page-header .hd-search .but {position:absolute;left: 6px;top:0px; width:20px; background:url(../images/search01.png) no-repeat center center; background-size:20px 20px; height:100%; border:none; }

.page-header .hd-search .search .put { float:left; width:100%; color: #fff; padding: 5px 0px; height: 30px; line-height:20px; background:none; border:none;  }

.page-header .hd-search .search {

    position: relative;

    width: 180px;

    height: 30px;

    background: rgba(238, 238, 238, 0.39);

    border-radius: 6px; 

    padding: 0px 10px 0px 36px;

}





.page-header .page-htbot {

    border-top: 1px solid rgba(255,255,255,0.1);

}





/*******导航部分******/

.page-header .nav { padding-right: 0.67rem; }

.page-header .nav>ul>li{ display:inline-block; position: relative; }

.page-header .nav>ul>li>a{display: block; position: relative; padding-right:16px; color:#fff; }

.page-header .nav>ul>li>a i { position: absolute; right: 0px; top:50%; width:0px; height: 0px; margin-top: -3px; border:8px solid #fff; border-width: 5px 3.5px; border-color: #fff transparent transparent transparent; }

.page-header .nav>ul>li>a span { display: inline-block; position: relative; padding: 0.15rem 0px;}

.page-header .nav>ul>li>a span em{position: absolute; left:0px; top:0px; margin-top: -1px ; width:0px; height:2px; background:#fff; 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 .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:#699B2C; }







.nav_phone_btn,.nav_phone{display: none;}





.page-header:hover,.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:#699B2C; }

.page-header .nav>ul>li:hover>a i,.page-header.hover .nav>ul>li.on>a i {border-color:#699B2C 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: #699B2C;}

.page-header:hover .hd-search .sear_but,.page-header.hover .hd-search .sear_but { color: #303030;}

.page-header:hover .page-htbot,.page-header.hover .page-htbot {

    border-top: 1px solid rgba(153,153,153,0.14);

}



.page-header:hover .nav>ul>li>a i { border-color: #333 transparent transparent transparent;  }

.page-header:hover .nav>ul>li:hover>a i { border-color: #699B2C transparent transparent transparent;  }

.page-header.hover .nav>ul>li>a i { border-color: #333 transparent transparent transparent;  }



 

.page-header:hover .page-httop .page-hd-code ul li .img01,

.page-header.hover .page-httop .page-hd-code ul li .img01 {

    display: none;

}

.page-header:hover .page-httop .page-hd-code ul li .img02,

.page-header.hover .page-httop .page-hd-code ul li .img02 {

    display: inline-block;

}



.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:#699B2C; }

.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:18px 18px; }

.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: #699B2C;}

.scrollHeader .page-header .hd-search .sear_but { color: #303030;}

.page-header.hover .nav>ul>li.on>a { color: #699B2C; }



.scrollHeader  .page-header .page-htbot {

    border-top: 1px solid rgba(153,153,153,0.14);

}

.scrollHeader .page-header .page-httop .page-hd-code ul li .img01,

.scrollHeader .page-header .page-httop .page-hd-code ul li .img01 {

    display: none;

}

.scrollHeader .page-header .page-httop .page-hd-code ul li .img02,

.scrollHeader .page-header .page-httop .page-hd-code ul li .img02 {

    display: inline-block;

}

.scrollHeader .page-header .hd-search .but,

.page-header:hover .hd-search .but,

.page-header.hover .hd-search .but {

    background:url(../images/search02.png) no-repeat center center; 

    background-size:20px 20px;

}



.scrollHeader .page-header input::-webkit-input-placeholder,

.page-header:hover input::-webkit-input-placeholder,

.page-header.hover input::-webkit-input-placeholder {color:#666;}

.scrollHeader .page-header input:-moz-placeholder,

.page-header:hover input:-moz-placeholder,

.page-header.hover input:-moz-placeholder {color:#666;}

.scrollHeader .page-header input::-moz-placeholder,

.page-header:hover .page-header input::-moz-placeholder,

.page-header.hover input::-moz-placeholder { color:#666;}

.scrollHeader .page-header input:-ms-input-placeholder,

.page-header:hover .page-header input:-ms-input-placeholder,

.page-header.hover input:-ms-input-placeholder {color:#666;}





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

    .page-header .nav {

        padding-right: 0.2rem;

    }

}    



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

.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: #fff;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: #fff;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;}

.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: #699B2C;}

.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: #699B2C; }

/*手机按钮结束*/



/*手机导航内容*/

.nav_phone{display:block;position: fixed; 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;}

.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/search03.png) no-repeat center center; background-size:0.45rem 0.45rem; left:0px; top:0px; height:100%; border:none; }



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



.page-header { height:0.9rem; }

.page-header .page-logo { padding:0.12rem 0px; left:0.3rem; } 

.page-header .page-logo img { height:0.66rem; }



.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: #699B2C;

}



}

@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: #F0F0F0;

    color: #222;

 }

 .page-footer .page-ft-top {

     padding: 0.56rem 0px;

 }

 .page-footer .page-wrap {

     max-width: 1146px;

 }

 .page-footer .page-ft-nav {

     padding-right: 1.18rem;

 }

 .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-code {

    color: #699B2C;

    font-weight: 500;

 }

 .page-footer .page-ft-code .page-code {

     border-radius: 0.5em;

     padding: 5px;

     background: #fff;

     border: 1px solid #eaeaea;

     width: 110px;

     margin-right: 0.16rem;

 }

 .page-footer .page-ft-code .page-code img {

     width: 100%;

 }

 .page-footer .page-contact {

     padding-top: 0.16rem;

 }

 .page-footer .page-contact dl dt {

     padding-bottom: 0.11rem;

 }

 .page-footer .page-contact dl dd {

     line-height: 2;

 }

 .page-footer a {

     color: #222;

     display: inline-block;

 }

 .page-footer  a:hover {

     color: #699B2C;

     text-decoration: underline;

 }



 .page-footer .page-ft-bot {

    border-top:1px solid rgba(219, 219, 219, 0.39);

     padding: 0.17rem 0px 0.21rem;

 }



 .page-footer .page-ft-copy img {

     height: 20px;

     margin: 0px 0.17rem 0px 0px;

     vertical-align: middle;

     position: relative;

     top:-2px;

 }



 .page-footer .page-ft-link {

     padding: 0px 0.07rem;

 }

 .page-footer .page-ft-link dl {

   width: 170px;  

   position: relative;

   line-height: 32px;

   margin-right: 0.1rem;

}

.page-footer .page-ft-link .page-tit {

    line-height: 34px;

    padding-right: 0.2rem;

}

.page-footer .page-ft-link dl dt {

    padding: 0px 20px 0px 0.11rem;

    border: 1px solid #DBDBDB; 

    border-radius: 8px;

    height: 34px;

    cursor: pointer;

    position: relative;

}

.page-footer .page-ft-link dl dt:before {

    content: "";

    position: absolute;

    border:9px solid #464646;

    border-width: 7px 5px;

    width: 0px;

    height: 0px;

    top:12px;

    right: 9px;

    border-color: #464646 transparent transparent transparent;

    transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; 

    border-radius:2px;

}

.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:#699B2C;

    display: block;

    margin: 5px 0px;

}

.page-footer .page-ft-link dl:hover dd {

    display: block;

}

.page-footer .page-ft-link dl:hover dt:before {

    transform: rotate(-180deg);

    top:5px;

}



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

    .page-footer .page-ft-nav {

        padding-right: 0.5rem;

    }

}



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

    .page-footer .page-wrap {

        display: block;

    }

    .page-footer .page-ft-top {

        padding: 0.3rem 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: 0.25em;

    }

    .page-footer .page-ft-copy {

        padding-top: 0.2rem;

    }

    .page-footer .page-ft-nav dl dt {

        padding-bottom: 0px;

    }

}





 /* page-back-top  */

.page-back-top { 

    position:fixed; 

    width:40px; 

    z-index:10; 

    cursor:pointer; 

    height:40px; 

    background:url(../images/top.png) no-repeat center center/cover; 

    right:10px; 

    bottom:10%;

}



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

    .page-back-top { 

        background:url(../images/top2.png) no-repeat center center/cover;

    }

}    



.er-banner {

    position: relative;

    color: #fff;

}

.er-banner .bg_container {

    padding-bottom: 17.8571%;

}

.er-banner .page-tit {

    position: absolute;

    left: 0px;

    top:0px;

    bottom: 0px;

    right: 0px; 

    background: rgba(0,0,0,0.1);

}



.er-banner dl dt {

    letter-spacing: 0.475em;

}

.er-banner dl dd {

    letter-spacing: 0.25em;

    padding-top: 0.07rem;

}





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

    .er-banner .bg_container {

        padding-bottom: 40%;

    }

    .er-banner dl dd {

        letter-spacing: 0.025rem;

    }

}    



/* page-er-nav */

.page-er-nav {

    background: #66A22A;

}

.page-er-nav .swiper-slide {

    width: auto;

    padding: 0px 0.25rem;

    line-height: 3;

}

.page-er-nav a {

    color: #fff;

    font-weight: 400;

    opacity: 0.7;

}

.page-er-nav a:hover,

.page-er-nav .hover a  {

    opacity: 1;

}

.page-er-nav.active {

    position: fixed;

    left: 0px;

    width: 100%;

}

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

    .page-er-nav .swiper-slide {

        padding: 0px 0.15rem;

    }

    

}



/* page-pic-list */

.page-pic-list ul {

    margin: 0px -0.8571em;

    padding-top: 0.42rem;

    padding-bottom: 0.06rem;

  }

  .page-pic-list ul li {

    width: 25%;

  }

  .page-pic-list ul li .page-con {

    margin: 0px 0.8571em;

  }

  .page-pic-list .page-img {

    overflow: hidden;

  }

  .page-pic-list .bg_container {

    padding-bottom:56.06%;

  }

  .page-pic-list dl {

    padding: 1em 0px 1.625em;

  }

  .page-pic-list dl dd {

    opacity: 0.5;

    padding-top: 4px;

  }

  .page-pic-list ul li a {

    color: #333;

  }

  .page-pic-list ul li a:hover {

    color: #B90D01;

  }

  



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



    .page-pic-list ul li {

      width: 50%;

    }

    .page-pic-list ul {

      margin: 0px -0.5em;

    }

    .page-pic-list ul li .page-con {

      margin: 0px 0.5em;

    }

  }



/* page-text-list */

.page-text-list ul li {

    width: 49.023%;

    margin-top: 0.24rem;

}

.page-text-list ul li a {

    border: 1px solid #F1F1F1;

    display: block;

    height: 100%;

    color: #333;

    padding: 0.16rem 5em 0.16rem 0.33rem;

    position: relative;

}

.page-text-list ul li a::before{

    position: absolute;

    content: "";

    right: 0.26rem;

    top:50%;

    width: 1.2857em;

    height: 1.2857em;

    margin-top: -0.64275em;

    background: url(../images/jt04.png) no-repeat center center/100% 100%;

}

.page-text-list ul li .page-time {

    opacity: 0.5;

    padding-top: 0.03rem;

}

.page-text-list ul li a:hover {

    color: #B90D01;

    background: rgba(185,13,1,0.1);

}

.page-text-list ul li a:hover:before {

    background: url(../images/jt05.png) no-repeat center center/100% 100%;

}



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

    .page-text-list ul li {

        width: 100%;

    }

    .page-text-list ul li a  {

        padding-right: 3em;

    }

    .page-text-list ul li a::before {

        background: url(../images/jt001.png) no-repeat center center/100% 100%;

    }

    .page-text-list ul li a:hover:before {

        background: url(../images/jt005.png) no-repeat center center/100% 100%;

    }

}    





/* page-current */

.page-current{

    background: #66A22A;

    color: #fff;

    line-height: 4;

    margin-top: 0.04rem;

}

.page-current a {

    color: #fff;

    display: inline-block;

    margin-right: 0.03rem;

    margin-left: 0.03rem;

}



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

    .page-current{

        line-height: 3.75;

        margin-top: 0.1rem;

    }



}

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

    .page-current{

        line-height: 3.5;

        margin-top: 0.15rem;

    }



}

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

    .page-current{

        margin-top:0.1rem;

    }



}



/* page-detail-wrap */

.page-detail-wrap {

    color: #333;

    padding: 0.72rem 0px 0px;

}

.page-detail-wrap .page-sub {

    padding-top: 0.1rem;

}

.page-detail-wrap .page-sub span {

    color: #999;

    display: inline-block;

    padding: 0px 0.1rem;

}

.page-detail-wrap .page-con {

    padding: 0.43rem 0px;

}

.page-detail-wrap .page-con img {

    max-width: 100%;

    margin: 0.1rem 0px 0.38rem;

    display: block;

}

.page-detail-wrap .page-con p {

    padding-bottom: 1.5em;

    text-indent: 2em;

}







.page-detail-yema {

    background: rgba(102,162,42,0.9);

    position: relative;

    padding: 0.16rem 0px;

}

.page-detail-yema:before {

    position: absolute;

    content: "";

    left: 0px;

    top:0px;

    width: 50%;

    height: 100%;

    background: #66A22A;

}

.page-detail-yema ul {

    position: relative;

    z-index: 2;

}

.page-detail-yema ul li {

    width: 48%;

}

.page-detail-yema a {

    display: block;

    color: #fff;

}

.page-detail-yema a:hover {

    opacity: 0.8;

}

.page-detail-yema .page-btn {

    position: relative;

    padding-left: 38px;

    color: #fff;

    margin-bottom: 0.09rem;

    display: inline-block;

}

.page-detail-yema .page-btn:before {

    position: absolute;

    content: "";

    left: 0px;

    top:50%;

    width: 27px;

    height: 2px;

    background: #fff;

    margin-top: -0px;

}

.page-detail-yema .page-btn:after {

    position: absolute;

    content: "";

    left: 0px;

    top:50%;

    width: 6px;

    height:6px;

    margin-top: -3.5px;

    border:2px solid #fff;

    border-color: #fff transparent transparent #fff;

    transform: rotate(-45deg);

}

.page-detail-yema .page-next {

    padding-right:38px;

    padding-left: 0px;

}

.page-detail-yema .page-next:before {

    left: auto;

    right: 0px;

}

.page-detail-yema .page-next:after {

    left: auto;

    right: 0px;

    transform: rotate(135deg);

}

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

    .page-detail-yema .page-btn {

        padding-left: 30px;

    }

    .page-detail-yema .page-btn:before {

        width: 20px;

    }

    .page-detail-yema .page-btn:after {

        width: 5px;

        height: 5px;

        margin-top: -3.8px;

    }

    .page-detail-yema .page-next {

        padding-right: 30px;

    }

} 

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

    .page-detail-yema .page-btn {

        padding-left: 24px;

    }

    .page-detail-yema .page-btn:before {

        width: 14px;

        margin-top: -2px;

    }

    .page-detail-yema .page-btn:after {

        width: 4px;

        height: 4px;

        margin-top: -5px;

    }

    .page-detail-yema .page-next {

        padding-right: 24px;

    }

}

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

    .page-detail-yema ul li {

        width: 100%;

        padding: 0.2rem 0px;

        text-align: left;

    }

    .page-detail-yema:before {

        width: 100%;

        height: 50%;

    }

    .page-detail-yema .page-next {

        padding-left:24px;

        padding-right: 0px;

    }

    .page-detail-yema .page-next:before {

        right: auto;

        left: 0px;

    }

    .page-detail-yema .page-next:after {

        right: auto;

        left: 0px;

        transform: rotate(-45deg);

    }

}