﻿/* common css */

.w {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}

button {
    border: 0;
    background-color: transparent;
    outline: none;
}

body,
html {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    background-color: #fff;
    color: #666;
    font-size: 14px;
}


/* Ã¨Â¦ÂÃ¦Â³Â¨Ã¦â€žÂÃ¨Â¡Â¨Ã¥Ââ€¢Ã¥â€¦Æ’Ã§Â´ Ã¥Â¹Â¶Ã¤Â¸ÂÃ§Â»Â§Ã¦â€°Â¿Ã§Ë†Â¶Ã§ÂºÂ§ font Ã§Å¡â€žÃ©â€”Â®Ã©Â¢Ëœ */

body,
select,
textarea {
    font: 14px yahei, arial, sans-serif;
}

input,
select,
textarea {
    border: none;
}


/* Ã¥Å½Â»Ã¦Å½â€° table cell Ã§Å¡â€žÃ¨Â¾Â¹Ã¨Â·ÂÃ¥Â¹Â¶Ã¨Â®Â©Ã¥â€¦Â¶Ã¨Â¾Â¹Ã©â€¡ÂÃ¥ÂË† */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* ie bugÃ¯Â¼Å¡th Ã¤Â¸ÂÃ§Â»Â§Ã¦â€°Â¿ text-align */

th {
    text-align: inherit;
}


/* Ã¥Å½Â»Ã©â„¢Â¤Ã©Â»ËœÃ¨Â®Â¤Ã¨Â¾Â¹Ã¦Â¡â€  */

fieldset,
img {
    border: none;
}


/* ie6 7 8(q) bug Ã¦ËœÂ¾Ã§Â¤ÂºÃ¤Â¸ÂºÃ¨Â¡Å’Ã¥â€ â€¦Ã¨Â¡Â¨Ã§Å½Â° */

iframe {
    display: block;
}


/* Ã¥Å½Â»Ã¦Å½â€° firefox Ã¤Â¸â€¹Ã¦Â­Â¤Ã¥â€¦Æ’Ã§Â´ Ã§Å¡â€žÃ¨Â¾Â¹Ã¦Â¡â€  */

abbr,
acronym {
    border: none;
    font-variant: normal;
}


/* Ã¤Â¸â‚¬Ã¨â€¡Â´Ã§Å¡â€ž del Ã¦ Â·Ã¥Â¼Â */

del {
    text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500;
}


/* Ã¥Å½Â»Ã¦Å½â€°Ã¥Ë†â€”Ã¨Â¡Â¨Ã¥â€°ÂÃ§Å¡â€žÃ¦ â€¡Ã¨Â¯â€ Ã¯Â¼Å’li Ã¤Â¼Å¡Ã§Â»Â§Ã¦â€°Â¿ */

ol,
ul {
    list-style: none;
}


/* Ã¥Â¯Â¹Ã©Â½ÂÃ¦ËœÂ¯Ã¦Å½â€™Ã§â€°Ë†Ã¦Å“â‚¬Ã©â€¡ÂÃ¨Â¦ÂÃ§Å¡â€žÃ¥â€º Ã§Â´ Ã¯Â¼Å’Ã¥Ë†Â«Ã¨Â®Â©Ã¤Â»â‚¬Ã¤Â¹Ë†Ã©Æ’Â½Ã¥Â±â€¦Ã¤Â¸Â­ */

caption,
th {
    text-align: left;
}


/* Ã¦ÂÂ¥Ã¨â€¡ÂªyahooÃ¯Â¼Å’Ã¨Â®Â©Ã¦ â€¡Ã©Â¢ËœÃ©Æ’Â½Ã¨â€¡ÂªÃ¥Â®Å¡Ã¤Â¹â€°Ã¯Â¼Å’Ã©â‚¬â€šÃ¥Âºâ€Ã¥Â¤Å¡Ã¤Â¸ÂªÃ§Â³Â»Ã§Â»Å¸Ã¥Âºâ€Ã§â€Â¨ */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 500;
}

q:before,
q:after {
    content: '';
}


