.introjs-tooltip {
    padding: 30px;
    border-radius: 10px;
}

.step {
    position: absolute;
}

.guide.introjs-showElement.introjs-relativePosition {
    color: #94070a;
}

.amap-logo {
    display: none !important;
}

.con_top .mode01 {
    width: 77.33%;
    float: left;
}

.mode01 .mode01_top {
    margin-top: 28px;
    text-align: center;
    position: relative;
    z-index: 10;
}

.mode01 .mode01_top div.selectFilter {
    display: inline-block;
    background: #f2f1ed;
    padding: 6px;
}

.associationsinfo {
    position: absolute;
    top: calc(100% + 30px);
    left: 0;
    display: none;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgb(114 124 245 / 50%);
    border-radius: 3px;
    padding: 10px;
}

.associationsinfo p {
    font-size: 12px;
    line-height: 22px;
    color: #094ea2;
    font-weight: bold;
    text-align: left;
}

.associationsinfo p span {
    font-weight: normal;
}

.associationsinfo .seeList {
    background: none;
    border: none;
    box-sizing: border-box;
    padding: 5px 10px;
    background: #94070a;
    color: #fff;
    border-radius: 3px;
    margin: 0 auto 0;
    cursor: pointer;
}

.mode01_top .select {
    width: 300px;
    height: 48px;
    border: 1px solid #cfccc6;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    cursor: pointer;
}

.mode01_top .select p {
    font-size: 20px;
    line-height: 48px;
    text-indent: 16px;
    color: #94070a;
    position: relative;
    text-align: left;
}

.mode01_top .select p.selected::after {
    transform: rotate(180deg);
}

.mode01_top .select p::after {
    content: "";
    background: url(../images/xl.png) no-repeat;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 5px;
    margin-top: -3px;
    transition: all 0.5s;
}

.mode01_top .select ul {
    display: none;
    border: 1px solid #cfccc6;
    background: #fff;
    position: relative;
    z-index: 1;
}

.mode01_top .select ul li {
    width: 100%;
    color: #888;
    font-size: 18px;
    line-height: 46px;
    padding: 0 15px;
    display: block;
    border-bottom: 1px solid #cfccc6;
    text-align: left;
    cursor: pointer;
}

.mode01_top .select ul li span {
    width: 100%;
    display: block;
}

.mode01_top .select3 ul li {
    overflow: hidden;
    font-size: 14px;
}

.mode01_top .select3 ul li span {
    width: calc(100% - 90px);
    float: left;
}

.mode01_top .select3 ul li a {
    color: #888;
    font-size: 14px;
    line-height: 46px;
}

.mode01_top .select p.selected::after {
    transform: rotate(180deg);
}

.mode01_top .select2, .mode01_top .select3 {
    display: none;
    margin-left: 14px;
}

.mode01_top .select4 {
    margin-left: 14px;
    display: inline-block;
}

.mode01 .mode01_cen {
    width: 100%;
    padding-top: 30px;
    padding-left: 0px;
    padding-right: 60px;
    box-sizing: border-box;
    position: relative;
}

.mode01 .mode01_cen .mode01_cen_multi {
    width: 100%;
    height: 600px;
    display: none;
}

/* .mode01_cen_multi>div{position: relative;  padding: 0px; margin: 0px; border-width: 0px; cursor: default;width: 100%!important;height: 100%!important;} */

.mode01 .mode01_cen .mode01_cen_map {
    width: 100%;
    height: 100%;
    display: block;
    background: #fff !important;
}

/* .mode01 .mode01_cen .mode01_cen_subna{width: 100%;height: 100%;display: none;} */
.mode01 .mode01_bot {
    min-height: 100px;
}

.notation {
    font-size: 13px;
    line-height: 24px;
    color: #444;
    text-align: justify;
    margin-top: 20px;
}

.con_top .mode2 {
    width: calc(22.67% - 1px);
    float: right;
    padding-top: 33px;
    border-left: 1px solid #dfe6f9;
    /* border-bottom: 1px solid #dfe6f9; */
    padding-bottom: 35px;
}

.con_top .mode2 .clearAll {
    width: 120px;
    height: 23px;
    background: #94070a;
    opacity: 60%;
    filter: alpha(opacity=0.6);
    font-style: 16px;
    line-height: 23px;
    color: #fff;
    display: block;
    text-align: center;
    float: right;
}

.right {
    clear: both;
    padding-top: 10px;
    padding-left: 60px;
    box-sizing: border-box;
}

.right li {
    margin-bottom: 10px;
}

.accordion {
    cursor: pointer;
    display: block;
    border-bottom: 1px solid #f5f5f5;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-top: 1px solid #f5f5f5;
    clear: both;
    background: #94070a;

    /* display: table-cell; */
    width: 100%;
    height: 72px;
    line-height: 72px;
    /* vertical-align: middle; */
    position: relative;
}

.accordion i.unselect {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/unsel_circle.png);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-left: 20px;

    vertical-align: middle;
}

.accordion i.select {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/sel_circle.png);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-left: 20px;

    vertical-align: middle;
}

.accordion i.jt_down {
    display: inline-block;
    width: 13px;
    height: 18px;
    background: url(../images/jt_down.png);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-right: 10px;

    vertical-align: middle;
}

.accordion i.jt_up {
    display: inline-block;
    width: 13px;
    height: 18px;
    background: url(../images/jt_up.png);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    transform: rotate(180deg);
    margin-right: 10px;

    vertical-align: middle;
}

.accordion span {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    width: calc(100% - 100px);

    vertical-align: middle;
    margin-left: 10px;
}

.panel {
    background-color: white;
    display: none;
    transition: display 2s ease-out;
    border: 1px solid #eee;
    border-top: none;
}

/* .right li:first-child .panel{display: block;} */

/* .accordion {padding-left: 60px;clear: both;padding-top: 10px;} */
/* .accordion .link {cursor:pointer;display:block;padding:24px 30px 41px 62px;color:#222;font-size:18px;line-height: 24px;border-bottom:1px solid #f5f5f5;position:relative;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;border-top:1px solid #f5f5f5;} */
/* .accordion li:first-child .link {border-top:1px solid #f5f5f5;} */
/* .accordion li i.unselect {width: 40px;height: 40px;position: absolute;left: 0;background: url(../images/unsel_circle.png);-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;} */
/* .accordion li i.jt_down{width: 13px;height: 18px;position: absolute;right: 0;top: 36px;background: url(../images/jt_down.png);-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;} */
/* .accordion li i.fa-chevron-down {right:12px;left:auto;font-size:16px;} */
/* .accordion li.open i.unselect {background: url(../images/sel_circle.png);} */
/* .accordion li.open i.jt_down {background: url(../images/jt_up.png);} */
/* .accordion li.open i.jt_down {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} */
/* .submenu {display:none;font-size:14px;} */


.content .con_bot {
    padding-top: 20px;
    overflow-x: scroll;
}

.content .con_bot::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
}

.content .con_bot::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    /* background   : #535353; */
    background: rgba(0, 0, 0, 0.2);
}

.content .con_bot::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
    border-radius: 10px;
    /* background   : #ededed; */

    background: rgba(255, 255, 255, 0);
}

/* 表格 */
.table_btn {
    width: 310px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    border: 1px solid #eee;
    display: block;
    text-align: center;
    color: #fff;
    background: #94070a;
    border-radius: 6px;
    margin: 0 auto;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
}

.clickInfo {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    color: #444;
    margin-bottom: 10px;
}

.infoShow {
    display: none;
}

.expandTable {
    background: url(../images/jt_up.png) no-repeat;
    display: inline-block;
    width: 15px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 5px;
}

.close {
    background: url(../images/jt_up.png) no-repeat;
    transform: rotate(180deg);
    transition: all 0.4s;
}

/* .table_btn:hover {color: #94070a;background: #fff;}
.table_btn::before, .table_btn::after {position: absolute;content: "";display: block;top: 0;left: 0;height: 100%;width: 100%;-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;}
.table_btn::before {border-top: 1px solid #94070a;border-bottom: 1px solid #94070a;-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);}
.table_btn::after {border-left: 1px solid #94070a;border-right: 1px solid #94070a;-webkit-transform: scale3d(1, 0, 1);transform: scale3d(1, 0, 1);}
.table_btn:hover::before, .table_btn:hover::after {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;} */
.tableShow {
    display: none;
}

table {
    width: 100%;
}

table tr {
    width: 100%;
}

table tr th {
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    color: #222222;
    padding: 0 10px;
    box-sizing: border-box;
}

