body, html, .page, .page-box {
padding: 0;
margin: 0;
}

.router-item[route-active="false"] {
display: none;
}
.owo-animation {
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translate3d(0, 0, 0);
transform-style: preserve-3d;
}
.owo-animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owo-animation-forward {
z-index: 99;
}

img {
border: none;
}

/* 清除浮动 */
.clear:after {
content: "";
height: 0;
line-height: 0;
display: block;
visibility: hidden;
clear: both;
zoom: 1;
}

ul {
margin: 0;
padding: 0;
}

li {
list-style: none;
}

.pac-share-bar {
position: absolute;
top: -5px;
right: 0;
margin: auto;
width: 315px;
font-size: 22px;
}

.pac-share-bar .ops_tit {
float: left;
}

.pac-share-bar .ops_icons {
float: left;
}

.pac-share-bar .ops_shareLayer:after,
.pac-share-bar .ops_icons:after {
content: "";
height: 0;
line-height: 0;
display: block;
visibility: hidden;
clear: both;
}[o-hover="grow"] {
display: inline-block;
vertical-align: middle;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
transition-duration: 0.3s;
transition-property: transform;
}
[o-hover="grow"]:hover, [o-hover="grow"]:focus, [o-hover="grow"]:active {
transform: scale(1.1);
}

.swiper-container-p2 {
position: relative;
width: 580px;
height: 325px;
margin: 0 auto;
overflow: hidden;
color: white;
}

.swiper-container-p2 .swiper-slide {
width: 580px;
height: 100%;
position: relative;
}

.swiper-container-p2 .swiper-slide a,
.swiper-container-p2 .swiper-slide .swiper-show {
display: block;
width: 100%;
height: 100%;
}

.swiper-container-p2 .swiper-slide span {
background-color: rgba(0, 0, 0, 0.8);
height: 40px;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
padding: 0 10px;
display: block;
line-height: 40px;
font-size: 16x;
color: white;
}

.swiper-container-p2 .prev {
background: url(http://www.people.com.cn/img/2016people/images/focus_left_b.png);
width: 18px;
height: 25px;
position: absolute;
cursor: pointer;
bottom: 18px;
left: 70px;
z-index: 10;
}

.swiper-container-p2 .next {
background: url(http://www.people.com.cn/img/2016people/images/focus_right_b.png);
width: 18px;
height: 25px;
position: absolute;
cursor: pointer;
bottom: 8px;
right: 5px;
z-index: 10;
}

.swiper-container-p2 .swiper-pagination1 {
display: none;
}

.swiper-container-p2 .num1 {
color: #fff;
display: block;
font-size: 18px;
position: absolute;
right: 8%;
bottom: 0;
line-height: 34px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
}

.swiper-container-p2 .num1 i {
letter-spacing: 6px;
}

.swiper-container-p2 .num1 i em {
color: #fff;
margin-left: 2px;
}

.swiper-container-p2 .num1 i em.thisp {
font-size: 28px;
color: #e71f18;
margin-right: 1px;
margin-left: 0;
}

.swiper-container-p2 .video-id {
display: none;
}

.swiper-container-p2 .video-box {
display: none;
}

.swiper-container-p2 .video-box,
.swiper-container-p2 .video-box .video {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 99;
}

.swiper-container-p2 .close-button {
position: absolute;
right: 0;
background-color: rgba(0, 0, 0, 0.8);
padding: 0 10px;
font-size: 14px;
line-height: 26px;
z-index: 100;
cursor: pointer;
}

.swiper-container-p2 .video-box .video object,
.swiper-container-p2 .video-box .video video,
.swiper-container-p2 .video-box .video embed {
display: block;
width: 100%;
height: 100%;
}

.swiper-container-p2 .is-video span {
padding-left: 60px;
}

.swiper-container-p2 .play-button {
position: absolute;
bottom: 5px;
left: 5px;
cursor: pointer;
width: 32px;
}
.card-list :after {
content: "";
height: 0;
line-height: 0;
display: block;
visibility: hidden;
clear: both;
}

.card-list {
width: 1000px;
height: auto;
}

.card-list li {
float: left;
margin-right: 29px;
margin-bottom: 15px;
cursor: pointer;
}

.card-list li img {
width: 300px;
height: 220px;
display: block;
}

.card-list li p {
position: absolute;
width: 100%;
text-align: center;
background-color: rgba(0, 0, 0, 0.6);
line-height: 25px;
max-height: 25px;
color: white;
font-size: 14px;
overflow: hidden;
bottom: 0;
}

.card-list li a {
display: block;
width: 100%;
height: 100%;
}

.card-list li:nth-child(3n) {
margin-right: 0;
}
.pagination-bar {
text-align: center;
height: 60px;
line-height: 60px;
padding: 20px 0;
margin-top: 40px;
}

.pagination-bar .pagination-box a {
display: inline;
}

.pagination-bar a {
display: block;
border: #dddad2 1px solid;
background: #f7f6f4;
padding: 6px 15px;
margin: 0 5px;
text-decoration: none;
color: unset;
font-size: 16px;
}

.pagination-bar a:hover,
.pagination-bar .active {
background: #cc3333;
color: #fff;
text-decoration: none;
}
#copyright {
height: 60px;
padding: 40px 0;
position: relative;
font-size: 14px;
height: 60px;
color: #000000;
z-index: 999;
width: 100%;
line-height: 30px;
text-align: center;
background-color: transparent;
}
.home .panel {
margin: 0 auto;
background-color: white;
transform: translate3d(0, 0px, 0px);
box-shadow: 1px 1px 7px #e8e0e0;
padding: 40px;
width: 1000px;
background-image: url('../resource/panel-bg.png');
}

.home .share-box {
width: 1080px;
height: 45px;
position: relative;
margin: 0 auto;
margin-top: -486px;
}

.home .main-image {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
display: block;
margin: 0 auto;
width: 1600px;
}

.home .main-image-box {
width: 100%;
height: 920px;
background-repeat: no-repeat;
background-position: center;
background-size: 1600px auto;
}

.home .text-box {
width: 370px;
margin-left: 20px;
}

.home .text-box h2 {
line-height: 1.8;
font-size: 24px;
height: 86px;
overflow: hidden;
margin-bottom: 10px;
}

.home .text-box p {
font-size: 16px; text-indent:2em;
line-height: 1.7;
height: 229px;
overflow: hidden;
}

.home .top {
margin-bottom: 40px;
}

.home .main-image-phone {
width: 100%;
}
.big-photo-show {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
display: none;
}

.big-photo-show .show {
max-width: 80%;
max-height: 80%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}

.big-photo-show .close-button {
position: absolute;
right: 5%;
top: 5%;
cursor: pointer;
}
.home .main-image {
  width: 100%;
}
html {
  background-size: 100% auto;
}