/* Ã§Â»Å¸Ã¤Â¸â‚¬Ã¤Â¸Å Ã¦ â€¡Ã¥â€™Å’Ã¤Â¸â€¹Ã¦ â€¡ */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* Ã©Â»ËœÃ¨Â®Â¤Ã¤Â¸ÂÃ¦ËœÂ¾Ã§Â¤ÂºÃ¤Â¸â€¹Ã¥Ë†â€™Ã§ÂºÂ¿Ã¯Â¼Å’Ã¤Â¿ÂÃ¦Å’ÂÃ©Â¡ÂµÃ©ÂÂ¢Ã§Â®â‚¬Ã¦Â´Â */

ins,
a {
    text-decoration: none;
    color: inherit;
}


/* Ã¥Å½Â»Ã©â„¢Â¤ ie6 & ie7 Ã§â€žÂ¦Ã§â€šÂ¹Ã§â€šÂ¹Ã§Å Â¶Ã§ÂºÂ¿ */

a:focus,
*:focus {
    outline: none;
}


/* Ã¦Â¸â€¦Ã©â„¢Â¤Ã¦ÂµÂ®Ã¥Å Â¨ */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
    /* for ie6 & ie7 */
}

.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


/*header css */

.header {
    width: 100%;
    height: 82px;
    line-height: 82px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .5);
    box-sizing: border-box;
}

.header_b {
    background: #fff!important;
    box-shadow: 3px 3px 3px #ccc;
}

.header .logo {
    display: inline-block;
    width: 256px;
    height: 53px;
    margin-top: 15px;
}

.header .logo img {
    width: 100%;
    height: 100%;
}

.nav .nLi {
    float: left;
    position: relative;
    padding: 0 12px;
    text-align: center;
    line-height: 82px;
    box-sizing: border-box;
}

.nav .nLi a {
    display: inline-block;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: #fff;
}

.nav .nLi a.b {
    color: #333;
}

.nav .sub {
    display: none;
    width: 80px;
    left: 0;
    top: 82px;
    position: absolute;
    line-height: 40px;
    background: rgba(0, 0, 0, .5);
}

.nav .sub.b {
    background: #fff;
}

.nav .sub li {
    zoom: 1;
    display: block;
    width: 80px;
    border-bottom: 1px dashed #ccc;
    font-size: 14px;
}

.nav .sub li:last-child {
    border: none;
}

.nav .sub a:hover {
    color: #b0caff;
}

.nav .on>a {
    color: #b0caff!important;
}

.nav .sub li a {
    font-size: 14px;
    color: #fff;
}

