/*globe*/
*{margin:0;padding:0;border:0}
html,body,h1,h2,h3,h4,h5,h6,p,br,form,input,button,textarea,select,fieldset,blockquote,ul,ol,li,dl,dt,dd,pre,a{margin:0;padding:0;border:0;font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#666;text-decoration:none;}
ul{ list-style:none;}

/* 头部 */


.topHeader{display: -webkit-flex;display: flex; justify-content:space-between; align-items:baseline ; background-color:lime; height:40px; width:100%; margin:0 auto;
           -webkit-align-items:baseline ; 
           }
 

.topHeader>div:first-child{ width:18%;  height: 40px;display: flex; justify-content: center;align-items: center;}
.topHeader>div:first-child  img{ width: auto; height: auto; max-height:40px;max-width:100%; }
.topHeader>div:nth-child(2),.topHeader>h1{ width:65%; line-height:40px; text-align:center; vertical-align:middle; font-size:1.6em; font-weight:bold;}
.topHeader>div:last-child{ width:10%;}

 
 
 
/*头部菜单*/  
.topNavOuter{display: -webkit-flex;display: flex; justify-content:space-between;width: 100%; flex-wrap:wrap;}
.topNavOuter>div:last-child{width:5%; margin:10px auto;
      height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
}
.topNavOuter>div:last-child a img{
        width: auto;
        height: auto;
         max-height:25px;max-width:100%;
        }
#topNav{width: 92%; margin:10px auto;overflow:hidden; }
.topMenu{  height:30px;width: 100%;position: relative; }
  .topMenu li{ width:auto; max-width:34%; margin:0 10px; text-align:center; }
  .topMenu a{ font-size:1.6em;  line-height:30px;}

 
 
 
 /*面包屑*/
 .mbx{ border-top:solid 1px #DCDCDC;border-bottom:solid 1px #DCDCDC; padding:10px 5px; margin-bottom:10px;color:#777777;display: -webkit-flex;display: flex;}
  .mbx>li{ position:relative; font-size:1.4rem; margin-right:15px;}
   .mbx>li:not(:last-child):after{ position:absolute; content:"/";  right:-10px; top:0px;}
 
  .mbx li{font-size:1.5em;}
  .mbx li a{font-size:1em;}
 
   
   
 
   
    /*关联导航*/
.xiangguan{width:90%;   min-height:20px; border:solid 1px #CDCDCD;
 border-radius:15px; background-color:#E9FFD7;  margin:30px auto;

 padding:10px; position:relative;box-shadow: 5px 5px rgba(0, 0, 0, .2);
 
 display: -webkit-flex;display: flex; justify-content:space-between;-webkit-align-items:center;align-items:center;flex-wrap:wrap;
 
 }
 .xgTitle{font-size:1.8em; font-weight:bold; padding:5px;position:absolute; top:-15px; left:100px; background-color:#EDEDED; border-radius:10px;color:Red;}
 
 
 .smallMenus{ width:100%; margin:10px 1px; border:solid 1px #EDEDED; padding:3px 5px; border-radius:10px;display: -webkit-flex;display: flex;-webkit-align-items:center;align-items:center;flex-wrap:wrap;}
 
   .smallMenus>li{ margin:5px;}
  .smallMenus li:first-child a,.smallMenus li:first-child span{ font-size:1.5em; font-weight:bold; color:Blue; }
    .smallMenus li:not(:first-child) a{ font-size:1.4em;}
   
   
	
   
     
   /*底部内容-1  */
.footer{margin:0 auto;width:100%; min-height:50px; background-color:#1190A1;display: -webkit-flex;display: flex; justify-content:space-between;-webkit-align-items:center;
	align-items:center;flex-wrap:wrap;
 }
 
.youlian,.xinxi{ width:98%; margin:10px auto;  display: -webkit-flex;display: flex; flex-wrap:wrap;}
 
.xinxi li span,.youlian li span{ color:lime; font-weight:bold; font-size:1.6em; width:23%;text-indent:0.2em; padding:2px;}
.xinxi li a,.youlian li a{ color:white;width:23%; text-indent:1em; font-size:1.3em; margin-left:15px;}

 .webLogo{ width:38%; margin:10px auto;}
 .webLogo>div:first-child{display: flex;justify-content:space-around;display: -webkit-flex; height:60px;}
 .webLogo>div:first-child>img{ width:100px; height:60px; border-radius:5px;} 

 .kouhao span{ display:block; text-align:center;color:White; letter-spacing:1px; font-size:1.6em;width:100%;}
  .beian{ width:56%;}
 
 .beian *{color:White; font-size:1.5em;width:100%; margin-bottom: 18px; display:block; line-height:23px;}
	

   
   
   
   
   
   
   
 /* max-width: 415px */

@media screen and (max-width: 415px) {
 
  .topMenu>li>a{font-size:1.5em;  }
}
/* max-width: 325px */

@media screen and (max-width: 325px) {
 
 .topMenu>li>a{font-size:1.4em;  }
 
   .mbx li{font-size:1.2em;}
  .mbx li a{font-size:1.2em;}
   
 
 .kouhao span{ font-size:1.3em;}
 
 
 .beian *{font-size:1.3em;}
	

}