table tr td {
    font-size: 14px;
    line-height: 1.8;
    color: #444444;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}

table tr td .second {
    position: absolute;
    background: #fff;
    z-index: 1;
    width: calc(100% - 15px);
    box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
}

table tr td .second li {
    padding: 10px;
    cursor: pointer;
}

table tr td .second li p {
    font-size: 14px;
    line-height: 1.2;
    color: #444444;
    white-space: break-spaces;
}

table tr td:nth-child(1) {
    color: #94070a;
}

table tr td:nth-child(2) {
    color: #94070a;
    width: auto;
    white-space: nowrap;
}

table tr td:nth-child(2) a {
    color: #94070a;
}

table tr td input {
    font-size: 14px;
    line-height: 24px;
    outline: none;
    border: 1px solid #eee;
    color: #444;
    width: 100%;
    height: 37px;
}

.barcon {
    width: 100%;
    max-height: 72px;
    /* width: auto; */
    /* height: 72px; */
    /* margin: 0 auto; */
    /* text-align: center; */
    /* overflow-x: scroll; */
}

.barcon11 {
    float: right;
    margin-right: 40px;
}

.barcon2 {
    float: right;
}

.barcon2 ul {
    margin: 20px 0;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.barcon11 ul {
    margin: 20px 0;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.barcon11 li {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    color: #999;
    padding: 4px 20px;
    box-sizing: border-box;
    border: 1px solid #ededed;
}

.barcon2 li {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    color: #999;
    padding: 3px 20px;
    box-sizing: border-box;
    border: 1px solid #ededed;
}

.barcon11 li:nth-child(2) {
    margin-left: -4px;
}

.barcon11 li select {
    font-size: 14px;
    line-height: 22px;
    color: #999;
    border: none;
    outline: none;
}

.barcon2 li:nth-child(1) {
    padding: 3px 20px;
}

.barcon2 li:nth-child(2) {
    margin-left: -4px;
    margin-right: -4px;
    border-left: 0;
    border-right: 0;
}

.barcon2 li:nth-child(3) {
    margin-right: 40px;
}

/* .barcon2 li:nth-child(2){width: 35px;margin-left: -4px;margin-right: -4px;} */
.barcon2 li:last-child {
    margin-left: -4px;
    background: #faf7f0;
    border-left: none;
    padding: 3px 10px;
}

.barcon2 li:last-child select {
    background: #faf7f0;
}

.barcon2 li select {
    font-size: 14px;
    line-height: 22px;
    color: #999;
    border: none;
    outline: none;
}

.barcon2 a {
    font-size: 14px;
    line-height: 22px;
    color: #999;
    font-weight: normal;
    display: inline-block;
    background-color: #fff;
}

.barcon2 a:hover {
    background-color: #eee;
}

.ban {
    opacity: .4;
}

#shade {
    background: #000;
    filter: alpha(opacity=50);
    /* IE的透明度*/
    opacity: 0.5;
    /* 透明度*/
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /* 此处的图层要大于页面*/
    display: none;
}

.amap-info p {
    font-size: 12px;
    line-height: 22px;
    color: #094ea2;
    font-weight: 100;
}

.amap-info p:nth-child(1) {
    font-weight: bold;
}

.amap-info p:nth-child(1) span {
    width: 22px;
    height: 14px;
    display: inline-block;
    margin-right: 10px;
}

/* .mode1{background: #fafafa;padding-top: 26px;font-family: 'Microsoft YaHei',Arial,SimSun,SimHei ,"STHeiti Light",STHeiti,"Lucida Grande", Tahoma, Helvetica, sans-serif;} */
.mode1 {
    background: #fafafa;
    padding-top: 26px;
}

.modeshow {
    display: none;
}

.mode1 h2 {
    font-size: 14px;
    line-height: 22px;
    color: #94070a;
    margin-bottom: 10px;
    font-weight: normal;
}

.mode1 ul {
    overflow: hidden;
}

.mode1 ul li {
    width: 50%;
    float: left;
}

.mode1 ul li dl {
    margin-bottom: 30px;
}

.mode1 ul li dt {
    font-size: 14px;
    line-height: 22px;
    color: #444;
    font-weight: bold;
}

.mode1 ul li dd {
    font-size: 14px;
    line-height: 22px;
    color: #999;
}



/* about us */
.mode02 {
    padding-top: 43px;
    background: url(../images/urcd.png) no-repeat right top;
}

.mode02 h2 {
    font-size: 30px;
    line-height: 40px;
    color: #222;
    position: relative;
    font-weight: normal;
}

.mode02 h2::after {
    content: "";
    display: block;
    width: 66px;
    height: 4px;
    background: #94070a;
    position: absolute;
    left: 0;
    bottom: -14px;
}

.mode02 h3 {
    font-size: 20px;
    line-height: 22px;
    color: #94070a;
    font-weight: normal;
    margin-top: 40px;
    text-transform: uppercase;
}

.mode02>h4 {
    font-size: 16px;
    line-height: 22px;
    color: #444;
    margin-top: 15px;
    font-weight: normal;
}

.mode02 .article {
    border-top: 1px solid #ededed;
    margin-top: 15px;
    /* margin-bottom: 60px; */
}

.mode02 .article p {
    font-size: 16px;
    line-height: 30px;
    color: #444;
    margin-top: 26px;
    margin-bottom: 5px;
    text-indent: 3rem;
}

.mode02 .article2 {
    border-top: 1px solid #ededed;
    margin-top: 15px;
    margin-bottom: 52px;
}

.mode02 .article2 p {
    font-size: 16px;
    line-height: 30px;
    color: #444;
    margin-top: 14px;
    margin-bottom: 5px;
    text-indent: 3rem;
}

.mode02 .article2 span {
    font-size: 16px;
    line-height: 30px;
    color: #444;
    float: right;
}

.mode02 .article3 {
    border-top: 1px solid #ededed;
    margin-top: 15px;
    margin-bottom: 52px;
    overflow: hidden;
}

.mode02 .article3 p {
    font-size: 16px;
    line-height: 30px;
    color: #444;
    margin-top: 14px;
    margin-bottom: 5px;
    text-indent: 3rem;
}

.mode02 .article3 span {
    font-size: 16px;
    line-height: 30px;
    color: #444;
    float: right;
}

/* .mode02 .list03{border-top: 1px solid #ededed;margin-left: -30px;box-sizing: border-box;margin-top: 15px;overflow: hidden;} */
/* .mode02 .list03 li{width: 25%;float: left;margin-top: 16px;margin-bottom: 25px;}
.mode02 .list03 li:hover b,.mode02 .list03 li:hover i{color: #94070a;}
.mode02 .list03 li a {display: block;margin-left: 30px;}
.mode02 .list03 li i{font-size: 16px;line-height: 22px;color: #444;font-style:normal;}
.mode02 .list03 li span{display: block;width: 100%;margin-top: 4px;margin-bottom: 16px;}
.mode02 .list03 li span div{padding-bottom: 133%;}
.mode02 .list03 li b{font-size: 16px;line-height: 22px;color: #222;}
.mode02 .list03 li p{font-style: 14px;line-height: 20px;color: #999;margin-top: 8px;height: 60px;overflow: hidden;} */

.mode02 .list03 {
    padding-top: 17px;
    margin-bottom: 13px;
}

.mode02 .list03.pi {
    border-top: 1px solid #ededed;
    margin-top: 16px;
}

.mode02 .list03>p {
    font-size: 16px;
    line-height: 22px;
    color: #222;
    font-weight: bold;
    position: relative;
    padding-left: 25px;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.mode02 .list03>p::before {
    content: "";
    display: block;
    width: 16px;
    height: 26px;
    background: #94070a;
    position: absolute;
    left: 0;
    top: 0;
}

.mode02 .list03 ul {
    overflow: hidden;
    margin-left: -40px;
    margin-right: -40px;
}

.mode02 .list03 ul li:nth-of-type(1), .mode02 .list03 ul li:nth-of-type(2) {
    margin-top: 0px;
}

.mode02 .list03 li {
    width: 50%;
    float: left;
    overflow: hidden;
    background: url(../images/xy.png) no-repeat center bottom;
    margin-top: 20px;
}

.mode02 .list03 li:hover .liRight h4 {
    color: #94070a;
}

.mode02 .list03 li:nth-child(2n) {
    border-left: 1px solid #ededed;
    margin-left: -1px;
}

.mode02 .list03 li a {
    margin: 0 40px;
    display: block;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
}

.mode02 .list03 li .liLeft {
    float: left;
    width: 197px;
    overflow: hidden;
}

.mode02 .list03 li .liLeft>div {
    padding-bottom: 133%;
}

.mode02 .list03 li .liRight {
    margin-left: 216px;
}

.mode02 .list03 li .liRight h4 {
    font-size: 16px;
    line-height: 22px;
    color: #222;
    font-weight: bold;
    margin-top: 16px;
    text-transform: uppercase;
}

.mode02 .list03 li .liRight p {
    font-size: 16px;
    line-height: 22px;
    color: #444;
    margin-top: 10px;
}

.mode02 .list03 li .liRight span {
    font-size: 14px;
    line-height: 20px;
    color: #999;
    display: block;
    margin-top: 10px;
}

.mode06 {
    border: 1px solid #eee;
    margin-top: 15px;
    padding-top: 17px;
    margin-bottom: 20px;
}

.list04 {
    background: url(../images/vertical_line.png) repeat-y 130px;
}

.list04 li {
    margin-bottom: 50px;
}

.list04 li div.timeLeft {
    float: left;
    padding-left: 20px;
    width: 130px;
    box-sizing: border-box;
    padding-top: 3px;
}

.list04 li.circlered div.timeLeft h4 {
    font-size: 20px;
    color: #94070a;
    margin-top: 0;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
    transition: 0.5s;
}

.list04 li.circleorange div.timeLeft h4 {
    font-size: 20px;
    color: #efa34b;
    margin-top: 0;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.5s;
}

.list04 li div.timeRight {
    margin-left: 130px;
    border-bottom: 1px solid #eee;
    padding-left: 35px;
    position: relative;
    position: relative;
    padding-bottom: 14px;
    padding-top: 3px;
    margin-bottom: 20px;
    padding-right: 10px;
}

.list04 li:last-child div.timeRight:last-child {
    border: none;
}

.list04 li:last-child div.timeRight:last-child::after {
    display: none;
}

/* .list04 li.circlered div.timeRight::before{width: 26px;height: 26px;background: url(../images/circle_red.png);content: "";display: block;position: absolute;left: -13px;top: 0;border-radius: 50%;} */
/* .list04 li.circleorange div.timeRight::before{width: 26px;height: 26px;background: url(../images/circle_orange.png);content: "";display: block;position: absolute;left: -13px;top: 0;border-radius: 50%;} */
.list04 li.circlered div.timeRight .round {
    width: 26px;
    height: 26px;
    background: url(../images/circle_red.png);
    content: "";
    display: block;
    position: absolute;
    left: -13px;
    top: 0;
    border-radius: 50%;
}

.list04 li.circleorange div.timeRight .round {
    width: 26px;
    height: 26px;
    background: url(../images/circle_red.png);
    content: "";
    display: block;
    position: absolute;
    left: -13px;
    top: 0;
    border-radius: 50%;
}

.wrapper {
    width: 30px;
    height: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    left: -3px;
    -webkit-transition: all 0.4s;
    -webkit-transform: scale(0.35);
    opacity: 0;
}

.list04 li div.timeRight:hover .wrapper {
    -webkit-transform: scale(1);
    opacity: 1;
    -webkit-animation: rotating 6s 1.2s linear infinite alternate;
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
    }
}

.list04 li.circlered div.timeRight::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    display: block;
    width: 160px;
    height: 1px;
    background: #94070a;
    transition: all 400ms;
}

.list04 li.circleorange div.timeRight::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    display: block;
    width: 160px;
    height: 1px;
    background: #efa34b;
    transition: all 400ms;
}

.list04 li div.timeRight:hover::after {
    width: 100%;
}

.list04 li.circlered div.timeRight span {
    font-size: 16px;
    line-height: 23px;
    color: #94070a;
    display: block;
    font-weight: bold;
    padding-top: 3px;
}

.list04 li.circleorange div.timeRight span {
    font-size: 16px;
    line-height: 22px;
    color: #efa34b;
    display: block;
    font-weight: bold;
}

.list04 li div.timeRight p {
    font-size: 16px;
    line-height: 22px;
    color: #444;
    margin-top: 10px;
}

.list04 li div.phase span {
    font-size: 16px;
    line-height: 22px;
    color: #476db4 !important;
    display: block;
    font-weight: bold;
}

.list04 li div.phase .brief {
    color: #fff;
    background: #8d1b11;
    box-sizing: border-box;
    padding: 10px 15px;
    margin-top: 10px;
    line-height: 1.5;
}

.list04 li.phase {}

.list04 li.phase div.timeLeft .title {
    color: #476db4;
}

.list04 li.phase div.timeRight .brief {
    color: #fff;
    background: #8d1b11;
    box-sizing: border-box;
    padding: 10px 15px;
    margin-top: 10px;
    line-height: 1.5;
}

.list04 li.phase div.timeRight::after {
    display: none;
}


.mode03 {
    padding-top: 43px;
    background: url(../images/urcd.png) no-repeat right top;
}

.mode03 h2 {
    font-size: 30px;
    line-height: 40px;
    color: #222;
    position: relative;
    text-transform: uppercase;
    transition: 0.5s;
    font-weight: normal;
}

.mode03>h3 {
    font-size: 20px;
    line-height: 22px;
    color: #94070a;
    font-weight: normal;
    margin-top: 40px;
}

.mode03>h4 {
    font-size: 16px;
    line-height: 22px;
    color: #444;
    margin-top: 15px;
    font-weight: normal;
    text-align: justify;
}

.mode03 h2::after {
    content: "";
    display: block;
    width: 66px;
    height: 4px;
    background: #94070a;
    position: absolute;
    left: 0;
    bottom: -14px;
}

.mode03 .list05 {
    margin-top: -6px;
    border-top: 1px solid #ededed;
    padding-top: 30px;
    margin-top: 20px;
}

.mode03 .list05 li {
    position: relative;
    margin-bottom: 28px;
    overflow: hidden;
}

.mode03 .list05 li:hover .rt h4 {
    color: #94070a;
}

.mode03 .list05 li::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #94070a;
    position: absolute;
    bottom: 2px;
    left: 0;
}

.mode03 .list05 li a .lt {
    width: 277px;
    float: left;
    position: relative;
    z-index: 10;
}

.mode03 .list05 li a .lt div {
    padding-bottom: 134%;
}

.mode03 .list05 li a .rt {
    margin-left: 296px;
}

.mode03 .list05 li a .rt h4 {
    font-size: 20px;
    line-height: 22px;
    color: #222;
    margin-top: 27px;
    margin-bottom: 32px;
}

.mode03 .list05 li a .rt p {
    display: block;
    overflow: hidden;
    margin-bottom: 11px;
}