.banner {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.banner img {
    width: 100%;
    height: 100%;
}


/* index-num css */

.num {
    padding: 35px;
    box-shadow: 0 2px 2px 2px #eee;
    border-radius: 10px;
    margin-top: -70px;
    background-color: #fff;
    z-index: 9;
    position: relative;
}

.num p {
    text-align: center;
    line-height: 24px;
}

.num ul {
    padding: 60px 0;
}

.num ul li {
    text-align: center;
    float: left;
    padding: 0 100px;
}

.num ul li:nth-child(2) {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.num ul li h1 {
    font-size: 60px;
    color: #0162b1;
    width: 166.7px;
}


/* com-tit css */

.com-tit {
    padding: 65px 0 34px 0;
    text-align: center;
}

.com-tit h3 {
    font-size: 30px;
    color: #333;
}


/* newscenter css */

.news .hd {
    width: 495px;
    margin: 0 auto;
}

.news .hd ul li {
    float: left;
    padding: 10px 38px;
    border: 1px solid #ccc;
    margin-right: 40px;
}

.news .hd ul li:last-child {
    margin-right: 0;
}

.news .hd ul li.on {
    background-color: #0162b1;
    color: #fff;
}

.news .bd {
    margin-top: 35px;
}

.news-left {
    width: 609px;
}

.news-left img {
    width: 609px;
    height: 408px;
    vertical-align: bottom;
}

.newsitem {
    padding: 50px 15px;
    width: 100%;
    background-color: #f7f7f7;
    box-sizing: border-box;
    display: flex;
}

.newstime {
    width: 85px;
    margin-top: 10px;
}

.newstime .year {
    font-size: 24px;
}

.newstime .line {
    width: 52px;
    height: 1px;
    background-color: #ccc;
    margin: 3px 0 5px 0;
}

.newstime .date {
    padding-left: 7px;
}

.newstext {
    width: 458px;
}

.newstext h4 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    margin-bottom: 10px;
}

.newstext p {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #999;
    text-align: justify;
    line-height: 22px;
}

.news-right {
    width: 573px;
}

.ps {
    padding: 16px 15px;
    margin-bottom: 9px;
}

.newsitem:hover {
    background-color: #2257b0;
    color: #fff;
}

.newsitem:hover p {
    color: #fff;
}


/* schedule css */

.schedule {
    background: url(../images/bg-line.jpg)no-repeat center;
    padding: 15px 0;
    margin-top: 35px;
}

.schedule .tit {
    color: #fff;
    padding: 50px 0;
    display: inline-block;
}

.schedule .tit h5 {
    font-size: 24px;
    margin-bottom: 8px;
}

.schedule .tit p {
    text-align: center;
}

.schedule-list {
    display: inline-block;
    width: 804px;
    margin-left: 54px;
}

.schedule-list .scheduleitem {
    display: inline-block;
    position: relative;
}

.schedule-list .dot {
    background: url(../images/circle_default.png)no-repeat center;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -30px;
}

.scheduleitem {
    width: 80px;
    cursor: pointer;
}

.scheduleitem:nth-child(1) .dot {
    left: 95px;
}

.scheduleitem:nth-child(2) .dot {
    left: 120px;
}

.scheduleitem:nth-child(3) .dot {
    left: 205px;
}

.scheduleitem:nth-child(4) .dot {
    left: 250px;
}

.scheduleitem:nth-child(5) .dot {
    left: 270px;
}

.scheduleitem:nth-child(6) .dot {
    left: 295px;
}

.scheduleitem:nth-child(2) .text {
    left: 40px;
    top: -100px;
}

.scheduleitem:nth-child(3) .text {
    left: 110px;
    width: 160px;
    top: -10px;
}

.scheduleitem:nth-child(4) .text {
    left: 160px;
    top: -100px;
}

.scheduleitem:nth-child(5) .text {
    left: 175px;
}

.scheduleitem:nth-child(6) .text {
    left: 200px;
    top: -100px;
}

.schedule-list .scheduleitem:hover .dot {
    background: url(../images/circle_on.png)no-repeat center;
}

.schedule-list .scheduleitem:hover .text {
    color: #fff;
}

.schedule-list .text {
    position: absolute;
    min-width: 200px;
    text-align: center;
    color: #78a7e2;
}

.schedule-list .text .date {
    color: #fff;
}

.moment-con div:nth-child(1) {
    width: 320px;
    overflow: hidden;
}

.moment-con div:nth-child(2) {
    width: 640px;
    overflow: hidden;
}

.moment-con div:nth-child(3) {
    width: 200px;
    overflow: hidden;
}

.moment-con div img {
    transition: all, 0.5s;
}

.moment-con div img:hover {
    transform: scale(1.5);
    transition: all, 0.5s;
}

.moment-con div.one img {
    width: 100%;
    height: auto;
}

.moment-con div.two {
    margin: 0 3px;
}

.moment-con div.two img {
    width: 100%;
    height: auto;
}

.moment-con div.three {
    width: 210px;
}

.moment-con div.three img {
    width: 100%;
    height: auto;
}


/* meeting css */

.meeting ol li {
    font-size: 0;
}

.meeting ol li span {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.0rem;
    vertical-align: top;
    width: 200px;
}

.meeting ol li span small {
    font-size: 14px;
    color: #666;
    font-weight: normal;
}

.meeting ol li div {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 30px;
    width: calc(100% - 200px);
    box-sizing: border-box;
    position: relative;
    border-left: 1px dashed #0a88ee;
    padding-left: 40px;
}

.meeting ol li div::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -10px;
    width: 13px;
    height: 13px;
    background: #0a88ee;
    border-radius: 50%;
    border: 3px solid #fff;
}

.meeting ol li div h6,
.meeting ol li div h4 {
    font-size: 20px;
    font-weight: bold;
}

.meeting ol li div h4 {
    color: #1671ba;
}

.meeting ol li div h5 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 15px;
    position: relative;
}

.meeting ol li div h5::before {
    content: "";
    position: absolute;
    top: 5px;
    left: -48px;
    width: 8px;
    height: 8px;
    background: #0a88ee;
    border-radius: 50%;
    border: 3px solid #fff;
}

.meeting ol li div p {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 16px;
    text-align: justify;
}

.schedulecon ol li div p {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 3px;
    text-align: justify;
}

