body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
}

body {
    background: #fff;
    color: #555;
    font-size: 14px;
    font-family: Microsoft YaHei;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}

a {
    color: #555;
    text-decoration: none;
}

img {
    border: none;
}

ol,ul,li {
    list-style: none;
}

input, textarea, select, button {
    font: 14px Verdana,Helvetica,Arial,sans-serif;
    border: 1px solid #999;
}

table {
    border-collapse: collapse;
}

.clearFix:after {
    content: "";
    display: block;
    clear: both;
}

em, i {
    font-style: normal;
}

.l {
    float: left;
}

.r {
    float: right;
}

.pad {
    width: 1204px;
    margin: 0 auto;
}

/*nav*/
.nav {
    width: 100%;
    height: 65px;
    background: #212168;
    line-height: 65px;
    overflow: hidden;
}

.nav ul li a {
    display: block;
    float: left;
    font-size: 16px;
    color: #fff;
    padding: 0 40px;
}

/*banner*/
.banner img {
    display: block;
    width: 100%;
}

/*wrap*/
.Preface {
    height: 215px;
    background: #0d0d49;
    margin-top: -40px;
    position: relative;
    z-index: 777;
    padding: 0 5px;
}

.Preface h2 {
    overflow: hidden;
    padding: 15px 0;
}

.Preface h2 em {
    font-size: 20px;
    color: #ffebad;
    float: left;
    text-align: center;
    display: block;
    font-weight:bold;
}

.Preface h2 i {
    width: 576px;
    height: 12px;
    background: url(../img/Arrow.png) no-repeat center center;
    background-size: 100%;
    float: left;
    margin-top: 8px;
}

.Preface h2 i.i2 {
    width: 576px;
    height: 12px;
    background: url(../img/Arrow_r.png) no-repeat center center;
    background-size: 100%;
    float: left;
}

.Preface p {
    text-indent: 2em;
    font-size: 16px;
    color: #fff;
    padding: 0 11px;
    line-height: 26px;
}

/*openCeremony*/
.openCeremony {
    padding: 0 5px;
    padding-top: 26px;
}

.openCeremony h2 {
    overflow: hidden;
    padding-bottom: 26px;
}

.openCeremony h2 em {
    font-size: 20px;
    color: #0d0d49;
    float: left;
    text-align: center;
    display: block;
    padding: 0 12px;
    font-weight:bold;
    
}

.openCeremony h2 i {
    width: 553px;
    height: 12px;
    background: url(../img/Arrow_2l.png) no-repeat center center;
    background-size: 100%;
    float: left;
    margin-top: 8px;
}

.openCeremony h2 i.i2 {
    width: 553px;
    height: 12px;
    background: url(../img/Arrow_2r.png) no-repeat center center;
    background-size: 100%;
    float: left;
}

.openCeremony_box .l {
    width: 434px;
    height: 302px;
    border: solid 1px #0d0d49;
}

.openCeremony_box {
    overflow: hidden;
}

.openCeremony_box .l img {
    display: block;
    width: 419px;
    height: 286px;
    margin: 0 auto;
    margin-top: 8px;
}

.openCeremony_box .r {
    width: 740px;
}

.openCeremony_box .r h2 {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
    letter-spacing: -0.1px;
    line-height: 28px;
}

.openCeremony_box .r p {
    text-indent: 2em;
    font-size: 16px;
    color: #1d1d1d;
    line-height: 28px;
    text-align: justify;
}
.openCeremony_box .r h1{text-align:center;font-size: 16px;
    color: #1d1d1d;
    font-weight:bold;}
.openCeremony_box a {
    display: block;
    width: 154px;
    height: 47px;
    background: #0d0d49;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    background: #0d0d49;
    line-height: 47px;
    padding-left: 38px;
    overflow: hidden;
    float: right;
    margin-top: 5px;
}

.openCeremony_box a em {
    float: right;
    width: 31px;
    height: 18px;
    background: url(../img/jt.png) no-repeat center center;
    background-size: 100%;
    margin-right: 28px;
    margin-top: 14px;
}

/*people*/
.people ul {
    padding-top: 5px;
}

.people ul li {
    width: 290px;
    float: left;
    margin: 0 4px;
}

