@media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
html, body { font-size: 19.2px; }
}
 @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
html, body { font-size: 17.066666666666666px; }
}
 @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
html, body { font-size: 16px; }
}
 @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
html, body { font-size: 14.399999999999999px; }
}
 @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
html, body { font-size: 12.8px; }
}
 @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
html, body { font-size: 11.040000000000001px; }
}
 @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
html, body { font-size: 10.666666666666666px; }
}
 @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
html, body { font-size: 10px; }
}
 @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
html, body { font-size: 9.6px; }
}
 @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
html, body { font-size: 8.533333333333333px; }
}
 @media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
html, body { font-size: 6.4px; }
}
/**
* @Author: minihui
* @Date:   2017-02-20-Mon-11-09-12
* @Last modified by:   minihui
* @Last modified time: 2017-02-21-Tue-19-26-58
* @Copyright: Copyright © 2000 - 2017 XINHUANET.com　All Rights Reserved.
制作单位：新华网股份有限公司　　版权所有 新华网股份有限公司
*/
.left { float: left; }
.right { float: right; }
.oh { overflow: hidden; }
.os { overflow: scroll; }
.ov { overflow: visible; }
.bgnr { background-repeat: no-repeat; }
.bgr { background-repeat: repeat; }
.bgrx { background-repeat: repeat-x; }
.bgry { background-repeat: repeat-y; }
.bgCover { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
.pr { position: relative; }
.pa { position: absolute; }
body, html { width: 100%; height: 100%; position: relative; overflow-x: hidden; }
body { background-color: #fff; font-family: Georgia !important; }
.container { width: 100%; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; background-image: url(http://www.xinhuanet.com/english/cnleaders_m/2017lh/0222images/Ebaaner.png); -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; background-color: #fff; background-position: 50% 0; background-repeat: no-repeat; }
.part { width: 92%; margin: 0 auto; }
/*******************************************************************************
                         所有标题
*******************************************************************************/
.part-tit { width: 28.25rem; height: 4rem; margin: 2.2rem auto 2.7rem; background-image: url("http://www.xinhuanet.com/english/cnleaders_m/2017lh/0222images/tits.png"); -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; background-repeat: no-repeat; }
.part-tit1 { background-position: 0 0; }
.part-tit2 { background-position: 0 -4rem; }
.part-tit3 { background-position: 0 -8.6rem; }
.part-tit4 { background-position: 0 -13rem; }
.part-tit5 { background-position: 0 -18rem; }
.part-tit6 { background-position: 0 -23rem; }
.part-tit7 { background-position: 0 -28.5rem; }
.part-tit8 { background-position: 0 -28rem; }
/*******************************************************************************
                         通用list
*******************************************************************************/
.part-txtList li { border-bottom: 1px solid #eeeeee; padding-bottom: 1.1rem; margin-bottom: 1.1rem; }
.part-txtList-tit { font-size: 1.8rem; line-height: 2.3rem; color: #333333; }
.part-txtList-tit a { font-weight: bold; color: #333333; display: block; }
.part-txtList-tit span { color: #b2b2b2; font-size: 1.1rem; line-height: 2.1rem; }
.part-txtList-tit h2 { color: #b2b2b2; font-size: 1.1rem; line-height: 2.1rem; }
.part-txtList-img { float: right; display: inline-block; width: 11.5rem; height: 7.2rem; margin-left: 3%; }
.part-txtList-img img { width: 100%; height: 100%; }
.part-picList { width: 92%; margin: 0 auto; }
.part-picList li { -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; width: 48%; overflow: hidden; background-color: #d11f18; float: left; margin-right: 4%; margin-bottom: 1.7rem; }
.part-picList li:nth-of-type(even) { margin-right: 0; }
.part-picList-img { position: relative; width: 100%; }
.part-picList-img img { width: 100%; height: auto; }
.part-picList-img:before { content: ""; width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; z-index: 2; pointer-events: none; background: -moz-linear-gradient(top, rgba(209, 31, 24, 0) 0%, #d11f18 100%); background: -webkit-linear-gradient(top, rgba(209, 31, 24, 0) 0%, #d11f18 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(209, 31, 24, 0)), to(#d11f18)); background: linear-gradient(to bottom, rgba(209, 31, 24, 0) 0%, #d11f18 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d11f18', endColorstr='#d11f18', GradientType=0);
}
.part-picList-tit { font-size: 1.2rem; line-height: 1.6rem; height: 6rem; overflow: hidden; color: #fff; padding: 0.6rem 1rem; text-align: center; }
.part-picList-tit a { color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; font-weight: bold; text-align: left; }
/*******************************************************************************
                         banner
*******************************************************************************/
.banner { width: 100%; height: 15.8rem; }
/*******************************************************************************
                         logo
*******************************************************************************/
.logo { width: 15rem; height: 3.55rem; position: absolute; left: 1rem; top: 1rem; }
.logo .logo-xh { float: left; width: 5.6rem; height: 3.55rem; background-image: url("http://www.xinhuanet.com/english/cnleaders_m/2017lh/0222images/logo_xh.png"); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
/*******************************************************************************
                         menu按钮
*******************************************************************************/
.menuBox { width: 2rem; height: 1.8rem; position: absolute; right: 1.5rem; top: 1.8rem; z-index: 2; }
.menuBtn { width: 2rem; height: 0.3rem; position: absolute; left: 0; top: 0.75rem; z-index: 2; }
.menuBtn:before { content: ""; width: 2rem; height: 0.3rem; background-color: #ffffff; position: absolute; left: 0; top: -0.75rem; z-index: 2; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; }
.menuBtn-middle { width: 2rem; height: 0.3rem; background-color: #ffffff; position: absolute; left: 0; top: 0; z-index: 2; opacity: 1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; }
.menuBtn:after { content: ""; width: 2rem; height: 0.3rem; background-color: #ffffff; position: absolute; left: 0; top: 0.75rem; z-index: 2; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; }
.open .menuBtn-middle { opacity: 0; background-color: #fff; }
.open .menuBtn:before { -webkit-transform: rotate(135deg) translate(0.575rem, -0.5rem); -moz-transform: rotate(135deg) translate(0.575rem, -0.5rem); -ms-transform: rotate(135deg) translate(0.575rem, -0.5rem); transform: rotate(135deg) translate(0.575rem, -0.5rem); }
.open .menuBtn:after { -webkit-transform: rotate(-135deg) translate(0.525rem, 0.55rem); -moz-transform: rotate(-135deg) translate(0.525rem, 0.55rem); -ms-transform: rotate(-135deg) translate(0.525rem, 0.55rem); transform: rotate(-135deg) translate(0.525rem, 0.55rem); }
/*******************************************************************************
                         part0焦点新闻
*******************************************************************************/
.part0 { height: 14.15rem; border: 4px solid #d11f18; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }
.part0 .part0-slide-tit { font-size: 2rem; line-height: 3.6rem; height: 7.2rem; width: 88%; padding-bottom: 3.95rem; font-weight: 600; color: #d11f18; margin: 3rem auto 0; }
.part0 .part0-slide-tit a { color: #d11f18; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; }
.part0 .swiper-pagination { bottom: 1.5rem; height: 1.25rem; }
.part0 .swiper-pagination-bullet { width: 0.8rem; height: 0.8rem; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #d11f18; }
/*******************************************************************************
                         part2部长之声
*******************************************************************************/
.part2 { margin-bottom: 5rem; }
.part2 .swiper-slide { border: 1px solid #e6e6e6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 61%; padding: 4% 5% 4%; }
.part2-cont { position: relative; }
.part2-cont .swiper-pagination { bottom: -2rem; text-align: center; width: 100%; height: 0.8rem; }
.part2-cont .swiper-pagination-bullet { width: 0.8rem; height: 0.8rem; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #d11f18; margin: 0 0.45rem; }
.part2-slide-img { width: 10.5rem; height: 10.5rem; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 0 auto; overflow: hidden; }
.part2-slide-img img { width: 100%; height: 100%; }
.part2-slide-name { font-size: 1.8rem; line-height: 2.4rem; margin: 1rem auto; color: #333; text-align: center; }
.part2-slide-name a { color: #333; font-weight: bold; }
.part2-slide-job { font-size: 1.5rem; line-height: 2.4rem; color: #808080; text-align: center; }
.part2-slide-job a { color: #808080; }
.part2-slide-btn { border: 1px solid #da2222; width: 9.5rem; margin: 1rem auto 0; text-align: center; font-size: 1.2rem; height: 2.7rem; line-height: 2.7rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #da2222; }
.part2-slide-btn a { color: #da2222; }
/*******************************************************************************
                         part4访谈
*******************************************************************************/
.part4-list { width: 92%; margin: 0 auto; }
.part4-list li { width: 30%; margin-right: 4%; margin-bottom: 1.5rem; float: left; }
.part4-list li:nth-of-type(3n) { margin-right: 0; }
.part4-list-pic { width: 100%; height: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; }
.part4-list-pic img { width: 100%; height: 100%; }
.part4-list-name { font-size: 1.8rem; line-height: 4.3rem; text-align: center; color: #333; }
.part4-list-name a { color: #333; }
/*******************************************************************************
                         part7图片
*******************************************************************************/
.part7-cont { width: 100%; position: relative; margin-bottom: 5rem; }
.part7-cont .swiper-container { width: 100%; }
.part7-cont .swiper-pagination { bottom: -1.5rem; text-align: center; width: 100%; height: 0.8rem; }
.part7-cont .swiper-pagination-bullet { width: 0.8rem; height: 0.8rem; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #d11f18; margin: 0 0.45rem; }
.part7-slide-pic { width: 100%; }
.part7-slide-pic img { width: 100%; height: auto; }
.part7-slide-tit { position: absolute; left: 0; bottom: 0; width: 100%; font-size: 1.5rem; line-height: 1.9rem; z-index: 3; color: #fff; }
.part7-slide-tit a { color: #fff; z-index: 2; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 6.2rem; padding: 0 4%; width: 92%; margin: 0 auto; font-weight: bold; }
.part7-slide-tit:before { content: ""; width: 100%; height: 10rem; z-index: 0; position: absolute; left: 0; bottom: 0; pointer-events: none; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.72))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b8000000', GradientType=0);
}
.part7-slide-tit1 { left: 0; bottom: 0; width: 100%; font-size: 1.8rem; line-height: 1.9rem; z-index: 3; color: #fff; margin: 10px 0px 15px 0px; padding-bottom: 15px; border-bottom: 1px solid #eeeeee; }
.part7-slide-tit1 a { color: #000; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 4.5rem; padding: 0 0; width: 100%; margin: 0 auto; font-weight: bold; }
.part7-slide-tit:before1 {
content: "";
width: 100%;
height: 10rem;
z-index: 0;
position: absolute;
left: 0;
bottom: 0;
pointer-events: none;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.72)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b8000000', GradientType=0);
}
/*******************************************************************************
                         sideNav
*******************************************************************************/
.container-tiny { -webkit-transform: translate(-85%, 0); -moz-transform: translate(-85%, 0); -ms-transform: translate(-85%, 0); transform: translate(-85%, 0); overflow: hidden; height: 100%; }
.container .cover { display: none; }
.container.container-tiny .cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99; display: block; }
.sideNav { width: 85%; height: 100%; overflow: hidden; position: absolute; left: 100%; top: 0; background-image: url("http://www.xinhuanet.com/english/cnleaders_m/2017lh/0222images/sidenavbg.jpg"); background-repeat: repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; background-position: 50% 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; }
.sideNav ul { width: 28rem; margin: 0 auto; padding-top: 4.5rem; }
.sideNav li { font-size: 1.5rem; line-height: 3.1rem; color: #fff; float: left; width: 12.8rem; text-align: center; margin-right: 1.5rem; margin-bottom: 1.75rem; border: 1px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.sideNav li a { color: #fff; }
.sideNav li:nth-of-type(even) { margin-right: 0; }
.sideNav-big { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); }
/*******************************************************************************
                         footer
*******************************************************************************/
.footer { width: 100%; background-color:#348ded; color:#fff; font-size: 1.2rem; line-height: 2.4rem; text-align: center; padding-top: 3.2rem; padding-bottom: 2.7rem; }

/*# sourceMappingURL=index.css.map */