body{padding:0;margin:0;font-size:16px;font-family: PingFangSC-Regular,  "Microsoft YaHei"; background-color: #fff;  }
body,html{width:100%;height:100%;font-size:16px; color: #595959;}
a,a:hover,a:focus{text-decoration:none}
ul,li{list-style:none;}
img{border:0px;}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p,input{padding:0;margin:0}
.clear{clear:both;height:0px;line-height:0px}
.fl{float: left;}
.fr{float: right;}
.M10{ margin-top: 10px;}
.bgW{ background-color: #fff; }
.P10{padding: 10px;}
.colorMy{ color: #0163AA;}
.layui-fluid{ padding: 0px;} 
.nav .layui-nav {height: 55px;  display: flex; justify-content: space-between; background-color: #0163AA;}
.layui-nav .layui-nav-item a{ padding: 0 20px;}


.nav{ width:100%; background-color: #0163AA; height: 55px;}
.burger{ position: absolute; right: 0; margin: 10px auto;  display: none; }
.burger div{ width: 25px; height: 3px; border-radius: 6px; background-color: #0163AA; margin: 4px;}
.top,.nav,.box{}


.top{ margin-bottom: 10px;}
.logo{ height: 85px; padding:10px 5% 0 5%;} 

.serch{float: right;width: 90%;    height: 25px;    line-height: 25px;    border-radius: 15px;    border: 1px solid #135482;    margin: 51px 5% 20px 5%;     position: relative;text-indent: 1rem;}
.serch input{ border: none;}
.serch  .sub{width: 15px;    height: 15px;    position: absolute; top: 50%;    right: 10px;    margin-top: -8px;}
.layui-nav li.layui-nav-item{ width: 10%; text-align: center;}
.layui-nav-child{ top:55px}





#banner{ width: 100%; height: auto; overflow: hidden;  }
.banner div img{ width: 100%;} 

.Newsbox{ margin: 50px auto;}
.Newsbox h4{    line-height: 45px;height: 45px; background: #0163AA; border-top: solid #0163AA 4px;}
.Newsbox h4 b{    display: inline-block;padding-left: 20px;font-size: 20px; font-weight: bold;color: #fff;}
.Newsbox h4 a{display: inline-block; padding-right: 20px; float: right; color: #fff; font-weight: normal; font-size: 0.8rem;}
.Newsbox h4 a:hover{ padding-right: 10px;  transition: 0.3s; color: antiquewhite; }

.News ul,.Notes ul{box-shadow: 0 0 4px #ccc; height: auto; clear: all; }

ul.list{ padding: 10px ;}
ul.list li{  line-height: 35px; height: 35px; clear:right;}
ul.list li a{float: left;    font-size: 1rem;    width: calc(100% - 70px);
    padding-left: 18px;    background: url(../img/li-ico.png) left center no-repeat; background-position: 5px center;
    white-space: nowrap;    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
ul.list li a:hover{ padding-left: 25px; background-position: 15px center; font-weight: bold;}
ul.list li:hover{border-bottom: #ccc dashed 1px;}
ul.list li span{ float:right;}

ul.list2{padding: 10px ; clear: both;}
ul.list2 li{border-bottom: #ccc solid 1px; clear: both; padding: 5px 0; width: 100%; height: 60px;position: relative; cursor: pointer; background:#fff;}
ul.list2 li a{}
ul.list2 li span{ display:inline-block; float: left; border: #0163AA solid 1px; width: 60px;  text-align: center;}
ul.list2 li em{ font-size: 26px; font-weight: bold; font-style: normal;isplay: block; line-height: 40px; }
ul.list2 li i{ font-size: 12px; font-style: normal; display: block; line-height: 20px; background-color: #0163AA; color: #fff;}
ul.list2 li h5{ display:inline-block; width:calc(100% - 80px); line-height: 30px;; padding-left: 15px;  float: left;  text-align: left; overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; }
ul.list2 li:hover{    background: #f4f4f4; transition: 0.3s;}
ul.list2 li:hover span{ background-color: #0163AA;transition: 0.3s;}
ul.list2 li:hover em{ color: #fff;transition: 0.3s;}
ul.list2 li:hover h5{ font-weight: bold; text-indent: 1rem;transition: 0.3s;}

#Jdt{ padding: 3px; border: #ddd solid 1px;  overflow: hidden;} 
#Jdt .layui-carousel-ind{ top:-25px; text-align: right;}
#Jdt>div{height: 340px;clear: both;}
#Jdt div{ height: 340px; clear: both;}
#Jdt div img{ width: 100%; height: 310px;}
#Jdt div b{ display: inline-block; width: calc(100% - 130px); line-height: 25px; padding-left: 5px; white-space: nowrap;    overflow: hidden; text-overflow: ellipsis;}
#Jdt div:hover b{ text-indent: 1rem;transition: 0.3s;}

.footer{ background-color: #0163AA;  padding: 50px 0; text-align: center; margin-top: 50px; }
.footer ul{}
.footer ul li{ display: inline-block; width: 18%;text-align: center; margin-bottom: 10px; }
.footer ul li a{display: inline-block; width: 100%; height: auto;}
.footer ul li img{ display: inline-block; background-color: #86b5d7; border-radius: 50%; padding: 10px; width: 32px; height: 32px;}
.footer ul li b{ display: inline-block; text-indent: 1rem; color: #fff; font-weight: normal;}
.footer ul li:hover img{ background-color:#135482; cursor: pointer; transition: 0.5s; width: 38px;}
.footer ul li:hover b{ font-weight: bold;}
.footer ol{ margin-top: 30px; line-height: 80px;;}
.footer .flogo img {height: 70px; width: auto;}
.footer .ewm{ display: inline-block; margin-left: 50px;position: relative;}
.footer .ewm span{ display: none;}
.footer .ewm span img{ }
.footer .ewm:hover span{ display: inline-block; position: absolute;}

.footer2{ background-color: #135482; text-align: center; color: #fff; line-height: 30px; padding:10px  auto;}
.footer2 a{ color: #fff;}
.footer2 a:hover{ text-decoration: underline; }

.bannerList{  width: 100%; height: auto !important; text-align: center; background-color: #1b419c; overflow: hidden; }
.bannerList img{  width: 100%; height: auto !important;}

.Listcont dl{margin-bottom: 50px; border-left: 6px solid #0163aa;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 40px;}
.Listcont dl dt{  padding: 20px 0px 0 23px;    height: 80px;
    background: url(../img/left-nav-ln.jpg) #1967a9 right no-repeat;font-size: 22px;    font-weight: bold;    color: #ffffff;}

.Listcont dl dt::after{    content: "";
    width: 26px;    height: 1px;    background: #ffffff;
    display: block;    margin-top: 15px; }

.Listcont dl dd{    padding: 0 20px 0 17px;position: relative;
    }
.Listcont dl dd a{display: block;
    border-bottom: 1px solid #cccccc;
    color: #333333;
    padding: 15px 0 15px 44px;
    font-size: 18px; font-weight: bold;

}
.Listcont dl dd a:before {
    content: "";width: 16px;
    height: 11px;
    background: url(../img/left-nav-ico.png) center no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 25px;
}
.Listcont dl dd a.on, .Listcont dl dd a:hover{     color: #1184d9 !important; background-color: #ffafafa;}

.Listcont h4{ display: flex; justify-content:space-between;}
.Listcont h4{     height: 55px;    line-height: 55px;    border-bottom: 1px solid #cccccc;}
.Listcont h4 b{float: left;  display: inline-block;   font-size: 20px;    line-height: 52px;    font-weight: bold;    color: #1184d9;}
.Listcont h4 .layui-breadcrumb{display: inline-block; background: url(../img/home.png) left center no-repeat;  padding-left: 25px;  }
.layui-breadcrumb a:hover{ color: #0163AA !important;}
.Listcont ul{ margin: 20px 0;}
.Listcont ul.list li{    overflow: hidden; line-height: 60px !important; height: 60px;transition: all 0.3s ease;
    border-bottom: 1px dashed #e6e6e6; }
.Listcont ul.list li:hover{border-bottom: 1px dashed #1184d9;}
.Listcont ul.list li:hover a{ color: #1184d9;}
.view{ margin: 20px auto; width: 100%;}
.view h1{font-size: 24px;color: #444444; font-weight: bold; text-align: center; padding: 15px 0; line-height: 28px;}
.view .zy{ margin-bottom: 30px;}
.view  .zw img{ text-align: center;}

.list_news {}
.list_news a{ display: flex; justify-content: space-between; 
    clear: both;background-color: #fff;border: 1px solid #eeeeee; margin-bottom: 38px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;}
.list_news a:hover{ box-shadow: 0 5px 20px #ccc;}
.list_news a:hover h5 b{ color: #275fab; transition: all 0.2s linear;}
.list_news span{ display: inline-block; width: %;}
.list_news span img{ width: 100%; height: 300px;}

.list_news h5{ display:flex; flex-direction: column;  width: 61%; padding-right: 20px; }
.list_news h3{ display:flex; flex-direction: column;  width: 96%; padding: 20px 0; margin: 0 auto;}
.list_news h5 b,.list_news h3 b{font-size: 24px; font-weight:bold;  margin: 40px 0;    color: #333; -webkit-tap-highlight-color: rgba(0,0,0,0); white-space: nowrap;    overflow: hidden;text-overflow: ellipsis;}
.list_news  h5 p,.list_news  h3 p{ overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;  text-indent: 2rem;    font-size: 20px; font-weight: normal;  margin-bottom: 2%;  color: #868d93;}
.list_news  h5 i，.list_news  h3 i{ font-size: 16px; font-weight: normal; align-self: flex-end; margin: 10px 0;}