.people ul li .people_in {
    width: 290px;
    height: 195px;
    position: relative;
    overflow: hidden;
}

.people ul li .people_in img {
    display: block;
    width: 290px;
    height: 195px;
}

.people ul li .people_in .peple_box {
    width: 100%;
    height: 100%;
    background: #d80000;
    position: absolute;
    transition: all 0.3s;
}

.people ul li .people_in:hover .peple_box {
    transform: translateY(-100%) translatez(-1px);
}

.people ul li .people_in .peple_box p em {
    font-size: 18px;
    color: #fff;
}

.people ul li .people_in .peple_box p {
    width: 261px;
    height: 176px;
    border: 1px solid #fff;
    margin: 0 auto;
    margin-top: 9px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.people ul li h3 {
    text-align: center;
    font-size: 18px;
    color: #161616;
    margin-top: 15px;
}

/*<!--Keynote Meeting-->*/
.keynotemeeting h2 {
    overflow: hidden;
    padding-bottom: 26px;
    margin-top: 23px;
    margin-left:15px;
}

.keynotemeeting h2 em {
    font-size: 20px;
    color: #0d0d49;
    float: left;
    text-align: center;
    display: block;
    padding: 0 12px;
}

.keynotemeeting h2 i {
    width: 523px;
    height: 12px;
    background: url(../img/Arrow_2l.png) no-repeat center center;
    background-size: 100%;
    float: left;
    margin-top: 8px;
    margin-left: 10;
}

.keynotemeeting h2 i.i2 {
    width: 523px;
    height: 12px;
    background: url(../img/Arrow_2r.png) no-repeat center center;
    background-size: 100%;
    float: left;
}

.keynotemeeting p {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #161616;
    text-indent: 2em;
    line-height: 30px;
}

#box {
    width: 1204px;
    height: 191px;
    overflow: hidden;
    position: relative;
}

#box ul {
    position: absolute;
    left: 0px;
    right: 0px;
    margin-top: 20px;
}

#box ul li {
    float: left;
    list-style: none;
    width: 287px;
    height: 191px;
    margin: 0 5px;
}

.keynotemeeting .more {
    display: block;
    width: 154px;
    height: 47px;
    background: #0d0d49;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    background: #0d0d49;
    line-height: 47px;
    padding-left: 38px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 38px;
}

.keynotemeeting .more em {
    float: right;
    width: 31px;
    height: 18px;
    background: url(../img/jt.png) no-repeat center center;
    background-size: 100%;
    margin-right: 28px;
    margin-top: 14px;
}

/*NewDevelopmentForum*/
.NewDevelopmentForum {
    margin-bottom: 148px;
}

.NewDevelopmentForum h2 {
    overflow: hidden;
    padding-bottom: 26px;
    margin-top: 23px;
}

.NewDevelopmentForum h2 em {
    font-size: 20px;
    color: #0d0d49;
    float: left;
    text-align: center;
    display: block;
    padding: 0 12px;
    font-weight:bold;
}

.NewDevelopmentForum h2 i {
    width: 523px;
    height: 12px;
    background: url(../img/Arrow_2l.png) no-repeat center center;
    background-size: 100%;
    float: left;
    margin-top: 8px;
    margin-left: 10;
}

.NewDevelopmentForum h2 i.i2 {
    width: 523px;
    height: 12px;
    background: url(../img/Arrow_2r.png) no-repeat center center;
    background-size: 100%;
    float: left;
}

/*tab*/
.tab {
    width: 875px;
    height: 443px;
    background: url(../img/background.png) no-repeat center center;
    background-size: 100%;
    position: relative;
    left: 50%;
    margin-left: -474px;
}

/*tabbox*/
#box_top ul li{width:166px;}
#box_top ul li.li1 {
    position: relative;
    left: -58px;
    top: -22px;
}

#box_top ul li.li1 h2 {
    position: absolute;
    top: 112px;
    left: -60px;
}

#box_top ul li.li2 {
    position: relative;
    left: 22px;
}

#box_top ul li.li3 {
    position: relative;
    left: 156px;
    top: -38px;
}

#box_top ul li.li2 h2 {
    position: absolute;
    top: 112px;
    left: -60px;
}

#box_top ul li.li3 h2 {
    position: absolute;
    top: 112px;
    left: -60px;
}

