@charset "utf-8";
/* CSS Document */

*{ margin:0 auto; padding:0; font-family:"Microsoft YaHei";}
body{ color:#000; font-size:12px; font-family:"Microsoft YaHei"; margin: auto; min-width:320px; max-width:1024px;}
ul,li{ list-style:none;}
img{ border:none; display:inline-block;}
a{ text-decoration:none; color:#333;}
a:link{text-decoration:none ;}
a:visited {text-decoration:none ; }
a:active {text-decoration:none ; }
a:hover{text-decoration:none ; }
i,em{ font-style:normal;}
input,textarea,select{ outline:none; font-family:"Microsoft YaHei";}
h1,h2,h3,h4,h5,h6{ font-style:normal; font-weight:normal; list-style:none;}
.clear{ clear:both;}

.lf {float:left;}
.rt {float:right;}

.m{ width:100%; margin:auto; min-width:1200px;}
.m-c{ width:1200px; margin:auto;}


/*-----------------------------------------------------------------------------------手机前台页面开始-----------------------------------------------------------------------------------*/

/*头部开始*/

.header{ width: 100%; margin: auto; position: relative;}
.header_top{ float: left; width: 100%; padding: 0 2%; height: 33px; background: #01a27f; position: relative;}
.header_top span{ float: left; line-height: 33px; color: #fff; font-size: 16px;}


.header_bottom{ width: 100%; height: 65px; padding: 0 1%; float: left; position: relative; border-bottom: solid 1px #DEDEDE; }
.header_logo{ width:60%;  float: left; }
.navButton{ float: right;  }
.navButton .fa-bars{ color: #01a27f; line-height: 65px; margin: 0 10px;}

.headSearch{ width:65px; height: 65px; float: right; background: #DCE7F2; text-align: center; }
.headSearch .fa-search{ color: #01a27f; line-height: 65px;}

.oSearch{ display: none; width: 100%; padding: 5px 1%; background: #DCE7F2; position: relative; overflow: hidden; }
.oSearch_l1{  width: 100px; height: 30px; border: solid 1px #DEDEDE; color: #666; font-size: 12px;}
.oSearch_l2{ width: 42%; height: 30px; border: solid 1px #DEDEDE; color: #666; font-size: 12px; background: #fff; margin-left: 1%;}
.oSearch_text{ border: none; width: 82%; height: 28px; padding: 0 3px;}
.oSearch_image{ float: right; margin: 5px; width: 10%;}
.oSearch_l3{ float: right; height: 30px; font-size: 14px; color: #000; display: flex; align-items: center; justify-content: space-around; flex-direction: column;}

.wapNav{display:none;width:100%;position:absolute;top:100%;left:0;z-index:99;padding-bottom:10px;}
.wapNav_ii{ width: 100%; position: absolute; left: 0; top: 0; height: 100%; background: #000; opacity: 1;}
.wapNav ul{ width: 96%; position: relative; float: left; margin: 2%; padding: 0 2%;}
.wapNav ul li{ width: 98%; float: left; border-bottom: solid 1px #ccc; padding: 5px 1%; position: relative; }
.wapNav ul li a{ display: block; float: left; margin: 0 5px; color: #fff; font-size: 16px; line-height: 24px;}
.wapNav ul li .arr{ float: left; color: #fff; line-height: 24px; padding: 0 4px;}

.arrowLeft{ float: left; color: #fff; line-height: 24px !important; margin-left: 18px; margin-right: 4px;}
.arrowLeft2{ float: left; color: #fff; line-height: 24px !important; margin-left: 18px; margin-right: 4px;}
.arrowRight{ float: right; color: #fff; line-height: 24px;}
.arrowRight2{ float: right; color: #fff; line-height: 24px;}
.arrowRight3{ float: right; color: #fff; line-height: 24px;}

.wapNav_two{ display: none; width: 100%; float: left; position: relative; padding-bottom: 10px;}
.wapNav_two dd{ width: 94%; float: left; margin-left: 3%; line-height: 24px; padding: 4px 0;}
.wapNav_two dd a{ font-size: 14px !important;}



.wapNav_three{ display: none; width: 100%; float: left; position: relative; padding-bottom: 10px;}
.wapNav_three dd{ width: 94%; float: left; margin-left: 3%; line-height: 24px; padding: 4px 0;}


.wapNav_four{ display: none; width: 100%; float: left; position: relative; padding-bottom: 10px;}
.wapNav_four dd{ width: 94%; float: left; margin-left: 3%; line-height: 24px; padding: 4px 0;}




/*头部结束*/

/*底部开始*/
.footer{ width: 100%; margin: auto; overflow: hidden; position: relative;}
.footer_top{ width: 100%; float: left; background: #01a27f; padding: 30px 0;}
.footer_nav{ width: 90%; float: left; margin-left: 5%; margin-bottom: 10px;}
.footer_nav span{ width: 100%; float: left; color: #fff; font-size: 18px; font-weight: bold;}
.footer_nav ul li{ width: 100%; float: left;}
.footer_nav ul li a{ color: #fff; font-size: 16px;}


.footer_bottom{ width: 100%; float: left; background: #231815; text-align: center; padding: 5px 1%; color: #fff; font-size: 14px;}
.footer_bottom a{ color: #fff;}

/*底部结束*/

/*banner开始*/
.swiper-con {
    position: relative;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-con .swiper-slide {
    position: relative;
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-con .swiper-button-prev{ background-image: none !important; position: absolute;
    top: 42%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    border: none;
	outline:0;
}
.swiper-con .swiper-button-next{ background: none !important; position: absolute;
    top: 42%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    border: none;
	outline:0;
}



.swiper_title{ width: 100%; position: absolute; left: 0; bottom: 0; background:#01a27f;}
.swiper_title span{ margin: 5px 1%; font-size: 14px; color: #fff; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*banner结束*/



/*主体开始*/
.mainBody{ width: 100%; margin:10px auto; padding: 5px 0;}

/*首页*/


.indexLogin{ width: 100%; float: left; padding:2% 0; overflow: hidden; position: relative;}
.indexLogin ul{ width: 100%; float: left;}
.indexLogin ul li{ width: 46%; float: left; margin-left:2.4%; height: 52px; text-align: center; line-height: 52px; background:#01a27f; margin-bottom: 22px; border-radius:5px;}
.indexLogin ul .dl1 {background: url("../images/zzzdl.png") no-repeat center center; }
.indexLogin ul .dl2 {background: url("../images/zzjdl.png") no-repeat center center;  }
.indexLogin ul .dl3 {background: url("../images/zzbdl.png") no-repeat center center;  }
.indexLogin ul .dl4 {background: url("../images/zbjdl.png") no-repeat center center; }
/*.indexLogin ul .dl1:hover {background: url("../images/zzzdl-hover.png") no-repeat center center; }
.indexLogin ul .dl2:hover {background: url("../images/zzjdl-hover.png") no-repeat center center; }
.indexLogin ul .dl3:hover {background: url("../images/zzbdl-hover.png") no-repeat center center; }
.indexLogin ul .dl4:hover {background: url("../images/zbjdl-hover.png") no-repeat center center; }*/

.indexLogin ul li a{ display: block; color: #fff; font-size: 16px; text-transform: capitalize;}


.ban {
    width: 100%;
    float: left;
	padding:3% 0;
    background: url("../images_m/qkbj.png") top center  no-repeat;
    background-size: cover 100%;
}

.banner_t{ width: 100%; float: left; height: 28px; margin-top: 8px; position: relative; padding: 0 2%;}
.banner_t .banTitle{ font-size: 16px; color: #000; line-height: 25px; display: block; float: left;}
.banner_t .banMs{ display: block; float: left; cursor: pointer; margin-left: 20px; border-radius: 5px; width: 110px; height: 25px; text-align: center; line-height: 25px; background: #01a27f; color: #fff; font-size: 14px;}
.banner_t .banMs:hover{ opacity: 0.8;}

.banner_left {
    width: 96%;
    float: left;
    margin-left: 2%;
    margin-top: 8px;
    background: url("../images_m/btm_1.png");
}

.banMs_tc{ display: none; width: 98%; position: absolute; top: 100%; left: 0; margin: 0 1%; padding: 5px; z-index: 9; box-shadow: #f1f1f1 0px 0px 2px; background: #fff;}

.switchHd{ width: 100%; float: left; position: relative;}
.switchHd dd{ width: 50%; float: left; height: 30px; text-align: center; line-height: 30px; border-bottom: solid 1px #DDDDDD; cursor: pointer;}
.switchHd dd span{ font-size: 16px; color: #000; text-transform: capitalize;}
.switchHd .switchOn{ background: #fff; border-bottom: solid 1px #D60000;}
.switchHd .switchOn span{ color: #D60000;}



.switchBd{ width: 100%; float: left; position: relative;}
.switchBd dd{ display: none; width: 100%; float: left; position: relative;}
.switchBd dd:nth-child(1){ display: block;}
.switctlist{ width: 100%; float: left;}
.switctlist ul{ float:left; width: 98%; margin: 2% 1%;}
.switctlist ul li{ width: 100%; float: left; border-bottom: dashed 1px #CCCCCC; line-height: 18px; padding: 5px 0;}
.switctlist ul li a{ font-size: 14px; color: #666;}



.index_recoPub_right{ width: 54%; float: right; margin: 3%;}

.tit{
    width: 100%;
    padding-left: 14px;
    color: #fff;
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    display: inline-block;
    margin: 0 0 4px;
    line-height: 22px;
}
.tit:before{    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 9px;
    left: 0;
}
.tit2{
    font-size: 14px;
    line-height: 16px;
    padding-left: 14px;
    color: #fff;
}
.tit3 {
    padding-left: 14px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
}
.tit4 {
    line-height: 29px;
    font-size: 14px;
    text-transform: capitalize;
    padding-left: 14px;
    color: #fff;
}
.tit4 img {
    vertical-align: middle;
    margin: -3px 0 0 5px;
}
.line {
    height: 1px;
    border-bottom: 1px dashed #7e94c9;
    margin: 5px 0 5px;
}

.index_Switch{ width: 100%; float: left; padding:0 2%;}
.indexHd{ width: 100%; float: left;}
.indexHd ul{ width: 100%; float: left; border-bottom: 1px solid #000; height: 40px;}
.indexHd ul dd{ float: left; margin-right:3%; line-height: 38px;}
.indexHd ul dd a{ font-size: 16px; color: #666;}
.indexHd ul .indexOn{ border-bottom:3px solid #01a27f; line-height: 37px; }
.indexHd ul .indexOn a{ color:#333;font-weight: 700;}


.indexBd{ width: 100%; float: left;}
.indexBd dd{ display: none; width: 100%; float: left;}
.indexBd dd:nth-child(1){ display: block;}
.banner{ width: 100%; overflow: hidden;}

.slideTxtBox_derived{ width: 100%; float: left; margin-top: 18px;}
.slideTxtBox_derived .slideAll{ float: left;}
.slideTxtBox_derived .slideAll span{ float: left;}
.slideTxtBox_derived .slideAll i{ float:left; margin-right: 8px; font-size: 14px; line-height: 22px; display: block; background: #f00; cursor: pointer; }
.slideTxtBox_derived .slideAll .selAll{ padding:3px 5px; border-radius:5px; background:#D60000; color:#fff; }
.slideTxtBox_derived .slideAll .Deselect{ display: none; padding:3px 5px; border-radius:5px; background:#D60000; color:#fff;}
.slideTxtBox_derived .slideAll .selExport{ padding:3px 8px; border-radius:5px; background:#D60000; color:#fff; background-size: 18px;}

.slideTxtBox_derived span{ float: right; font-family:Arial;}
.slideTxtBox_derived em{ float: left; font-size: 20px; font-size: 14px; color:#999;}
.slideTxtBox_derived .iconfont{ display:block; float: left; color: #ccc; line-height: 22px; cursor: pointer; font-size: 20px; margin-right: 8px;}
.slideTxtBox_derived .der{ color: #2f9df4;}

.slideTxtBox_list{ width: 100%; float: left; padding: 16px 0; position: relative; border-bottom: 1px dashed #ccc;}

.slideTxtBox_list_right{  float: right; width: 92%; position: relative;}
.slideTxtBox_lm{width: 510px;
  height: 36px;
  line-height: 36px;
  display: block;
  color: #333333;
  text-align: left;
  background: url("../images/lmbj.png") no-repeat left;
  border-radius: 2px !important;
  text-indent: 2.5em;
  font-size: 16px;
  font-weight: bold;}
.slideTxtBox_lm a{ color: #333333;}
.slideTxtBox_list_title{ width: 100%; float: left; position: relative;}
.slideTxtBox_list_title a{ font-size: 16px; line-height: 20px; color: #333; text-transform: capitalize; }
.slideTxtBox_list_title a:hover{color:#01a27f;}

.sliBox{ position: absolute; left: -30px; top:8px;}

.slideTxtBox_list_author{ width: 100%; float: left;}
.slideTxtBox_list_author span{ float: left; line-height: 24px; font-size: 14px;}
.slideTxtBox_list_author span a{ font-size: 14px; color: #666 !important;}
.slideTxtBox_list_time{ width: 100%; float: left;}
.slideTxtBox_list_time i{ font-size: 14px; float: left; line-height: 24px; color: #666;}
.slideTxtBox_list_zy{ width: 100%; float: left;}
.slideTxtBox_list_zy i:nth-child(1){ padding-left: 0;}
.slideTxtBox_list_zy i:last-child{ border: none;}
.slideTxtBox_list_zy i{ float: left; font-size: 14px; border-right: 1px solid #01527f;  padding: 0 5px;}
.slideTxtBox_list_zy i a{ color: #666; font-size: 14px; margin-right: 0;}

.slide{ font-style: italic;}
.slide_red{ color: #666 !important;}
.slideTxtBox_count{ color: #01a27f;}
.slideTxtBox_list_zy b{ font-size: 14px; color: #000;}
.slideTxtBox_list_zy .font_describe{ font-size: 14px;}
.slideTxtBox_list_shuffling{ float: left; position: relative; width: 100%; overflow: hidden;}

.aa_1,.aa_2{ display: none; }
.bb_1,.bb_2{ display:none; }


.focus_v{ width:100%; height:160px; overflow:hidden; position:relative; margin:20px auto;}
.focus{width:520px;height:160px;overflow:hidden;position:relative;}
.focus ul{height:380px;position:absolute;}
.focus ul li{float:left;width:320px;height:160px !important;overflow:hidden;position:relative; text-align:center;}
.focus ul li img{max-width: 450px;
    max-height: 158px;
    margin: 0 auto;}
.focus ul li div{position:absolute;overflow:hidden;}
.focus .btn{ display:none;  position:absolute;width:780px;height:10px;padding:5px 10px;right:0;bottom:5px;text-align:center;}
.focus .btn span{display:inline-block;_display:inline;_zoom:1;width:14px;height:14px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;border-radius:50%;}
.focus .btn span.on{background:yellow;}
.focus .preNext{position:absolute;top:30%;cursor:pointer; display:block;}
.focus .pre{left:0;}
.focus .next{right:0;background-position:right top;}

#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:80%;max-width:80%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes bounceFromRight{
    0%{margin-left:0}
    50%{margin-left:-30px}
    100%{margin-left:0}
}
@keyframes bounceFromRight{
    0%{margin-left:0}
    50%{margin-left:-30px}
    100%{margin-left:0}
}
@-webkit-keyframes bounceFromLeft{
    0%{margin-left:0}
    50%{margin-left:30px}
    100%{margin-left:0}
}
@keyframes bounceFromLeft{
    0%{margin-left:0}
    50%{margin-left:30px}
    100%{margin-left:0}
}
@-webkit-keyframes bounce{
    0%,100%{-webkit-transform:scale(0);transform:scale(0)}
    50%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes bounce{
    0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}
    50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}

.swiper_swi{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper_swi .swiper{
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper_swi .swiper-button-prev{ background-image: none !important;position: absolute;
    top: 50%;
    color: #01a27f;
    margin-top: -22px;
    width: auto;
    height: auto;
    z-index: 10;
    cursor: pointer;}
.swiper_swi .swiper-button-next{ background: none !important;position: absolute;
    top: 50%;
    color: #01a27f;
    margin-top: -22px;
    width: auto;
    height: auto;
    z-index: 10;
    cursor: pointer;}



/*首页新闻公告*/
.index_news{ width: 100%; float: left; margin: 8px 0;  padding:0 2%;}
.index_news_top{ width: 100%; float: left; height: 35px; background: #01a27f; line-height: 35px;}
.index_news_top span{ float: left; margin-left: 5px; color: #fff; font-size: 14px;}
.index_news_top a{ float: right; margin-right: 5px; color: #fff; font-size: 14px;}
.index_news ul{ width: 100%; float: left; margin-top: 8px;}
.index_news ul li{ width: 100%; float: left; line-height: 22px; margin-bottom: 5px;}
.index_news ul li i{ display: block; float: left; font-size: 14px;}
.index_news ul li a{ float: left; width: 80%; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 14px;}






/*-----------------------------------------------------------------------------------手机前台页面结束-----------------------------------------------------------------------------------*/