.mode03 .list05 li a .rt p i {
    font-size: 16px;
    line-height: 22px;
    color: #999;
    font-style: normal;
    display: block;
    /* height:44px; */
    overflow: hidden;
    text-overflow: ellipsis;
    /* display: -webkit-box; */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mode03 .list05 li a .rt p span {
    font-size: 16px;
    line-height: 22px;
    color: #94070a;
    display: block;
    float: left;
}

.gp-page {
    text-align: center;
    margin-bottom: 70px;
}

.gp-page a {
    width: 48px;
    height: 52px;
    text-align: center;
    line-height: 52px;
    font-size: 14px;
    color: #999;
    display: inline-block;
    background: #ededed;
    margin: 0 -2px;
    padding: 0;
}

.gp-page a:hover {
    color: #94070a;
    font-weight: bold;
}

.gp-page a.on_pages {
    color: #94070a;
    border-color: #94070a;
    font-weight: bold;
}

.gp-page a.gp-page-prev {
    margin-right: 8px;
}

.gp-page a.gp-page-next {
    margin-left: 8px;
}

.mode04 {
    padding-top: 44px;
    background: url(../images/urcd.png) no-repeat right top;
}

.mode04 h2 {
    font-size: 30px;
    line-height: 40px;
    color: #222;
    position: relative;
    font-weight: normal;
}

.mode04 h2::after {
    content: "";
    display: block;
    width: 66px;
    height: 4px;
    background: #94070a;
    position: absolute;
    left: 0;
    bottom: -14px;
}

.mode04 h3 {
    font-size: 24px;
    line-height: 22px;
    color: #222;
}

.mode04 .mode05 {
    border-top: 1px solid #eee;
    margin-top: 10px;
}

.mode05 .lt {
    width: 277px;
    float: left;
    margin-top: 20px;
}

.mode05 .lt .img {
    width: 277px;
    margin-bottom: 24px;
}

.mode05 .lt .img div {
    padding-bottom: 134%
}

.mode05 .lt .img div img {
    transform: scale(1);
}

.mode05 .lt .downloads {
    position: relative;
    padding-bottom: 15px;
}

.mode05 .lt .downloads h3 {
    font-size: 14px;
    line-height: 22px;
    color: #2e1667;
    font-weight: normal;
    font-weight: bold;
}

.mode05 .lt .downloads i {
    font-size: 14px;
    line-height: 22px;
    color: #999;
    display: block;
    font-style: normal;
}

.mode05 .lt .downloads::after {
    content: "";
    display: block;
    width: 100%;
    height: 12px;
    background: url(../images/downloads.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
}

.mode05 .lt .list06 {
    border-top: 1px solid #eeeeee;
    margin-bottom: 70px;
    margin-top: 21px;
}

.mode05 .lt .list06 li {
    border-bottom: 1px solid #eeeeee;
}

.mode05 .lt .list06 li:hover p {
    color: #94070a;
}

.mode05 .lt .list06 li div {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 30px;
}

.mode05 .lt .list06 li:nth-child(1) a {
    /* padding-top: 17px; */
}

.mode05 .lt .list06 li div span {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    display: block;
    height: 100%;
    vertical-align: middle;
}

.mode05 .lt .list06 li div p {
    font-size: 14px;
    line-height: 20px;
    color: #444;
    margin-left: 30px;
}

.mode05 .lt .list06 li div a {
    font-size: 14px;
    line-height: 20px;
    color: #444;
    vertical-align: middle;
}

.mode05 .lt .list06 li div i {
    font-size: 14px;
    line-height: 22px;
    color: #999;
    margin-left: 30px;
    display: block;
    font-style: normal;
}

.mode05 .rt {
    margin-left: 377px;
    margin-top: 20px;
}

.mode05 .rt .share {
    height: 74px;
    padding-top: 11px;
    box-sizing: border-box;
}

.mode05 .rt .share a {
    display: inline-block;
    margin-left: 6px;
}

.mode05 .rt .share a:nth-child(1) {
    margin-left: 0px;
}

.mode05 .rt .share a:nth-child(2) {
    margin-left: 6px;
}

.mode05 .rt .share a:nth-child(3) {
    margin-left: 36px;
}

.mode05 .rt .article h3 {
    font-size: 16px;
    line-height: 22px;
    color: #444;
}

.mode05 .rt .article h4 {
    margin-top: 21px;
    font-size: 16px;
    line-height: 22px;
    color: #94070a;
}

.mode05 .rt .article {
    padding-top: 6px;
    margin-bottom: 34px;
}

.mode05 .rt .article p {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 22px;
    color: #444;
    text-align: justify;
    text-indent: 3rem;
}

.mode05 .rt .article2 {
    border-top: 1px solid #eee;
    padding-top: 28px;
    margin-bottom: 30px;
}

.mode05 .rt .article2 p {
    font-size: 14px;
    line-height: 20px;
    color: #999;
}

.mode05 .rt .article2 p span {
    font-size: 14px;
    line-height: 20px;
    color: #94070a;
    float: left;
    font-weight: bold;
}

.mode05 .rt .article2 p i {
    font-size: 14px;
    line-height: 20px;
    color: #999;
    display: block;
    font-style: normal;
}

.mode05 .rt .article2 p a {
    font-size: 14px;
    line-height: 20px;
    color: #999;
    word-wrap: break-word;
}

.mode05 .rt .article2 p a.download {
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    color: #94070a;
    border: 1px solid #94070a;
    margin-right: 20px;
    margin-bottom: 10px;
}

.mode07 {
    padding-top: 44px;
    background: url(../images/urcd.png) no-repeat right top;
}

.pubForm {
    margin-bottom: 17px;
}

.pubForm .select {
    width: 300px;
    height: 48px;
    border: 1px solid #cfccc6;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    cursor: pointer;
}

.pubForm .select p {
    font-size: 20px;
    line-height: 48px;
    text-indent: 16px;
    color: #94070a;
    position: relative;
    text-align: left;
}

.pubForm .select p.selected::after {
    transform: rotate(180deg);
}

.pubForm .select p::after {
    content: "";
    background: url(../images/xl.png) no-repeat;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 5px;
    margin-top: -3px;
    transition: all 0.5s;
}

.pubForm .select ul {
    display: none;
    border: 1px solid #cfccc6;
    background: #fff;
    position: relative;
    z-index: 2;
}

.pubForm .select ul li {
    width: 100%;
    color: #888;
    font-size: 18px;
    line-height: 46px;
    padding: 0 15px;
    display: block;
    border-bottom: 1px solid #cfccc6;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
}

.pubForm .select ul li span {
    width: 100%;
    display: block;
}

.pubForm .select ul li span:hover {
    color: #94070a;
}

.pubForm .gp-search {
    width: 300px;
    overflow: hidden;
    vertical-align: middle;
    vertical-align: middle;
    transition: all 0.35s ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0.77);
    border-radius: 0px;
    border-radius: 0px;
    background: #fff;
    height: 48px;
    border: 1px solid #cfccc6;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 18px;
}

.pubForm .gp-ser {
    width: 100%;
    height: 48px;
    z-index: 1;
    margin: 0 auto;
    position: relative;
}

.pubForm .gp-search input, .gp-search button {
    position: absolute;
    height: 48px;
    line-height: 48px;
    border: none;
    background: none;
    top: 0px;
    overflow: hidden;
}

.pubForm .gp-search input.notxt {
    color: #333;
    width: calc(100% - 43px);
    left: 0;
    background: ;
    box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
    outline: none;
    font-size: 16px;
}

.pubForm .gp-search input.notxt::-webkit-input-placeholder {
    color: #b3b3b3;
}

.pubForm .gp-search input.notxt:-moz-placeholder {
    color: #b3b3b3;
}

.pubForm .gp-search input.notxt::-moz-placeholder {
    color: #b3b3b3;
}

.pubForm .gp-search input.notxt:-ms-input-placeholder {
    color: #b3b3b3;
}

.pubForm .gp-search .notxt1 {
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    right: 6px;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
    color: #94070a;
    font-size: 24px;
    background: url(../images/search_pub.png) no-repeat center;
}

.mode07 .btn {
    margin-left: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #94070a;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #94070a;
    display: inline-block;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.mode07>p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #444;
}

.mode07>p:nth-child(2) {
    margin-top: 40px;
}

.mode07 h2 {
    font-size: 30px;
    line-height: 40px;
    color: #222;
    position: relative;
    font-weight: normal;
}

.mode07 h2::after {
    content: "";
    display: block;
    width: 66px;
    height: 4px;
    background: #94070a;
    position: absolute;
    left: 0;
    bottom: -14px;
}

/* .mode07 .list07{border-top: 1px solid #eeeeee;margin-bottom: 70px;margin-top: 70px;} */
.mode07 .list07 {
    border-top: 1px solid #eeeeee;
    margin-bottom: 10px;
    margin-top: 20px;
}

.mode07 .list07 li {
    border-bottom: 1px solid #eeeeee;
    padding-top: 17px;
    padding-bottom: 10px;
}

.mode07 .list07 li:hover p {
    color: #94070a;
}

.mode07 .list07 li span.download {
    width: 100px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    color: #94070a;
    border: 1px solid #94070a;
    text-align: center;
    border-radius: 5px;
    display: block;
    margin-left: calc(100% - 120px);
}

.mode07 .list07 li div {
    float: left;
}

.mode07 .list07 li div span:nth-child(1) {
    float: left;
    margin-right: 10px;
    margin-top: 6px;
    display: block;
    height: 100%;
}

.mode07 .list07 li div p {
    font-size: 14px;
    line-height: 20px;
    color: #444;
    margin-left: 30px;
}

.mode07 .list07 li div i {
    font-size: 14px;
    line-height: 22px;
    color: #999;
    display: block;
    font-style: normal;
    margin-left: 30px;
}

.surveyForm {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px
}

.surveyForm a {
    border: 1px solid #94070a;
    color: #94070a;
    padding: 10px;
    font-size: 14px;
    line-height: 22px;
    border-radius: 5px;
}

/* 国旗  */
/* 2.2742175856929 */
.CHN {
    background: url(../images/memeber-states-flags.png) 0px -580px no-repeat;
    background-size: 100% auto;
}

.USA {
    background: url(../images/memeber-states-flags.png) 0px -2849px no-repeat;
    background-size: 100% auto;
}

.FRA {
    background: url(../images/memeber-states-flags.png) 0px -922px no-repeat;
    background-size: 100% auto;
}

.DEU {
    background: url(../images/memeber-states-flags.png) 0px -690px no-repeat;
    background-size: 100% auto;
}

.ITA {
    background: url(../images/memeber-states-flags.png) 0px -1299px no-repeat;
    background-size: 100% auto;
}

.CAN {
    background: url(../images/memeber-states-flags.png) 0px -441px no-repeat;
    background-size: 100% auto;
}

.KOR {
    background: url(../images/memeber-states-flags.png) 0px -1466px no-repeat;
    background-size: 100% auto;
}

.JPN {
    background: url(../images/memeber-states-flags.png) 0px -1342px no-repeat;
    background-size: 100% auto;
}

.BRA {
    background: url(../images/memeber-states-flags.png) 0px -347px no-repeat;
    background-size: 100% auto;
}

.NLD {
    background: url(../images/memeber-states-flags.png) 0px -2019px no-repeat;
    background-size: 100% auto;
}

.MEX {
    background: url(../images/memeber-states-flags.png) 0px -1908px no-repeat;
    background-size: 100% auto;
}

.IND {
    background: url(../images/memeber-states-flags.png) 0px -1233px no-repeat;
    background-size: 100% auto;
}

.SGP {
    background: url(../images/memeber-states-flags.png) 0px -2425px no-repeat;
    background-size: 100% auto;
}

.CHE {
    background: url(../images/memeber-states-flags.png) 0px -507px no-repeat;
    background-size: 100% auto;
}

.THA {
    background: url(../images/memeber-states-flags.png) 0px -2664px no-repeat;
    background-size: 100% auto;
}

.VNM {
    background: url(../images/memeber-states-flags.png) 0px -2950px no-repeat;
    background-size: 100% auto;
}

.NOR {
    background: url(../images/memeber-states-flags.png) 0px -2036px no-repeat;
    background-size: 100% auto;
}

.RUS {
    background: url(../images/memeber-states-flags.png) 0px -2019px no-repeat;
    background-size: 100% auto;
}

.SWE {
    background: url(../images/memeber-states-flags.png) 0px -2409px no-repeat;
    background-size: 100% auto;
}

.FIN {
    background: url(../images/memeber-states-flags.png) 0px -879px no-repeat;
    background-size: 100% auto;
}

.ESP {
    background: url(../images/memeber-states-flags.png) 0px -850px no-repeat;
    background-size: 100% auto;
}

.DNK {
    background: url(../images/memeber-states-flags.png) 0px -722px no-repeat;
    background-size: 100% auto;
}

.MYS {
    background: url(../images/memeber-states-flags.png) 0px -1923px no-repeat;
    background-size: 100% auto;
}

.MAR {
    background: url(../images/memeber-states-flags.png) 0px -1672px no-repeat;
    background-size: 100% auto;
}

.GBR {
    background: url(../images/memeber-states-flags.png) 0px -956px no-repeat;
    background-size: 100% auto;
}

.SAU {
    background: url(../images/memeber-states-flags.png) 0px -2353px no-repeat;
    background-size: 100% auto;
}

.TUR {
    background: url(../images/memeber-states-flags.png) 0px -2754px no-repeat;
    background-size: 100% auto;
}

.POL {
    background: url(../images/memeber-states-flags.png) 0px -2200px no-repeat;
    background-size: 100% auto;
}

.IRN {
    background: url(../images/memeber-states-flags.png) 0px -1267px no-repeat;
    background-size: 100% auto;
}

.KWT {
    background: url(../images/memeber-states-flags.png) 0px -1483px no-repeat;
    background-size: 100% auto;
}

.DZA {
    background: url(../images/memeber-states-flags.png) 0px -770px no-repeat;
    background-size: 100% auto;
}

.PHL {
    background: url(../images/memeber-states-flags.png) 0px -2170px no-repeat;
    background-size: 100% auto;
}

.EGY {
    background: url(../images/memeber-states-flags.png) 0px -820px no-repeat;
    background-size: 100% auto;
}

.DOM {
    background: url(../images/memeber-states-flags.png) 0px -754px no-repeat;
    background-size: 100% auto;
}

.ZAF {
    background: url(../images/memeber-states-flags.png) 0px -3012px no-repeat;
    background-size: 100% auto;
}

.UZB {
    background: url(../images/memeber-states-flags.png) 0px -2880px no-repeat;
    background-size: 100% auto;
}

.KAZ {
    background: url(../images/memeber-states-flags.png) 0px -1496px no-repeat;
    background-size: 100% auto;
}

.CHL {
    background: url(../images/memeber-states-flags.png) 0px -548px no-repeat;
    background-size: 100% auto;
}

.UKR {
    background: url(../images/memeber-states-flags.png) 0px -2816px no-repeat;
    background-size: 100% auto;
}

.IDN {
    background: url(../images/memeber-states-flags.png) 0px -1689px no-repeat;
    background-size: 100% auto;
}

.IRL {
    background: url(../images/memeber-states-flags.png) 0px -1202px no-repeat;
    background-size: 100% auto;
}

.HUN {
    background: url(../images/memeber-states-flags.png) 0px -1172px no-repeat;
    background-size: 100% auto;
}

.HRV {
    background: url(../images/memeber-states-flags.png) 0px -1144px no-repeat;
    background-size: 100% auto;
}

.BEL {
    background: url(../images/memeber-states-flags.png) 0px -217px no-repeat;
    background-size: 100% auto;
}

.ECU {
    background: url(../images/memeber-states-flags.png) 0px -787px no-repeat;
    background-size: 100% auto;
}

.AUS {
    background: url(../images/memeber-states-flags.png) 0px -143px no-repeat;
    background-size: 100% auto;
}

.VEN {
    background: url(../images/memeber-states-flags.png) 0px -2934px no-repeat;
    background-size: 100% auto;
}

.COL {
    background: url(../images/memeber-states-flags.png) 0px -598px no-repeat;
    background-size: 100% auto;
}

.BGD {
    background: url(../images/memeber-states-flags.png) 0px -201px no-repeat;
    background-size: 100% auto;
}

.PER {
    background: url(../images/memeber-states-flags.png) 0px -2135px no-repeat;
    background-size: 100% auto;
}

.NZL {
    background: url(../images/memeber-states-flags.png) 0px -2091px no-repeat;
    background-size: 100% auto;
}

.TUN {
    background: url(../images/memeber-states-flags.png) 0px -2724px no-repeat;
    background-size: 100% auto;
}

.NGA {
    background: url(../images/memeber-states-flags.png) 0px -1991px no-repeat;
    background-size: 100% auto;
}

.PYF {
    background: url(../images/memeber-states-flags.png) 0px -1115px no-repeat;
    background-size: 100% auto;
}

.SVN {
    background: url(../images/memeber-states-flags.png) 0px -2455px no-repeat;
    background-size: 100% auto;
}

.QAT {
    background: url(../images/memeber-states-flags.png) 0px -2276px no-repeat;
    background-size: 100% auto;
}

.ETH {
    background: url(../images/memeber-states-flags.png) 0px -867px no-repeat;
    background-size: 100% auto;
}

.MMR {
    background: url(../images/memeber-states-flags.png) 0px -1795px no-repeat;
    background-size: 100% auto;
}

.PRY {
    background: url(../images/memeber-states-flags.png) 0px -2261px no-repeat;
    background-size: 100% auto;
}

.ARE {
    background: url(../images/memeber-states-flags.png) 0px -18px no-repeat;
    background-size: 100% auto;
}

.ARG {
    background: url(../images/memeber-states-flags.png) 0px -112px no-repeat;
    background-size: 100% auto;
}

.CZE {
    background: url(../images/memeber-states-flags.png) 0px -674px no-repeat;
    background-size: 100% auto;
}

.EGY {
    background: url(../images/memeber-states-flags.png) 0px -820px no-repeat;
    background-size: 100% auto;
}

.ROU {
    background: url(../images/memeber-states-flags.png) 0px -2287px no-repeat;
    background-size: 100% auto;
}

.URY {
    background: url(../images/memeber-states-flags.png) 0px -2863px no-repeat;
    background-size: 100% auto;
}

.BGR {
    background: url(../images/memeber-states-flags.png) 0px -254px no-repeat;
    background-size: 100% auto;
}

.PAK {
    background: url(../images/memeber-states-flags.png) 0px -2183px no-repeat;
    background-size: 100% auto;
}

.LUX {
    background: url(../images/memeber-states-flags.png) 0px -1630px no-repeat;
    background-size: 100% auto;
}

.GMR {
    background: url(../images/memeber-states-flags.png) 0px -565px no-repeat;
    background-size: 100% auto;
}

.MNG {
    background: url(../images/memeber-states-flags.png) 0px -1812px no-repeat;
    background-size: 100% auto;
}

.OMN {
    background: url(../images/memeber-states-flags.png) 0px -2105px no-repeat;
    background-size: 100% auto;
}

.YEM {
    background: url(../images/memeber-states-flags.png) 0px -2996px no-repeat;
    background-size: 100% auto;
}

.CIV {
    background: url(../images/memeber-states-flags.png) 0px -531px no-repeat;
    background-size: 100% auto;
}

.NPL {
    background: url(../images/memeber-states-flags.png) 0px -2055px no-repeat;
    background-size: 100% auto;
}

.ZWE {
    background: url(../images/memeber-states-flags.png) 0px -3046px no-repeat;
    background-size: 100% auto;
}

.GRC {
    background: url(../images/memeber-states-flags.png) 0px -1069px no-repeat;
    background-size: 100% auto;
}

.AUT {
    background: url(../images/memeber-states-flags.png) 0px -128px no-repeat;
    background-size: 100% auto;
}

.AGO {
    background: url(../images/memeber-states-flags.png) 0px -95px no-repeat;
    background-size: 100% auto;
}

.LKA {
    background: url(../images/memeber-states-flags.png) 0px -1571px no-repeat;
    background-size: 100% auto;
}

.MLI {
    background: url(../images/memeber-states-flags.png) 0px -1779px no-repeat;
    background-size: 100% auto;
}

.GAB {
    background: url(../images/memeber-states-flags.png) 0px -939px no-repeat;
    background-size: 100% auto;
}

.AZE {
    background: url(../images/memeber-states-flags.png) 0px -156px no-repeat;
    background-size: 100% auto;
}

.BOL {
    background: url(../images/memeber-states-flags.png) 0px -331px no-repeat;
    background-size: 100% auto;
}

.JOR {
    background: url(../images/memeber-states-flags.png) 0px -1329px no-repeat;
    background-size: 100% auto;
}

.LVA {
    background: url(../images/memeber-states-flags.png) 0px -1646px no-repeat;
    background-size: 100% auto;
}

.VUT {
    background: url(../images/memeber-states-flags.png) 0px -2967px no-repeat;
    background-size: 100% auto;
}

.SLV {
    background: url(../images/memeber-states-flags.png) 0px -2004px no-repeat;
    background-size: 100% auto;
}

.SEN {
    background: url(../images/memeber-states-flags.png) 0px -2508px no-repeat;
    background-size: 100% auto;
}

.SVK {
    background: url(../images/memeber-states-flags.png) 0px -2455px no-repeat;
    background-size: 100% auto;
}

.NAM {
    background: url(../images/memeber-states-flags.png) 0px -1953px no-repeat;
    background-size: 100% auto;
}

.GTM {
    background: url(../images/memeber-states-flags.png) 0px -1086px no-repeat;
    background-size: 100% auto;
}

.ALB {
    background: url(../images/memeber-states-flags.png) 0px -65px no-repeat;
    background-size: 100% auto;
}

.BWA {
    background: url(../images/memeber-states-flags.png) 0px -395px no-repeat;
    background-size: 100% auto;
}

.HND {
    background: url(../images/memeber-states-flags.png) 0px -1130px no-repeat;
    background-size: 100% auto;
}

.TZA {
    background: url(../images/memeber-states-flags.png) 0px -2800px no-repeat;
    background-size: 100% auto;
}

.BHR {
    background: url(../images/memeber-states-flags.png) 0px -270px no-repeat;
    background-size: 100% auto;
}

.BDI {
    background: url(../images/memeber-states-flags.png) 0px -285px no-repeat;
    background-size: 100% auto;
}

.BTN {
    background: url(../images/memeber-states-flags.png) 0px -379px no-repeat;
    background-size: 100% auto;
}

.CMR {
    background: url(../images/memeber-states-flags.png) 0px -565px no-repeat;
    background-size: 100% auto;
}

.RWA {
    background: url(../images/memeber-states-flags.png) 0px -2337px no-repeat;
    background-size: 100% auto;
}

.GHA {
    background: url(../images/memeber-states-flags.png) 0px -1003px no-repeat;
    background-size: 100% auto;
}

.FJI {
    background: url(../images/memeber-states-flags.png) 0px -895px no-repeat;
    background-size: 100% auto;
}

.JAM {
    background: url(../images/memeber-states-flags.png) 0px -1316px no-repeat;
    background-size: 100% auto;
}

.EST {
    background: url(../images/memeber-states-flags.png) 0px -804px no-repeat;
    background-size: 100% auto;
}

.PRT {
    background: url(../images/memeber-states-flags.png) 0px -2229px no-repeat;
    background-size: 100% auto;
}

.LTU {
    background: url(../images/memeber-states-flags.png) 0px -1615px no-repeat;
    background-size: 100% auto;
}

.KEN {
    background: url(../images/memeber-states-flags.png) 0px -1359px no-repeat;
    background-size: 100% auto;
}

.KHM {
    background: url(../images/memeber-states-flags.png) 0px -1391px no-repeat;
    background-size: 100% auto;
}

.PNG {
    background: url(../images/memeber-states-flags.png) 0px -2151px no-repeat;
    background-size: 100% auto;
}

.LBR {
    background: url(../images/memeber-states-flags.png) 0px -1584px no-repeat;
    background-size: 100% auto;
}

.MKD {
    background: url(../images/memeber-states-flags.png) 0px -1765px no-repeat;
    background-size: 100% auto;
}

.NIC {
    background: url(../images/memeber-states-flags.png) 0px -2004px no-repeat;
    background-size: 100% auto;
}

.MUS {
    background: url(../images/memeber-states-flags.png) 0px -1859px no-repeat;
    background-size: 100% auto;
}

.SWZ {
    background: url(../images/memeber-states-flags.png) 0px -2615px no-repeat;
    background-size: 100% auto;
}

.ZMB {
    background: url(../images/memeber-states-flags.png) 0px -3029px no-repeat;
    background-size: 100% auto;
}

.UGA {
    background: url(../images/memeber-states-flags.png) 0px -2833px no-repeat;
    background-size: 100% auto;
}

.AFG {
    background: url(../images/memeber-states-flags.png) 0px -31px no-repeat;
    background-size: 100% auto;
}

.MOZ {
    background: url(../images/memeber-states-flags.png) 0px -1937px no-repeat;
    background-size: 100% auto;
}

.TON {
    background: url(../images/memeber-states-flags.png) 0px -2741px no-repeat;
    background-size: 100% auto;
}

.WSM {
    background: url(../images/memeber-states-flags.png) 0px -2983px no-repeat;
    background-size: 100% auto;
}

.FSM {
    background: url(../images/memeber-states-flags.png) 0px -908px no-repeat;
    background-size: 100% auto;
}

.BLZ {
    background: url(../images/memeber-states-flags.png) 0px -425px no-repeat;
    background-size: 100% auto;
}

.LSO {
    background: url(../images/memeber-states-flags.png) 0px -1599px no-repeat;
    background-size: 100% auto;
}

.SYC {
    background: url(../images/memeber-states-flags.png) 0px -2384px no-repeat;
    background-size: 100% auto;
}

.MLT {
    background: url(../images/memeber-states-flags.png) 0px -1842px no-repeat;
    background-size: 100% auto;
}

.ARM {
    background: url(../images/memeber-states-flags.png) 0px -82px no-repeat;
    background-size: 100% auto;
}

.MHL {
    background: url(../images/memeber-states-flags.png) 0px -1752px no-repeat;
    background-size: 100% auto;
}

.BHS {
    background: url(../images/memeber-states-flags.png) 0px -365px no-repeat;
    background-size: 100% auto;
}

.LCA {
    background: url(../images/memeber-states-flags.png) 0px -1543px no-repeat;
    background-size: 100% auto;
}

.PLW {
    background: url(../images/memeber-states-flags.png) 0px -2246px no-repeat;
    background-size: 100% auto;
}

.TUV {
    background: url(../images/memeber-states-flags.png) 0px -2786px no-repeat;
    background-size: 100% auto;
}

.BLR {
    background: url(../images/memeber-states-flags.png) 0px -411px no-repeat;
    background-size: 100% auto;
}

.BIH {
    background: url(../images/memeber-states-flags.png) 0px -172px no-repeat;
    background-size: 100% auto;
}

.GEO {
    background: url(../images/memeber-states-flags.png) 0px -986px no-repeat;
    background-size: 100% auto;
}

.BEN {
    background: url(../images/memeber-states-flags.png) 0px -301px no-repeat;
    background-size: 100% auto;
}

.KIR {
    background: url(../images/memeber-states-flags.png) 0px -1408px no-repeat;
    background-size: 100% auto;
}

.SLE {
    background: url(../images/memeber-states-flags.png) 0px -2472px no-repeat;
    background-size: 100% auto;
}

.COD {
    background: url(../images/memeber-states-flags.png) 0px -455px no-repeat;
    background-size: 100% auto;
}

.BFA {
    background: url(../images/memeber-states-flags.png) 0px -238px no-repeat;
    background-size: 100% auto;
}

.PAN {
    background: url(../images/memeber-states-flags.png) 0px -2118px no-repeat;
    background-size: 100% auto;
}

.SDN {
    background: url(../images/memeber-states-flags.png) 0px -2396px no-repeat;
    background-size: 100% auto;
}

.MRT {
    background: url(../images/memeber-states-flags.png) 0px -1825px no-repeat;
    background-size: 100% auto;
}

.COG {
    background: url(../images/memeber-states-flags.png) 0px -490px no-repeat;
    background-size: 100% auto;
}

.NER {
    background: url(../images/memeber-states-flags.png) 0px -1970px no-repeat;
    background-size: 100% auto;
}

.ERI {
    background: url(../images/memeber-states-flags.png) 0px -836px no-repeat;
    background-size: 100% auto;
}

.GIN {
    background: url(../images/memeber-states-flags.png) 0px -1036px no-repeat;
    background-size: 100% auto;
}

.GNQ {
    background: url(../images/memeber-states-flags.png) 0px -1053px no-repeat;
    background-size: 100% auto;
}

.SOM {
    background: url(../images/memeber-states-flags.png) 0px -2524px no-repeat;
    background-size: 100% auto;
}

.MWI {
    background: url(../images/memeber-states-flags.png) 0px -1892px no-repeat;
    background-size: 100% auto;
}

.NCL {
    background: url(../images/memeber-states-flags.png) 0px -658px no-repeat;
    background-size: 100% auto;
}

.ATG {
    background: url(../images/memeber-states-flags.png) 0px -48px no-repeat;
    background-size: 100% auto;
}

.DJI {
    background: url(../images/memeber-states-flags.png) 0px -706px no-repeat;
    background-size: 100% auto;
}


/* .amap-logo img{width: 20px!important;height: 20px!important;} */
.amap-copyright {
    left: 25px;
}

.amap-info {
    width: 300px !important;
    z-index: 10;
}


/* 引导页 */
.guide_imgs {
    position: absolute;
    z-index: 9999;
    width: 100%;
    overflow: hidden;
}

.guide_imgs div {
    width: 100%;
    height: 100%;
}

.guide_imgs div.jumpOver {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 60px;
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
}

.guide_imgs div:nth-child(2) {
    display: block;
}

.guide_imgs div {
    display: none;
    cursor: pointer;
}

.guide_imgs div img {
    width: 100%;
    height: 100%;
}


/* map */
.load {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 15px;
    line-height: 1.5;
    color: #444;
    transform: translate(-50%, -50%);
}

.load.off {
    display: none !important;
}

.info {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border-radius: .25rem;
    position: absolute;
    top: 30px;
    background-color: white;
    width: auto;
    min-width: 22rem;
    border-width: 0;
    right: 60px;
    box-shadow: 0 2px 6px 0 rgb(114 124 245 / 50%);
    display: none;
    width: 260px;
}

.info p {
    font-size: 12px;
    line-height: 22px;
    color: #094ea2;
    font-weight: bold;
}

.info p span {
    font-weight: normal;
}

.info p:first-child i {
    width: 22px;
    height: 14px;
    display: inline-block;
    margin-right: 10px;
}

.info i {
    font-size: 12px;
    line-height: 16px;
    color: #999;
    font-style: normal;
}

.info .seeList {
    background: none;
    border: none;
    box-sizing: border-box;
    padding: 5px 10px;
    background: #94070a;
    color: #fff;
    border-radius: 3px;
    margin: 0 auto 0;
    cursor: pointer;
}


.mode02 h2, .mode02 h3, .mode02 .list03>p, .mode02 h4, .mode02 .article p, .mode02 .list03 li .liRight p, .mode02 .list03 li .liRight span, .list04 li div.timeRight p, .mode02 .article2 p, .mode02 .article3 p, .mode02 .article3 span, .mode04 h2, .mode04 h3, .mode05 .rt .article p, .mode05 .lt .list06 li a p, .mode05 .lt .list06 li a i, .mode05 .rt .article2 p, .mode03 h2, .mode03 .list05 li a .rt h4, .mode03 .list05 li a .rt p, .mode03>h3, .mode05 .lt .downloads i, .mode07 h2, .mode07 .list07 li div p, .mode07 .list07 li div i, .mode07 .list07 li span.download {
    font-family: 'Microsoft YaHei', SimSun, SimHei, "STHeiti Light", STHeiti, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}


.card_con {
    background: #f7f5f2;
    padding: 100px 0;
}

.card_con .registerBox {
    background: #fff;
    box-sizing: border-box;
    padding: 40px 80px;
}

.card_con .registerBox>h3 {
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 44px;
}

.card_con .registerBox ul {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}

.card_con .registerBox ul::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.card_con .registerBox ul>li {
    width: 33.3%;
    float: left;
    margin-bottom: 20px;
}

.card_con .registerBox ul>li .con {
    display: block;
    margin: 0 10px;
    position: relative;
}

.card_con .registerBox ul>li .con .formLabel {
    color: #222;
    font-weight: bold;
    text-indent: 15px;
    margin-bottom: 5px;
}

.card_con .registerBox ul>li .con .formLabel span {
    color: #94070a;
    margin-left: 5px;
}

.card_con .registerBox ul>li .con input::-webkit-input-placeholder {
    color: #c4c4c4;
}

.card_con .registerBox ul>li .con input:-moz-placeholder {
    color: #c4c4c4;
}

.card_con .registerBox ul>li .con input::-moz-placeholder {
    color: #c4c4c4;
}

.card_con .registerBox ul>li .con input:-ms-input-placeholder {
    color: #c4c4c4;
}

.card_con .registerBox ul>li .con input {
    height: 48px;
    line-height: 48px;
    border: 1px solid #ededed;
    border-radius: 10px;
    width: calc(100% - 2px);
    box-sizing: border-box;
    padding: 0 10px;
}

.card_con .registerBox ul>li .con input.vcode {
    box-sizing: border-box;
    padding-right: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card_con .registerBox ul>li .con .Obtaincode {
    position: absolute;
    right: 0;
    height: 48px;
    line-height: 48px;
    background: #f5f5f5;
    color: #94070a;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    width: 140px;
    ;
    border-radius: 0 10px 10px 0;
    border: none;
}

.card_con .registerBox ul>li .con .Obtaincode.Disable {
    background: rgba(239, 239, 239, 0.3);
    color: rgba(19, 1, 1, 0.3);
}

.card_con .registerBox ul>li .con .select {
    width: calc(100% - 2px);
    cursor: pointer;
    position: relative;
    height: 48px;
}

.card_con .registerBox ul>li .con .select::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.card_con .registerBox ul>li .con .select>div {
    position: absolute;
    width: 100%;
}

.card_con .registerBox ul>li .con .select>div::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.card_con .registerBox ul>li .con .select p {
    height: 48px;
    border: 1px solid #ededed;
    border-radius: 10px;
}

/* .card_con .registerBox ul >li .con .select p {  line-height: 46px;text-indent: 16px;color: #c4c4c4;position: relative;text-align: left;} */
.card_con .registerBox ul>li .con .select p .span1 {
    line-height: 46px;
    color: #c4c4c4;
    position: relative;
    text-align: left;
    position: relative;
    display: block;
    padding: 0 15px;
    border: none;
}

.card_con .registerBox ul>li .con .select p input.span1 {
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.card_con .registerBox ul>li .con .select p .span1.on {
    color: #000;
}

.card_con .registerBox ul>li .con .select p .span2 {
    display: none;
    padding: 0 15px;
}

.card_con .registerBox ul>li .con .select p.selected {
    background: #fff;
    height: auto;
    position: relative;
    z-index: 2;
}

.card_con .registerBox ul>li .con .select p.selected .span1 {
    line-height: 46px;
    color: #444444;
    position: relative;
    text-align: left;
    position: relative;
    display: block;
}

.card_con .registerBox ul>li .con .select p.selected .span2 {
    line-height: 46px;
    color: #444444;
    position: relative;
    text-align: left;
    position: relative;
    display: block;
    border: none;
    border-top: 1px solid #f0f0f0;
    display: none;
}

.card_con .registerBox ul>li .con .select p.selected .span1::after {
    transform: rotate(180deg);
}

.card_con .registerBox ul>li .con .select p .span1::after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    background: url(../images/xl2.png) no-repeat;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -5px;
    transition: all 0.5s;
}

.card_con .registerBox ul>li .con .select p.ChangeTColor {
    color: #333;
}

/* .card_con .registerBox ul >li .con .select p.selected::after{transform: rotate(180deg);} */
/* .card_con .registerBox ul >li .con .select p::after {content: "";background: url(../images/xl.png) no-repeat;position: absolute;top: 50%;right: 20px;width: 8px;height: 5px;margin-top: -3px;transition: all 0.5s;} */
.card_con .registerBox ul>li .con .select ul {
    display: none;
    background: #fff;
    position: relative;
    z-index: 2;
    margin: 0;
    position: absolute;
    z-index: 1;
    box-shadow: 0px 20px 46.75px 8.25px rgba(0, 0, 0, 0.06);
    padding: 24px 0 10px;
    margin-top: -10px;
    border-radius: 0 0 10px 10px;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
}

.card_con .registerBox ul>li .con .select ul::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 3px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.card_con .registerBox ul>li .con .select ul::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 1px;
    background-color: #94070a;
}

.card_con .registerBox ul>li .con .select ul::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    background: #ededed;
    border-radius: 1px;
}