#box_top ul li.li4 {
    position: relative;
    left: 350px;
    top: -169px;
}

#box_top ul li.li4 h2 {
    position: absolute;
    left: 56px;
}

#box_top ul li.li5 {
    position: relative;
    left: 550px;
    top: -394px;
}

#box_top ul li.li5 h2 {
    position: absolute;
    top: 112px;
    left: 150px;
    width:100px;
}

#box_top ul li.li6 {
    position: absolute;
    right: 32px;
    /* left:150px; */
    top: 168px;
}

#box_top ul li.li6 h2 {
    position: absolute;
    top: 112px;
    left: 150px;
    width: 70px;
}

#box_top ul li.li7 {
    position: absolute;
    right: -58px;
    /* left:150px; */
    top: -22px;
}

#box_top ul li.li7 h2 {
    position: absolute;
    top: 112px;
    left: 150px;
    width: 70px;
}

#box_top ul li a:hover h2 {
    color: red;
}

#box_top ul li a h2 {
    font-size: 18px;
}

#box_bottom ul li {
    display: none;
}

#box_bottom {
    width: 500px;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -250px;
}

#box_bottom ul li h3 {
    text-align: center;
    font-size: 20px;
    color: #0d0d49;
    margin: 10px 0;
}

#box_bottom ul li h4 {
    text-align: center;
    font-size: 20px;
    color: #0d0d49;
}

#box_bottom ul li p {
    text-align: center;
    font-size: 16px;
    color: #1e1e1e;
    line-height: 30px;
}

#box_bottom ul li p a {
    color: red;
}

/*metting*/
.metting {
    width: 100%;
    height: 502px;
    background: url(../img/metting_bg.jpg) no-repeat top center;
    background-size: 100%;
    overflow: hidden;
}

.metting h2 {
    overflow: hidden;
    padding-bottom: 20px;
    margin-top: 23px;
}

.metting h2 em {
    font-size: 20px;
    color: #fff;
    float: left;
    text-align: center;
    display: block;
    padding: 0 12px;
    font-weight:bold;
}

.metting h2 i {
    width: 520px;
    height: 12px;
    background: url(../img/jbl.png) no-repeat center center;
    background-size: 100%;
    float: left;
    margin-top: 8px;
    margin-left: 10px;
}

.metting h2 i.i2 {
    width: 520px;
    height: 12px;
    background: url(../img/jbr.png) no-repeat center center;
    background-size: 100%;
    float: left;
}

#timeLine {
    width: 1200px;
    height: 412px;
    border: solid 2px #36276c;
    opacity: 0.74;
    overflow: hidden;
    background: #493b7c;
}

#yearList {
    width: 100%;
    list-style: none;
    margin: 0 auto;
    text-align: center;
}

#yearList:after,.container-li:after {
    content: "";
    display: table;
    clear: both
}

#yearList li {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-size: 21px;
    padding: 10px 20px
}

.year-dot {
    width: 61px;
    height: 6px;
    background-color: #FFFFFF;
    margin: 10px auto;
    display: block
}

.dotted-line {
    border-bottom: dashed 2px #7b7d7b;
    position: relative;
    top: -26px;
    z-index: -1
}

#cList {
    width: 100%;
    position: relative;
}

#btnLeft {
    display: inline-block;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -28px;
}

#btnRight {
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -28px;
}

#cUl {
    width: 1024px;
    list-style: none;
    height: 356px;
    margin: 0 auto;
    position: relative;
    left: 0;
    top: 50px;
}

#cUl li {
    width: 1024px;
    position: absolute;
    left: 0
}

.li-tit {
    display: inline-block;
    color: #fff;
    background-color: #002f21;
    padding: 10px 20px;
    margin: 30px auto 10px
}

.container-li {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: solid 1px #434343
}

.c-li-left {
    width: 42%;
    float: left
}

.c-li-right {
    width: 58%;
    float: right
}

.year-active {
    color: #643aff;
}

.year-active i {
    background-color: #643aff;
}

.c-li-right {
    color: #fff;
}

.c-li-right h3 {
    font-size: 26px;
    color: #fff;
}

.c-li-right p {
    font-size: 16px;
    color: #fff;
    text-indent: 2em;
    line-height: 28px;
}

