*{padding: 0; margin: 0; list-style-type: none; text-decoration: none; box-sizing: border-box; font-family:"Arial","Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;}
a,span,p,a:hover {cursor: default; text-decoration: none; outline: none;}
ul,li{list-style: none;}
input , textarea , button {outline: none; padding: 5px; resize: none;}

/* 按钮动效 */
.btnStir a{ transition: all 0.43s ease 0s; }
.btnStir a:hover{transform: rotateX(360deg);}

/* Header  */
.Header {width: 100%; height: 96px; text-align: center; background: white; overflow: hidden;}
.Header > div {max-width: 1200px; width: 100%; height: 100%; margin: auto; display: inline-flex; justify-content: space-between; overflow: hidden; }
.Header > div .logo { width: 23%; min-width: 150px; height: 100px; display: inline-flex;  }
.Header > div .logo img{height: 60px; margin: auto 0; }
.Header > div button {display: none; width: 48px; min-width: 48px; height: 40PX; line-height: 40px; margin: auto 10px; color: rgb(120,120,120); border-radius: 4px; border: 2px solid rgba(150,150,150,0.5); background: rgba(0,0,0,0.1); cursor: pointer;}
.Header > div button span {display: block; width: 80%; height: 4px; margin: 4px; border-radius: 1px; background: #888;}
#headerNavText {max-width: 55%; width: 100%; height: 100%; margin: 0 0 auto; display: flex; justify-content: space-between; }
.headerNavText li{height: 100%; position: relative; display:inline-flex; }
.headerNavText li a{font-size:16px; color: rgb(50,50,50); padding: 0 5px; margin: auto; cursor: pointer; }
.headerNavText li a:hover ,.headerNavText li a:hover {font-weight: bold; color:rgb(80,140,230); border-bottom: 2px solid rgb(80,140,230); }
.Header .NavBtn_Right {width: 23%; min-width: 130px; height: 100%; display: inline-flex; justify-content: flex-end; overflow: hidden; }
.Header .NavBtn_Right a {width:40PX; min-width: 40px; height: 40PX; line-height: 40px; margin: auto 0; margin-left: 5%; display: block; color:rgb(120,120,120); cursor: pointer; }
.Header .NavBtn_Right .icon_Search{ background: url(../images/icon_Search.png) center no-repeat; }
.Header .NavBtn_Right .icon_{ background: url(../images/icon_.png) center no-repeat; }
.Header .NavBtn_Right .icon_lang{border: 1px solid rgb(180,180,180); border-radius: 50%; background: none;}


/*Footer*/
.Footer {width: 100%; margin: auto; text-align: center; color: white; background: rgb(25,25,25); overflow: hidden;}
.Footer01 {max-width: 1200px; height: 240px; padding: 40px 0; margin: auto; display: flex; align-items: flex-start; justify-content: space-between; overflow: hidden;}
.Footer01 > div:nth-child(1) {width:50%; height: 100%; margin-right: 5%; display: flex; justify-content: space-between; align-items: flex-start; overflow: hidden;}
.Footer01 > div > div { text-align: left; } 
.Footer01 > div > div span, .RssUS span {font-size: 18px;line-height: 40px; height: 40px; color: white; display: block; }

.Footer01 > div > div ul li a { font-size: 14px; line-height: 32px; color:rgb(150,150,150); }
.Footer01 > div > div ul li a:hover{color:white;}
.Footer01 .RssUS { width: 45%; height: 100%; display: flex; flex-flow: column; align-items: self-start;}
.Footer01 .RssUS ul {width: 100%;}
.Footer01 .RssUS ul li { width: 100%; overflow: hidden; display: flex; justify-content: end; text-align: right;}
.Footer01 .RssUS ul li input { width: 65%;  font-size: 14px; color:rgb(50,50,50); padding:5px;  }
.RssUS button { width: 35%;}

.Footer02 {width: 100%; height: 80px; border-top: 1px solid rgb(40,40,40); display: flex; overflow: hidden;}
.Footer02 > div {max-width: 1200px; margin: auto; display: flex; align-items: center; justify-content: flex-start;}
.Footer02 > div a { font-size: 14px; color:rgb(150,150,150); padding-right: 20px;  }



@media screen and (max-width:768px) {

/* Header */
.Header {padding: 0; overflow:visible;}
.Header > div {position: relative;  overflow: visible; z-index: 999;}
.Header > div .logo { margin-left:10px ;}
#headerNavText {  max-width: 100%; height: auto; display:none; position: absolute; background: rgba(0,0,0,0.8);  top: 100%; border-bottom: 1px solid rgba(150,150,150,0.3); padding: 0 10px; }
.headerNavText li { height: 100%;}
.headerNavText li a {height: auto; line-height: 24px; color: white; padding: 20px 10px; }
.Header > div button {display: block; opacity: 0.5;}
.Header > div button span {display: block; width: 80%; height: 4px; margin: 4px; border-radius: 1px; background: #888;}
.Header > div button:hover {opacity: 1;}

/* Footer */
.Footer01 { height: auto; padding:20px 10px; }
.Footer01 > div:nth-child(1) { width: 60%;}
.Footer01 .RssUS { width: 40%; max-width: 40%;}
.Footer01 .RssUS ul li { height: auto; flex-direction: column;}
.Footer01 .RssUS ul li input {width: 100%;}
.Footer01 > div > div span { height: auto;}
.Footer01 > div > div ul li a {font-size: 14px; line-height:24px; }
.Footer01 .RssUS ul li input , .RssUS button { height: auto; line-height: 24px; margin: 5px 0;}
.RssUS button {width: 50%;}


}

@media screen and (max-width: 576px){
.headerNavText { display: flex; flex-flow: column;}
.headerNavText li {height: auto; border-bottom: 1px solid rgba(150, 150, 150, 0.2);}
.headerNavText li a {width: 100%; color: rgba(255,255,255,0.5); padding: 5px; height: auto; line-height: 24px; text-align: center;}
.headerNavText li:hover a {color: rgba(255, 255, 255, 1) !important; border-bottom: none; background: rgba(255,255,255,0.1);}

.Footer01 {width: 100%; display: flex; flex-flow: column;}
.Footer01 > div > div { text-align: center;}
.Footer01 > div:nth-child(1) { width: 100%; margin-bottom: 5%; justify-content: space-around;}
.Footer01 .RssUS {width: 100%; max-width: 100%; display:inline-flex; flex-flow: nowrap; justify-content: space-around; }
.Footer01 .RssUS ul {width: 80%;}
.Footer01 .RssUS ul li {width: 100%; display: inline-flex; flex-direction: row; justify-content: space-between;}
.Footer01 .RssUS ul li input, .RssUS button {width: 73%;}
.RssUS button {width: 23%;}
.Footer01 > div > div span, .RssUS span {font-size: 16px;}
.RssUS span {width: 40px; margin-right: 5px; line-height: normal;}

}
    


@media screen and  (max-width: 480px) {
    .Header > div .logo { width: 20%;}
    .Header > div .logo img { max-height: 56px; margin: auto 0; }
    .Header .NavBtn_Right { min-width: 96px;}
    .Header .NavBtn_Right a { min-width: auto;}
    .Header .NavBtn_Right .icon_lang { width: 28px; height: 28px; line-height: 28px; min-width: 28px;}
    .Header > div button { width: 36px; height: 36px; min-width: 36px; line-height: 36px; padding: 2px;}
 
    
}