@charset "utf-8";
/* CSS Document */
.banner { width: 100%; height: 587px; background: url("http://kr.xinhuanet.com/specials/pt/2018/sco/images/banner.png") center top no-repeat; }
.banner img { display: none; }
.nav { width: 1000px; height: 62px; margin: -158px auto 0; }
.nav_list { list-style: none; }
.nav_list li { float: left; font-size: 20px; font-weight: bold; color: #fff; line-height: 60px; text-align: center; cursor: pointer; position: relative; }
.nav_list li a { font-weight: bold; color: #fff; }
.nav_list li + li { margin-left: 118px; }
.language-more { background: url(http://www.newsimg.cn/world/scosummit2018/images/arrow_down.png) no-repeat 98px 28px; padding-right: 50px; background-size: auto 16%; }
.language-more:hover .sub { height: 305px; padding: 15px 0; }
.sub { position: absolute; left: -6px; width: 115px; transition: all 0.5s; overflow: hidden; height: 0px; background: #2c9592; background: linear-gradient(to top, #2c9592 0%, #2c9592 100%); z-index: 50; }
div.sub a { display: block; text-align: center; font-weight: normal; font-size: 14px; line-height: 31px; }
.sub a:hover { background-color: rgba(255, 255, 255, 0.5); }
.foot { background: #00cdff; color: #fff; text-align: center; font-size: 20px; padding: 30px 0; margin-top: 100px; }

@media screen and (max-width: 768px) {
.banner { width: 100%; height: auto; background: none; }
.banner img { display: block; width: 100%; }
.nav { width: 100%; height: 36px; margin: 0 auto; background: #2c9592; overflow-x: scroll; }
.nav_list li + li { margin-left: 75px; }
.nav_list { width: 800px; }
.nav_list li { float: left; font-size: 16px; font-weight: bold; color: #fff; line-height: 36px; }
}