.c-li-right p a {
    color: red;
}

.base h2 {
    overflow: hidden;
    padding-bottom: 26px;
    margin-top: 23px;
    margin-left:25px;
}
.base .r h2{font-size:16px;font-weight:bold;text-align:center;margin-top: 0px;}
.base h2 em {
    font-size: 20px;
    color: #0d0d49;
    float: left;
    text-align: center;
    display: block;
    padding: 0 12px;
    font-weight:bold;
}

.base h2 i {
    width: 523px;
    height: 12px;
    background: url(../img/Arrow_2l.png) no-repeat center center;
    background-size: 100%;
    float: left;
    margin-top: 8px;
    margin-left: 10;
}

.base h2 i.i2 {
    width: 523px;
    height: 12px;
    background: url(../img/Arrow_2r.png) no-repeat center center;
    background-size: 100%;
    float: left;
}

.vui-slider {
    position: relative;
    overflow: hidden;
    background: #999
}

.vui-slider .vui-items {
    overflow: hidden;
    width: 100%;
    height: 100%
}

.vui-slider .vui-item {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vui-slider .vui-item a,.vui-slider .vui-item img {
    display: block;
    padding: 0;
    margin: 0;
    border: 0
}

.vui-slider .vui-buttons {
    position: absolute;
    z-index: 5;
    bottom: 16px;
    right: 0;
    float: left;
    right: 0;
    display: inline;
    filter: alpha(Opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

.vui-slider .vui-button {
    float: left;
    display: inline;
    overflow: hidden;
    height: 12px;
    width: 12px;
    margin: 0 10px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: #fff;
    cursor: pointer
}

.vui-slider .vui-button-cur {
    background-color: #1d1d1d;
}

.vui-slider .vui-transfer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.vui-slider .vui-prev {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 5;
    width: 60px;
    height: 150px;
    margin-top: -75px;
    border-radius: 0 10px 10px 0;
    /* background: url(prev.gif) no-repeat;*/
    cursor: pointer;
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3;
    transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease
}

.vui-slider .vui-next {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 5;
    width: 60px;
    height: 150px;
    margin-top: -75px;
    border-radius: 10px 0 0 10px;
    /*background: url(next.gif) no-repeat;*/
    cursor: pointer;
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3;
    transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease
}

.vui-slider .vui-sidebutton-hover {
    filter: alpha(opacity=40);
    -moz-opacity: .4;
    -khtml-opacity: .4;
    opacity: .4;
    background-color: #000
}

.content {
    position: relative;
}

.content .ii1 {
    display: block;
    width: 134px;
    height: 87px;
    background: url(../img/topr.png) no-repeat center center;
    background-size: 100%;
    position: absolute;
    z-index: 999;
    right: -15px;
    top: -20px;
}

.content .ii2 {
    display: block;
    width: 134px;
    height: 87px;
    background: url(../img/topr.png) no-repeat center center;
    background-size: 100%;
    position: absolute;
    z-index: 999;
    left: -15px;
    bottom: -15px;
}

.base .r {
    width: 600px;
}

.base .r h1 {
    font-size: 20px;
    color: #000;
    margin-bottom: 22px;
}

.base .r p {
    font-size: 16px;
    color: #202020;
    text-indent: 2em;
    line-height: 28px;
}

.base .r .more {
    display: block;
    width: 154px;
    height: 47px;
    background: #0d0d49;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    background: #0d0d49;
    line-height: 47px;
    padding-left: 38px;
    overflow: hidden;
    float: right;
    margin-top: 15px;
}

.base .r .more em {
    float: right;
    width: 31px;
    height: 18px;
    background: url(../img/jt.png) no-repeat center center;
    background-size: 100%;
    margin-right: 28px;
    margin-top: 14px;
    font-weight:bold;
}

/*reports*/
.reports h2 {
    overflow: hidden;
    margin-top: 23px;
    margin-left: 25px;
}

.reports h2 em {
    font-size: 20px;
    color: #0d0d49;
    float: left;
    text-align: center;
    display: block;
    padding: 0 12px;
    font-weight:bold;
}

.reports h2 i {
    width: 523px;
    height: 12px;
    background: url(../img/Arrow_2l.png) no-repeat center center;
    background-size: 100%;
    float: left;
    margin-top: 8px;
    margin-left: 10;
}

.reports h2 i.i2 {
    width: 523px;
    height: 12px;
    background: url(../img/Arrow_2r.png) no-repeat center center;
    background-size: 100%;
    float: left;
}

.silder-box {
    position: relative;
    margin-top: 24px;
}

.silder {
    margin: 0 auto;
    margin-bottom: 26px;
}

.silder li {
    width: 489px;
    height: 326px
}

.silder li img {
    width: 100%;
    height: 100%
}

.silder-button {
    top: 50%;
    width: 44px;
    height: 68px;
    position: absolute;
    cursor: pointer;
    margin-top: -34px;
}

.silder-button.btl {
    left: 10px;
    background: url(../img/chl.png)
}

.silder-button.btr {
    right: 10px;
    background: url(../img/chr.png)
}

.silder-box-1 {
    width: 1204px;
}

.silder-box-2 {
    width: 500px
}

.silder-box-2 .silder li {
    width: 200px;
    height: 200px
}

.silder-box-3 {
    width: 1000px
}

.small-navs {
    position: absolute
}

.report_content h4 {
    font-size: 16px;
    color: #1a1a1a;
    font-weight:bold;
    text-align:center;
}

.report_content p {
    text-indent: 2em;
    font-size: 16px;
    color: #1a1a1a;
    line-height: 28px;
    line-height: 30px;
}

.report_content p a {
    color: red;
    float: right;
}

/*picture*/
.picture {
    width: 100%;
    height: 705px;
    background: url(../img/picture.jpg) no-repeat top center;
    background-size: 100%;
    margin-top: 28px;
}
.poster-main {
    position: relative;
    width: 1024px;
    height:581px
}

.poster-main a,.poster-main img {
    display: block
}

.poster-main .poster-list {
    height:581px
    width: 900px;
    height: 270px
}

.poster-main .poster-list .poster-item {
    position: absolute;
    left: 0;
    top: 0
}

.poster-main .poster-btn {
    position: absolute;
    height: 100%;
    width: 100px;
    top: 0;
    z-index: 10;

}

.poster-main .poster-prev-btn {
    left: -98px;
    background: url(../img/gql.png) no-repeat center center
}

.poster-main .poster-next-btn {
    right: -98px;
    background: url(../img/gqr.png) no-repeat center center
}
.picture h2 {
    overflow: hidden;
    padding-bottom: 50px;
    padding-top: 20px;
    margin-left:24px;
}

.picture h2 em {
    font-size: 20px;
    color: #fff;
    float: left;
    text-align: center;
    display: block;
    padding: 0 12px;
    font-weight:bold;
}

.picture h2 i {
    width: 520px;
    height: 12px;
    background: url(../img/jbl.png) no-repeat center center;
    background-size: 100%;
    float: left;
    margin-top: 8px;
    margin-left: 10px;
}

.picture h2 i.i2 {
    width: 520px;
    height: 12px;
    background: url(../img/jbr.png) no-repeat center center;
    background-size: 100%;
    float: left;
}
.footer{
	width:100%;
	height:276px;
	background:#0a083c;
	margin:0 auto;
	}
.footer .footer_inner{
	width:1204px;
	height:276px;
	position:relative;
	margin:0 auto;
	}
.footer p{
	font-size:16px;
	line-height:40px;
	color:#f4fde2;
	font-family:"微软雅黑";
	position:absolute;
	left:1px;
	top:65px;
	}
.footer p a{
	font-size:16px;
	line-height:28px;
	color:#f4fde2;
	font-family:"微软雅黑";
}
.footer div{
	position:absolute;
	right:1px;
}
.footer div h2{
	font-family:"微软雅黑";
	color:#f4fde2;
	font-size:16px;
	margin-top:41px;
	margin-bottom:36px;
text-align:center;
}
.footer div ul li{
	float:left;
	width:150px;
	margin:0 7px;
}
.footer div ul li img{
	height:102px;
	width:102px;
	display:block;
	margin:0 auto;
	border-radius:5px;

}
.footer div ul li span{
	color:#f4fde2;
	font-size:10px;
	display:block;
	width:150px;
	text-align:center;
	line-height:29px;
	font-size:14px;
}