/*reset*/
* {
    padding: 0;
    margin: 0;
    list-style: none;
}


html, body {
    margin: 0 auto;
}

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

body, button, input, select, textarea {
    font: 12px/1.5 "microsoft yahei";
    color: #666;
    font-weight: normal;
}

body {
    overflow-x: hidden;
}

iframe {
    display: block;
    /*width: 100%;*/
    /*height: 100%;*/
    /*height: auto;*/
}

address, cite, dfn, em, var, i {
    font-style: normal
}

ul, ol, dl {
    list-style: none
}

a {
    text-decoration: none;
    outline: none;
    font-family: "microsoft yahei";
    color: #666;
    cursor: pointer;
    font-size: 12px;
}

li {
    font-size: 12px;
    font-family: "microsoft yahei";
    list-style: none;
    margin: 0;
    padding: 0;
}

em {
    font-style: normal;
    font-size: 12px;
}

body, p, span {
    font-family: "microsoft yahei";
}

img {
    border: none;
}

p {
    margin: 0px;
    padding: 0px;
    word-wrap: break-word;
}

:focus {
    outline: none;
}

img {
    border: 0;
    vertical-align: middle;
    display: inline-block;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.clear:after {
    display: block;
    mainContent: "";
    clear: both;
}

.transtion {
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

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

@font-face {
    font-family: "century gothic";
    src: url('/static/admin/images/default/GOTHIC.TTF');

}

#main {
    height: auto;
}

.header-login {
    border-bottom: 1px solid #eeeeee;
    height: 39px;
}

.header-login div {
    width: 1340px;
    margin: 0 auto;
}

.header-login div p {
    float: left;
    line-height: 39px;
    font-size: 14px;
}

.header-login div dl {
    float: right;
    overflow: hidden;
    margin-top: 9px;
}

.header-login div dl dt {
    float: left;
    margin-top: 3px;
}

.header-login div dl dd {
    float: right;
    margin-left: 5px;
}

.header-login div dl dd a {
    font-size: 14px;
}

.header-login div dl dd a {
    font-size: 14px;
    position: relative;
}

.header-login div dl dd a:last-child {
    margin-left: 20px;
}

.header-login div dl dd a:last-child::before {
    position: absolute;
    left: -12px;
    top: 0;
    width: 1px;
    height: 14px;
    content: "";
    background: #c3c3c3;
    margin: auto;
    bottom: 0;
}

.header-login div dl dd a:hover {
    color: #e6380f;
    text-decoration: underline;
}

.header-logo {
    width: 1340px;
    margin: 0 auto;
    overflow: hidden;
}

.header-logo .logo {
    float: left;
    line-height: 110px;
    font-size: 0;
    height: 110px;
    position: relative;
}

.header-logo .logo img {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
}

.header-logo div {
    float: right;
    overflow: hidden;
    height: 44px;
    background: linear-gradient(to right, #074881, #d44d53);
    width: 400px;
    margin-top: 33px;
}

.header-logo div input {
    float: left;
    height: 38px;
    border: none;
    width: 320px;
    margin: 3px 0 0 3px;
    font-size: 14px;
    padding: 0 10px;
    box-sizing: border-box;
}

.header-logo div a {
    float: right;
    width: 74px;
    height: 38px;
    background: url(search.png) no-repeat center;
    margin: 3px 3px 0 0;
}

.header-nav {
    height: 60px;
    background: #074881;
}

.header-nav.fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
}

.header-nav ul {
    width: 1340px;
    margin: 0 auto;
    /*overflow: hidden;*/
}

.header-nav ul li {
    float: left;
    width: 14%;
    position: relative;
}

.header-nav ul li a {
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
    transition: all 0.5s;
}

.header-nav ul li a.on {
    background: #a00f15;
}

.header-nav ul li a:hover {
    background: #A00F15;
}

.header-nav ul li ul {
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    background: #fff;
    width: 100%;
    box-shadow: 0px 2px 5px 1px #dedede;
    display: none;
    padding: 10px 0;
    z-index: 99;
}

.header-nav ul li:hover ul {
    display: block;
}

.header-nav ul li ul li {
    height: 40px;
    line-height: 40px;
    width: 100%;

}

.header-nav ul li ul li a {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    height: 40px;
    font-weight: normal;
}

.header-nav ul li ul li a:hover {
    color: #074881;
    background-color: #fff;
}

.banner {
    position: relative;
    /*height: 650px;*/
    overflow: hidden;
}

.banner .hd {
    position: absolute;
    right: 0;
    bottom: 50px;
    z-index: 99;
    left: 0;
    font-size: 0;
    text-align: center;
}

.banner .hd ul {
    display: inline-block;
}

.banner .hd ul li {
    float: left;
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 0;
    margin: 0 5px;
    transition: all 0.5s;
    position: relative;
    cursor: pointer;
}

/* .banner .hd ul li::before{position: absolute;left: 0;right: 0;bottom: 0;top: 0;content: "";background: #fff;width: 8px;height: 8px;border-radius: 50%;margin: auto;} */
.banner .hd ul li.on {
    background-color: #fff;
}

.banner .bd li {
    /*height: 650px;*/
    height: 500px;
    position: relative;
    overflow: hidden;
}

.banner .bd li img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -50%;
}

/*.notice {
    background: #f6f6f6;
    height: 60px;
}

.notice-list {
    width: 1340px;
    margin: 0 auto;
    overflow: hidden;
}

.notice-list div {
    float: left;
    background: #074881;
    width: 100px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 0;
}

.notice-list div span {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    width: 32px;
    line-height: 20px;
    margin-left: 12px;
    vertical-align: middle;
}

.notice-list div img {
    vertical-align: middle;
}

.notice-list ul {
    float: left;
    width: 1000px;
    margin-left: 80px;
    overflow: hidden;
}

.notice-list ul li {
    overflow: hidden;
    float: left;
    width: 50%;
    line-height: 60px;
}

.notice-list ul li a {
    font-size: 14px;
    display: block;
    padding-left: 15px;
    position: relative;
}

.notice-list ul li a::before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #074881;
    margin: auto;
    content: "";
    border-radius: 50%;
}

.notice-list .more {
    float: right;
    line-height: 60px;
    font-size: 14px;
}

.notice-list .more:hover {
    color: #A00F15;
    text-decoration: underline;
}*/
/*修改后 start*/
.notice {
    background: #f6f6f6;
    height: 60px;
}

.notice-list {
    width: 1340px;
    margin: 0 auto;
    overflow: hidden;
}

.notice-list div.notice-list-title {
    float: left;
    background: #074881;
    width: 100px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 0;
}

.notice-list div.notice-list-title span {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    width: 32px;
    line-height: 20px;
    margin-left: 12px;
    vertical-align: middle;
}

.notice-list div.notice-list-title img {
    vertical-align: middle;
}

.notice-list div.notice-list-item {
    float: left;
    width: 1000px;
    margin-left: 80px;
    overflow: hidden;
}

.notice-list ul {
    width: 100%;
}

.notice-list ul li {
    overflow: hidden;
    /* float: left; */
    line-height: 60px;
}

.notice-list .li1 {
    float: left;
    width: 50%;
    line-height: 60px;
}

.notice-list .li1 a {
    font-size: 14px;
    display: block;
    padding-left: 15px;
    position: relative;
}

.notice-list .li1 a::before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    height: 5px;
    background: #074881;
    margin: auto;
    content: "";
    border-radius: 50%;
}

.notice-list .more {
    float: right;
    line-height: 60px;
    font-size: 14px;
}

.notice-list .more:hover {
    color: #A00F15;
    text-decoration: underline;
}

/*修改后 end*/