.card_con .registerBox ul>li .con .select ul li {
    width: 100%;
    color: #999;
    line-height: 30px;
    padding: 0 15px;
    display: block;
    text-align: left;
    cursor: pointer;
    margin-bottom: 0;
    box-sizing: border-box;
}

.card_con .registerBox ul>li .con .select ul li span {
    width: 100%;
    display: block;
}

.card_con .registerBox ul>li .con .select ul li span:hover {
    color: #94070a;
}

.card_con .registerBox .bot {
    width: 70%;
    margin: 20px auto 0;
}

.card_con .registerBox .bot .formLabel {
    color: #222;
    font-weight: bold;
}

.card_con .registerBox .bot .formLabel span {
    color: #94070a;
    margin-left: 5px;
}

.card_con .registerBox .bot .tips {
    color: #b2b2b2;
    margin-top: 8px;
}

.card_con .registerBox .bot input[type="radio"] {}

.card_con .registerBox .bot .radioBox {
    color: #999;
}

.card_con .registerBox .bot .radioBox>div {
    margin-top: 10px;
}

.card_con .registerBox .bot .radioBox input[type="radio"] {
    width: 8px;
    height: 8px;
    border-radius: 0;
    border: 1px solid #999999;
    margin: 0;
    opacity: 0;
    ;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.card_con .registerBox .bot .radioBox input[type="radio"]:checked+.radio::after {
    display: block;
}

.card_con .registerBox .bot .radioBox .radio {
    position: relative;
    margin-left: -8px;
    width: 8px;
    height: 8px;
    margin-right: 18px;
}

.card_con .registerBox .bot .radioBox .radio::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 0;
    border: 1px solid #999999;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
}