.meeting ul li {
    margin-bottom: 60px;
}

.meeting ul li:last-of-type {
    margin-bottom: 0;
}

.meeting ul li h6 {
    font-size: 18px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    padding-left: 42px;
    margin-bottom: 30px;
    position: relative;
}

.meeting ul li h6::after {
    content: "A";
    width: 35px;
    height: 35px;
    background: #0a88ee;
    border-radius: 4px;
    position: absolute;
    color: #fff;
    text-align: center;
    line-height: 35px;
    top: 0;
    left: 0;
    font-weight: normal;
}

.meeting ul li:nth-of-type(1) h6::after {
    content: "A";
}

.meeting ul li:nth-of-type(2) h6::after {
    content: "B";
}

.meeting ul li:nth-of-type(3) h6::after {
    content: "C";
}

.meeting ul li:nth-of-type(4) h6::after {
    content: "D";
}

.meeting ul li:nth-of-type(5) h6::after {
    content: "E";
}

.meeting ul li:nth-of-type(6) h6::after {
    content: "F";
}

.meeting ul li:nth-of-type(7) h6::after {
    content: "G";
}

.meeting ul li:nth-of-type(8) h6::after {
    content: "H";
}

.meeting ul li:nth-of-type(9) h6::after {
    content: "I";
}

.meeting ul li p {
    font-size: 0;
}

.meeting ul li p a {
    display: inline-block;
    width: 226px;
    margin-right: 15px;
    background: url(../images/link1.png) no-repeat right 4px bottom 4px #f5f5f5;
    box-sizing: border-box;
    padding: 16px 20px 12px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    vertical-align: top;
    color: #333;
    margin-bottom: 15px;
}

.meeting ul li p a:nth-of-type(5n+5) {
    margin-right: 0;
}

