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;
}

.header1 .w1000 {
width: 1000px;
margin: 0 auto;
height: 45px;
}

.header1 {
background: #fff;
height: 45px;
width: 100%;
}

.header1 .left {
float: left;
height: 45px;
width: 90px;
position: relative;
}

.header1 .left a {
display: block;
width: 100%;
height: 100%;
}

.header1 .left img {
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}

.header1 em {
float: right;
line-height: 45px;
font-style: normal;
font-size: 14px;
}

.header1 em a {
display: inline-block;
text-decoration: none;
}

.header1 em a:hover {
text-decoration: underline;
}

.header1 em,
.header1 em a,
.header1 em a:link,
.header1 em a:visited,
.header1 em a:hover {
color: #666;
}
.nav a:link,
.nav a:visited {
color: #484848;
text-decoration: none;
}

.nav a:hover {
color: #c00;
text-decoration: underline;
}

.nav,
.nav a:link,
.nav a:visited,
.nav a:hover {
color: #fff;
}

.nav {
text-align: center;
font-size: 20px;
background: #003c9f;
position: absolute;
top: 557px;
z-index: 99;
height: 50px;
line-height: 50px;
transition: top 0.2s;
width: 1000px;
margin: 0 auto;
left: 0;
right: 0;
}

.nav a,
.nav span {
padding: 0 10px;
padding-left: 23px;
margin: 0 5px;
border-left: 2px solid white;
}

.nav a:first-child {
border-left: none;
}

.nav .menu-box {
position: absolute;
background-color: #003c9f;
left: 308px;
top: 50px;
padding: 0;
margin: 0;
border: none;
width: 255px;
height: 0;
transition: height 0.4s;
overflow: hidden;
}

.nav .menu-box a {
border-left: none;
}
.image-video-box {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}

.image-video-box video,
.image-video-box .play-button-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}

.image-video-box .show-image {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
}

.image-video-box .play-button-box {
z-index: 3;
background-color: rgba(0, 0, 0, 0.6);
}

.image-video-box .play-button {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
cursor: pointer;
}
.news-list {
overflow: hidden;
}

.news-list li,
.news-list a {
line-height: 39px;
color: black;
font-size: 16px;
height: 39px;
overflow: hidden;
}

.news-list li:hover,
.news-list a:hover {
color: #e60012;
text-decoration: none;
}
.info-show {
position: relative;
overflow: hidden;
}

.info-show .info-show:after {
content: "";
height: 0;
line-height: 0;
display: block;
visibility: hidden;
clear: both;
}

.info-show img {
float: right;
}

.info-show .info {
color: #6d6b6c;
background-image: url('../resource/info-bg.png');
width: 291px;
height: 220px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
padding: 90px 70px;
}

.info-show h3 {
position: absolute;
left: 25px;
top: 42px;
line-height: 40px;
width: 90px;
text-align: center;
color: white;
font-size: 22px;
}

.info-show p {
font-size: 18px;
line-height: 1.7;
}
.mini-title {
background-image: url('../resource/mini-title-bg.png');
background-repeat: no-repeat;
line-height: 60px;
font-size: 25px;
background-position: left center;
padding-left: 30px;
}
.mini-title {
background-image: url('../resource/mini-title-bg.png');
background-repeat: no-repeat;
line-height: 60px;
font-size: 25px;
background-position: left center;
padding-left: 30px;
}
.mini-title-2 {
background-image: url('../resource/mini-title-bg-2.png');
background-repeat: no-repeat;
line-height: 60px;
font-size: 25px;
color: white;
background-position: left center;
padding-left: 30px;
margin-bottom: 50px;
}
.mini-title {
background-image: url('../resource/mini-title-bg.png');
background-repeat: no-repeat;
line-height: 60px;
font-size: 25px;
background-position: left center;
padding-left: 30px;
}
.swiper-container-p3 {
position: relative;
width: 1000px;
height: 460px;
margin: 0 auto;
overflow: hidden;
color: white;
}

.swiper-container-p3 .swiper-slide {
width: 1000px;
height: 460px;
position: relative;
}

.swiper-container-p3 .swiper-slide a {
display: block;
}

.swiper-container-p3 .swiper-slide span {
background-color: rgba(0, 0, 0, 0.6);
height: 64px;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
text-align: center;
line-height: 64px;
font-size: 16px;
}