.card_con .registerBox .bot .radioBox .radio::after {
    content: "\2714";
    width: 100%;
    height: 100%;
    ;
    position: absolute;
    left: 0;
    top: 0;
    color: #94070a;
    display: none;
}


.card_con .registerBox .emailSel {
    display: none;
    background: #fff;
    position: relative;
    z-index: 2;
    margin: 0;
    position: absolute;
    z-index: 1;
    box-shadow: 0px 20px 46.75px 8.25px rgba(0, 0, 0, 0.06); 
    box-sizing: border-box;
    padding: 5px 10px;
    border-radius: 0 0 10px 10px;
    width: 150px; 
    overflow-y: auto;
}
.card_con .registerBox .emailSel li{
    display: block; width: 100%;margin-bottom: 0;padding: 5px 0;cursor: pointer; 
}
.card_con .registerBox .emailSel li:hover{
    font-weight: bold;
}
/* .card_con .registerBox .bot .radioBox .radio::after{content: ""; width: 8px;height: 8px;;position: absolute;left: 1px;top: 50%;margin-top: -3px;background: #94070a;display: none;} */
.card_con .registerBox .bot .checkboxs {
    margin-top: 34px;
}

.card_con .registerBox .bot input[type="checkbox"] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: none;
    margin: 0;
    opacity: 0;
    ;
    position: relative;
    z-index: 1;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.card_con .registerBox .bot input[type="checkbox"]+.checkbox {
    width: 10px;
    height: 10px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
}