/*.index-title {
    width: 1340px;
    margin: 40px auto;
    position: relative;
}

.index-title h3 {
    font-size: 36px;
    color: #074881;
}

.index-title p {
    font-size: 20px;
    color: #bbbbbb;
    text-transform: uppercase;
    font-family: "century gothic";
    line-height: 20px;
}

.index-title a {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 60px;
}

.about-title p {
    background: url(asd.png) no-repeat right center;
}

.about {
    width: 1340px;
    margin: 0 auto;
}

.about dl {
    overflow: hidden;
}

.about dl dt {
    overflow: hidden;
    float: left;
    width: 650px;
    height: 360px;
    position: relative;
    font-size: 0;
}

.about dl dt video {
    max-width: 100%;
}

.about dl dt span {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    margin: auto;
    z-index: 9;
    cursor: pointer;
    animation: opa 3s infinite;
    -webkit-animation: opa 3s infinite;
}

@keyframes opa {
    0% {
        opacity: 0.1;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.1;
    }
}

.about dl dt .poster {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 8;
}

.about dl dd {
    overflow: hidden;
    float: right;
    width: 630px;
}

.about dl dd h3 {
    font-size: 36px;
    color: #333;
}

.about dl dd p {
    font-size: 22px;
    margin-top: 5px;
}

.about dl dd span {
    display: block;
    width: 40px;
    height: 4px;
    background: #074881;
    margin: 25px 0;
}

.about dl dd div {
    margin: ;
    font-size: 16px;
    margin: 25px 0 45px;
    line-height: 30px;
}

.about dl dd a {
    display: block;
    width: 165px;
    height: 44px;
    border: 1px solid #666666;
    line-height: 44px;
    font-size: 16px;
    text-indent: 30px;
    background: url(right.png) no-repeat 110px center;
}*/
/*修改后 start*/
.index-title {
    width: 1340px;
    /*margin: 40px auto;*/
    margin: 30px auto;
    position: relative;
}

.index-title h3 {
    font-size: 36px;
    color: #074881;
}

.index-title p {
    font-size: 20px;
    color: #bbbbbb;
    text-transform: uppercase;
    font-family: "century gothic";
    line-height: 20px;
}

.index-title a {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 60px;
}

.about-title p {
    background: url(asd.png) no-repeat right center;
}

.about {
    width: 1340px;
    margin: 0 auto;
}

.about dl {
    overflow: hidden;
}

.about dl dt {
    overflow: hidden;
    float: left;
}

.about dl dt li {
    width: 650px;
    height: 360px;
    position: relative;
    font-size: 0;
    overflow: hidden;
}

.about dl dt video {
    width: 100%;
    /*max-width: 100%;*/
}

.about dl dt span {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    margin: auto;
    z-index: 9;
    cursor: pointer;
    animation: opa 3s infinite;
    -webkit-animation: opa 3s infinite;
}

.about dl dt span img {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
}

@keyframes opa {
    0% {
        opacity: 0.1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.1;
    }
}

.about dl dt .poster {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 8;
}

.about dl dd {
    overflow: hidden;
    float: right;
    width: 630px;
}

.about dl dd h3 {
    font-size: 36px;
    color: #333;
}

.about dl dd p {
    font-size: 22px;
    margin-top: 5px;
}

.about dl dd span {
    display: block;
    width: 40px;
    height: 4px;
    background: #074881;
    margin: 25px 0;
}

.about dl dd div {
    margin: ;
    font-size: 16px;
    margin: 25px 0;
    line-height: 30px;
}

.about dl dd a {
    display: block;
    width: 165px;
    height: 44px;
    border: 1px solid #666666;
    line-height: 44px;
    font-size: 16px;
    text-indent: 30px;
    background: url(right.png) no-repeat 110px center;
}

/*修改后 end*/

.service {
    /*height: 685px;*/
    height: 600px;
    background: url(service-bg.jpg) no-repeat center;
    margin: 45px 0 35px;
    overflow: hidden;
}

.service .index-title h3 {
    color: #fff;
}

.service .index-title p {
    color: #fff;
}

.service-list {
    width: 1340px;
    margin: 0 auto;
}

.service-list dl {
    width: 258px;
    /* width: 196px;*/
    height: 196px;
    background: #fff;
    float: left;
    margin: 0 12px 12px 0;
}

.service-list dl:nth-child(5n) {
    margin-right: 0;
}

.service-list dl dt {
    width: 100px;
    height: 70px;
    position: relative;
    overflow: hidden;
    margin: 40px auto 20px;
}

.service-list dl dt img {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    transition: all 0.5s;
}

.service-list dl dd {
    font-size: 18px;
    text-align: center;
    transition: all 0.5s;
}

.service-list dl:hover dt img {
    top: -70px;
}

.service-list dl:hover dd {
    color: #074881;
}

.exhibition {
    width: 1340px;
    margin: 0 auto;
}

.exhibition-img {
    float: left;
    position: relative;
}

.exhibition-img .hd {
    position: absolute;
    right: 15px;
    bottom: 20px;
    z-index: 99;
}

.exhibition-img .hd li {
    float: left;
    width: 7px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 0;
    margin: 0 5px;
    height: 7px;
}

.exhibition-img .hd li.on {
    background: #fff;
}

.exhibition-img .bd li {
    width: 610px;
    height: 400px;
    font-size: 0;
    text-align: center;
    line-height: 400px;
    overflow: hidden;
}

.exhibition-img .bd li img {
    width: 100%;
    height: 100%;
    /* max-width: 100%;
     max-height: 100%;*/
}

.exhibition-text {
    float: right;
    position: relative;
}

.exhibition-text .hd {
    position: absolute;
    right: 110px;
    /*top: -90px;*/
    top: -85px;
    overflow: hidden;
}

.exhibition-text .hd li {
    float: left;
    width: 120px;
    height: 42px;
    background: #d3c9c9;
    text-align: center;
    line-height: 42px;
    color: #fff;
    font-size: 16px;
    margin-left: 20px;
}

.exhibition-text .hd li.on {
    background: #074881;
}

.exhibition-text .bd li {
    width: 700px;
    border: 1px solid #e7e7e7;
    /*padding: 20px 30px;*/
    padding: 10px 15px;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 20px;
}

.exhibition-text .bd li .date {
    float: left;
    width: 80px;
    text-align: center;
}

.exhibition-text .bd li .date b {
    font-size: 40px;
    font-family: "century gothic";
    display: block;
    border-bottom: 1px solid #e7e7e7;
    line-height: 57px;
}

.exhibition-text .bd li .date span {
    font-size: 18px;
    font-family: "century gothic";
    display: block;
    line-height: 40px;
}

.exhibition-text .bd li .content {
    float: right;
    width: 540px;
    position: relative;
}

.exhibition-text .bd li .content::before {
    position: absolute;
    width: 1px;
    height: 80px;
    content: "";
    background: #e7e7e7;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -25px;
    margin: auto;
}

.exhibition-text .bd li .content h3 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    margin: 8px 0 10px;
}

.exhibition-text .bd li .content p {
    font-size: 15px;
    line-height: 26px;
}

.advertise {
    height: 200px;
    position: relative;
    margin: 40px 0 30px;
}

.advertise img {
    width: 1920px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -960px;
}

.news {
    width: 1340px;
    margin: 0 auto;
    position: relative;
}

.news .hd {
    position: absolute;
    right: 110px;
    /*top: -90px;*/
    top: -85px;
    overflow: hidden;
}

.news .hd li {
    float: left;
    width: 120px;
    height: 42px;
    background: #d3c9c9;
    text-align: center;
    line-height: 42px;
    color: #fff;
    font-size: 16px;
    margin-left: 20px;
}

.news .hd li.on {
    background: #074881;
}

.news .bd li {
    overflow: hidden;
}

.news .bd li dl {
    overflow: hidden;
    float: left;
    /*width: 426px;*/
    width: 311px;
    margin-right: 31px;
}

.news .bd li dl:last-child {
    margin-right: 0;
}

.news .bd li dl dt {
    /*height: 280px;
    line-height: 280px;*/
    height: 150px;
    line-height: 150px;
    font-size: 0;
    text-align: center;
    overflow: hidden;
}