.swiper-container-p3 .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-p3 .next {
background: url(http://www.people.com.cn/img/2016people/images/focus_right_b.png);
width: 18px;
height: 25px;
position: absolute;
cursor: pointer;
bottom: 18px;
right: 70px;
z-index: 10;
}

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

.swiper-container-p3 .num1 {
color: #fff;
display: block;
font-size: 18px;
position: absolute;
left: 15%;
bottom: 7px;
line-height: 200%;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
}

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

.swiper-container-p3 .num1 i em.thisp {
font-size: 28px;
color: #e71f18;
margin-right: 1px;
margin-left: 0;
}
.mini-title {
background-image: url('../resource/mini-title-bg.png');
background-repeat: no-repeat;
line-height: 60px;
font-size: 25px;
background-position: left center;
padding-left: 30px;
}
.mini-title {
background-image: url('../resource/mini-title-bg.png');
background-repeat: no-repeat;
line-height: 60px;
font-size: 25px;
background-position: left center;
padding-left: 30px;
}[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);
}

.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;
}

.card-list li img {
width: 314px;
height: 200px;
}

.card-list li p {
font-size: 16px;
text-align: center;
line-height: 20px;
overflow: hidden;
height: 20px;
color: black;
}

.card-list li:nth-child(3n) {
margin-right: 0;
}
.swiper-container-p2 {
position: relative;
width: 1000px;
height: 535px;
margin: 0 auto;
overflow: hidden;
color: white;
}

.swiper-container-p2 .swiper-slide {
width: 1000px;
height: 535px;
position: relative;
}

.swiper-container-p2 .swiper-slide a {
display: block;
}

.swiper-container-p2 .swiper-slide span {
display: none;
}

.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: 0;
top: 0;
left: 10px;
z-index: 10;
margin: auto;
background-color: rgba(0, 0, 0, 0.8);
padding: 10px;
background-position: center;
background-repeat: no-repeat;
}

.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: 0;
top: 0;
right: 10px;
z-index: 10;
margin: auto;
background-color: rgba(0, 0, 0, 0.8);
padding: 10px;
background-position: center;
background-repeat: no-repeat;
}

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

.swiper-container-p2 .info-box {
position: absolute;
bottom: -10px;
background-color: #073a93;
width: 600px;
height: 65px;
left: 30px;
right: 0;
margin: auto;
font-size: 20px;
padding: 5px;
display: flex;
justify-content: center;
align-items: center;
}

.swiper-container-p2 .info-box i {
position: absolute;
left: 0;
background-color: #81bdff;
padding: 5px 15px;
left: -30px;
}
.mini-title {
background-image: url('../resource/mini-title-bg.png');
background-repeat: no-repeat;
line-height: 60px;
font-size: 25px;
background-position: left center;
padding-left: 30px;
}
.conn {
position: relative;
}

.conn .swiper-3d {
width: 1000px;
height: 488px;
overflow: hidden;
position: relative;
}

.conn .swiper-3d li {
position: absolute;
background-size: 100% 100%;
cursor: pointer;
overflow: hidden;
margin: auto;
top: 0;
bottom: 0;
transition: all 0.4s linear;
}

.conn .swiper-3d li img {
width: 100%;
height: 100%;
}

.conn .prev {
left: 30px;
}

.conn .next {
right: 30px;
}

.conn .swiper-item.hide {
opacity: 0;
}

.conn .swiper-3d a,
.conn .swiper-3d img {
display: block;
width: 100%;
height: 100%;
}

.conn .left {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
z-index: 9;
left: 0;
cursor: pointer;
}

.conn .right {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
z-index: 9;
right: 0;
cursor: pointer;
}
#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;
}
.main-image {
width: 100%;
height: auto;
}

.empty {
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 750px;
pointer-events: none;
}

.title-bar {
background-image: url('../resource/decorate.png');
background-repeat: no-repeat;
height: 80px;
line-height: 80px;
background-position: 10px center;
padding-left: 138px;
width: 600px;
color: #073a93;
font-weight: bold;
font-size: 34px;
display: block;
margin: 0 auto;
font-family: "Microsoft YaHei";
margin-bottom: 30px;
}

.title-bar a {
color: #073a93;
}

.title-bar a:hover {
color: #073a93;
}

.card,
.card.w1000 {
margin-bottom: 30px;
position: relative;
}

.card-1 .left {
width: 637px;
height: 400px;
}

.card-1 .right {
width: 330px;
overflow: hidden;
margin-left: 33px;
}

.card-1 .right h3 {
font-size: 22px;
line-height: 30px;
margin-bottom: 10px;
margin-top: 5px;
font-weight: bold;
}

.card-1 .right h3 a {
color: black;
}

.card-1 .right h3 a:hover {
color: #e60012;
text-decoration: none;
}

.card-1 .right .news-list {
height: 150px;
}

.card-1 .line {
height: 1px;
margin: 7px 0;
background-color: #dddddd;
}

.title {
text-align: center;
margin-bottom: 40px;
color: #353535;
background-image: url('../resource/title-bg.png');
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 10px;
}

.title h2 {
line-height: 50px;
font-size: 28px;
}