.meeting ul li p a span {
    font-size: 14px;
    color: #666;
    display: block;
    margin-bottom: 14px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.meeting ul li p a strong {
    font-size: 16px;
    line-height: 1.5;
    display: block;
    height: 48px;
    overflow: hidden;
    text-align: justify;
}

.meeting ul li p a:hover {
    color: #fff;
    background: url(../images/link2.png) no-repeat right 4px bottom 4px #0a88ee;
}

.meeting ul li p a:hover span {
    color: #fff;
}


/* video css */

.video {
    margin-top: 65px;
    width: 100%;
}

.video video {
    width: 100%;
    height: 30vw;
    object-fit: cover;
}


/* cor css */

.cor-list ul li {
    float: left;
    width: 225px;
    height: 90px;
    text-align: center;
    overflow: hidden;
    border: 1px solid #ccc;
    margin-right: 15px;
    line-height: 90px;
    cursor: pointer;
    transition: all .5s;
}

.cor-list ul li:hover {
    box-shadow: 0 3px 3px 3px #eee;
    transform: scale(1.06);
    transition: all .5s;
}

.cor-list ul li img {
    vertical-align: middle;
    display: inline-block;
}

.cor-list ul li:nth-of-type(5n+5) {
    margin-right: 0;
    margin-bottom: 15px;
}


/* sub-banner css */

.sub-banner {
    width: 100%;
    position: relative;
}

.sub-banner h4 {
    position: absolute;
    top: 45%;
    left: 50%;
    color: #fff;
    font-size: 48px;
    font-weight: 700;
}

.sub-banner p {
    position: absolute;
    top: 65%;
    left: 50%;
    color: #fff;
    font-size: 24px;
}


/* loc css */

.loc {
    height: 45px;
    line-height: 45px;
    box-shadow: 3px 3px 3px #ccc;
}

.loc ul li {
    float: left;
    margin-right: 24px;
    font-size: 16px;
}

.loc p a::after {
    content: ">";
    margin-left: 5px;
}

.loc p a:last-child::after {
    content: "";
}

.loc ul li.on {
    color: #1671ba;
    border-bottom: 3px solid #1671ba;
    font-weight: 700;
}


/* about-content css */

.content {
    padding: 50px 0;
}

.content h5 {
    font-size: 24px;
    font-weight: 700;
    margin: 40px 0;
}

.content p {
    font-size: 16px;
    line-height: 32px;
    text-align: justify;
}

.content img {
    width: 80%;
    text-align: center;
    padding: 10px 0;
}

.content table {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: collapse;
    border-color: #000;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0 1px;
    margin-bottom: 10px;
    width: 100%;
}

.content table td,
.content table th {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding: 3px;
}


/* news-list css */

.news-content,
.img-list,
.news-list {
    padding: 35px 0;
}

.news-content .fr {
    width: 25%;
}

.news-list .news-top img {
    width: 440px;
    height: 328px;
}

.news-list .news-top .text {
    width: 696px;
    padding: 65px 0;
}

.news-list .news-top .text h4 {
    font-size: 24px;
    color: #333;
    margin-bottom: 35px;
}
.news-list .news-top .text h4:hover{
    color:#0a88ee;
}
.news-list .news-top .text p {
    line-height: 24px;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.news-list .news-top .text .time {
    margin-bottom: 40px;
    line-height: 0;
    overflow: inherit;
}

.news-list ul {
    margin-top: 20px;
}

.news-list ul li {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #ccc;
    padding: 0 10px;
}

.news-list ul li a {
    display: block;
    height: 100%;
}

.news-list ul li a:hover {
    color: #0a88ee;
}

.news-list ul li a:hover p {
    color: #0a88ee;
}

.news-list ul li a p {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news-list ul li a span {
    float: right;
}


/* imglist css */

.img-list ul li {
    float: left;
    margin-right: 22px;
    width: 384px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.img-list ul li:nth-of-type(3N+3) {
    margin-right: 0;
}

.img-list ul li .img {
    width: 100%;
    height: 288px;
    overflow: hidden;
}

.img-list ul li:hover .img img {
    transform: scale(1.2);
    transition: all 0.5s;
}

.img-list ul li img {
    width: 100%;
    height: 100%;
    vertical-align: bottom;
    transition: all 0.5s;
}

.img-list ul li .text {
    width: 100%;
    height: 100px;
    overflow: hidden;
    padding-top: 18px;
    color: #333;
}

.img-list ul li .text h5 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 700;
}

.img-list ul li:hover h5 {
    color: #0a88ee;
}

.img-list ul li .text p {
    text-align: justify;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 24px;
}


/* content css */

.context {
    width: 70%;
    overflow: hidden;
    box-sizing: border-box;
    display: inline-block;
}

.context h4 {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
}

.context h6 {
    color: #333;
    margin-bottom: 35px;
}

.context .text {
    text-align: justify;
}

.context .text img {
    width: 95%;
    text-align: center;
    padding: 15px 0;
}

.slogen h2 {
    color: #0a82e4;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}

.slogen h3 {
    font-size: 24px;
    line-height: 1.3;
    font-weight: bold;
    margin-top: 20px;
    color: #333;
}

.slogen h4 {
    font-size: 22px;
    color: #0a82e4;
    font-weight: 900;
    margin-top: 40px;
}

.slogen h5 {
    font-size: 16px;
    color: #777;
    margin-top: 10px;
}

.forum_div {
    margin-top: 60px;
}

.forum_div h6 {
    font-size: 24px;
    line-height: 1.5;
    font-weight: bold;
}

.forum_div>a {
    display: block;
    margin-top: 30px;
    overflow: hidden;
}

.forum_div>a img {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    vertical-align: top;
    width: 100%;
}

.forum_div>a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.forum_div>p {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 60px;
}

.forum_div>p span {
    display: block;
    margin-bottom: 16px;
}

.forum_div>p em {
    margin-bottom: 20px;
    display: block;
}

.forum_div>p em a {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 30%;
    position: relative;
}

.forum_div>p em small {
    display: block;
    text-align: center;
    font-size: 18px;
    text-align: center;
    margin-top: 14px;
}

.forum_div>p em a img {
    width: auto;
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* paging css */

.paging {
    clear: both;
    padding: 20px 0;
}

.paging span,
.paging a {
    display: flex;
    padding: 0 10px;
    float: left;
    border: 1px solid #ccc;
    margin-right: 5px;
    height: 30px;
    justify-content: center;
    align-items: center;
}

.paging span.current,
.paging a:hover {
    background-color: #0a88ee;
    color: #fff;
}


/* footer css */

.footer {
    background-color: #313131;
    width: 100%;
    padding: 45px 0;
    /* margin-top: 40px; */
}

.footer ul {
    color: #fff;
    padding-right: 110px;
}

.footer ul:last-child {
    padding-right: 0;
}

.footer ul h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
}

.footer ul li {
    font-size: 16px;
    color: #c9c9c9;
    line-height: 32px;
}

.footer ul li img {
    display: inline-block;
}

.footer ul li p {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    vertical-align: top;
    margin-top: 15px;
}

.footer .f_loc {
    padding-left: 20px;
    background: url(../images/icon_loc.png) no-repeat left 6px;
}

.footer .f_mail {
    padding-left: 22px;
    background: url(../images/icon_mail.png) no-repeat left 8px;
}

.icon_ys {
    position: fixed;
    right: 0;
    bottom: 150px;
    width: 150px;
    height: 140px;
    z-index: 9999;
}
.icon_zn {
    position: fixed;
    right: 0;
    bottom: 10px;
    width: 150px;
    height: 140px;
    z-index: 9999;
}
/* slidebar css */

.cndns-right {
    position: fixed;
    right: 0px;
    top: 20%;
    z-index: 100;
    box-shadow: -5px 1px 8px rgba(0, 0, 0, .1);
    background: #fff
}

.cndns-right-meau {
    position: relative;
}

.cndns-right-btn {
    width: 100px;
    height: 100px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    display: block;
    position: relative;
}

.cndns-right-btn a {
    color: #999
}

.cndns-right-btn p {
    width: 70px;
    font-size: 12px;
    display: block;
    text-align: center;
    margin: 0 auto;
    color: #666;
    padding-top: 50px;
}

.cndns-right-btn:hover p {
    color: #1d5ba0;
}

.meau-pt a {
    background: url(../images/zico.png) no-repeat;
    background-position: center 10px;
}

.meau-pt a:hover {
    background: url(../images/zicoh.png) no-repeat;
    background-position: center 10px;
}

.meau-sf a {
    background: url(../images/sico.png) no-repeat;
    background-position: center 10px;
}

.meau-sf a:hover {
    background: url(../images/sicoh.png) no-repeat;
    background-position: center 10px;
}

.icon_mr {
    position: fixed;
    right: 0;
    bottom: 10px;
    width: 150px;
    height: 140px;
    z-index: 9999;
    text-align: center;
}

/* 2021schedule css */
.schedule_2021 {
    padding-top: 50px;
}
.schedule_2021 .icon {
    padding-top: 40px;
}
.schedule_2021 .schedule_h>.bd>ul {
    background: url(../images/2021schdule_bg.png);
    width: 842px;
    height: 267px;
}
.schedule_2021 .schedule_h>.hd {
    width: 152px;
    text-align: right;
    padding-right: 25px;
    border-right: 1px solid #0162b1;
    margin-right: 25px;
}
.schedule_2021 .schedule_h>.hd ul li {
    height: 42px;
    line-height: 60px;
    position: relative;
}
.schedule_2021 .schedule_h>.hd ul li.on {
    color: #0162b1;
}
.schedule_2021 .schedule_h>.hd ul li.on::after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #0162b1;
    position: absolute;
    right: -30px;
    top: 25px;
}
.schedule_2021 .schedule_h>.bd ul .txt_con {
    padding: 20px 30px 20px 60px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.schedule_2021 .schedule_h>.bd ul h3 {
    font-weight: 700;
    color: #333;
    display: inline-block;
    padding: 5px;
    margin-bottom: 20px;
}
.schedule_2021 .schedule_h .txt_con>.hd {
    width: 92%;
    margin-bottom: 40px;
}
.schedule_2021 .schedule_h .txt_con>.hd ul {
    display: flex;
    margin-left: 20px;
} 
.schedule_2021 .schedule_h .txt_con>.hd ul li {
    margin-right: 20px;
    padding: 5px;
}
.schedule_2021 .schedule_h .txt_con>.hd ul li.on {
    background-color: #69b2f8;
    color: #fff;
}
.schedule_2021 .schedule_h .txt_con>.bd {
    line-height: 28px;
    text-align: left;
    padding-left: 80px;
}
.schedule_2021 .schedule_h .txt_con>p {
    line-height: 28px;
}
/* 2021schedule_en css */
.schedule_21en {
    background: url(../images/bg_21enschedule.jpg) no-repeat;
    padding-top: 30px;
    color: #fff;
    margin-top: 50px;
    height: 807px;
}
.schedule_21en .en21_tit {
    text-align: center;
    margin-bottom: 50px;
} 
.schedule_21en .en21_tit h4 {
    font-size: 30px;
}
.schedule_21en .schedule_21en_con>.hd {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 40px;
}
.schedule_21en .schedule_21en_con>.hd>ul {
    display: flex;
    justify-content:flex-end;
}
.schedule_21en .schedule_21en_con>.hd>ul li {
    padding: 10px 21px;
}
.schedule_21en .schedule_21en_con>.hd>ul li.on {
    background: #0162b1;
}
.schedule_21en .schedule_21en_con>.bd>ul>li,
.s_1207con>.bd>ul>li {
    display: flex;
    height: 88px;
    line-height: 88px;
    width: 100%;
    margin-bottom: 30px;
}
.schedule_21en .schedule_21en_con>.bd>ul>li>.time, 
.s_1207con>.bd>ul>li>.time{
    width: 15%;
    text-align: center;
    background: #2e77e5;
}
.schedule_21en .schedule_21en_con>.bd>ul>li>p,
.s_1207con>.bd>ul>li>p {
    padding-left: 40px;
}
.s_1207con h3 {
    padding: 5px 0;
    font-weight: 700;
}
.s_1207con>.hd>ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.s_1207con>.hd>ul>li{
    padding: 5px 15px;
    border-radius: 5px;
    border: 1px solid #fff;
}
.s_1207con>.hd>ul>li.on {
    background: #134794;
}

/* 2021schedule_en css */
.schedule_21en {
    background: url(../images/bg_21enschedule.jpg) no-repeat;
    padding: 30px;
    color: #fff;
    margin-top: 50px;
    height: 807px;
}
.schedule_21en .en21_tit {
    text-align: center;
    margin-bottom: 50px;
} 
.schedule_21en .en21_tit h4 {
    font-size: 30px;
}
.schedule_21en .schedule_21en_con>.hd {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 40px;
}
.schedule_21en .schedule_21en_con>.hd>ul {
    display: flex;
    justify-content:flex-end;
}
.schedule_21en .schedule_21en_con>.hd>ul li {
    padding: 10px 21px;
}
.schedule_21en .schedule_21en_con>.hd>ul li.on {
    background: #0162b1;
}
.schedule_21en .schedule_21en_con>.bd>ul>li,
.s_1207con>.bd>ul>li {
    display: flex;
    height: 88px;
    line-height: 88px;
    width: 100%;
    margin-bottom: 30px;
}
.schedule_21en .schedule_21en_con>.bd>ul>li>.time, 
.s_1207con>.bd>ul>li>.time{
    width: 15%;
    text-align: center;
    background: #2e77e5;
}
.schedule_21en .schedule_21en_con>.bd>ul>li>p,
.s_1207con>.bd>ul>li>p {
    padding-left: 40px;
}
.s_1207con h3 {
    padding: 5px 0;
    font-weight: 700;
}
.s_1207con>.hd>ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.s_1207con>.hd>ul>li{
    padding: 5px 15px;
    border-radius: 5px;
    border: 1px solid #fff;
}
.s_1207con>.hd>ul>li.on {
    background: #134794;
}

/* 2021分论坛直播 */
.video_zb {
    background: url(../images/video_zb.jpg) no-repeat center;
    margin-top: 60px;
    background-size: cover;
}

.zb_zly {
    padding: 60px 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.liveBox {
    margin-top: 20px;
    display: block;
    position: relative;
    transition: top 0.3s;
}

.liveBox:hover {
    top: -10px;
}
.zlt_tit {
    margin-left: 40px;
}

.zlt_tit h5 {
    display: inline-block;
    font-size: 30px;
    padding-bottom: 5px;
    border-bottom: 4px solid #67b0f7;
}

.zlt_tit h1 {
    font-size: 48px;
}

.zb_flt {
    padding: 60px 0;
}

.swiper6 ul li {
    width: 420px;
    margin-bottom: 30px;
    margin-right: 50px;
    float: left;
}

.swiper6 .type {
    display: block;
    width: 55px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background-color: #6aa5fe;
    float: left;
}

.swiper6 .info {
    width: 355px;
    float: right;
}

.swiper6 .title {
    display: block;
    width: 355px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px;
    float: left;
    overflow: hidden;
}

.swiper6 .time {
    margin-right: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    float: left;
}

.swiper6 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