.news .bd li dl dt img {
    /* max-width: 100%;
     max-height: 100%;*/
    width: 100%;
    height: 100%;
}

.news .bd li dl dd {
    height: 54px;
    font-size: 0;
    line-height: 54px;
    background: #F6F6F6;
    text-align: center;
    position: relative;
    text-overflow: ellipsis;
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 3;*/
    overflow: hidden;
    white-space: nowrap;
}

.news .bd li dl dd p {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    line-height: 28px;
    font-size: 16px;
    color: #333;
    text-align: left;
    overflow: hidden;

    /*max-height: 84px;*/
    /*min-height: 84px;*/
    text-overflow: ellipsis;
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 3;*/
    overflow: hidden;

}

.news .bd li dl dd span {
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.shortcut {
    width: 1340px;
    margin: 50px auto 20px;
}

.shortcut dl {
    float: left;
    /*width: 426px;*/
    width: 250px;
    height: 150px;
    margin: 0 22px 30px 0;
    box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
}

.shortcut dl:nth-child(1) {
    background: linear-gradient(to bottom, #fff, #fbdedf);
}

.shortcut dl:nth-child(2) {
    background: linear-gradient(to bottom, #fff, #fce8d9);
}

.shortcut dl:nth-child(3) {
    background: linear-gradient(to bottom, #fff, #d5f0e8);
}

.shortcut dl:nth-child(4) {
    background: linear-gradient(to bottom, #fff, #dcecf7);
}

.shortcut dl:nth-child(5) {
    background: linear-gradient(to bottom, #fff, #f1e3fb);
}

.shortcut dl:nth-child(6) {
    background: linear-gradient(to bottom, #fff, #dbf0f1);
}

.shortcut dl:nth-child(5n) {
    margin-right: 0;
}

.shortcut dl dt {
    float: right;
    margin: 48px 20px 0px 0px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 0;
}

.shortcut dl dt img {
    max-width: 100%;
    max-height: 100%;
}

.shortcut dl dd {
    float: left;
    margin: 40px 0 0 20px;
}

.shortcut dl dd h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

.shortcut dl:nth-child(1) dd h3 {
    color: #ea5a60;
}

.shortcut dl:nth-child(2) dd h3 {
    color: #f08c42;
}

.shortcut dl:nth-child(3) dd h3 {
    color: #2db489;
}

.shortcut dl:nth-child(4) dd h3 {
    color: #50a0d8;
}

.shortcut dl:nth-child(5) dd h3 {
    color: #ba70ed;
}

.shortcut dl:nth-child(6) dd h3 {
    color: #49b1ba;
}

.partner {
    overflow: hidden;
    background: #f6f6f6;
    padding-bottom: 60px;
}

.partner-list {
    width: 1340px;
    margin: 0 auto;
    position: relative;
}

.partner-list .prev {
    position: absolute;
    left: -62px;
    top: 0;
    bottom: 0;
    height: 50px;
    margin: auto;
}

.partner-list .next {
    position: absolute;
    right: -62px;
    top: 0;
    bottom: 0;
    height: 50px;
    margin: auto;
}

.partner-list .bd {
    overflow: hidden;
}

.partner-list .bd li {
    background: #fff;
    width: 205px;
    height: 140px;
    text-align: center;
    font-size: 0;
    line-height: 140px;
    margin: 0 20px 0 0;
    float: left;
}

.partner-list .bd li img {
    /*width: 90%;*/
    /*height: 40%;*/
    max-width: 80%;
    max-height: 60%;
}

.footer {
    background: #555555;
    overflow: hidden;
    padding: 40px 0;
}

.footer h3 {
    color: #fff;
    font-size: 33px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.footer div {
    overflow: hidden;
    width: 1340px;
    margin: 35px auto;
    font-size: 0;
}

.footer div select {
    width: 322px;
    height: 46px;
    font-size: 14px;
    padding: 0 25px;
    appearance: none;
    -webkit-appearance: none;
    margin-right: 17px;
    border: none;
    background: #fff url(down.png) no-repeat 285px center;
}

.footer div select:last-child {
    margin-right: 0;
}

.footer dl {
    width: 1340px;
    margin: 0 auto;
    overflow: hidden;
}

.footer dl dt {
    float: right;
}

.footer dl dd {
    float: left;
}

.footer dl dd p {
    font-size: 14px;
    color: #fff;
    line-height: 29px;
}

.innerPosition {
    padding-left: 30px;
    background: url(home.png) no-repeat left center;
    font-size: 14px;
    line-height: 26px;
    padding: 20px 30px;
    border-bottom: 1px solid #eeeeee;
    max-width: 1340px;
    margin: 0 auto;
    box-sizing: border-box;
}

.innerPosition a {
    font-size: 14px;
}

.innerPosition a:last-child {
    color: #A00F15;
}

.innerFooter {
    text-align: center;
    font-size: 14px;
    line-height: 50px;
    margin: 50px 0 20px;
}

.innerFooter a {
    font-size: 14px;
}

.innerExhibition {
    width: 1340px;
    margin: 0 auto;
    overflow: hidden;
}

.innerExhibition-left {
    float: left;
    width: 886px;
}

.innerExhibition-list {
    overflow: hidden;
    padding: 20px 0;
}

.innerExhibition-list dl {
    float: left;
    width: 280px;
    margin: 10px 23px 0px 0px;
}

.innerExhibition-list dl:nth-child(3n) {
    margin-right: 0;
}

.innerExhibition-list dl dt {
    height: 191px;
    font-size: 0;
    text-align: center;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}

.innerExhibition-list dl dt img {
    /* max-width: 100%;*/
    width: 100%;
    height: 100%;
}

.innerExhibition-list dl dd {
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}

.innerExhibition-right {
    float: right;
    width: 404px;
    margin-top: 60px;
}

.innerExhibition-right-img {
    position: relative;
}

.innerExhibition-right-img .hd {
    position: absolute;
    right: 32px;
    bottom: 30px;
    z-index: 9;
}

.innerExhibition-right-img .hd ul li {
    float: left;
    font-size: 0;
    width: 7px;
    height: 7px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 0 3.5px;
}

.innerExhibition-right-img .hd ul li.on {
    background: #fff;
}

.innerExhibition-right-img .bd {
    height: 279px;
    overflow: hidden;
}

.innerExhibition-right-img .bd dl {
    position: relative;
}

.innerExhibition-right-img .bd dl dt img {
    width: 100%;
    /* max-width: 100%;*/
}

.innerExhibition-right-img .bd dl dd {
    position: absolute;
    left: 32px;
    right: 100px;
    bottom: 22px;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.innerExhibition-right-text h3 {
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    color: #fff;
    background: #074881;
    font-weight: normal;
    text-indent: 33px;
    margin-top: 12px;
}

.innerExhibition-right-text ul {
    border: 1px solid #E5E5E5;
    border-bottom: none;
}

.innerExhibition-right-text li a {
    display: block;
    height: 53px;
    line-height: 53px;
    font-size: 18px;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 33px;
    background: url(right02.png) no-repeat 350px center;
}

.innerExhibition-right-text li a.on {
    background: #eeeeee url(right03.png) no-repeat 350px center;
    color: #333333;
}

.innerExhibition-details-title {
    text-align: center;
    font-size: 24px;
    color: #333;
    margin: 40px 0 30px;
}

.innerExhibition-details-content {
    font-size: 16px;
    line-height: 26px;
}

.innerExhibition-details-content * {
    max-width: 100%;
}

.login {
    background: url(cloud.png) no-repeat 0px -200px;
}

.login-list {
    width: 1340px;
    height: 690px;
    background: url(login-bg.png) no-repeat center;
    margin: 0 auto;
    overflow: hidden;
}

.login form {
    width: 586px;
    /*height: 392px;*/
    height: 500px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    margin: 50px auto;
    overflow: hidden;
}

.login form h3 {
    text-align: center;
    color: #074881;
    font-size: 30px;
    font-weight: normal;
    margin: 22px 0;
}

.login form div {
    overflow: hidden;
    text-align: center;
    margin: 18px 0;
}

.login form div span {
    font-weight: bold;
    font-size: 16px;
    width: 80px;
    display: inline-block;
    text-align: right;
}

.login form div input {
    border: 1px solid #dcdcdc;
    width: 390px;
    height: 54px;
    border-radius: 10px;
    font-size: 16px;
    padding: 0 30px;
    box-sizing: border-box;
    background: none;
    margin-left: 10px;
}

.login form div label {
    font-size: 16px;
    overflow: hidden;
    margin-right: 30px;
}

.login form div label input {
    width: 20px;
    height: 20px;
    margin: 15px 6px 0 0;
    vertical-align: top;
}

.login form div select {
    border: 1px solid #dcdcdc;
    width: 390px;
    height: 54px;
    border-radius: 10px;
    font-size: 16px;
    padding: 0 30px;
    box-sizing: border-box;
    background: none;
    appearance: none;
    -webkit-appearance: none;
    background: url(down02.png) no-repeat 345px center;
    background-size: 15px;
    margin-left: 10px;
}

.login form p {
    text-align: center;
    font-size: 14px;
    margin: 30px 0;
}

.login form p a {
    font-size: 14px;
}

.login form button {
    width: 213px;
    height: 57px;
    border: 1px solid #074881;
    background: #074881;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
    margin: 0 auto;
    display: block;
}

.login form input.btn {
    width: 213px;
    height: 57px;
    border: 1px solid #074881;
    background: #074881;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    text-align: center;
    line-height: 57px;
}

.register form {
    height: 500px !important;
}

.register form button {
    margin-top: 40px;
}

.pwd form {
    height: 427px;
}

.pwd form em {
    display: inline-block;
    width: 390px;
    text-align: left;
    margin-left: 10px;
    line-height: 50px;
}

.pwd form .pwd-btn {
    text-align: center;
    margin: 40px 0;
    font-size: 0;
}

.pwd form .pwd-btn button {
    display: inline-block;
    margin: 0 5px;
}

.pwd form .pwd-btn button:last-child {
    background: none;
    color: #074881;
}

.innerService {
    width: 1340px;
    margin: 0 auto;
    overflow: hidden;
}

.innerService-list {
    float: left;
    width: 980px;
}

.innerService-list-kind {
    border-bottom: 1px solid #dcdcdc;
}

.innerService-list-kind div {
    overflow: hidden;
    margin: 20px 0;
}

.innerService-list-kind div span {
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 26px;
}

.innerService-list-kind div ul {
    float: right;
    overflow: hidden;
    width: 870px;
}

.innerService-list-kind div ul li {
    float: left;
    font-size: 14px;
    margin-right: 28px;
    line-height: 26px;
}

.innerService-list-item {
    overflow: hidden;
    padding-top: 38px;
}

.innerService-list-item dl {
    float: left;
    margin: 0 38px 65px 38px;
    width: 414px;
    overflow: hidden;
}

.innerService-list-item dl dt {
    float: left;
    width: 122px;
    height: 148px;
    font-size: 0;
    text-align: center;
    line-height: 148px;
}

.innerService-list-item dl dt img {
    width: 100%;
    /*height: 100%;*/
    /*  max-width: 100%;
      max-height: 100%;*/
}

.innerService-list-item dl dd {
    float: right;
    width: 270px;
    position: relative;
    height: 148px;
}

.innerService-list-item dl dd h3 {
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.innerService-list-item dl dd p {
    font-size: 14px;
    /*margin-top: 10px;*/
    margin-top: 7px;
}

.innerService-list-item dl dd a {
    position: absolute;
    left: 0;
    bottom: 0;
    border: 1px solid #074881;
    width: 158px;
    height: 48px;
    border-radius: 5px;
    color: #074881;
    font-size: 14px;
    line-height: 48px;
    background: url(right04.png) no-repeat 100px center;
    text-indent: 30px;
}

.innerService-rank {
    float: right;
    width: 262px;
    background: #f8f8f8;
    overflow: hidden;
    padding: 0 25px;
}

.innerService-rank h3 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    width: 243px;
    margin: 30px auto 20px;
    padding-left: 22px;
    position: relative;
}

.innerService-rank h3::before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    height: 18px;
    content: "";
    background: #074881;
    margin: auto;
}

.innerService-rank ul { /* width: 265px; */
    margin: 0 auto;
}

.innerService-rank ul li {
    overflow: hidden;
    padding: 8px 0;
    border-bottom: 1px dashed #dedede;
}

.innerService-rank ul li span {
    float: left;
    width: 24px;
    height: 24px;
    font-size: 18px;
    border-radius: 5px;
    text-align: center;
    line-height: 24px;
    background: #d2d2d2;
    color: #fff;
}

.innerService-rank ul li p {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    float: left;
    margin-left: 10px;
    width: 180px;
    overflow: hidden;
    height: 24px;
}

.innerService-rank ul li em {
    float: right;
    line-height: 24px;
    font-size: 16px;
    color: #999;
}

.innerServiceDetails {
    width: 1340px;
    margin: 0 auto;
    overflow: hidden;
}

.innerServiceDetails-list {
    float: left;
    width: 980px;
}

.innerServiceDetails01 {
    overflow: hidden;
}

.innerServiceDetails01 h3 {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin: 35px 0;
    font-weight: normal;
}

.innerServiceDetails01 dl {
    overflow: hidden;
}

.innerServiceDetails01 dl dt {
    float: left;
}

.pc-slide {
    width: 385px;
}

.view .swiper-slide {
    width: 385px;
    height: 274px;
    font-size: 0;
    text-align: center;
    line-height: 274px;
    overflow: hidden;
}

.view .swiper-slide img {
    /* max-width: 100%;*/
    width: 100%;
    height: 100%;
}

.preview {
    margin-top: 10px;
}

.preview .swiper-slide {
    width: 120px;
    height: 70px;
    overflow: hidden;
    font-size: 0;
    text-align: center;
    line-height: 70px;
    border: 1px solid #bfbfbf;
    margin-right: 9px;
}

.preview .swiper-slide img {
    width: 100%;
    /*max-width: 100%;*/
}

.preview .active-nav {
    border: 1px solid #074881;
}

.innerServiceDetails01 dl dd {
    float: right;
    width: 550px;
    font-size: 16px;
    line-height: 32px;
    position: relative;
    height: 274px;
}

.innerServiceDetails01 dl dd span {
    color: #074881;
}

.innerServiceDetails01 dl dd a {
    font-size: 14px;
    padding-left: 25px;
    color: #999;
}

.innerServiceDetails01 dl dd a.collection {
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(collection.png) no-repeat left center;
}

.innerServiceDetails01 dl dd a.collected {
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(collected.png) no-repeat left center;
}

.innerServiceDetails01 dl dd a.share {
    position: absolute;
    left: 120px;
    bottom: 0;
    background: url(share.png) no-repeat left center;
}

.innerServiceDetails-title {
    margin: 45px 0 15px;
    border-bottom: 2px solid #074881;
}

.innerServiceDetails-title span {
    display: block;
    width: 150px;
    height: 55px;
    background: #074881;
    text-align: center;
    line-height: 55px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}

.innerServiceDetails-content {
    font-size: 14px;
    line-height: 26px;
}

.OnlineExhibition {
    width: 1340px;
    margin: 0 auto;
    overflow: hidden;
}

.OnlineExhibition-list {
    float: left;
    /*width: 980px;*/
    width: 886px;
    padding: 0px 0;
}

.OnlineExhibition-list dl {
    overflow: hidden;
    padding: 30px 0;
    border-bottom: 1px dashed #e3e3e3;
}

.OnlineExhibition-list dl dt {
    float: left;
    /*width: 477px;*/
    width: 457px;
    height: 285px;
    font-size: 0;
    line-height: 285px;
}

.OnlineExhibition-list dl dt img {
    /*width: 477px;*/
    /*height: 285px;*/
    width: 100%;
    height: 100%;
}

.OnlineExhibition-list dl dd {
    float: right;
    /*width: 450px;*/
    width: 400px;
}

.OnlineExhibition-list dl dd h3 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    margin: 10px 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.OnlineExhibition-list dl dd p {
    font-size: 14px;
    line-height: 26px;
}

.OnlineExhibition-list dl dd span {
    display: block;
    margin: 15px 0 0 0;
    border: 1px solid #dcdcdc;
    height: 48px;
    width: 138px;
    border-radius: 5px;
    text-align: center;
    line-height: 48px;
    font-size: 14px;
}

.OnlineExhibition-right {
    /*width: 262px;*/
    /*width: 362px;*/
    width: 300px;
    background: #f8f8f8;
    padding: 0 25px;
    float: right;
    /*padding-bottom: 50px;*/
}

.OnlineExhibition-right h3 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    padding-left: 20px;
    border-left: 5px solid #074881;
    height: 18px;
    line-height: 18px;
    margin: 18px 0;
}

.OnlineExhibition-right-news {
    overflow: hidden;
}

.OnlineExhibition-right-news dl {
    overflow: hidden;
    margin-bottom: 20px;
}

.OnlineExhibition-right-news dl dt {
    overflow: hidden;
    float: left;
    /*width: 98px;*/
    width: 138px;
    height: 108px;
    font-size: 0;
    line-height: 108px;
}

.OnlineExhibition-right-news dl dd {
    float: right;
    width: 150px;
    /*width: 200px;*/
}

.OnlineExhibition-right-news dl dd p {
    font-size: 16px;
    color: #333;
    text-align: justify;
}

.OnlineExhibition-right-news dl dd span {
    font-size: 16px;
    color: #999;
    display: block;
    margin-top: 10px;
}

.OnlineExhibition-right-news dl dt img {
    /* height: 100%;
     !*max-height: 100%;*!*/
    max-height: 100%;
    max-width: 100%;
}

.OnlineExhibition-right-news dl dd.hasImage {
    float: right;
    width: 150px;
}

.OnlineExhibition-right-news dl dd p {
    font-size: 16px;
    color: #333;
}

.OnlineExhibition-right-news dl dd span {
    font-size: 16px;
    color: #999;
    display: block;
    margin-top: 10px;
}

.OnlineExhibition-right-exhibition dl {
    padding: 24px 18px;
    border-bottom: 1px dashed #dedede;
}

.OnlineExhibition-right-exhibition dl img {
    width: 100%;
    /*max-width: 100%;*/
    height: 145px;
}

.OnlineExhibition-right-exhibition dl dd p {
    font-size: 18px;
    text-align: center;
    color: #333;
    margin: 10px 0 5px;
}

.OnlineExhibition-right-exhibition dl dd span {
    display: block;
    text-align: center;
    font-size: 14px;
}

.OnlineExhibitionDetails {
    width: 1340px;
    margin: 0 auto;
    overflow: hidden;
}

.OnlineExhibitionDetails-list {
    float: left;
    width: 980px;
}

.OnlineExhibitionDetails-list-title h3 {
    font-size: 24px;
    color: #333;
    font-weight: normal;
    text-align: center;
    margin: 30px 0;
}

.OnlineExhibitionDetails-list-title p {
    text-align: center;
}

.OnlineExhibitionDetails-list-title p span {
    margin: 0 70px;
    font-size: 14px;
}

.OnlineExhibitionDetails-list-title div {
    margin-top: 30px;
    background: #fff7f7;
    border: 1px solid #fededf;
    height: 120px;
    padding: 0 30px;
}

.OnlineExhibitionDetails-list-title div b {
    display: block;
    font-size: 16px;
    float: left;
    color: #074881;
    width: 32px;
    margin-top: 36px;
}

.OnlineExhibitionDetails-list-title div em {
    float: left;
    font-size: 16px;
    /*width: 480px;*/
    width: 300px;
    line-height: 120px;
    margin-left: 50px;
}

/*.OnlineExhibitionDetails-list-title div a {
    float: left;
    width: 168px;
    height: 46px;
    font-size: 16px;
    color: #fff;
    background: #074881;
    border-radius: 46px;
    text-align: center;
    line-height: 46px;
    !*margin: 37px 5px 0;*!
    margin: 21px 5px 0;
}*/
.exhibitiona {
    float: left;
    width: 168px;
    height: 46px;
    font-size: 16px;
    color: #fff;
    background: #074881;
    border-radius: 46px;
    text-align: center;
    line-height: 46px;
    /*margin: 37px 5px 0;*/
    margin: 35px 5px 0;
}

.OnlineExhibitionDetails-list-content {
    margin: 20px 0;
    font-size: 16px;
    min-height: 500px;
}

.OnlineExhibitionDetails-list-content * {
    max-width: 100%;
}

.OnlineExhibitionDetails-list-comment-title {
    border-bottom: 1px solid #fbdcdd;
    overflow: hidden;
}

.OnlineExhibitionDetails-list-comment-title span {
    float: left;
    width: 129px;
    height: 53px;
    background: #074881;
    text-align: center;
    color: #fff;
    line-height: 53px;
    font-size: 16px;
}

.OnlineExhibitionDetails-list-comment-list {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

.OnlineExhibitionDetails-list-comment-list dl {
    overflow: hidden;
    margin: 30px 0;
}

.OnlineExhibitionDetails-list-comment-list dt {
    float: left;
    width: 85px;
    height: 85px;
    overflow: hidden;
    border-radius: 50%;
    font-size: 0;
    text-align: center;
    line-height: 85px;
}

.OnlineExhibitionDetails-list-comment-list dt img {
    /* max-width: 100%;*/
    width: 100%;
    height: 100%;
}

.OnlineExhibitionDetails-list-comment-list dd {
    float: left;
    margin-left: 25px;
    width: 870px;
}

.OnlineExhibitionDetails-list-comment-list dd h3 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    margin: 5px 0;
}

.OnlineExhibitionDetails-list-comment-list dd p {
    font-size: 14px;
    color: #666;
    /* height: 42px;*/
    overflow: hidden;
    margin-top: 8px;
}

.OnlineExhibitionDetails-list-comment-rate {
    margin: 20px 0;
}

.OnlineExhibitionDetails-list-comment-rate div {
    overflow: hidden;
    margin-bottom: 1px;
    line-height: 28px;
}

.OnlineExhibitionDetails-list-comment-rate div span {
    float: left;
    font-size: 14px;
    color: #333;
}

.OnlineExhibitionDetails-list-comment-rate div span img {
    vertical-align: top;
    margin-top: 6px;
}

.OnlineExhibitionDetails-list-comment-rate div p {
    float: left;
    width: 525px;
    height: 10px;
    background: #f2f2f2;
    margin: 9px 0 0 30px;
    position: relative;
}

.OnlineExhibitionDetails-list-comment-rate div p i {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    min-width: 2px;
    background: #fdaa00;
}

.OnlineExhibitionDetails-list-comment-rate div em {
    float: left;
    width: 120px;
    text-align: center;
    font-size: 12px;
}

.OnlineExhibitionDetails-list-comment-rate div b {
    width: 92px;
    height: 28px;
    background: #e1f0fb;
    float: left;
    text-align: center;
    line-height: 28px;
    color: #333;
    font-weight: normal;
}

.form-div1 {
    overflow: hidden;
    margin-top: 35px;
    width: 800px;
}

.form-div1 img {
    float: left;
    margin-top: 3px;
}

.form-div1 p {
    float: right;
}

.form-div1 p label {
    float: left;
    font-size: 14px;
    color: #333;
    margin-left: 10px;
}

.form-div1 p label img {
    margin-top: 4px;
}

.form-div1 p label input {
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 3px;
}

.form-div1 p label span {
    float: left;
    margin: 0 5px;
}

.form-div2 {
    margin: 15px 0;
    width: 800px;
}

.form-div2 textarea {
    width: 100%;
    height: 74px;
    border: 1px solid #7d96c4;
    box-sizing: border-box;
    padding: 7px 15px;
    font-size: 14px;
    color: #333;
    resize: none;
}

.form-div3 {
    margin: 20px 0;
}

.form-div3 span {
    color: #074881;
}

.form-div3 em {
    font-size: 14px;
    color: #1b4c7a;
}

.form-div3 input {
    width: 120px;
    height: 26px;
    border: 1px solid #dddddd;
    font-size: 14px;
    text-align: center;
}

.form-div3 img {
    vertical-align: bottom;
    margin-left: 5px;
}

.form-div4 .send {
    width: 100px;
    height: 34px;
    border: none;
    border-radius: 5px;
    background: #074881;
    color: #fff;
    font-size: 14px;
}

.form-div4 button {
    width: 100px;
    height: 34px;
    border: none;
    border-radius: 5px;
    background: #074881;
    color: #fff;
    font-size: 14px;
}

.form-div4 label {
    margin-left: 10px;
    font-size: 14px;
    color: #333;
}

.form-div4 label input {
    width: 14px;
    height: 14px;
    margin-top: 11px;
    vertical-align: top;
}

.form-div4 span {
    font-size: 14px;
    margin-left: 10px;
    color: #999;
}

.innerSuggestions {
    width: 1340px;
    margin: 0 auto;
    overflow: hidden;
}

.innerSuggestions-list {
    float: left;
    width: 980px;
}

.innerSuggestions-list h3 {
    font-size: 16px;
    color: #333;
    font-weight: normal;
    padding-left: 20px;
    border-left: 5px solid #074881;
    height: 16px;
    line-height: 16px;
    margin: 35px 0 32px;
}

.innerSuggestions-list div {
    /*overflow: hidden;*/
    margin: 18px 0;
    height: 48px;
}

.innerSuggestions-list div span {
    font-size: 16px;
    color: #666;
    margin-right: 25px;
    width: 100px;
    float: left;
    line-height: 48px;
    text-align: right;
    min-height: 1px;
}

.innerSuggestions-list div input {
    border: 1px solid #dcdcdc;
    width: 445px;
    height: 48px;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 16px;
    float: left;
}

.innerSuggestions-list div select {
    border: 1px solid #dcdcdc;
    width: 445px;
    height: 48px;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 16px;
    float: left;
    appearance: none;
    -webkit-appearance: none;
    background: url(down.png) no-repeat 420px center;
}

.innerSuggestions-list div textarea {
    border: 1px solid #dcdcdc;
    width: 445px;
    height: 120px;
    box-sizing: border-box;
    padding: 5px 15px;
    font-size: 16px;
    float: left;
    resize: none;
}

.innerSuggestions-list div button {
    width: 138px;
    height: 50px;
    border: none;
    background: #074881;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
    margin: 25px 0;
}

.innerSuggestions-list div em {
    color: #ff0101;
    font-size: 16px;
    margin-left: 20px;
}

.innerSuggestions-list div.textarea {
    height: 120px;
}

.innerSuggestions-list div.layui-form-select {
    width: 445px;
    margin: 0;
    float: left;
}

.innerSuggestions-list div.layui-select-title {
    overflow: initial;
    margin: 0;
}

.innerSuggestions-right {
    float: right;
    background: #f8f8f8;
    padding: 0 25px;
    width: 262px;
}

.innerSuggestions-right-column {
    margin-top: 20px;
}

.innerSuggestions-right-column li a {
    font-size: 16px;
    display: block;
    line-height: 60px;
    text-indent: 65px;
    position: relative;
}

.innerSuggestions-right-column li a span {
    width: 25px;
    height: 25px;
    display: inline-block;
    float: left;
    overflow: hidden;
    font-size: 0;
    position: absolute;
    left: 25px;
    top: 18px;
    text-indent: 0;
    line-height: initial;
}

.innerSuggestions-right-column li a.on {
    color: #074881;
}

.innerSuggestions-right-column li a.on img {
    position: relative;
    top: -25px;
}

.innerSuggestions-right h3 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    padding-left: 20px;
    border-left: 5px solid #074881;
    height: 16px;
    line-height: 16px;
    margin: 35px 0 20px;
}

.innerSuggestions-right dl dt img {
    /* max-width: 100%;*/
    width: 100%;
    height: 145px;
}

.innerSuggestions-right dl dd p {
    margin: 10px 0;
    font-size: 16px;
    color: #333;
}

.innerSuggestions-right dl dd span {
    display: block;
    font-size: 16px;
    color: #999;
    margin-bottom: 35px;
}

.innerActivity {
    /*width: 1340px;
    margin: 0 auto;
    overflow: hidden;*/
    width: 1020px;
}

.innerActivity-list {
    float: left;
    width: 980px;
}

.innerActivity-list dl {
    overflow: hidden;
    margin: 55px 0;
}

.innerActivity-list dl dt {
    float: left;
    border: 1px solid #e5e5e5;
    text-align: center;
    width: 234px;
    height: 168px;
    line-height: 168px;
    font-size: 0;
}

.innerActivity-list dl dt img {
    /*max-width: 100%;
    max-height: 100%;*/
    width: 100%;
    height: 100%;
}

.innerActivity-list dl dd {
    float: right;
    width: 700px;
}

.innerActivity-list dl dd h3 {
    font-size: 18px;
    font-weight: normal;
    color: #333;
}

.innerActivity-list dl dd p {
    font-size: 14px;
    color: #999;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.innerActivity-list dl dd span {
    display: block;
    width: 120px;
    height: 48px;
    border: 1px solid #074881;
    color: #074881;
    font-size: 16px;
    text-align: center;
    line-height: 48px;
    border-radius: 5px;
    margin-top: 30px;
}

.innerActivity-right {
    float: right;
    width: 262px;
    padding: 0 25px;
    background: #F8F8F8;
}

.innerRecruitment {
    width: 1340px;
    margin: 0 auto;
    overflow: hidden;
}

.innerRecruitment-list {
    float: left;
    width: 980px;
}

.innerRecruitment-list-title {
    overflow: hidden;
    border-bottom: 1px solid #dcdcdc;
    background: #f4f9fe;
    padding: 0 38px;
}

.innerRecruitment-list-title span {
    float: left;
    height: 63px;
    line-height: 63px;
    color: #333;
    font-size: 16px;
}

.innerRecruitment-list-title span.name {
    width: 42%;
}

.innerRecruitment-list-title span.num {
    width: 21%;
}

.innerRecruitment-list-title span.timeStart {
    width: 24%;
}

.innerRecruitment-list-title span.timeEnd {
    width: 13%;
}

.innerRecruitment-list-item {
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
}

.innerRecruitment-list-item span {
    /* float: left;*/
    height: 56px;
    line-height: 56px;
    color: #666;
    font-size: 16px;
}

.innerRecruitment-list-item-p span {
    float: left;
}

.innerRecruitment-list-item span.name {
    width: 42%;
    font-weight: bold;
}

.innerRecruitment-list-item span.num {
    width: 21%;
}

.innerRecruitment-list-item span.timeStart {
    width: 24%;
}

.innerRecruitment-list-item span.timeEnd {
    width: 13%;
}

.innerRecruitment-list-item-p {
    padding: 0 38px;
}

.innerRecruitment-list-item-div {
    float: left;
    width: 100%;
    overflow: hidden;
    display: none;
    /*background: #f8f8f8;*/
    padding: 30px 38px;
    overflow: hidden;
    box-sizing: border-box;
}

.innerRecruitment-list-item.on .innerRecruitment-list-item-div {
}

.innerRecruitment-list-item-div-details {
    float: left;
    width: 48%;
}

.innerRecruitment-list-item-div-require {
    float: right;
    width: 48%;
}

.details-title {
    font-size: 14px;
    color: #074881;
}

.details-content {
    margin-top: 20px;
    font-size: 14px;
}

.details-content * {
    max-width: 100%;
}

.innerExtension {
    width: 1340px;
    margin: 0 auto;
    overflow: hidden;
}

.innerExtension-list {
    float: left;
    width: 980px;
}

.innerExtension-list dl {
    margin: 0px auto 30px;
    width: 700px;
    overflow: hidden;
}

.innerExtension-list dl dd {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin: 25px 0;
}

.innerExtension-list dl dt {
    position: relative;
    text-align: center;
}

.innerExtension-list dl dt img {
    width: 100%;
    /*max-width: 100%;*/
}

.innerExtension-list dl dt span {
    position: absolute;
    left: 40px;
    bottom: 40px;
    background: #f39700;
    width: 145px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.pageNumber {
    text-align: center;
    margin: 30px 0;
    overflow: hidden;
    font-size: 0;
}

.pageNumber em {
    display: inline-block;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    padding: 0 20px;
    margin: 0 3px;
    overflow: hidden;
}

.pageNumber a {
    display: inline-block;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    padding: 0 12px;
    margin: 0 3px;
    overflow: hidden;
}

.pageNumber p {
    display: inline-block;
}

.pageNumber p a.on {
    background: #074881;
    color: #fff;
    border-color: #074881;
}

.innerPersonalCenter {
    background: #f4f6f7 url(cloud.png) no-repeat 0px -200px;
    overflow: hidden;
}

.innerPersonalCenter-list {
    width: 1340px;
    margin: 30px auto;
    overflow: hidden;
}

.innerPersonalCenter-column {
    float: left;
    width: 250px;
    background: #fff;
}

.innerPersonalCenter-column h3 {
    line-height: 55px;
    height: 55px;
    text-align: center;
    font-weight: bold;
    font-size: 0;
}

.innerPersonalCenter-column h3 em {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    margin-right: 10px;
}

.innerPersonalCenter-column h3 span {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    vertical-align: middle;
}

.innerPersonalCenter-column ul li a {
    display: block;
    text-align: center;
    line-height: 55px;
    height: 55px;
    font-size: 16px;
    position: relative;
}

/*.innerPersonalCenter-column ul li a.on {
    background: #f7e2e3;
    color: #A00F15;
}*/

.innerPersonalCenter-column a.on {
    background: #f7e2e3;
    color: #A00F15;
    display: block;
}

.innerPersonalCenter-column ul li a.on::before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    content: "";
    width: 3px;
    background: #A00F15;
}

.innerPersonalCenter-briefActivity {
    float: right;
    width: 1070px;
}

.innerPersonalCenter-brief {
    background: #fff;
    padding: 30px 40px;
    overflow: hidden;
}

.innerPersonalCenter-brief-account {
    float: left;
    overflow: hidden;
}

.innerPersonalCenter-brief-account dt {
    float: left;
    width: 97px;
    height: 97px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    line-height: 97px;
}

.innerPersonalCenter-brief-account dt img {
    /*max-width: 100%;
    max-height: 100%;*/
    width: 100%;
    height: 100%;
}

.innerPersonalCenter-brief-account dd {
    float: left;
    width: 310px;
    margin-left: 20px;
}

.innerPersonalCenter-brief-account dd h3 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
}

.innerPersonalCenter-brief-account dd p {
    font-size: 14px;
    line-height: 29px;
    margin: 10px 0;
}

.innerPersonalCenter-brief-account dd p img {
    vertical-align: top;
    margin-right: 8px;
}

.innerPersonalCenter-brief-account dd span {
    display: block;
    font-size: 14px;
}

.innerPersonalCenter-brief-account dd a {
    display: block;
    width: 154px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius: 36px;
    color: #fff;
    font-size: 16px;
    text-indent: 30px;
    margin-top: 25px;
    background: #d67175 url(personalCenter-icon13.png) no-repeat 30px center;
}

.innerPersonalCenter-brief-shortcut {
    float: right;
    width: 520px;
}

.innerPersonalCenter-brief-shortcut h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.innerPersonalCenter-brief-shortcut div {
    overflow: hidden;
    margin-top: 20px;
}

.innerPersonalCenter-brief-shortcut div a {
    float: left;
    float: left;
    width: 22%;
}

.innerPersonalCenter-brief-shortcut div a p {
    font-size: 14px;
    width: 62px;
    text-align: center;
    margin-top: 8px;
}

.innerPersonalCenter-activity {
    background: #ffffff;
    margin-top: 20px;
    padding: 30px 40px;
}

.innerPersonalCenter-activity dt {
    width: 313px;
    height: 215px;
}

.innerPersonalCenter-activity h3 {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    border-left: 5px solid #A00F15;
    padding-left: 20px;
    color: #333;
    font-weight: normal;
}

.innerPersonalCenter-activity div {
    padding-top: 25px;
    border-top: 1px solid #e3e3e3;
    margin-top: 25px;
    overflow: hidden;
}

.innerPersonalCenter-activity div dl {
    float: left;
    margin-right: 25px;
    width: 304px;
}

.innerPersonalCenter-activity div dl:last-child {
    float: left;
    margin-right: 0;
}

.innerPersonalCenter-activity div dl img {
    /* max-width: 100%;*/
    width: 100%;
    height: 100%;
}

.innerPersonalCenter-activity div dl span {
    display: block;
    font-size: 16px;
    color: #333;
    margin: 10px 0;
}

.innerPersonalCenter-activity div dl p {
    font-size: 14px;
    margin: 10px 0;
}

.innerPersonalCenter-list-right {
    float: right;
    float: right;
    width: 990px;
    padding: 30px 40px;
    background: #fff;
}

.innerPersonalCenter-list-right-title {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    padding-left: 25px;
    color: #333;
    font-weight: normal;
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e3e3e3;
}

.innerPersonalCenter-list-right-title::before {
    position: absolute;
    left: 0;
    top: 2px;
    content: "";
    width: 5px;
    background: #A00F15;
    height: 20px;
}

.innerPersonalCenter-completeMaterial {
}

.innerPersonalCenter-completeMaterial form {
    overflow: hidden;
}

.innerPersonalCenter-completeMaterial form div {
    float: left;
    width: 476px;
    font-size: 0;
    position: relative;
    margin: 10px 0;
}

.innerPersonalCenter-completeMaterial form div:nth-child(even) {
    float: right;
}

.innerPersonalCenter-completeMaterial form div span {
    font-size: 16px;
    color: #333;
    width: 68px;
    text-align: right;
    display: inline-block;
    margin-right: 18px;
    vertical-align: top;
    line-height: 48px;
}

.innerPersonalCenter-completeMaterial form div input {
    width: 390px;
    border: 1px solid #e3e3e3;
    height: 48px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 3px;
}

.innerPersonalCenter-completeMaterial form div select {
    width: 390px;
    border: 1px solid #e3e3e3;
    height: 48px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 14px;
    appearance: none;
    background: url(down.png) no-repeat 360px center;
    border-radius: 3px;
}

.innerPersonalCenter-completeMaterial form div textarea {
    width: 904px;
    border: 1px solid #e3e3e3;
    height: 48px;
    padding: 15px 20px;
    box-sizing: border-box;
    font-size: 14px;
    appearance: none;
    border-radius: 3px;
    height: 200px;
    resize: none;
}

.innerPersonalCenter-completeMaterial form div button {
    width: 160px;
    height: 50px;
    background: #A00F15;
    border: none;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
}

.innerPersonalCenter-completeMaterial form div p {
    width: 390px;
    border: 1px solid #e3e3e3;
    height: 48px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 14px;
    display: inline-block;
    line-height: 48px;
    border-radius: 3px;
}

.innerPersonalCenter-completeMaterial form div p img {
    float: right;
    margin-top: 10px;
}

.innerPersonalCenter-completeMaterial form div a {
    float: right;
    width: 120px;
    height: 48px;
    background: #e7e7e7;
    text-align: center;
    line-height: 48px;
    font-size: 14px;
    color: #333;
    border-radius: 3px;
}

.innerPersonalCenter-completeMaterial form div.mark input {
    width: 250px;
}

.innerPersonalCenter-completeMaterial form div.textarea {
    width: 100%;
}

.innerPersonalCenter-completeMaterial form div.btn {
    width: 100%;
}

.innerPersonalCenter-visitorRegistration {
}

.innerPersonalCenter-visitorRegistration table {
    border: 1px solid #e3e3e3;
    border-bottom: none;
    width: 100%;
}

.innerPersonalCenter-visitorRegistration table tr th {
    height: 50px;
    background: #f8f8f8;
    font-size: 16px;
    border-bottom: 1px solid #e3e3e3;
}

.innerPersonalCenter-visitorRegistration table tr td {
    height: 58px;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
}

.innerPersonalCenter-visitorRegistration table tr td a {
    display: inline-block;
    font-size: 14px;
    border-radius: 3px;
    padding: 0 5px;
}

.innerPersonalCenter-visitorRegistration table tr td a.more {
    margin-right: 3px;
    border: 1px solid #dddddd;
    color: #999;
}

.innerPersonalCenter-visitorRegistration table tr td a.revise {
    border: 1px solid #009589;
    background: #009589;
    color: #fff;
}

.innerPersonalCenter-visitorRegistration table tr td a.delete {
    border: 1px solid #ff5722;
    background: #ff5722;
    color: #fff;
}

.innerPersonalCenter-mineActivity .add {
    display: block;
    width: 110px;
    height: 42px;
    background: #A00F15;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    margin-bottom: 30px;
}

.innerPersonalCenter-mineCollect {
    overflow: hidden;
}

.innerPersonalCenter-mineCollect p {
    overflow: hidden;
    margin-bottom: 25px;
}

.innerPersonalCenter-mineCollect p span {
    float: left;
    border: 1px solid #074881;
    border-radius: 5px;
    padding: 5px 15px;
    font-size: 16px;
    color: #074881;
    margin-right: 20px;
}

.innerPersonalCenter-mineCollect p span.on {
    background: #074881;
    color: #fff;
}

.innerPersonalCenter-mineCollect dl {
    float: left;
    border: 1px solid #e3e3e3;
    padding: 20px;
    margin: 0 19px 20px 0;
    position: relative;
}

.innerPersonalCenter-mineCollect dl:nth-child(4n) {
    margin-right: 0;
}

.innerPersonalCenter-mineCollect dl dt {
    height: 231px;
    width: 191px;
    font-size: 0;
    overflow: hidden;
    text-align: center;
    line-height: 231px;
}

.innerPersonalCenter-mineCollect dl dt img {
    /*max-width: 100%;*/
    width: 100%;
    height: 100%;
}

.innerPersonalCenter-mineCollect dl dd {
    font-size: 14px;
    text-align: center;
    color: #333;
    margin-top: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.innerPersonalCenter-mineCollect dl div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: all 0.5s;
    background: rgba(0, 0, 0, 0.5);
}

.innerPersonalCenter-mineCollect dl div a {
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.innerPersonalCenter-mineCollect dl div a.delete {
    margin: 115px 0 20px;
}

.innerPersonalCenter-mineCollect dl:hover div {
    opacity: 1;
}

.innerExhibitorRegistration {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
}

.innerExhibitorRegistration-list {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    width: 1070px;
    height: 590px;
    margin: auto;
}

.innerExhibitorRegistration-list h3 {
    background: #f6f6f6;
    line-height: 75px;
    height: 75px;
    border-bottom: 1px solid #e3e3e3;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    text-indent: 65px;
    position: relative;
}

.innerExhibitorRegistration-list h3::before {
    position: absolute;
    left: 40px;
    top: 0;
    bottom: 0;
    width: 5px;
    height: 20px;
    background: #074881;
    content: "";
    margin: auto;
}

.innerExhibitorRegistration-list form {
    overflow: hidden;
    margin: 40px;
}

.innerExhibitorRegistration-list form div {
    float: left;
    width: 476px;
    font-size: 0;
    position: relative;
    margin: 10px 0;
}

.innerExhibitorRegistration-list form div:nth-child(even) {
    float: right;
}

.innerExhibitorRegistration-list form div span {
    font-size: 16px;
    color: #333;
    width: 68px;
    text-align: right;
    display: inline-block;
    margin-right: 18px;
    vertical-align: top;
    line-height: 48px;
}

.innerExhibitorRegistration-list form div input {
    width: 390px;
    border: 1px solid #e3e3e3;
    height: 48px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 3px;
}

.innerExhibitorRegistration-list form div select {
    width: 390px;
    border: 1px solid #e3e3e3;
    height: 48px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 14px;
    appearance: none;
    background: url(down.png) no-repeat 360px center;
    border-radius: 3px;
}

.innerExhibitorRegistration-list form div textarea {
    width: 904px;
    border: 1px solid #e3e3e3;
    height: 48px;
    padding: 15px 20px;
    box-sizing: border-box;
    font-size: 14px;
    appearance: none;
    border-radius: 3px;
    height: 200px;
    resize: none;
}

.innerExhibitorRegistration-list form div button {
    width: 100px;
    height: 50px;
    background: #074881;
    border: none;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
}

.innerExhibitorRegistration-list form div i {
    width: 100px;
    height: 50px;
    background: #eeeeee;
    border: none;
    color: #333;
    border-radius: 3px;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    line-height: 50px;
    margin-left: 10px;
}

.innerExhibitorRegistration-list form div p {
    width: 390px;
    border: 1px solid #e3e3e3;
    height: 48px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 14px;
    display: inline-block;
    line-height: 48px;
    border-radius: 3px;
}

.innerExhibitorRegistration-list form div p img {
    float: right;
    margin-top: 10px;
}

.innerExhibitorRegistration-list form div a {
    float: right;
    width: 120px;
    height: 48px;
    background: #e7e7e7;
    text-align: center;
    line-height: 48px;
    font-size: 14px;
    color: #333;
    border-radius: 3px;
}

.innerExhibitorRegistration-list form div.mark input {
    width: 250px;
}

.innerExhibitorRegistration-list form div.textarea {
    width: 100%;
}

.innerExhibitorRegistration-list form div.btn {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.innerContact {
    float: left;
    width: 980px;
}

.innerContact h3.innerContact-title {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding-left: 20px;
    border-left: 5px solid #074881;
    height: 16px;
    line-height: 16px;
    margin: 35px 0 32px;
}

.innerContact .innerContact-list {
    font-size: 16px;
    line-height: 28px;
}

.innerContact .innerContact-list * {
    max-width: 100%;
}

.text_five_slice {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}

.text_three_slice {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.text_two_slice {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.text_slice {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.validateCode {
    border: 1px solid #dcdcdc;
    width: 273px !important;
    height: 54px;
    border-radius: 10px;
    font-size: 16px;
    padding: 0 30px;
    box-sizing: border-box;
    background: none;
    margin-left: 10px;
}

/*.layui-form select {
    display: unset !important;
}*/


.aClick {
    display: unset !important;
    width: unset !important;
    height: unset !important;
    text-align: unset !important;
    line-height: unset !important;
    border-radius: unset !important;
    color: unset !important;
    font-size: unset !important;
    text-indent: unset !important;
    margin-top: unset !important;
    background: unset !important;
}

.layui-layer {
    /*top: 30px !important;*/
    left: 0;
    margin: 0;
    padding: 0;
    background-color: #fff;
    -webkit-background-clip: content;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 30%);
}

/*.innerPersonalCenter-visitorRegistration table tr td {
    min-width: 100px;
}*/

.pageNumber p {
    display: inline-block;
    max-width: 72%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tableLayout .tableft > span {
    color: red;
}

html,body{
    height: 100vh;
    overflow: auto;
}