#ss{
  position: relative;}
.ss-text{
  border:none;
  border-radius:20px;
  color:#a7a7a7;
  width:240px;
  height: 30px;   
  padding-left:10px;  
  position:absolute;
  right:25px;
  top:0px;}


.ss-text:focus{
  outline:none;}



.ss-btn{
 background:url(images/ss.png) no-repeat center right; 
 width: 20px;
 height:20px;
 cursor: pointer;  
 outline: none;
 border:none;
 position:absolute;
 right:0px;
 top:5px;}


.navbar
{
background:none;
background:var(--color2);
-webkit-box-shadow:none;
box-shadow:none;
border:none;
border-radius: 0;
min-height: 56px;
margin:0px;}
.navbar-toggle{
   border-color: white !important;}
.navbar-toggle .icon-bar {
    background-color:white  !important;}

.navbar-toggle:focus,
.navbar-toggle:hover {
    background-color: white  !important;}
.navbar-toggle:focus .icon-bar,
.navbar-toggle:hover .icon-bar{
    background-color:var(--color2) !important;}


.navbar .navbar-nav
{
width:100%;
background:none;
margin:0 auto;}

.navbar .navbar-nav>li>a{
    color: white;
    background:none;  
    font-family: "微软雅黑";   
    font-size: 18px; 
    border-radius:0;  
    height:60px;
    line-height:60px;
    text-align:center;}     
.nav>li>a {    
    padding: 0px;}
    
.navbar .navbar-nav>li>a:hover,
.nav > li > a:hover
{
color:white;
background:var(--color3) ;}

.navbar-nav>.open>a,
.navbar-nav>.open>a:focus,
.navbar-nav>.open>a:hover {
    color:white !important;
    background:#0b448e !important;}



@media(min-width:768px){
.navbar .navbar-nav
{
display: flex;
justify-content:space-between;}
.navbar .navbar-nav>li{
flex-grow:1;}
.container-fluid,
.navbar-collapse
{
padding-right:0px;
padding-left:0px;}
.navbar-header
{
display:none;}
.nav > li:hover .dropdown-menu 
{display: block;} 
}
.dropdown-menu
{

background:none;
background-color:var(--color2);
border:none;
border-radius:0px;
border-top: 1px solid #ddd;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
-webkit-box-shadow: none;
box-shadow: none;
width:150%;}


.dropdown-menu > li > a
{
color: white;
font-family: "微软雅黑";   
font-size: 16px; 
line-height:48px;
height:48px;
text-align:center;
width:100%;
background:none;}
.dropdown-menu > li > a:hover
{
color: white;
background:var(--color3);}
.nav_fixed{   
    position: fixed;    
    width: 100%;
    left: 0;
    top: 0;
    z-index: 90;}


#article
{ 
background-color:white;
padding:0px 15%;
margin-bottom:14px;
padding-top:50px;
padding-bottom:100px;}

@media(max-width:768px){
#article{padding:40px 5%;}
}

#article-title
{font-size:32px;
text-align:center;
line-height:80px;
color:#333;
font-weight:normal;
font-family:"微软雅黑","宋体",Arial;
margin:30px auto 0px auto;}

#article-info
{font-size:18px;
text-align:center;
font-family:"微软雅黑","宋体",Arial;
margin-top:20px;}
#article-info .article-info-item
{
padding-right:14px;
padding-bottom: 0px;
margin-bottom:0px;}



#article-foot
{font-size:14px;
line-height:22px;
text-align:center;
font-family:"微软雅黑","宋体",Arial;}
#article-foot .article-foot-item
{
padding:40px;}

.article-content img{
width:80% !important;
height:50% !important;
margin:0 auto !important;}
.article-content *{
font-family:微软雅黑 !important;
font-size:22px !important;
line-height:200% !important;
color:#333 !important;
font-weight:lighter !important;}
.article-content strong *{
font-weight:normal !important;}
.article-content p{
 text-indent: 2em !important;}
.article-content p:has(img){
 text-indent: 0 !important;}
.article-content td * {
 text-indent: 0 !important;}

.myfoot{
text-align:center;
padding:20px;}

.myfoot p{
color:white;
font-size:16px;
height:28px;
line-height:28px;}

.myfoot span{
color:white;
font-size:16px;
margin-right:20px;}