@charset "utf-8";
html, body { width: 100%; overflow-x: hidden; }
@media only screen and (max-width: 1080px), only screen and (max-device-width:1080px) {
html, body { font-size: 33.75px; }
}
 @media only screen and (max-width: 960px), only screen and (max-device-width:960px) {
html, body { font-size: 30px; }
}
 @media only screen and (max-width: 800px), only screen and (max-device-width:800px) {
html, body { font-size: 25px; }
}
 @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
html, body { font-size: 22.5px; }
}
 @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
html, body { font-size: 20px; }
}
 @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
html, body { font-size: 18.75px; }
}
 @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
html, body { font-size: 16.875px; }
}
 @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
html, body { font-size: 15px; }
}
 @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
html, body { font-size: 12.9375px; }
}
 @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
html, body { font-size: 12.5px; }
}
 @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
html, body { font-size: 11.71875px; }
}
 @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
html, body { font-size: 11.25px; }
}
 @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
html, body { font-size: 10px; }
}
 @media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
html, body { font-size: 7.5px; }
}
.left { float: left; }
.right { float: right; }
/* 顶部导航 */
.topbox { padding: 0.5rem; }
.topbox .eg-logo { width: 60%; height: auto; }
.topbox .eg-logo img { width: 100%; height: auto; }
.topbox .pc-logo { width: 15%; height: auto; margin-left: 8%; }
.topbox .pc-logo img { width: 65%; height: auto; margin-top: 0.65rem; }
.topbox .menu-logo { width: 15%; height: auto; }
.topbox .menu-logo img { width: 65%; height: auto; margin-top: 0.65rem; }
.topbox .menu-close { width: 15%; height: auto; }
.topbox .menu-close img { width: 40%; height: auto; margin-top: 0.65rem; }
.content { width: 100%; height: auto; position: relative; }
.menubox { width: 100%; height: auto; position: absolute; left: 0; top: 0; z-index: 50; background: #fff; }
.list01 { width: 45%; height: auto; margin: 0.75rem 0 0.75rem 0; }
.list01 li { font-size: 1.75rem; color: #00b7ee; margin-bottom: 0.25rem; }
.list01 li a { color: #00b7ee; }
.m-left { margin-left: 2%; }
.m-right { margin-right: 2%; }
.list01 .black { color: #000; }
.list01 .red { color: #ee0016; }
.list01 .red a { color: #ee0016; }
/* END */
/* 聚焦图 */
.swperbox01 { width: 100%; height: auto; position: relative; }
.swperbox01 .swiper-container { width: 100%; height: 100%; }
.swperbox01 .swiper-container .swiper-slide img { width: 100%; height: auto; }
.swperbox01 .swiper-slide { width: 100%; height: auto; position: relative; }
.swperbox01 .swiper-slide .bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 4.6rem; opacity: 0.3; background: #000; z-index: 0; }
.swperbox01 .swiper-slide .title { font-size: 1.65rem; width: 96%; height: 4rem; color: #fff; overflow: hidden; z-index: 1; padding-left: 0.5rem }
.swperbox01 .swiper-slide .title a { position: absolute; left: 0; bottom: 0; width: 100%; height: 4rem; line-height: 1.75rem; color: #fff; overflow: hidden; font-weight: bold; z-index: 1; padding-left: 10px }
.swperbox01 .arrow-left { background: url(http://www.newsimg.cn/english/20170321/images/jj-left.png) no-repeat left top; width: 1.35rem; height: 2.1rem; z-index: 2; background-size: 100%; }
.swperbox01 .arrow-right { background: url(http://www.newsimg.cn/english/20170321/images/jj-right.png) no-repeat left bottom; width: 1.35rem; height: 2.1rem; z-index: 2; background-size: 100%; }
/* END */
/* TOP STORIES */
.storiebox { width: 100%; height: auto; }
.dhbox { font-size: 1.4rem; color: #05b3fc; margin-top: 1.5rem; margin-bottom: 1.25rem; padding-left: 0.5rem; font-weight:bold; }
.dhbox a { color: #05b3fc; font-weight:bold; }
.list02 li { border-bottom: 1px solid #e4e4e4; padding-bottom: 1.2rem; margin-bottom: 1.2rem; }
.list02 li p { font-size: 1.6rem; color: #2a2a2a; line-height: 2rem; padding: 0 0.5rem 0 0.5rem; }
.list02 li p a { color: #2a2a2a; }
/* END */
/* VIDEO */
.videobox { width: 100%; height: auto; }
.video-con { width: 100%; height: auto; position: relative; border-bottom: 1px solid #e4e4e4; padding-bottom: 1.2rem; }
.video-con img { width: 100%; height: auto; }
.video-con .title { font-size: 1.65rem; width: 100%; height: 6rem; color: #fff; overflow: hidden; z-index: 1; line-height: 1.9rem; background: #b3b3b3; padding: 0.5rem 0.5rem 0 0.5rem; }
.video-con .title a { color: #fff; }
.video-con .title span { float: left; width: 10%; height: auto; padding-right: 0.75rem; }
.video-con .title span img { width: 100%; height: auto; }
.video-con .bg { position: absolute; left: 0; bottom: 1.2rem; width: 100%; height: 4.6rem; z-index: 0; }
.list03 li { width: 100%; height: auto; border-bottom: 1px solid #e4e4e4; margin-bottom: 1.2rem; margin-top: 1.2rem; padding-bottom: 1.2rem; overflow: hidden; }
.list03 li .img { width: 45%; height: auto; position: relative; }
.list03 li .img img { width: 100%; height: auto; }
.list03 li .img span { width: 20%; height: auto; position: absolute; left: 0.5rem; bottom: 0.5rem; }
.list03 li .img span img { width: 100%; height: auto; }
.list03 li .title { width: 50%; height: auto; margin-right: 2%; font-size: 1.6rem; color: #2a2a2a; }
/* END */
/* photos */
.photobox { width: 100%; height: auto; }
.photo-con { width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #e4e4e4; padding-bottom: 1.2rem; }
.photo-con .swiper-container { width: 100%; height: 100%; }
.photo-con .swiper-slide .img { width: 100%; height: auto; }
.photo-con .swiper-slide .img img { width: 100%; height: auto; }
.photo-con .swiper-slide .tit { font-size: 1.5rem; color: #2a2a2a; line-height: 1.5; margin-top: 0.5rem; padding: 0 0.75rem 0 0.75rem; }
/* END */
/* china */
.chinabox { width: 100%; height: auto; }
.combox { width: 100%; height: auto; position: relative; border-bottom: 1px solid #e4e4e4; padding-bottom: 1.2rem; }
.combox img { width: 100%; height: auto; }
.combox .title { font-size: 1.65rem; bottom: 1.2rem; width: 97%; height: 6rem; margin: 0 auto; color: #fff; overflow: hidden; z-index: 1; line-height: 1.9rem; background:#b3b3b3; padding: 0.5rem 0.5rem 0 0.5rem; }
.combox .title a { color: #fff; }
.combox .bg { position: absolute; left: 0; bottom: 1.2rem; width: 100%; height: 6rem; z-index: 0; }
.list04 li { width: 100%; height: auto; border-bottom: 1px solid #e4e4e4; padding-bottom: 1.2rem; margin-top: 1.2rem; overflow:hidden; }
.list04 li img { float: left; width: 45%; height: auto; padding-right: 0.75rem; }
.list04 li p { font-size: 1.5rem; color: #2a2a2a; padding: 0 0.75rem 0 0.75rem; }
.list04 li p a { font-size: 1.5rem; color: #2a2a2a; }
/* END */

/* culter */
.culturebox { width: 100%; height: auto; }
.swperbox02 { width: 100%; height: auto; position: relative; }
.swperbox02 .swiper-container { width: 100%; height: 100%; }
.swperbox02 .swiper-container .swiper-slide img { width: 100%; height: auto; }
.swperbox02 .swiper-slide { width: 100%; height: auto; position: relative; }
.swperbox02 .swiper-slide .bg { left: 0; bottom: 0; width: 100%; height: 4.6rem; background: url(http://www.newsimg.cn/english/20170321/images/cu-bj.jpg) repeat; z-index: 0; }
.swperbox02 .swiper-slide .title { font-size: 1.65rem; position: absolute; left: 10%; bottom: 0; width: 80%; height: 4rem; color: #fff; overflow: hidden; z-index: 1; padding-left: 0.5rem }
.swperbox02 .swiper-slide .title a { position: absolute; left: 0; bottom: 0; width: 100%; height: 4.25rem; line-height: 2rem; color: #fff; overflow: hidden; z-index: 1; padding-left: 10px }
.swperbox02 .arrow-left1 { background: url(http://www.newsimg.cn/english/20170321/images/cu-left.png) no-repeat left top; width: 1.35rem; height: 2.1rem; z-index: 2; top: 90%; background-size: 100%; }
.swperbox02 .arrow-right1 { background: url(http://www.newsimg.cn/english/20170321/images/cu-right.png) no-repeat left bottom; width: 1.35rem; height: 2.1rem; z-index: 2; top: 90%; background-size: 100%; }
/* END */
/* CHOICE */
.choicebox { width: 100%; height: auto; }
.chinabox-dh { text-align: center; font-size: 1.4rem; color: #fff; background: #e31111; padding: 0.5rem 0 0.5rem 0; margin-top: 1.2rem; font-weight:bold; }
.chinabox-dh a { color: #fff; font-weight:bold; }
.list05 { width: 100%; height: auto; background: url(http://www.newsimg.cn/english/20170321/images/cu-bj.jpg) repeat; }
.list05 li { font-size: 1.75rem; color: #fff; border-bottom: 1px dotted #fff; padding: 1.2rem 0.5rem 1.2rem 0.5rem; }
.list05 li a { color: #fff; }
/* END */
/* footer */
.footer { border-top: 3px solid #e4e4e4; padding-top: 1.2rem; padding-bottom: 1.2rem; margin-top: 1.5rem; }
.footer p { font-size: 1.2rem; text-align: center; }
/* END */