.title h3 {
font-size: 24px;
line-height: 28px;
}

.so {
position: absolute;
}

.so-0 {
left: 454px;
top: 2178px;
z-index: 0;
}

.card-3 {
position: relative;
}

.card-3 .text {
position: absolute;
height: 56px;
width: 170px;
text-align: center;
line-height: 28px;
padding: 4px 0;
}

.card-3 h3 {
color: #181616;
}

.card-3 h4 {
color: #1faae0;
font-size: 17px;
}

.card-3 .bottom-text {
text-align: center;
font-size: 16px;
line-height: 30px;
color: #181616;
}

.time-line.w1000 {
position: relative;
height: 315px;
margin-bottom: 50px;
}

.card-4 {
height: 315px;
width: 1917px;
margin: 0 auto;
background-position: center;
background-repeat: no-repeat;
background-image: url('../resource/time-line.png');
position: absolute;
left: -50%;
right: -50%;
margin: auto;
}

.card-4 .text {
position: absolute;
text-align: left;
color: #333333;
width: 200px;
font-size: 14px;
line-height: 1.7;
}

.card-5 {
padding: 50px 0;
width: 100%;
height: 611px;
background-image: url('../resource/bg-2.jpg');
margin: 0 auto;
background-size: 1920px 711px;
background-position: center;
margin-bottom: 30px;
}

.card-5 .text-box {
width: 1000px;
height: 470px;
border: 3px solid white;
margin: 45px auto;
color: white;
line-height: 1.7;
}

.card-5 .fl {
width: 42%;
height: 92%;
padding: 4%;
}

.card-5 h2 {
font-size: 20px;
margin-bottom: 10px;
}

.card-5 h3 {
font-size: 18px;
color: white;
margin-bottom: 20px;
}

.card-5 h4 {
background-color: #839abe;
height: 40px;
line-height: 40px;
margin-bottom: 20px;
padding: 0 10px;
}

.card-5 p {
font-size: 16px;
line-height: 2;
}

.card-6 .box {
width: 1063px;
height: 456px;
margin: 0 auto;
background-image: url('../resource/card-6-bg.png');
}

.card-6 .box .item-box {
width: 912px;
margin: 0 auto;
padding-top: 74px;
height: 382px;
overflow: hidden;
}

.card-6 .box .item-box .item {
float: left;
width: 21%;
height: 90%;
padding: 2%;
color: white;
line-height: 1.6;
}

.card-6 .box .item-box h2 {
font-size: 18px;
margin-bottom: 5px;
}

.card-6 .box .item-box p {
font-size: 13px;
margin-bottom: 15px;
}

.card-7.w1000 {
margin-bottom: 30px;
}

.card-7.w1000 .cut-box .left {
width: 540px;
height: 375px;
}

.card-7.w1000 .cut-box .right {
width: 430px;
margin-left: 30px;
height: 375px;
overflow: hidden;
}

.card-7.w1000 .cut-box .right h2 {
color: #104ba4;
font-size: 18px;
line-height: 30px;
margin-bottom: 10px;
}

.card-7.w1000 .cut-box .right p {
font-size: 15px;
line-height: 2;
padding-left: 1em;
}

.card-9 {
margin-bottom: 30px;
width: 100%;
height: 535px;
margin: 0 auto;
background-image: url('../resource/card-9-bg.png');
background-size: 1920px 535px;
background-position: center;
}

.card-10 {
margin-bottom: 70px;
}

.card-10 .title {
margin-top: 30px;
}

.card-10 .exp-text {
text-align: center;
font-size: 24px;
color: #353535;
line-height: 60px;
}

.card-10 .show-image {
display: block;
margin: 0 auto;
}

.card-10 .bottom-card {
background-image: url('../resource/bottom-card.png');
width: 326px;
height: 249px;
position: relative;
}

.card-10 .bottom-card h2 {
color: white;
position: absolute;
top: 32px;
left: 14px;
width: 80px;
text-align: center;
}

.card-10 .bottom-card p {
position: absolute;
top: 116px;
width: 240px;
left: 65px;
line-height: 1.7;
font-size: 13px;
height: 109px;
overflow: auto;
}

.card-10 .bottom-card-box {
position: absolute;
bottom: -50px;
}

.bottom-bg {
display: block;
bottom: 0px;
left: 0;
right: 0;
margin: auto;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 399px;
background-size: auto 499px;
background-position: center;
padding-top: 100px;
background-image: url('../resource/bottom-bg.png');
background-repeat: no-repeat;
}

.bottom-bg .logo {
display: block;
margin: 0 auto;
margin-bottom: 150px;
width: 365px;
}

#copyright {
color: white;
margin-bottom: 50px;
}

.mini-title,
.mini-title.w1000 {
margin-bottom: 30px;
}