﻿@charset "utf-8";
.container{ background:#f4faff; padding:0.32rem 0;}
.container .nr{box-sizing:border-box;}

.slideBar{ width:100%;}
.slideBar .title{ background:#083d6f; height:56px;display:flex; align-items: center; padding:0 20px; font-size:20px; color:#fff; font-weight:bold; display:none}
.slideBar .nav{ background:#f4faff}
.slideBar .nav dl{ border-bottom:1px solid #e7eaed}
.slideBar .nav dl:last-child{ border-bottom:0}
.slideBar .nav dl dt a{ display:block; padding:0.32rem; font-size:0.32rem; color:#333333; background:#fff;}
.slideBar .nav dl dt.on a,.slideBar .nav dl dt:hover a{ color:#fff; background:#083d6f; font-weight:bold}
.main{ width:100%;  padding:0.35rem; background:#fff;box-sizing:border-box; margin-top:0.32rem }
.location{ height:0.7rem; border-bottom:0.03rem solid #ededed;display:flex;justify-content: space-between; align-items: center;}
.location .title{ height:100%;display:flex; align-items: center; position:relative; font-size:0.32rem; color:#083d6f; font-weight:bold}
.location .title:after{ content:""; display:block; width:100%; height:2px; background:#50afb3; position:absolute; left:0; bottom:-2px;}
.location .lk{ font-size:0.24rem; color:#999999}
.location .lk a{ color:#999}
.location .lk a.on,.location .lk a:hover{ color:#50afb3}

.shuju{ width:100%;}
.shuju .ihd{}
.shuju .ihd .aitem{display:flex;align-items: center;width: 100%;justify-content: space-between; margin-top:0.24rem }
.shuju .ihd .aitem a{ display:block; background:url(g_12.png) left center no-repeat;background-size:0.12rem; padding-left:0.24rem; color:#999999; font-size:0.24rem;}
.shuju .ihd .aitem a.on,.shuju .ihd .aitem a:hover{ background:url(g_14.png) left center no-repeat;background-size:0.12rem; color:#50afb3}
.shuju .ihd .bitem{ width:100%; position:relative; height:0.7rem;margin-top:0.24rem;box-sizing:border-box; border:1px solid #ededed }
.shuju .ihd .bitem .inp1{ display:block; width:100%; height:0.7rem; box-sizing:border-box; border:1px solid #eef0f3; padding:0 1rem 0 0.2rem; font-size:0.24rem; color:#333}
.shuju .ihd .bitem .inp1::placeholder{ opacity:0.5; appearance:none; color:#999999}
.shuju .ihd .bitem .inp2{ display:block; width:1rem; height:0.7rem; background:url(g_15.png) center center no-repeat;background-size:0.4rem; cursor:pointer; position:absolute; right:0; top:0; z-index:2}
.shuju .ibd{ width:100%;overflow:auto}
.shuju .ibd .ahd{ display:flex; background:#083d6f; margin-top:0.4rem; width:14rem }
.shuju .ibd .ahd .item{ box-sizing:border-box; border-right:1px solid #486d90; color:#fff; text-align:center;display:flex; align-items: center; justify-content: center; height:0.8rem; font-size:0.28rem; font-weight:bold}
.shuju .ibd .ahd .item1{ width:15%}
.shuju .ibd .ahd .item2{ width:30%}
.shuju .ibd .ahd .item3{ width:30%}
.shuju .ibd .ahd .item4{ width:20%}
.shuju .ibd .ahd .item5{ width:20%}
.shuju .ibd .ahd .item6{ width:20%}
.shuju .ibd .ahd .item7{ width:15%}
.shuju .ibd .abd{width:14rem}
.shuju .ibd .abd .con{ display:flex;width:100%}
.shuju .ibd .abd .con:nth-child(2n+1){ background:#f4faff}
.shuju .ibd .abd .item{ box-sizing:border-box; border-right:1px solid #ecf1f4; color:#666666; text-align:center;display:flex; align-items: center; justify-content: center; font-size:0.24rem; padding:0.32rem 0.2rem }
.shuju .ibd .abd .item a{ color:#666}
.shuju .ibd .abd .item a:hover{ color:#50afb3; font-weight:bold}
.shuju .ibd .abd .item1{ width:15%}
.shuju .ibd .abd .item2{ width:30%}
.shuju .ibd .abd .item3{ width:30%}
.shuju .ibd .abd .item4{ width:20%}
.shuju .ibd .abd .item5{ width:20%}
.shuju .ibd .abd .item6{ width:20%}
.shuju .ibd .abd .item7{ width:15%}
.shuju .ibd .abd .item3 .intro{ text-align:left}
.shuju .ibd .abd .item7 span{display:flex; align-items: center; justify-content: center; width:1.2rem; height:0.5rem; box-sizing:border-box; border:1px solid #dbdbdb; color:#50afb3; font-size:0.24rem; cursor:pointer; transition:all 0.5s}
.shuju .ibd .abd .item7 span:hover{ background:#50afb3; color:#fff; border:1p solid #50afb3}




.article {width: 100%; padding: 0.4rem 0;line-height:2; font-size:0.28rem; word-wrap:break-word; text-align:justify }
.article .hd { padding:0 0 0.32rem; text-align:center; }
.article .hd h1 { color:#000; font-size:0.36rem; line-height:1.4; }
.article .hd .titBar { color:#797979; font-size:0.24rem; padding: 0.2rem 0 0;} 
.article .bd { padding-bottom:0.32rem; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd;font-size:0.24rem; }
.article .bd img{ max-width:100%;height:auto }
.article .bd video{ max-width:100%;height:auto }




.list{ padding:0.4rem 0}
.list .clearfix{ padding:0 0 0.4rem 0}
.list .item{display:flex;justify-content: space-between; align-items: center; height:0.64rem}
.list .item a{ display:block; width:calc(100% - 1.6rem); box-sizing:border-box; background:url(g_08.png) left center no-repeat;background-size:0.12rem; padding-left:0.24rem; font-size:0.28rem; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.list .item a:hover{ background:url(g_09.png) left center no-repeat;background-size:0.12rem; color:#50afb3; font-weight:bold}
.list .item .time{ font-size:0.24rem; color:#666666}

.page{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.page a{ display: flex; height: 0.6rem; align-items: center; justify-content: center; margin: 0 0.06rem; font-size: 0.24rem; color:rgba(10, 19, 36, 1); background: #f1f1f1; margin-bottom: 0.2rem; padding:0 0.16rem }
.page a.current{ background: #083d6f; color: #fff }
.page a:hover{ background: #083d6f; color: #fff; }
.page form{ display:none}


.keyan{ width:100%; padding:0.4rem 0}
.keyan .keyanItem{ width:48.5%; float:left; position:relative; margin-right:3%; margin-bottom:5%; overflow:hidden}
.keyan .keyanItem:nth-child(2n){ margin-right:0}
.keyan .keyanItem .pic{ width:100%; overflow:hidden}
.keyan .keyanItem .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; height:auto}
.keyan .keyanItem:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.keyan .keyanItem .title{ font-size:0.28rem; color:#252525; text-align:center; padding:0 0.2rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; background:#fff; margin: 0.16rem 0 0;}
.keyan .keyanItem .title a{ color:#252525}


.newsList{ margin-top:0.1rem;}
.newsList .newsItem{ border-top:1px dashed #dddddd; padding:0.5rem 0}
.newsList .newsItem:nth-child(1){ border:0}
.newsList .newsItem .pic{ width:100%; overflow:hidden}
.newsList .newsItem .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.newsList .newsItem:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.newsList .newsItem .cont{ width:100%; box-sizing:border-box;  padding:0.2rem 0 0}
.newsList .newsItem .cont .title{ font-size:0.28rem; color:#252525;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList .newsItem .cont .title a{ color:#252525}
.newsList .newsItem .cont .time{ font-size:0.24rem; color:rgba(00,00,00,0.5); margin-top:0.12rem;}
.newsList .newsItem .cont .intro{ font-size:0.24rem; color:rgba(00,00,00,0.8); margin-top:0.2rem; line-height:1.6}

.newsList .newsItem:hover .cont .title a{ color:#083d6f; font-weight:bold}


.bm_from{ position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; background:rgba(0,0,0,0.7); display:none}
.bm_from .conx{ width:6.9rem;  box-sizing:border-box; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:0.8srem}
.bm_from .conx .gb{ font-size:30px; font-weight:bold; color:#000; position:absolute; right:0; top:0; line-height:1; padding:5px 10px; cursor:pointer}
.bm_from .conx .item{ margin-bottom:20px}
.bm_from .conx .item .t{ font-size:16px; color:#333}
.bm_from .conx .item .inp1{ display:block; width:100%; height:40px; box-sizing:border-box; padding:0 20px; font-size:14px; color:#333; border:1px solid #999; margin-top:5px; border-radius:5px}
.bm_from .conx .item .inp2{ width:150px; height:40px; margin:0 auto; display:block; background:#083d6f; color:#fff; font-size:16px; border-radius:10px; cursor:pointer; margin-top:20px}


















































































