.card_con .registerBox .bot input[type="checkbox"]+.checkbox::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 2px solid #94070a;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
}

.card_con .registerBox .bot input[type="checkbox"]+.checkbox::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #94070a;
    position: absolute;
    left: 0%;
    top: 0%;
    opacity: 0;
    border-radius: 50%;
}

.card_con .registerBox .bot input[type="checkbox"]:checked+.checkbox::after {
    opacity: 1;
}

.card_con .registerBox .bot>div {
    margin-left: 16px;
}

.card_con .registerBox .button {
    display: block;
    height: 52px;
    line-height: 52px;
    border-radius: 12px;
    text-align: center;
}

.card_con .registerBox .button.confirmsub {
    background-color: rgb(148, 7, 10);
    color: #fff;
    margin-top: 42px;
}

.card_con .registerBox .button.login {
    background-color: #f7f5f2;
    color: #222;
    margin-top: 22px;
}

.card_con .registerBox .forgotPassword {
    position: relative;
    text-align: center;
    margin-top: 17px;
}

.card_con .registerBox .forgotPassword::before {
    content: "";
    display: block;
    width: 140px;
    height: 1px;
    background: #e5e5e5;
    position: absolute;
    left: 0;
    top: 50%;
}

.card_con .registerBox .forgotPassword::after {
    content: "";
    display: block;
    width: 140px;
    height: 1px;
    background: #e5e5e5;
    position: absolute;
    right: 0;
    top: 50%;
}

.card_con .registerBox .forgotPassword a {
    color: #94070a;
}

.card_con .registerBox .bot .checkboxs .readxy {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #94070a;
    margin-right: 8px;
    position: relative;
    z-index: 0;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.card_con .registerBox .bot .checkboxs .readxy.on {
    position: relative;
}

.card_con .registerBox .bot .checkboxs .readxy.on::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #94070a;
    border-radius: 50%;
    position: absolute;
    left: 1px;
    top: 1px;
}

.card_con .loginBox {
    background: #fff;
    box-sizing: border-box;
    padding: 40px 20%;
}

.card_con .loginBox>h3 {
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 44px;
}

.card_con .loginBox ul {}

.card_con .loginBox ul::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.card_con .loginBox ul>li {
    margin-bottom: 20px;
}

.card_con .loginBox ul>li .con {
    display: block;
}

.card_con .loginBox ul>li .con .formLabel {
    color: #222;
    font-weight: bold;
    text-indent: 15px;
    margin-bottom: 2px;
}

.card_con .loginBox ul>li .con .formLabel span {
    color: #94070a;
    margin-left: 5px;
}

.card_con .loginBox ul>li .con input::-webkit-input-placeholder {
    color: #c4c4c4;
}

.card_con .loginBox ul>li .con input:-moz-placeholder {
    color: #c4c4c4;
}

.card_con .loginBox ul>li .con input::-moz-placeholder {
    color: #c4c4c4;
}

.card_con .loginBox ul>li .con input:-ms-input-placeholder {
    color: #c4c4c4;
}

.card_con .loginBox ul>li .con input {
    height: 48px;
    line-height: 48px;
    border: 1px solid #ededed;
    border-radius: 10px;
    width: calc(100% - 2px);
    padding: 0 15px;
    box-sizing: border-box;
}

.card_con .loginBox ul>li .box {
    position: relative;
    height: 52px;
    background-color: #f5f5f5;
    width: 100%;
}

.card_con .loginBox ul>li .box::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.card_con .loginBox ul>li .btn {
    position: absolute;
    width: 64px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    color: #757575;
    z-index: 3;
    cursor: pointer;
}

.card_con .loginBox ul>li .text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    z-index: 2;
    box-sizing: border-box;
    color: #757575;
}

.card_con .loginBox ul>li .bg {
    position: absolute;
    top: 0;
    height: 100%;
    background-color: #7ac23c;
    z-index: 1;
}

.card_con .loginBox .button {
    display: block;
    height: 52px;
    line-height: 52px;
    border-radius: 12px;
    text-align: center;
}

.card_con .loginBox .button.login {
    background-color: rgb(148, 7, 10);
    color: #fff;
    margin-top: 42px;
}

.card_con .loginBox .button.register {
    background-color: #f7f5f2;
    color: #222;
    margin-top: 22px;
}

.card_con .loginBox .forgotPassword {
    position: relative;
    text-align: center;
    margin-top: 17px;
}

.card_con .loginBox .forgotPassword::before {
    content: "";
    display: block;
    width: 140px;
    height: 1px;
    background: #e5e5e5;
    position: absolute;
    left: 0;
    top: 50%;
}

.card_con .loginBox .forgotPassword::after {
    content: "";
    display: block;
    width: 140px;
    height: 1px;
    background: #e5e5e5;
    position: absolute;
    right: 0;
    top: 50%;
}

.card_con .loginBox .forgotPassword a {
    color: #94070a;
}

.card_con .forgotPasswordBox {
    background: #fff;
    box-sizing: border-box;
    padding: 40px 20%;
}

.card_con .forgotPasswordBox>h3 {
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 44px;
}

.card_con .forgotPasswordBox ul {}

.card_con .forgotPasswordBox ul::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.card_con .forgotPasswordBox ul>li {
    margin-bottom: 20px;
}

.card_con .forgotPasswordBox ul>li .con {
    display: block;
    position: relative;
}

.card_con .forgotPasswordBox ul>li .con .formLabel {
    color: #222;
    font-weight: bold;
    text-indent: 15px;
    margin-bottom: 2px;
}

.card_con .forgotPasswordBox ul>li .con .formLabel span {
    color: #94070a;
    margin-left: 5px;
}

.card_con .forgotPasswordBox ul>li .con input {
    height: 48px;
    line-height: 48px;
    border: 1px solid #ededed;
    border-radius: 10px;
    width: calc(100% - 2px);
    padding: 0 15px;
    box-sizing: border-box;
}

.card_con .forgotPasswordBox ul>li .con input::-webkit-input-placeholder {
    color: #c4c4c4;
}

.card_con .forgotPasswordBox ul>li .con input:-moz-placeholder {
    color: #c4c4c4;
}

.card_con .forgotPasswordBox ul>li .con input::-moz-placeholder {
    color: #c4c4c4;
}

.card_con .forgotPasswordBox ul>li .con input:-ms-input-placeholder {
    color: #c4c4c4;
}

.card_con .forgotPasswordBox ul>li .Obtaincode {
    position: absolute;
    right: 0;
    width: 161px;
    height: 48px;
    line-height: 48px;
    background: #f5f5f5;
    color: #94070a;
    text-align: center;
    cursor: pointer;
}

.card_con .forgotPasswordBox ul>li .Obtaincode.Disable {
    background: rgba(239, 239, 239, 0.3);
    color: rgba(19, 1, 1, 0.3);
}

.card_con .forgotPasswordBox ul>li .vcode {
    width: calc(100% - 162px) !important;
    border-radius: 10px 0 0 10px !important;
    border-right: none !important;
}

.card_con .forgotPasswordBox .button {
    display: block;
    height: 52px;
    line-height: 52px;
    border-radius: 12px;
    text-align: center;
}

.card_con .forgotPasswordBox .button.confirmsub {
    background-color: rgb(148, 7, 10);
    color: #fff;
    margin-top: 42px;
}

.card_con .forgotPasswordBox .button.register {
    background-color: #f7f5f2;
    color: #222;
    margin-top: 22px;
}

.card_con .forgotPasswordBox .logAndReg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.card_con .forgotPasswordBox .logAndReg .button {
    background-color: #f7f5f2;
    color: #222;
    ;
    display: block;
    height: 52px;
    line-height: 52px;
    border-radius: 12px;
    text-align: center;
    width: calc(50% - 10px);
    margin-top: 0;
    margin-bottom: 8px;
}

.card_con .forgotPasswordBox .logAndReg .button:hover {
    color: #94070a;
}

.CommentsBox {
    margin-top: -15px;
}

.CommentsBox>h3 {
    text-transform: initial;
}

.CommentsList {
    margin-top: 15px;
}

.CommentsList .slick-prev {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border: none;
    left: auto;
    right: 0px;
}

.CommentsList .slick-next {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border: none;
    right: auto;
    left: 0px;
}

.CommentsList .slick-arrow.slick-disabled {
    display: none !important;
}

/* .CommentsList .slick-arrow[aria-disabled="false"]{display: none !important;} */
.CommentsList ul {
    margin: 0 -5px;
    overflow: hidden;
}

.CommentsList ul li {
    width: 33.3%;
    float: left;
    margin-bottom: 18px;
    transform: scale(0.8)
}

.CommentsList .slick-current.slick-active a {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    color: #e67e22;
    opacity: 1;
    transform: scale(1.2);
    box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.1);
}

.CommentsList .slick-center a {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    color: #e67e22;
    opacity: 1;
    transform: scale(1.2);
    box-shadow: 1px 1px 10px 3px rgba(0, 0, 0, 0.1);
}

.CommentsList ul li a {
    display: block;
    margin: 0 5px;
    background: url(../images/clist_libg.png) no-repeat left top;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 22px 60px 0;
}

.CommentsList ul li a .title {
    text-align: center;
    color: #222222;
    font-weight: bold;
}

.CommentsList ul li a .summary {
    text-align: center;
    color: #444444;
    line-height: 1.5;
    margin-top: 15px;
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}

.CommentsList ul li a .brief {
    text-align: center;
    color: #666;
    line-height: 1.5;
    margin-top: 17px;
    height: 10.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    font-style: italic;
}

.CommentsList ul li a .pic {
    box-sizing: border-box;
    max-width: 197px;
    margin: 45px auto 0;
}

.CommentsList ul li a .pic span {
    padding-bottom: 132.99%;
}

.CommentsList .slick-arrow {
    font-size: 30px;
}

.CommentsList .slick-arrow.aaaaa {
    display: none !important;
}

.CommentsList .slick-arrow.slick-prev::before {
    transform: rotate(180deg);
    display: block;
}

