@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://jp.xinhuanet.com/2017lh/img/2017lg_jp_sj_banner.jpg);
-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: 25.25rem;
height: 5rem;
margin: 2.2rem auto 2.7rem;
background-image:url(http://jp.xinhuanet.com/2017lh/img/mobilelb.png);
-webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
       background-size: 100% auto;
background-repeat: no-repeat;
}
.part-tit1 {
background-position: 0 6;
}
.part-tit2 {
background-position: 0 -5.3rem;
}
.part-tit3 {
background-position: 0 -11.7rem;
}
.part-tit4 {
background-position: 0 -11.8rem;
}
.part-tit5 {
background-position: 0 -17rem;
}
.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: 160px; 
}
/*******************************************************************************
                         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);
}

/*******************************************************************************
*******************************************************************************/
.part9-cont {
width: 100%;
position: relative;
margin-bottom: 5rem;
}
.part9-cont .swiper-container {
width: 100%;
}
.part9-cont .swiper-pagination {
bottom: -1.5rem;
text-align: center;
width: 100%;
height: 0.8rem;
}
.part9-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;
}
.part9-slide-pic {
width: 100%;
}
.part9-slide-pic img {
width: 100%;
height: auto;
}
.part9-slide-tit {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
font-size: 1.5rem;
line-height: 1.9rem;
z-index: 3;
color: #fff;
}
.part9-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;
}
.part9-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);
}
.part9-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; }
.part9-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; }
.part9-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 */