#top{text-align:center;}
#logo{
display:inline-block;}
#FourierCanvas {
    opacity: 0.3;
    position: absolute;
    top: 0px;
    left: 0px;}
#ArchimedesCanvas {
    opacity: 0.3;
    position: absolute;
    top: 0px;
    right: 0px;}
#c59277{
    background-color:#00610b;
    height:60px;white-space:nowrap;overflow-y:hidden; overflow-x:auto;
    
    box-shadow: 0px 0px 5px #032907;
    width:100%;max-width:1200px;
    text-align:center;}
.hidescrollbar{
   -ms-overflow-style: none;scrollbar-width: none;}
.showscrollbar{
   -ms-overflow-style: none;scrollbar-width: none;}
.showscrollbar:hover{
   -ms-overflow-style: auto;scrollbar-width: auto;}
.showscrollbar::-webkit-scrollbar {
    height:8px;}
.showscrollbar::-webkit-scrollbar-button{
    display:none;}
.showscrollbar::-webkit-scrollbar-track{
    background-color:transparent;}
.showscrollbar::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
    background: #04d9ff;}
    
@media only screen and (min-width: 1200px) {
    #c59277{
        margin:-15px auto 0px auto;}
     #c59277 ul li a {height:60px;} 
}

@media only screen and (max-width: 1200px) {
    #c59277{margin:0px auto 0px auto;}
     #c59277 ul li a {height:52px;} 
}

    #c59277 ul {list-style: none; margin: 0px; padding: 0px;} 
    
    #c59277 ul li a {font-family: 黑体;text-decoration: none;font-weight:bold; color:#fff; display:inline-block; min-width:120px; line-height:60px; text-align:center;  font-size:18px;} 
    
    #c59277 ul li { display:inline-block;} 
    #c59277 ul li a:hover { color:#ffffff;background-color:#009710;}
    #c59277 ul li a#current {  font-weight:bold; color:#fff159;}
    #c59277 ul li ul { border:0px solid #ccc; display:none;background-color:#d9ffdd; min-width:200px; box-shadow:2px 2px 5px #002204;text-align:left;white-space:normal;} 
    #c59277 ul li ul li {font-family: 黑体;text-decoration: none;font-weight:bold;font-size:14px; float:none;  margin:0;}
    #c59277 ul li ul li a {height:35px;line-height:35px; text-align:center;  color:#333333;padding:5px 10px;} 
    #c59277 ul li ul li a:hover { color:#ffffff;background-color:#009710;}  
    #c59277 ul li:hover ul { display:block;z-index:9999999; position:absolute;}
    #c59277 ul li.sfhover ul { display:block;} 
#banerbutton{
margin-top:-30px;
text-align:center;}
#banerbutton span{
display:inline-block;
width:20px;
height:20px;
border-radius: 10px;
background-color:#999999;
cursor:pointer;
margin:0px 3px;}
#banerbutton .active
{
    background-color:orange;}
@media only screen and (min-width: 800px) { 
    #banner{
       text-align: right; width: 1200px;}
       #banner img{
        width: 1200px;
        height:350px;
        box-shadow: 0px 0px 5px #444444;}
}

@media only screen and (max-width: 800px) {
   
   #banner{
       text-align: right; width: 100%;}
        #banner img{
        width: 100%;}
}

@keyframes fadeIn {
  from { opacity: 0;}
  to { opacity: 1;}
}
.fade-out {
  opacity: 0;}
.fade-in {
  animation: fadeIn 1s ease-in;}
#Parent{
text-align: left; line-height: 2; width:100%; height: 255px;overflow:hidden;
transition: margin-top 0.5s linear;}
@media only screen and (min-width: 1200px) {
    #xintupiandiv{
        height:275px;line-height:275px;overflow:hidden;} 
    #showwinwentupianlianjie{
        height:275px;line-height:275px;}
}

@media only screen and (max-width: 1200px) {
    #xintupiandiv{
        overflow:hidden;
        height:unset;line-height:unset;}
    #showwinwentupianlianjie{
        height:unset;}
    #tupianxinwenbiaoti {
    padding-bottom:10px;}
}
#tupianxinwenbiaoti {
    text-align: center;
    color: #333333;
    width:100%;
    overflow:hidden;
    margin-top:-10px;
    font-size:11pt;}

    #tupianxinwenbiaoti a {
        color: #333333;}

        #tupianxinwenbiaoti a:hover {
            color: orange;}

#tupianxinwenbutton {
    position:relative;
    top: -25px;
    text-align: right;}

#showwinwentupian {
    vertical-align: middle;}

#tupianxinwenbutton span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background-color: #999999;
    cursor: pointer;
    text-align: center;
    margin-right:5px;}

#tupianxinwenbutton .active {
    background-color: orange;}

@media only screen and (min-width: 1200px) {
   .doublecolumn{
   width:47%;text-align:left;line-height:2.5;color:gray;padding:0px 15px;display:inline-block; vertical-align:top;}
   
   
}

@media only screen and (max-width: 1200px) {
   .doublecolumn{
   width:99%;text-align:left;line-height:2.5;color:gray;padding:0px 15px;vertical-align:top;}
}
@media only screen and (min-width: 1200px) {
   .doublecolumn{
   width:47%;text-align:left;line-height:2.5;color:gray;padding:0px 15px;display:inline-block; vertical-align:top;}
   
   
}

@media only screen and (max-width: 1200px) {
   .doublecolumn{
   width:99%;text-align:left;line-height:2.5;color:gray;padding:0px 15px;vertical-align:top;}
}
@media only screen and (min-width: 1200px) {
   .doublecolumn{
   width:47%;text-align:left;line-height:2.5;color:gray;padding:0px 15px;display:inline-block; vertical-align:top;}
   
   
}

@media only screen and (max-width: 1200px) {
   .doublecolumn{
   width:99%;text-align:left;line-height:2.5;color:gray;padding:0px 15px;vertical-align:top;}
}