.CommentsList .slick-arrow.slick-next {}

.CommentsList .slick-arrow:hover:after {
    background: #8d1b11;
}



.brochure {}

.brochureBox {
    background: #f5f5f5 url(../images/brochure_bg.png) no-repeat right bottom;
    box-sizing: border-box;
    padding: 50px 40px 70px;
    margin-top: 18px;
    box-sizing: border-box;
    display: flex;
}

.brochureBox .pic {
    width: 197px;
    position: relative;
}

.brochureBox .pic::before {
    content: "";
    display: block;
    width: 80px;
    height: 107px;
    background-image: -moz-linear-gradient(135deg, rgb(148, 7, 10) 0%, rgb(239, 163, 75) 100%);
    background-image: -webkit-linear-gradient(135deg, rgb(148, 7, 10) 0%, rgb(239, 163, 75) 100%);
    background-image: -ms-linear-gradient(135deg, rgb(148, 7, 10) 0%, rgb(239, 163, 75) 100%);
    position: absolute;
    right: -10px;
    bottom: -10px;
    z-index: 0;
}

.brochureBox .pic span {
    padding-bottom: 132.99%;
    position: relative;
}

.brochureBox .brief {
    flex: 1;
    overflow: hidden;
    margin-left: 50px;
}

.brochureBox .brief .title {
    color: #222;
}

.brochureBox .brief .summary {
    color: #757575;
    line-height: 1.75;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    margin-top: 10px;
}

.brochureBox .brief .download {
    display: block;
    color: #efa34b;
    margin-top: 46px;
}

.brochureBox .brief .download span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}


/* .downPdf{background: #94070a;color: #fff;border-radius: 3px;box-sizing: border-box;padding: 5px 10px;border: none;margin: 0 auto;display: block;} */
.table_btns {
    text-align: center;
}

.table_btns>* {
    display: inline-block;
}

.downPdf {
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0px 20px;
    border: none;
    margin: 0 auto;
    display: inline-block;
    cursor: pointer;
    background: #fff;
    ;
    color: #757575;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    margin-left: 10px;
    transition: all 0.2s ease-in-out;
    color: #94070a;
    border: 1px solid #94070a;
}

.downPdf:hover {
    color: #fff;
    background: #94070a;
}

.modalBox {
    display: none;
}

.layui-layer {
    width: 1000px !important;
    box-sizing: border-box;
    padding: 12px 44px 30px;
    background: #fff;
}

.layui-layer-undefined {
    width: 400px !important;
    box-sizing: border-box;
    padding: 25px 30px 20px;
    background: #fff;
}

.layui-layer-undefined .layui-layer-btn {
    margin-top: 20px;
}

.layui-layer button {
    border-radius: 6px;
    background-color: rgb(238, 238, 238);
    width: 100px;
    height: 40px;
    border: none;
    margin: 0 auto;
    display: block;
    color: #757575;
    margin-top: 10px;
    cursor: pointer;
}

.layui-layer-title {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-align: center;
    background: none;
    height: auto;
    line-height: 1;
    padding: 19px 0;
    border-bottom: 1px solid #e5e5e5;
}

.layui-layer-setwin {
    right: 44px;
    width: 34px;
    height: 34px;
    box-sizing: border-box;
    background: #eee !important;
    display: none !important;
}

.layui-layer-setwin a {
    width: 100%;
    height: 100%;
    opacity: 0;
    margin-left: 0;
}

.layui-layer-setwin .layui-layer-close1:hover {
    opacity: 0;
}

.layui-layer-content {
    color: #333;
    line-height: 1.5;
}

.layui-layer-content p {
    color: #333;
    line-height: 1.5;
}

.layui-layer-content li {
    text-indent: 2em;
}

.layui-layer-btn a {
    background: #94070a !important;
    border: none !important;
    color: #fff;
}

.layui-layer-close {
    background: url(../images/close.png) no-repeat center center !important;
    opacity: 1 !important;
    background-size: cover;
}

.layui-layer-content .article {
    max-height: 180px;
    overflow: hidden;
    overflow-y: auto;
}

/* .layui-layer-content .article::-webkit-scrollbar{ 
	width : 3px;   
	height: 1px;
}
.layui-layer-content .article::-webkit-scrollbar-thumb { 
	border-radius   : 1px;
	background-color: #94070a; 
}
.layui-layer-content .article::-webkit-scrollbar-track { 
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.1);
	background   : #ededed;
	border-radius: 1px;
} */

.CommentsList .slick-dots {
    bottom: 0px;
    text-align: center;
    margin: 0 -5px;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.CommentsList .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    border: none;
    text-align: center;
    border-radius: 50%;
    line-height: 8px;
    position: relative;
    background: #94070a;
}

.CommentsList .slick-dots li button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: none;
    background: #94070a;
}

.CommentsList .slick-dots li.slick-active {
    background: #94070a;
    width: 30px;
    border-radius: 4px;
}

.CommentsList .slick-dots li.slick-active button {
    opacity: 1;
}


.timeAxis {
    columns: 100px 3;
    box-sizing: border-box;
    padding: 10px;
}

.timeAxis>li {
    position: relative;
}

.timeAxis>li::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: rgba(148, 7, 10, 0.5);
    position: absolute;
    left: 0;
    top: 0;
}

.timeAxis .phase {
    padding: 15px 0;
}

.timeAxis .phase::before {
    display: none;
}

.timeAxis .phase::after {
    display: none;
}

.timeAxis .phase span {
    color: #476db4 !important;
}

.timeAxis .phase .brief {
    color: #fff;
    background: #8d1b11;
    box-sizing: border-box;
    padding: 10px 15px;
    margin-top: 10px;
    line-height: 1.5;
}

.timeAxis>li .year {
    color: #94070a;
    margin-top: 0;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.5s;
    border-bottom: 1px solid rgba(148, 7, 10, 0.5);
    box-sizing: border-box;
    padding-left: 20px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.timeAxis>li .year::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: #94070a;
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -5px;
    border-radius: 50%;
}

.timeAxis>li .year::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #94070a;
    border: 1px solid #fff;
    position: absolute;
    left: -4px;
    top: 50%;
    margin-top: -4px;
    border-radius: 50%;
}

.timeAxis>li .year+ul {
    box-sizing: border-box;
    padding-left: 20px;
}

.timeAxis>li>ul {
    box-sizing: border-box;
    padding-left: 20px;
}

.timeAxis>li>ul>li {
    margin-top: 10px;
}

.timeAxis>li>ul>li .month {
    color: #94070a;
    margin-bottom: 10px;
}

.timeAxis>li>ul>li>ul {}

.timeAxis>li>ul>li>ul li {
    position: relative;
    padding-left: 10px;
    margin-top: 10px;
}

.timeAxis>li>ul>li>ul li::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #94070a;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 11px;
}

.timeAxis>li>ul>li>ul li p {
    color: #444;
    line-height: 22px;
}

.articleBottom {
    margin: 20px 0 40px;
}

.articleBottom .Annex {}

.articleBottom .Annex strong {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    color: #333;
    display: block;
}

.articleBottom .Annex ul {
    margin-top: 10px;
}

.articleBottom .Annex ul li {
    margin-bottom: 10px;
}

.articleBottom .Annex ul li a {
    display: block;
    line-height: 1.5;
}

.articleBottom .Annex ul li a span {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}





.verify-wrap {
    width: 100%;
    height: 52px;
    background-color: #f5f5f5;
    border: none;
    margin: 0 auto;
    position: relative
}

.verify-wrap .drag-btn {
    position: absolute;
    left: -1px;
    top: 0px;
    width: 64px;
    height: 52px;
    border: none;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAAA/UlEQVRYhe3XLc9GYBjG8eN6dkdFIQuqoCiCbj6ob2CCIplRaJKqEHT3c/kAz66Xc/fLnvO3UY7N/jNmxDAMF77AQ57iOH53x5/GccTPuyNUcSg1DqXGodQ4lNr/CC3LEsuyaG8mrEKzLEPXdZjnWWszYRXq+z7yPMc0Tej7XnkzYf2Muq6LoiiwrivatsV1XUrby0Mlx3Huu7fvO5qmUd50kL31QgijTdXD+gq/zvNEVVXwPA9pmipvOqxDj+O4Q4IgQJIkypsuq9Bt21DXNaIoug/VzYRVqHw55J0Kw1BrMyHkXyj/3BHiUGocSo1DqXEota8Jvb/18hP16Z7qL3h/w53n4AAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: 100% 100%;
    z-index: 2;
    cursor: move;
}

.verify-wrap .suc-drag-btn {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAACA0lEQVRYhe2Y2yuDYRzHv7PJYc5zKspYSRMymStXu5NCs5W4csEfwJ+gSA53csg1F4R/gSu0OcWSmNIQkfMcEvu9tdpY79793leo91Nbbft993x6nj2/52kal8v1gX+Ajp4sFstve4jidrsR99sSUlFFlUYVVRpVVGl0SnyJ934VaxczOLpdwd3bufBeWnw+StLrYc1tQ3FqnewxZIk+vz9g7rAHO9dL3z67efXBfTkrPCqymtBqGkaiNoU9FnvpSXJyzx5R8itUQ7WU4cIWnT/qhe9xS3I91VKGC0uUfpPbV4uSajUhQ1CGshxYorRxpGDObECf1Ysm40DM2a+wNhPt7mhUZzvhMI1Aq9HBkFgUUzYSrBkNtiDCkGBES/Eg8pLKwiSdplFB8uRhEzMH3RGzsSC7j9oKe1CT4wi0oEZMeRzITy4XJOM0WkFy2uOE//1O7jA8UWrm1CeJ5dMxlGXYoI/PQrd5AQlavagkZTmwlt4UOHGCnPs9wkw+vl0jSZcWdSZDsz8uas1tD3t99rSL8b0W3Lz4cHy/LrrctYEjlQNr6Y2ptag0NIf10gv/Pvo3akRzlOGe++yTyV4yhAJ9leR6qqUMF7YoXTC6zPPChSMaVEO1ci4lstoTDdxROhE4Fjv/9jUvCIkoISPGv7nhq6JKo4oqjSqqNEIfpf8f/zqf+36643RPeo8AAAAASUVORK5CYII=) no-repeat center center;
    background-size: 100% 100%;
    left: auto !important;
    right: 0;
}

.verify-wrap .drag-progress {
    position: absolute;
    left: 0;
    top: 1px;
    height: 52px;
    width: 0;
    background-color: #7ac23c;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    max-width: 100% !important;
}

.verify-wrap.on .drag-progress {
    width: 100% !important;
}

.verify-wrap .fix-tips,
.verify-msg {
    width: 100%;
    position: absolute;
    right: 0;
    left: 1px;
    height: 100%;
    color: #51555c;
    z-index: 1;
    line-height: 52px;
    font-size: 12px;
    text-align: center
}

.verify-wrap .verify-msg {
    background-color: #7ac23c;
    color: #fff;
    display: none
}




@media screen and (max-width:1600px) {
    .right {
        padding-left: 30px;
    }

    .card_con {
        padding: 80px 0;
    }
}

@media screen and (max-width:1400px) {
    .con_top .mode01 .mode01_cen {
        padding-top: 30px;
        padding-right: 30px;
    }

    .info {
        right: 30px;
        top: 30px;
    }

    .right {
        padding-left: 20px;
    }

    .mode02 .right {
        padding-left: 30px;
    }

    .accordion i.unselect {
        margin-left: 10px;
    }

    .accordion span {
        left: 60px;
        width: calc(100% - 85px);
    }

    .mode02 .list03 ul {
        margin-left: -30px;
        margin-right: -30px;
    }

    .mode02 .list03 li a {
        margin: 0 30px;
    }

    .card_con {
        padding: 70px 0;
    }
}

@media screen and (max-width:1240px) {
    /* .con_top .mode01 .mode01_cen{padding: 10px;padding-top: 30px;} */
    /* .right{padding-left: 10px;} */

    .con_top .mode01 .mode01_cen {
        padding-right: 0px;
    }

    .con_top .mode01 {
        width: 100%;
        float: none;
    }

    .con_top .mode2 {
        width: 100%;
        padding-bottom: 0px;
        border: none;
    }

    .content .con_bot {
        padding-top: 30px;
    }

    .right {
        padding-left: 0;
    }

    .right li {
        width: 50%;
        float: left;
    }

    .card_con {
        padding: 60px 0;
    }

    .card_con .registerBox {
        padding: 30px 60px;
    }

    .CommentsList ul li a {
        padding: 20px 40px 0;
    }

}

