.institution-wrapper{width:100%; float: left; margin:60px 0 80px;}
.institution-content{width:1200px; margin:0 auto; text-align: center;}
.basetitle{float:left;width:100%;}
.basetitle h1{font-size:30px; font-weight: 500;letter-spacing: 0.1em;text-indent: 0.1em;margin-bottom:40px; }
.main-titlle{width:100%; float:left;}
.main-titlle h2{font-size: 24px;font-weight: 500;margin:0 0 25px}
.institution-main{width: 100%; float: left; text-align: left;}
.institution-list{float:left;width:100%;margin:0}
.institution-list ul { margin:0; padding:0; list-style:none; } 
.institution-list li {margin:0 0 0 1.1em; padding:0;text-indent:-1.1em;text-align:justify;}
.institution-list li i{font-size: 20px; font-weight: 700;font-style:normal;vertical-align: middle}
.list-bottom{margin: 0 0 35px}
.institution-titlle{width:100%; float:left;}
.institution-titlle h2{font-size: 20px;font-weight: 500;color: #00646c;margin:0 0 10px}
.mainbox{width: 100%;float: left; margin: 0 0 35px;}
.institution-flow{width:100%;float: left; text-align: center;margin-top:40px}
.institution-flow img{max-width:680px; height:auto; margin: 0 auto;}
.flowbox{width: 100%;float: left; margin: 0;}
.institution-stx{width:100%;float:left}
.main-smtitle{width:100%;float:left;margin-bottom: 5px;font-weight: 500}
.main-smtitle i{margin-right: 5px;color: #a86828}

@media screen and (max-width: 1600px) {
.institution-wrapper{margin:50px 0 60px}
.institution-content{width:1160px;}
}
@media screen and (max-width: 1200px) {
.institution-wrapper{margin:35px 0 55px}
.institution-content{width:90%;}
.mainbox{margin: 0 0 35px;}
}
@media screen and (max-width: 980px) {
.institution-wrapper{margin:30px 0 40px;}
.basetitle h1{margin-bottom:25px;font-size: 28px}
.institution-flow img{max-width:100%; margin: 5px auto 0}
.main-titlle h2{font-size: 22px;margin:0 0 15px}
.mainbox{margin: 0 0 25px;}
.list-bottom{margin: 0 0 25px}
}
@media screen and (max-width: 767px) {
.basetitle h1{font-size: 26px;}
.institution-titlle h2{font-size: 20px;margin:0 0 5px}
}
@media screen and (max-width: 550px) {
.institution-wrapper{margin:25px 0 30px;}
.institution-content{width:90%;}
.basetitle h1{font-size: 24px;margin-bottom:15px;}
.main-titlle h2{font-size: 20px;margin:0 0 10px}
.institution-list{line-height: 1.5em}
.institution-flow{margin-top:20px}
.list-bottom{margin: 0 0 20px}
}

.clearfix:after{content: "";display: block;line-height: 0;clear: both;}