@charset "utf-8";
.container{ background:#f4faff; padding:40px;}
.container .nr{ padding:30px; background:#fff; display:flex; box-sizing:border-box;align-items: flex-start;}

.slideBar{ width:200px; border-bottom:5px solid #50afb3}
.slideBar .title{ background:#083d6f; height:56px;display:flex; align-items: center; padding:0 20px; font-size:20px; color:#fff; font-weight:bold}
.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:15px 20px; font-size:16px; color:#333333; line-height:26px}
.slideBar .nav dl dt.on a,.slideBar .nav dl dt:hover a{ color:#50afb3; font-weight:bold}
.main{ width:910px; margin-left:20px}
.location{ height:40px; border-bottom:2px solid #ededed;display:flex;justify-content: space-between; align-items: center;}
.location .title{ height:100%;display:flex; align-items: center; position:relative; font-size:18px; 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:14px; color:#999999}
.location .lk a{ color:#999}
.location .lk a.on,.location .lk a:hover{ color:#50afb3}

.shuju{ width:100%;}
.shuju .ihd{ height:75px;display:flex;justify-content: space-between; align-items: center;}
.shuju .ihd .aitem{display:flex; align-items: center; }
.shuju .ihd .aitem a{ display:block; background:url(g_12.png) left center no-repeat; padding-left:25px; color:#999999; font-size:16px; margin-right:28px}
.shuju .ihd .aitem a.on,.shuju .ihd .aitem a:hover{ background:url(g_14.png) left center no-repeat; color:#50afb3}
.shuju .ihd .bitem{ width:268px; position:relative; height:32px}
.shuju .ihd .bitem .inp1{ display:block; width:100%; height:32px; box-sizing:border-box; border:1px solid #eef0f3; padding:0 50px 0 20px; font-size:14px; color:#333}
.shuju .ihd .bitem .inp1::placeholder{ opacity:0.5; appearance:none; color:#999999}
.shuju .ihd .bitem .inp2{ display:block; width:50px; height:32px; background:url(g_15.png) center center no-repeat; cursor:pointer; position:absolute; right:0; top:0; z-index:2}
.shuju .ibd .ahd{ display:flex; background:#083d6f}
.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:56px; font-size:16px; font-weight:bold}
.shuju .ibd .ahd .item1{ width:60px}
.shuju .ibd .ahd .item2{ width:180px}
.shuju .ibd .ahd .item3{ width:260px}
.shuju .ibd .ahd .item4{ width:110px}
.shuju .ibd .ahd .item5{ width:110px}
.shuju .ibd .ahd .item6{ width:100px}
.shuju .ibd .ahd .item7{ width:90px}

.shuju .ibd .abd .con{ display:flex;}
.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:14px; padding:20px 10px }
.shuju .ibd .abd .item a{ color:#666}
.shuju .ibd .abd .item a:hover{ color:#50afb3; font-weight:bold}
.shuju .ibd .abd .item1{ width:60px}
.shuju .ibd .abd .item2{ width:180px}
.shuju .ibd .abd .item3{ width:260px}
.shuju .ibd .abd .item4{ width:110px}
.shuju .ibd .abd .item5{ width:110px}
.shuju .ibd .abd .item6{ width:100px}
.shuju .ibd .abd .item7{ width:90px}
.shuju .ibd .abd .item3 .intro{ text-align:left}
.shuju .ibd .abd .item7 span{display:flex; align-items: center; justify-content: center; width:60px; height:32px; box-sizing:border-box; border:1px solid #dbdbdb; color:#50afb3; font-size:14px; cursor:pointer; transition:all 0.5s}
.shuju .ibd .abd .item7 span:hover{ background:#50afb3; color:#fff; border:1p solid #50afb3}




.article {width: 100%; padding: 40px 0;line-height:2; font-size:16px; word-wrap:break-word; text-align:justify }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.article .bd img{ max-width: 100%;height: auto; }
.article .bd video{ max-width: 100%;height: auto; }

.list{ padding:40px 0}
.list .clearfix{ padding:0 0 40px 0}
.list .item{display:flex;justify-content: space-between; align-items: center; height:36px}
.list .item a{ display:block; width:calc(100% - 110px); box-sizing:border-box; background:url(g_08.png) left center no-repeat; padding-left:24px; font-size:16px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.list .item a:hover{ background:url(g_09.png) left center no-repeat; color:#50afb3; font-weight:bold}
.list .item .time{ font-size:14px; color:#666666}


.page{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.page a{ display: flex; min-width: 20px; height: 40px; align-items: center; justify-content: center; margin: 0 5px; font-size: 16px; color:rgba(10, 19, 36, 1); background: #f1f1f1; margin-bottom: 10px; padding:0 10px }
.page a.current{ background: #083d6f; color: #fff }
.page a:hover{ background: #083d6f; color: #fff; }
.page form{ display:none}


.keyan{ width:100%; padding:40px 0}
.keyan .keyanItem{ width:31%; float:left; position:relative; margin-right:3.5%; margin-bottom:3.5%; overflow:hidden}
.keyan .keyanItem:nth-child(3n){ margin-right:0}
.keyan .keyanItem .pic{ width:100%; overflow:hidden}
.keyan .keyanItem .pic img{ width:100% ; height:auto;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.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:16px; color:#252525; text-align:center; padding:0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:50px; background:#fff}
.keyan .keyanItem .title a{ color:#252525}


.newsList{ margin-top:10px;}
.newsList .newsItem{ border-top:1px dashed #dddddd; padding:35px 0}
.newsList .newsItem:nth-child(1){ border:0}
.newsList .newsItem .pic{ width:240px; float:left; 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:calc(100% - 240px); float:left; box-sizing:border-box;  padding:20px 0 20px 20px}
.newsList .newsItem .cont .title{ font-size:16px; color:#252525;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList .newsItem .cont .title a{ color:#252525}
.newsList .newsItem .cont .time{ font-size:12px; color:rgba(00,00,00,0.5); margin-top:10px;}
.newsList .newsItem .cont .intro{ font-size:14px; color:rgba(00,00,00,0.8); margin-top:15px; line-height:30px}

.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:50%; box-sizing:border-box; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); padding:4%}
.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:18px; color:#333}
.bm_from .conx .item .inp1{ display:block; width:100%; height:50px; box-sizing:border-box; padding:0 20px; font-size:16px; color:#333; border:1px solid #999; margin-top:5px; border-radius:5px}
.bm_from .conx .item .inp2{ width:150px; height:50px; margin:0 auto; display:block; background:#083d6f; color:#fff; font-size:18px; border-radius:10px; cursor:pointer; margin-top:40px}