@media screen and (max-width:1000px) {}

@media screen and (max-width:996px) {
    .mode02, .mode04, .mode03, .mode07 {
        padding-top: 30px;
    }

    .mode1 ul li {
        width: 100%;
    }

    .mode05 .lt {
        width: 100%;
        float: none;
        overflow: hidden;
    }

    .mode05 .lt .img {
        float: left;
    }

    .mode05 .lt .list06, .mode05 .lt h3, .mode05 .lt i {
        margin-left: 300px;
    }

    .mode05 .rt {
        width: 100%;
        margin-left: 0;
    }

    .mode05 .lt .list06 {
        margin-bottom: 5px;
    }

    .mode05 .rt .article {
        margin-bottom: 30px;
    }

    .gp-page a {
        display: none;
    }

    .gp-page a.on_pages, .gp-page a.gp-page-prev, .gp-page a.gp-page-next {
        display: inline-block;
    }

    /* .mode02 .list03 li{width: 33.3%;} */

    .list04 li dl {
        width: 100%;
        padding-right: 5px;
    }


    .barcon2 {
        float: none;
        display: inline-block;
    }

    .barcon11 {
        float: none;
        display: inline-block;
        margin-right: 0;
    }

    .mode02 .list03 ul {
        margin-left: -15px;
        margin-right: -15px;
    }

    .mode02 .list03 li a {
        margin: 0 15px;
    }

    .mode02 .list03 li {
        width: 100%;
        margin-bottom: 20px;
    }

    /* .mode07 .list07{margin-top: 50px;} */

    .mode02 h3, .mode04 h3 {
        font-size: 1.8rem;
    }

    .card_con .registerBox {
        padding: 30px 40px;
    }

    .card_con .registerBox ul>li {
        width: 50%;
    }

    .card_con .registerBox .bot {
        width: 75%;
    }

    .card_con .loginBox, .card_con .forgotPasswordBox {
        padding: 40px 10%;
    }

    .CommentsList ul li {
        width: 100%;
    }

    .CommentsList ul li a {
        padding: 20px;
        display: flex;
    }

    .CommentsList ul li a .pic {
        width: 200px;
        order: 1;
        margin-top: 0;
    }

    .CommentsList ul li a .cons {
        order: 2;
        flex: 1;
        overflow: hidden;
        ;
        margin-left: 30px;
    }

    .CommentsList ul li a .summary {
        height: auto;
        max-height: 3em;
    }

    .CommentsList ul li a .brief {
        height: auto;
        max-height: 6em;
        margin-top: 15px;
    }

    .CommentsList ul li a .title, .CommentsList ul li a .summary, .CommentsList ul li a .brief {
        text-align: left;
    }

    .brochureBox .brief .download {
        margin-top: 20px;
    }

    .brochureBox {
        padding: 30px 25px 40px;
    }

    .brochureBox .brief {
        margin-left: 40px;
    }

    .timeAxis {
        columns: 100px 2;
    }

    .CommentsList .slick-arrow {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .mode01_top .select {
        margin-bottom: 10px;
        margin-left: 0px;
    }

    .mode05 .lt .img {
        float: none;
    }

    .mode05 .lt .list06, .mode05 .lt h3, .mode05 .lt i {
        margin-left: 0px;
    }

    .mode03 .list05 li a .lt {
        float: none;
    }

    .mode03 .list05 li a .rt {
        margin-left: 0;
    }

    .mode02 .list03 {
        margin-bottom: 0;
    }

    .mode02 .list03 li .liLeft {
        float: none;
    }

    .mode02 .list03 li .liRight {
        margin-left: 0;
    }

    .mode02, .mode04, .mode03, .mode07 {
        padding-top: 23px;
    }

    .mode02 h2, .mode04 h2, .mode03 h2, .mode07 h2 {
        font-size: 18px;
        line-height: 26px;
    }

    .mode02 h2::after, .mode02 h2::after {
        bottom: -6px;
    }

    .mode02 h3 {
        font-size: 18px;
        line-height: 20px;
        margin-top: 20px !important;
    }

    .mode02 .article2, .mode02 .article {
        margin-bottom: 10px;
    }

    .mode02 .article p, .mode02 .article2 p, .mode02 .article3 p {
        font-size: 14px;
        line-height: 22px;
        margin: 8px 0;
    }

    /* .list04 li div.timeRight p,.mode02 .article3 span{font-size: 14px;} */
    .mode02 .list03 li .liRight h4 {
        margin-top: 10px;
        font-size: 14px;
    }

    .mode02 .list03 li .liRight p {
        margin-top: 5px;
        font-size: 14px;
    }

    .mode02 .list03 li .liRight span {
        margin-top: 5px;
        font-size: 12px;
    }

    /* .mode02 .list03 li{width: 50%;margin: 10px 0;} */
    /* .mode02 .list03 li p{height: auto;} */
    .list04 {
        background: url(../images/vertical_line.png) repeat-y 20px;
    }

    .list04 li div.timeRight {
        margin-bottom: 20px;
    }

    .list04 li {
        margin-bottom: 10px;
    }

    .list04 li div.timeRight:first-child {
        border: none;
        margin-bottom: 10px;
        min-width: 200px;
    }

    .list04 li div.timeRight:first-child::after {
        display: none;
    }

    .mode03 .list05 li a .rt h4 {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .mode05 .rt .article p {
        margin-bottom: 16px;
        font-size: 14px;
    }

    .mode05 .lt .list06 li a {
        padding-top: 17px;
    }

    .right li {
        width: 100%;
        float: none;
    }

    /* .mode01_cen_map{height: 400px!important;} */
    .barcon2 li:nth-child(3) {
        margin-right: 10px;
    }

    .barcon2 li {
        padding: 3px 5px !important;
    }

    .barcon11 {
        display: none;
    }

    .mode07 .list07 {
        margin-top: 30px;
    }

    .mode07>p:nth-child(2) {
        margin-top: 20px;
    }

    .mode07 .list07 li div {
        float: none;
    }

    .mode07 .list07 li span.download {
        margin-left: 0;
        margin-top: 6px;
    }

    .surveyForm a {
        border: none;
    }

    .mode03>h4 {
        font-size: 14px;
    }

    .mode03>h3 {
        font-size: 18px;
        margin-top: 30px;
    }

    .mode03 .list05 li a .rt p span, .mode03 .list05 li a .rt p i {
        font-size: 14px;
    }

    .mode03 .list05 li a .rt p {
        margin-bottom: 6px;
    }

    .mode03 .list05 li {
        margin-bottom: 15px;
    }

    .pubForm {
        overflow: hidden;
        margin: 30px 0 15px;
    }

    .pubForm .gp-search, .pubForm .select {
        width: calc(50% - 15px);
        float: left;
    }

    .card_con {
        padding: 40px 0;
    }

    .card_con .registerBox>h3, .card_con .loginBox>h3, .card_con .forgotPasswordBox>h3 {
        margin-bottom: 30px;
    }

    .card_con .registerBox ul>li {
        width: 100%;
    }

    .card_con .registerBox .bot {
        width: 100%;
        margin-top: 0;
    }

    .card_con .registerBox .bot .checkboxs {
        margin-top: 10px;
    }

    .card_con .registerBox .button.confirmsub {
        margin-top: 20px;
    }

    .card_con .loginBox .button.login, .card_con .forgotPasswordBox .button.confirmsub {
        margin-top: 0px;
    }

    .card_con .loginBox, .card_con .forgotPasswordBox {
        padding: 30px 40px;
    }

    .brochureBox {
        padding: 30px 25px;
    }

    .content .con_bot {
        padding-top: 20px;
    }


    .timeAxis {
        columns: 100px 1;
    }

}

@media screen and (max-width:640px) {}

@media screen and (max-width:540px) {
    .card_con .registerBox .forgotPassword::before, .card_con .registerBox .forgotPassword::after, .card_con .loginBox .forgotPassword::before, .card_con .loginBox .forgotPassword::after {
        width: 100px;
    }

    .brochureBox {
        flex-direction: column;
    }

    .brochureBox .pic {
        margin: 0 auto;
    }

    .brochureBox .brief {
        margin-left: 0;
        margin-top: 20px;
    }

    .brochureBox {
        padding: 30px 25px 20px;
    }
}

@media screen and (max-width:480px) {

    /* .barcon2{float: none;}
    .barcon11{float: none;margin-right: 0;}
    .barcon2 li:nth-child(3) {
        margin-right: 10px;
    }
    .barcon2 li{margin-bottom: 10px;} */
    .pubForm .gp-search, .pubForm .select {
        width: calc(100% - 2px);
        float: none;
    }

    .pubForm .gp-search {
        display: block;
        margin: 15px 0 0 0;
    }

    .pubForm .select, .pubForm .gp-search, .pubForm .gp-ser, .pubForm .gp-search input, .gp-search button {
        height: 40px;
    }

    .pubForm .select p, .pubForm .gp-search input, .gp-search button {
        line-height: 40px;
    }


    .card_con .registerBox .forgotPassword::before, .card_con .registerBox .forgotPassword::after, .card_con .loginBox .forgotPassword::before, .card_con .loginBox .forgotPassword::after {
        width: 80px;
    }

    .card_con {
        padding: 30px 0;
    }

    .card_con .registerBox>h3, .card_con .loginBox>h3, .card_con .forgotPasswordBox>h3 {
        margin-bottom: 25px;
    }

    .card_con .registerBox, .card_con .loginBox, .card_con .forgotPasswordBox {
        padding: 15px 20px;
    }


    .card_con .loginBox ul>li .btn, .card_con .forgotPasswordBox ul>li .btn {
        width: 48px;
        height: 43px;
        line-height: 43px;
    }

    .card_con .loginBox ul>li .box, .card_con .forgotPasswordBox ul>li .box {
        height: 45px;
    }

    .card_con .loginBox ul>li .text, .card_con .forgotPasswordBox ul>li .text {
        padding-left: 50px;
    }

    .CommentsList ul li a {
        flex-direction: column;
    }

    .CommentsList ul li a .cons {
        margin-top: 15px;
        margin-left: 0;
    }

    .CommentsList ul li a .summary, .CommentsList ul li a .brief {
        margin-top: 10px;
    }

    .table_btns {
        display: flex;
        flex-direction: column;
    }

    .table_btns .downPdf {
        order: 1;
        margin: 0 auto 10px;
    }

    .table_btns .table_btn {
        order: 2;
    }

}

@media screen and (max-width:480px) {
    /* .barcon2{float: none;}
    .barcon11{float: none;margin-right: 0;}
    .barcon2 li:nth-child(3) {
        margin-right: 10px;
    }
    .barcon2 li{margin-bottom: 10px;} */
}




.gp-goTop {
    text-align: center;
    font-size: 2.5rem;
    transition: all 0.3s ease-in-out;
    display: block;
    margin-bottom: 70px;
}

.gp-goTop span {
    display: inline-block;
    color: #94070a;
    background: #ededed;
    box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px;
}





.addbox {

    font-size: 0;

    margin-top: 0;

    justify-content: space-between;
}

.addbox .lf, .addbox .rf {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.addbox .newsTitle {
    display: flex;
    align-items: baseline;
    margin-bottom: 20px;
}

.addbox .newsTitle h3 {
    padding: 0;
    font-weight: normal;
    text-align: left;
    color: #94070a;
    flex: 1;
    overflow: hidden;
    margin-top: 0;
}

.addbox .newsTitle .more {
    color: #999;
    font-size: 14px;
}

.addbox .newsTitle .more:hover {
    color: #94070a;
}

.logolist {
    margin: 0 -10px;
    margin-top: 10px;
}

.logolist li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}
.addbox .rf .logolist:last-child li{
     margin-bottom: 0px;
}
.logolist a {
    display: block;
    margin: 0 10px;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.logolist a img {
    max-height: 50px;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width:996px) {
    .logolist a img {
        max-height: 30px;
    }

    .addbox {
        flex-direction: column;
    }

    .addbox .lf {
        /* margin-bottom: 20px; */
    }

    .addbox .lf, .addbox .rf {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .logolist li {
        width: 50%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width:479px) {
    .logolist li {
        width: 100%;
    }
}