@media (max-width: 1080px) {
.title_menu{display:none}
.topnav {  overflow: hidden; display:block; max-width:1080px; width:100%; float:left;  position: relative;background-color:rgba(31, 94, 117, 0.7); position:fixed; z-index:1}
.logo_bg{ width:90%; padding:0% 2% 0% 8%; float:left; background-color:#1f5e75;}
.toplogo{ width:26%; padding:2% 0% 0% 34%; vertical-align: middle; float:left; }
.toplogo img{ width:100%}
.topnav #myLinks {  display: none;}
.item-link{ z-index:999999; position:relative}
.item-link a {width:97%;float:left;color: white;padding:1.5%;text-decoration: none;text-align:center;font-size: 14px;display: block;border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.item-link a.click{ background-color:rgba(31, 94, 117, 0.7)}
.item-link a:hover{ background-color:rgba(31, 94, 117, 0.7)}
.box{ width:6%; padding:3% 0% 3% 0%; float:right;  display: inline-block; cursor: pointer; z-index:2;}
.bar1,.bar2,.bar3 {  width:90%;  height: 5px;  background-color: #FFFFFF; border-radius:5%;  margin: 15% 5%;  transition: 0.4s;}
.change .bar1{  -webkit-transform: rotate(-45deg) translate(-9px, 9px);  transform: rotate(-45deg) translate(-9px, 6px);}
.change .bar2{opacity: 0;}
.change .bar3{  -webkit-transform: rotate(45deg) translate(-8px, -8px);  transform: rotate(45deg) translate(-8px, -8px);}

.article .a_pic {
    width: 80%;
    margin: 0% 10%;
}

.align-li .title_a-left{ width: 47%; padding: 1.2%;}
.align-li .title_a-right{ width: 47%; padding: 1.2%;}
.align-li li .num{width: 7%;}
.align-li li .L-s{width: 93%;}

.middle_btn{width: 100%; margin: 0% 0% 17% 0%;}
.middle_btn ul{width: 36%;  margin: 1% 32% 1% 32%;}
.footer_pic {    width: 66%; padding: 0.5% 17% 0% 17%;}
.footer .email_box{width: 98%; padding: 0% 1% 0.5% 1%;}
}
@media (max-width: 800px) {
.title_a-right a { margin-bottom:2%}

.fac-slogan{width:70%; margin:7% 15% 6% 15%;}
.slogan{width:70%; margin:16% 15% 6% 15%;}
.middle_btn{ margin: 0% 0% 17% 0%;}
.middle_btn ul{width: 42%;  margin: 1% 29% 1% 29%;}
.footer_pic {    width: 94%; padding: 0.5% 3%;}
}