@charset "UTF-8";

@font-face {
    font-family:iconfont;src:url(../fonts/iconfont.eot);src:url(../fonts/iconfont.eot#iefix) format("embedded-opentype"),url(../fonts/iconfont.woff) format("woff"),url(../fonts/iconfont.ttf) format("truetype"),url(../fonts/iconfont.svg) format("svg")
}
img{border:none;}
.iconfont {
    font: normal normal 14px iconfont;
    font-size: inherit;
    font-weight: inherit;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto
}

.icon-arrow_left1:before {
    content: "\e6b6";
}

.icon-edit:before {
    content: "\e6cf"
}

.icon-list:before {
    content: "\e6d0"
}

.icon-star:before {
    content: "\e708"
}

.icon-close:before {
    content: "\e70e"
}

.icon-star-empty:before {
    content: "\e717"
}

.icon-message:before {
    content: "\e725"
}

.icon-refresh:before {
    content: "\e726"
}

.icon-set:before {
    content: "\e727"
}

.icon-search:before {
    content: "\e728"
}

.icon-user:before {
    content: "\e72a"
}

.icon-arrow_right:before {
    content: "\e729"
}

.icon-arrow_left:before {
    content: "\e72b"
}

.icon-heart:before {
    content: "\e72c"
}

.icon-arrow-down:before {
    content: "\e72d"
}

.icon-eye:before {
    content: "\e72e"
}

.icon-arrow-up:before {
    content: "\e72f"
}

.icon-pdf:before {
    content: "\e730"
}

.icon-download:before {
    content: "\e731"
}

.icon-play:before {
    content: "\e732"
}

.icon-link:before {
    content: "\e733"
}

.icon-check:before {
    content: "\e73b"
}

.icon-loading:before {
    content: "\e73c"
}
/*.icon-comment-fill:before {
    content: "\56";
}*/

.icon-arrow_down:before {
    content: "\e73d"
}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
}
a:focus {
  outline: none;;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: none
}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}[hidden] {
    display: none
}

html {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

article,aside,dd,dl,dt,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,li,p,section,ul {
    margin: 0;
    padding: 0
}

li,ul {
    list-style: none
}

a {
    text-decoration: none;
    color: inherit
}

a:focus {
    outline: 0
}

img {
    vertical-align: middle
}

button,input,select,textarea {
    border: none;
    font-family: inherit;
}

button:focus,input:focus,select:focus,textarea:focus {
    outline: 0
}

.my-container {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.my-container:after,.my-container:before {
    content: " ";
    display: table
}

.my-container:after {
    clear: both
}

.my-btn {
    display: inline-block;
    padding: .78em 1.4286em;
    text-align: center;
    -webkit-transition: background-color .25s 0s ease-out,border-color .25s 0s ease-out;
    transition: background-color .25s 0s ease-out,border-color .25s 0s ease-out
}

.my-btn-primary {
    background-color: #0575c5;
    border: 1px solid #0575c5;
    color: #fff
}

.btn-radius{
    border-radius:0.2em; 
}
.my-btn-primary:hover {
    border: 1px solid #0460a2;
    background-color: #0460a2;
    color: #fff;
}

.my-btn-orange {
    background-color: #e37d1d;
    border: 1px solid #e37d1d;
    color: #fff
}

.my-btn-orange:hover {
    border: 1px solid #c46c18;
    background-color: #c46c18;
     color: #fff;
}

.my-btn-warning {
    background-color: #f49600;
    color: #fff;
    border: 1px solid #f49600;
}

.my-btn-warning:hover {
    border: 1px solid #d08000;
    background-color: #d08000;
     color: #fff;
}

.my-btn-danger {
    background-color: #d80000;
    color: #fff;
    border: 1px solid #d80000;

}

.my-btn-danger:hover {
    border: 1px solid #a50000;
    background-color: #a50000;
     color: #fff;

}

.my-btn-success {
    background-color: #36cc68;
    color: #fff;
    border: 1px solid #36cc68
}

.my-btn-success:hover {
    border: 1px solid #2aa553;
    background-color: #2aa553;
     color: #fff;

}

.my-btn-greener {
    background-color: #04c2ae;
    color: #fff;
    border: 1px solid #04c2ae
}

.my-btn-greener:hover {
    border: 1px solid #03a998;
    background-color: #03a998;
     color: #fff;

}

.my-btn-block {
    display: block;
    width: 100%
}

.form-row {
    position: relative;
    display: block;
    margin-bottom: 1em
}

.form-block {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: .8em .6em;
    background-color: #fff;
    line-height: 1.15;
    height: 2.75em
}

select.form-block {
    padding: 0 .6em
}

.form-checkbox input[type=checkbox] {
    margin-right: 3px
}

.form-checkbox>* {
    vertical-align: middle
}

.my-breadcrumb {
    margin: -8px 0;
}

.my-breadcrumb .inline-item {
    line-height: 1.7143
}

.my-breadcrumb a {
    
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.my-breadcrumb a:hover {
    color: #0575c5
}

.my-pager {
    font-size: 0;
    padding: 15px 0
}

.my-pager>li {
    font-size: 14px;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    margin-left: -1px;
    -webkit-transition: all .25s 0s ease-out;
    transition: all .25s 0s ease-out
}

.my-pager>li>* {
    display: block;
    padding: 7px 10px
}

.my-pager>li:hover {
    position: relative;
    z-index: 2;
    color: #0575c5;
    border-color: #0575c5
}

.my-pager .iconfont {
    font-size: 12px;
    position: relative;
    top: -1px
}

.my-pager .icon-arrow_left {
    margin-right: 5px
}

.my-pager .icon-arrow_right {
    margin-left: 5px
}

.my-pager .prev {
    margin-right: 15px
}

.my-pager .next {
    margin-left: 15px
}

.my-pager .disabled {
    pointer-events: none
}

.my-pager .on {
    position: relative;
    z-index: 5;
    border-color: #0575c5;
    color: #0575c5
}

.text-center {
    text-align: center!important;
    overflow: hidden;

}

.text-right {
    text-align: right!important
}

.text-justify {
    text-align: justify!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-italic {
    font-style: italic!important
}

.hidden {
    display: none
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.inline-list {
    font-size: 0;
    letter-spacing: -3px
}

.inline-list .inline-item {
    display: inline-block;
    font-size: 14px;
    letter-spacing: normal
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    display: -webkit-box;
    display: flex;
    width: 100%;
    -webkit-transition: left,top 0s 0s ease,-webkit-transform;
    transition: left,top 0s 0s ease,-webkit-transform;
    transition: transform,left,top 0s 0s ease;
    transition: transform,left,top 0s 0s ease,-webkit-transform;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-wrapper:after,.swiper-wrapper:before {
    content: " ";
    display: table
}

.swiper-wrapper:after {
    clear: both
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    width: 100%;
    float: left;
    flex-shrink: 0;
    position: relative
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x
}

.swiper-pagination-switch.hidden {
    display: none
}

.affix {
    position: fixed
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.modal-open {
    overflow: hidden
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

/*.modal .close {
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.4286em;
    padding: .5em;
    z-index: 10;
    color: #bfbfbf;
    cursor: pointer;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s 0s ease;
    -o-transition: all .2s 0s ease;
    transition: all .2s 0s ease
}*/

.modal .close:hover {
    color: #0575c5
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-dialog {
    box-sizing: border-box;
    margin: 100px auto;
    position: relative
}

.modal-content {
    padding: 60px;
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    border-radius: 6px
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.tab-pane.active {
    display: block;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    transition-property: height,visibility;
}

.jqzoom {
    position: relative;
    cursor: pointer;
}

/*.jqzoom img {
    width: 100%
}*/

.zoomdiv {
    z-index: 100;
    position: absolute;
    top: -1px;
    left: 100%;
    margin-left: 10px;
    width: 350px;
    height: 350px;
    background: #fff;
    border: 1px solid #ccc;
    display: none;
    text-align: center;
    overflow: hidden
}

.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #fff;
    opacity: .5;
    filter: alpha(Opacity=50)
}

body {
    font-size: 14px;
    font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #000;
    min-width: 1280px;
    margin: 0 auto;
    line-height: 1.15;
    word-break: break-word;
}

input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
    background-color: transparent;
    background-image: none;
    box-shadow: 0 0 0 1000px #fff inset!important
}

table {
    border-collapse: collapse
}

.hidden {
    display: none!important
}

.grey-bg {
    background-color: #f8f8f8
}

.mt-5 {
    margin-top: 5px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}
.ml-62{
    margin-left: 62px;
}


.font-success {
    color: #36cc68
}

.font-warning {
    color: #f49600
}

.font-primary {
    color: #0575c5
}

.font-danger {
    color: #d80000
}

.font-grey {
    color: #999
}

.pg-banner {
    background-position: center center;
    background-size: cover;
    padding: 60px;
    min-height: 40px;
    min-height: 30px;
    color: #fff;
    position: relative
}

.pg-banner h2 {
    font-size: 36px
}

.pg-banner small {
    font-weight: 400;
    font-size: 50%;
    margin-left: 30px
}

.pg-banner .detail-btn {
    float: right;
    font-size: 16px;
    padding: 0 30px;
    border-radius: 5px;
    background-color: rgba(0,0,0,.28);
    line-height: 40px;
    margin-top: -40px;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.pg-banner .detail-btn:hover {
    background-color: rgba(0,0,0,.4)
}

.my-loading {
    padding: 1em 0;
    text-align: center;
    font-size: 32px
}

.my-loading .iconfont {
    -webkit-animation: loadspinner 1s linear infinite;
    animation: loadspinner 1s linear infinite
}

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

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

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

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

.vip-modal .modal-dialog {
    width: 515px
}

.vip-modal .modal-content {
    padding: 0;
    min-height: 150px;
    overflow: hidden
}

.vip-modal header {
    background-color: #f0f0f0;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    padding: 0 20px
}

.vip-modal .close {
    line-height: 1;
    font-size: 1em;
    top: 6px
}

.vip-modal section {
    padding: 40px
}

.vip-modal footer {
    margin-top: 30px
}

.vip-modal .submit-btn {
    height: 42px;
    padding: 0 1.5em;
    min-width: 200px;
    line-height: 42px;
    background-color: #2eb55b;
    cursor: pointer;
    border-radius: 3px
}

.vip-modal .submit-btn .iconfont {
    margin-right: .3em
}

.vip-cate-list {
    margin-top: -10px
}

.vip-cate-list li {
    background-color: #f8f8f8;
    border: 1px solid #e3e3e3;
    padding: 20px 30px;
    margin-top: 10px;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.vip-cate-list .checked {
    border-color: #36cc68;
    background-color: #fafff1
}

.vip-cate-list .checked .icon-check {
    color: #36cc68
}

.vip-cate-list .icon-check {
    color: #c4c4c4;
    font-size: 24px;
    margin-top: -2px
}

.vip-cate-list p b {
    color: #f49600
}

.pwd-modal .modal-dialog {
    width: 515px
}

.pwd-modal .modal-content {
    padding: 0;
    min-height: 150px;
    overflow: hidden
}

.pwd-modal header {
    background-color: #f0f0f0;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    padding: 0 20px
}

.pwd-modal .close {
    line-height: 1;
    font-size: 1em;
    top: 6px
}

.pwd-modal section {
    padding: 40px
}

.pwd-modal footer {
    margin-top: 30px
}

.pwd-modal .form-block {
    border: 1px solid #e4e4e4;
    padding: 1em;
    height: 3.25em;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.pwd-modal .form-block:focus {
    box-shadow: 0 0 10px rgba(5,117,197,.3);
    border-color: rgba(5,117,197,.3)
}

.pwd-modal .submit-btn {
    height: 42px;
    padding: 0 1.5em;
    min-width: 200px;
    line-height: 42px;
    background-color: #2eb55b;
    cursor: pointer;
    border-radius: 3px
}

.pwd-modal .submit-btn .iconfont {
    margin-right: .3em
}

.input-wrapper {
    position: relative
}

.focus-modal .modal-dialog {
    width: 446px
}

.focus-modal .modal-content {
    padding: 0;
    border-radius: 5px;
    box-shadow: 0 0 14px rgba(100,100,100,.3)
}

.focus-modal section {
    padding: 35px
}

.focus-modal .form-block {
    border: 1px solid #e4e4e4;
    padding: 1em;
    height: 3.25em;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.focus-modal .form-block:focus {
    box-shadow: 0 0 10px rgba(5,117,197,.3);
    border-color: rgba(5,117,197,.3)
}

.focus-modal .help-block {
    display: none;
    margin-bottom: 10px
}

.focus-modal .submit-btn {
    cursor: pointer
}

.pg-header {
    padding: 11px 20px;
    border-bottom: 1px solid #b8b8b8;
    background-color: #fff;
    color: #666;
    position: relative;
    z-index: 100
}

.pg-header .brand {
    line-height: 78px
}

.pg-header .brand img {
    max-height: 78px
}

.h-lf-bar {
    margin-left: 150px;
    position: relative;
}

.h-nav ul {
    margin-left: -8px;
    margin-right: 18px
}

.h-nav a {
    display: block;
    white-space: nowrap;
    line-height: 32px;
    color: #666;
    padding: 0 8px;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.h-nav a:hover {
    color: #0575c5
}

.h-search-bar {
    margin-top: 3px;
    border: 1px solid #b8b8b8;
    padding-right: 18px;
    position: relative
}

.h-search-bar .cate-select {
    position: relative;
    width: 103px;
    border-right: 1px solid #f5f5f5
}

.h-search-bar .cate-select:hover .dropdown {
    max-height: 250px;
    overflow: hidden
}

.h-search-bar .title {
    position: relative;
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 30px 0 20px;
    cursor: default;
    white-space: nowrap
}

.h-search-bar .title::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #666;
    right: 12px;
    top: 50%;
    margin-top: -2px
}

.h-search-bar .dropdown {
    position: absolute;
    min-width: 100%;
    left: -2px;
    right: -1px;
    top: 100%;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .25s 0s ease-out;
    transition: max-height .25s 0s ease-out
}

.h-search-bar .dropdown ul {
    border: 2px solid #b8b8b8;
    padding: 10px 20px;
    max-height: 200px;
    overflow: auto
}

.h-search-bar .dropdown ul li {
    white-space: nowrap;
    padding: .5em 0;
    cursor: pointer
}

.h-search-bar .dropdown ul li:hover {
    color: #333
}

.h-search-bar .form-row {
    margin-bottom: 0
}

.h-search-bar .form-block {
    height: 36px;
    line-height: 1.4286;
    padding: 8px 10px;
    width: 356px
}

.h-search-bar .btn-submit {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 78px;
    display: block;
    height: 40px;
    background-color: #0575c5;
    cursor: pointer;
    color: #fff;
    -webkit-transition: background-color .25s 0s ease-out;
    transition: background-color .25s 0s ease-out
}

.h-search-bar .btn-submit:hover {
    background-color: #0575c5
}

.h-search-bar .btn-submit .icon-search {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 3px
}

.h-search-bar .btn-submit span {
    vertical-align: middle
}

.h-toggle-bar {
    margin-left: -18px;
    margin-right: -18px
}

.h-toggle-bar .toggle-bar {
    white-space: nowrap;
    margin: 0 18px
}

.h-toggle-bar .toggle-bar .inline-item {
    vertical-align: middle
}

.h-toggle-bar .toggle-select {
    position: relative
}

.h-toggle-bar .toggle-select:hover .dropdown {
    display: block
}

.h-toggle-bar .toggle-select .value {
    display: block;
    /*height: 32px;*/
    /*line-height: 32px;*/
    padding-right: 15px;
    cursor: default
}

.h-toggle-bar .toggle-select .value:after {
    position: absolute;
    content: "";
    right: 2px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #666;
    top: 50%;
    margin-top: -2px
}

.h-toggle-bar .dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    display: none
}

.h-toggle-bar .dropdown::before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 100%;
    margin-bottom: -5px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 10px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #fff
}

.h-toggle-bar .dropdown ul {
    padding: .5em 0
}

.h-toggle-bar .dropdown li {
    padding: .3em 1em;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: background-color .25s 0s ease-out;
    transition: background-color .25s 0s ease-out
}

.h-toggle-bar .dropdown li:hover {
    color: #333
}

.h-user-bar {
    font-size: 16px;
    margin-right: 16px
}

.h-user-bar .inline-item {
    vertical-align: middle
}

.h-user-bar .icon-user {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 5px
}

.h-user-bar dd {
    padding: 10px 8px;
    white-space: nowrap
}

.h-user-bar dd span {
    /*color: #0575c5*/
}

.h-user-bar span {
    vertical-align: middle
}
.h-rt-bar{
    line-height: 26px;    
}
.h-rt-bar a:hover{
    color: #0575c5;
}

.banner-panel {
    margin-top: 8px;
    background-color: #fff;
    padding: 5px 0;
    border: 1px solid #ddd;
}

.category-aside {
    width: 20%;
    height: 300px
}

.category-aside h2 {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 16px;
    height: 40px;
    line-height: 40px
}
.category-aside h2 b{
    font-weight:normal;
}

.category-aside .title {
    position: relative;
    padding-right: 20px
}

.category-aside .title .iconfont {
    margin-right: 3px
}

/*.category-aside .title:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #333;
    margin-top: -2px
}*/

.category-aside dl {
    height: 310px;
    overflow: auto;
    margin-left: 20px;
    margin-right: 20px;
}

.banner-panel dl dd {
    line-height: 26px;
    position: relative
}
.banner-panel .cate-more{
    margin-top: 20px;
    display: none;width: 680px;height:285px;position: absolute;background: white;margin-left: 230px;z-index: 10;
}
.banner-panel .cate-more dl{
  height: 290px;
  margin-top: 20px;
    overflow: auto;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 25px
}

.banner-panel .cate-more dl dd{
    width: 200px;
    float: left;
    line-height: 31px;
}
.banner-panel .cate-more dl dd a {
    display: block;
    padding-left: 20px;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.banner-panel .cate-more dl dd a:hover{
    color:  #0575c5
}

.category-aside dl dd a {
    display: block;
    padding-left: 18px;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.category-aside dl dd a:hover {
    color: #0575c5
}

.category-aside dl dd::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-radius: 100%;
    background-color: #333
}

.banner-swiper {
    width: 53%;
    height: 300px
}

.banner-swiper .swiper-wrapper {
    height: 100%
}

.banner-swiper .swiper-slide {
    height: 100%
}

.banner-swiper .swiper-slide a {
    display: block;
    height: 100%;
    background-position: center center;
    background-size: cover
}

.banner-swiper .banner-swiper-pager {
    position: absolute;
    right: 25px;
    bottom: 12px;
    font-size: 0;
    z-index: 5
}

.banner-swiper .swiper-pagination-switch {
    display: inline-block;
    width: 30px;
    height: 5px;
    background-color: rgba(255,255,255,.4);
    color: rgb(188, 188, 188);
    background: rgb(255, 255, 255);
    margin-left: 5px;
    cursor: pointer
}

.banner-swiper .swiper-active-switch {
    background-color: #fff
}

.hot-show {
    width: 27%
}

.hot-show header {
    height: 40px;
    line-height: 40px;
    padding: 0 6px 0 10px
}

.hot-show header .title {
    font-size: 16px;
    font-weight: normal;
}

.hot-show .refresh {
    color: #666;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.hot-show .refresh:hover {
    color: #0575c5
}

.hot-show .refresh .iconfont {
    font-size: 16px;
    vertical-align: -1px;
    margin-right: 3px
}

.hot-show-list {
    margin-top: 5px;
    padding: 0 6px 0 10px
}

.hot-show-list li {
    line-height: 26px;
}

.hot-show-list li>a {
        display: block;
    padding-right:30px;
    position: relative
}
.hot-show-list a:hover {
    color:#0575c5;
}


.addition-panel {
    padding: 10px 17px;
    border: 1px solid #ddd;
    background-color: #fff
}



.exhibit-panel {
    border: 1px solid #ddd;
    background-color: #fff;
    padding-bottom: 10px;
    background-repeat: no-repeat
}

.exhibit-banner {
    width: 20%;
    padding: 10px 0 0 10px;
    /*s*/
}


.exhibit-banner h3 {
    font-size: 16px;
    text-align: center;
    line-height: 55px;
}
.exhibit-banner h3 a{
    color: #0575c5;
}
.exhibit-banner hr{
    margin: 0;
    padding: 0;
    color: #ccc;
}
.exhibit-banner dl dd{
     padding: 3px 10px 3px 10px;
}
.exhibit-banner dl dd a{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap; 
}

.exhibit-section {
    padding: 10px 0 0 10px;
    margin-left: 20%;
    padding-left: 15px
}
.exhibit-section .new-content{
    height: 250px;
}
.exhibit-section .new-content div{
    width: 30%;
    height: 235px;
    float: left;
    margin-left: 1%;
    padding: 10px;
    /*background: orange;*/
    border: 1px solid #ddd;
}
.new-content div h3{
    text-align: center;
}
.new-content dl dd{
    display: block;
    padding: 8px 10px 8px 10px;
}


.exhibit-section header .rt-bar {
    color: #666;
    margin-top:7px;
}

.exhibit-section header .rt-bar .iconfont {
    font-size: 16px;
    vertical-align: -1px;
    margin-right: 3px
}

.exhibit-section header .rt-bar li {
    /*height: 40px;*/
    line-height: 35px;
    margin-left: 20px

}

.exhibit-section header .rt-bar li:hover {
    color: #0575c5
}

.exhibit-tabs {
    margin-left: -25px
}

.exhibit-tabs li {
    margin-left: 25px
}

.exhibit-tabs a {
    display: block;
    font-size: 16px;
    padding: 0 5px;
    height: 55px;
    line-height: 55px
}

.exhibit-tabs a:hover {
    color: #0575c5
}

.exhibit-tabs .active {
    position: relative
}

.exhibit-tabs .active:after {
    content: "";
    position: absolute;
    bottom: 0;
    margin-bottom: -5px;
    left: 50%;
    width: 8px;
    height: 8px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #fff;
    margin-left: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.index-news-panel{
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 0 14px;
}
.index-news-panel .inline-item{
    vertical-align: top;
}
.index-news-panel li{
    width: 25%;
    box-sizing: border-box;
    padding:1.5em 1em;
}
.index-news-panel .news_date{
    width:37.5%;
}
.index-news-panel dd a:hover{
    color: #0575c5;
}
.index-news-panel h3{
    font-size: 16px;
}
.exhibit-tabs .active a {
    /*font-weight: 700;*/
    color: #0575c5;
}
.index-news-panel dl{
    margin-top: .8em;
}
.index-news-panel dd a{
    display: block;
    padding: 0 30px 0 0;
    width: 70%;
    line-height: 2.143;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out;
    float: left;
}
.index-news-panel li:first-child dd a{
    width: 100%;
}
.index-news-panel dd span{
    display: block;
    padding-right: 10px;
    line-height: 2.143;
    float: right;
}
.exhibit-content {
    border-top: 1px solid #ddd;
    padding-top: 20px
}

.exhibit-list {
    margin: -5px
}

.exhibit-list .inline-item {
    vertical-align: top
}

.exhibit-list li {
    width: 33.333%;
    box-sizing: border-box;
    padding: 3px
}

.exhibit-list li:hover figure img {
    opacity: .85;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.exhibit-list figure {
    position: relative;
    height: 150px;
    overflow: hidden
}

.exhibit-list figure img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .75s 0s ease-out;
    transition: all .75s 0s ease-out
}

.exhibit-list header {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    color: #fff;
    z-index: 5;
    font-size: 16px;
    line-height: 1.5
}

.exhibit-list header h3 {
    font-size: 16px;
    /*font-weight: 700;*/
    font-family: Arial
}

.exhibit-list article {
    margin-top: 1em;
    line-height: 24px;
    height: 48px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
} 

.news-aside-filter {
    width: 20%;
    padding: 10px 15px;
    box-sizing: border-box
}

.news-aside-filter h3 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: -5px
}



.ad-box {
    display: inline-block;
    -webkit-transition: opacity .35s 0s ease-out;
    transition: opacity .35s 0s ease-out
    
}
.ad-box3{
    text-align: center;
    /*font-size:0px;*/
}
.ad-box3 a img{
    /*margin: 0 2px;*/
    width: 310px;
}
.ad-box3 a:first-child{
    margin-left: 2px;
}
.ad-box:hover {
    opacity: .85
}

.ad-box img {
    display: block;
    border: 1px solid #ddd;
}
.ad-left{
    margin-left: 12px;
}

.cloth-p-header {
    padding: 18px 15px;
}

.cloth-p-header .set-bar>* {
    display: inline-block;
    vertical-align: middle
}

.cloth-p-header .set-bar .title {
    font-style: italic;
    font-size: 30px;
    /*font-weight: 700;*/
    height: 40px;
    line-height: 40px
}

.cloth-p-header .set-bar input {
    background-color: transparent;
    background-image: none;
    border-bottom: 1px solid #333;
    height: 24px;
    font-size: 12px;
    width: 765px;
    padding: 0 10px;
    margin: 0 5px
}

.cloth-p-header .set-bar button {
    background-color: transparent;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out;
    cursor: pointer
}

.cloth-p-header .set-bar button:hover {
    color: #0575c5
}

.cloth-p-header .set-bar button .iconfont {
    font-size: 24px;
    margin-right: 3px;
    vertical-align: middle
}

.cloth-p-header .set-bar button span {
    vertical-align: middle
}

.cloth-p-header .rt-bar {
    margin-right: -8px
}

.cloth-p-header .rt-bar li {
    line-height: 40px;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.cloth-p-header .rt-bar li:hover {
    color: #0575c5
}

.cloth-p-header .rt-bar li .iconfont {
    vertical-align: middle;
    font-size: 16px;
    margin-right: 3px
}

.cloth-p-header .rt-bar li .icon-message {
    font-size: 16px
}

.cloth-p-header .rt-bar li span {
    vertical-align: middle
}

.cloth-p-header .rt-bar .refresh {
    margin-left: 20px
}

.cloth-panel {
    border: 1px solid #ddd;
    background-color: #fff
}

.cloth-banner {
    width: 20%;
    margin-top: 69px;
    
}

.cloth-banner img {
    display: block;
    width: 254px;
    height: 301px;
    border: 1px solid #ddd;
    /*width: 100%;*/
    /*height: 100%;*/

}

/*.cloth-list {
    height: 416px;
    border: 1px solid #ccc;
    border-left: none;
    border-top:0px;
    background: white;
    box-sizing: border-box;
    margin-bottom: -2px
}*/


.cloth-list .inline-item {
    vertical-align: top
}

.cloth-list dd {
    position: relative;
    height: 50%;
    width: 20%;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: none;
    margin-top: -1px
}

.cloth-list a {
    display: block;
    position:relative;
    /*padding: 12px;*/
}
.cloth-list a:hover:before{
    opacity: 1
}
.cloth-list a:hover section{
    -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%);
    opacity: 1;
    -webkit-transition-delay: .15s;
            transition-delay: .15s;
}
.cloth-list a:before{
    content: "";
    position: absolute;
    z-index: 3;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    -webkit-transition: .3s 0s ease-out;
    transition: .3s 0s ease-out;
    opacity: 0;
}
.cloth-list figure:before{
    content: "";
    display: block;
    padding-top: 75%;
}
.cloth-list figure {
    position: relative;
}

.cloth-list figure img {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
}
.cloth-list section{
    position: absolute;
    z-index: 5;
    left: 0;
    right:0;
    top:50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    line-height: 1.875;
    -webkit-transition: .35s 0s ease-out;
    transition: .35s 0s ease-out;
    -webkit-transform: translate(-40px,-50%);
            transform: translate(-40px,-50%);
    opacity: 0;
}
.cloth-list section{
    padding: 1em;
}

.product-panle {
    /*border: 1px solid #ddd;*/
    /*background-color: #fff*/
}

.product-header {
    height: 55px;
    border-bottom: 1px solid #ddd;
    padding-left: 30px;
    padding-right: 20px;
    position: relative;
    z-index: 5
}

.product-header .rt-bar {
    margin-right: -20px;
    margin-left: -20px;
    color: #666
}

.product-header .rt-bar li {
    padding: 0 20px;
    line-height: 55px;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.product-header .rt-bar li:hover {
    color: #0575c5
}

.product-header .rt-bar .iconfont {
    font-size: 16px;
    margin-right: 3px;
    vertical-align: -1px
}

.product-header .rt-bar .icon-message {
    vertical-align: -2px;
    font-size: 16px
}

.product-tabs,.recommend-tabs {
    margin-left: -30px;
    overflow:hidden;
}

.product-tabs li{
    margin: 0 30px
}
.recommend-tabs li:first-child{
     margin: 0 30px
}
.recommend-tabs li img{
    height: 45px;
    width: auto;
    padding: 0 8px;
    margin: 5px 0;
    line-height: 55px;
}
.product-tabs a,.recommend-tabs a {
    display: block;
    font-size: 16px;
    padding: 0 5px;
    height: 55px;
    line-height: 55px
}

.product-tabs a:hover,.recommend-tabs a:hover {
    color: #0575c5
}

.product-tabs .active,.recommend-tabs .active {
    position: relative;
    
}

.product-tabs .active:after,.recommend-tabs .active:after  {
    content: "";
    position: absolute;
    bottom: 0;
    margin-bottom: -5px;
    left: 50%;
    width: 8px;
    height: 8px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #fff;
    margin-left: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.product-tabs .active a,.recommend-tabs .active a {
    /*font-weight: 700;*/
    color: #0575c5
}

.product-section {
    position: relative;
    overflow: hidden
}

.product-section .swiper-next,.product-section .swiper-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 40px;
    height: 100px;
    background-color: rgba(255,255,255,.8);
    
    margin-top: -51px;
    cursor: pointer;
    -webkit-transition: background-color .25s 0s ease-out;
    transition: background-color .25s 0s ease-out;
    background-position: center center;
    background-repeat: no-repeat
}

.product-section .swiper-next:hover,.product-section .swiper-prev:hover {
    background-color: rgba(255,255,255,.85)
}

.product-section .swiper-prev {
    left: -1px;
    background-image: url(../../../uploads/ad/swiper_prev.png)
}

.product-section .swiper-next {
    right: -1px;
    background-image: url(../../../uploads/ad/swiper_next.png)
}

.product-swiper {
    margin: -1px
}

.product-list .inline-item {
    vertical-align: top
}

.product-list dd {
    position: relative;
    height: 50%;
    width: 20%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-left: none;
    margin-top: -1px
}

.product-list a {
    display: block;
    position:relative;
    padding: 12px;
}
.product-list a:hover:before{
    opacity: 1
}
.product-list a:hover section{
    -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%);
    opacity: 1;
    -webkit-transition-delay: .15s;
            transition-delay: .15s;
}
.product-list a:before{
    content: "";
    position: absolute;
    z-index: 3;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    -webkit-transition: .3s 0s ease-out;
    transition: .3s 0s ease-out;
    opacity: 0;
}
.product-list figure:before{
    content: "";
    display: block;
    padding-top: 75%;
}
.product-list figure {
    position: relative;
}

.product-list figure img {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
}
.product-list section{
    position: absolute;
    z-index: 5;
    left: 0;
    right:0;
    top:50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    line-height: 1.875;
    -webkit-transition: .35s 0s ease-out;
    transition: .35s 0s ease-out;
    -webkit-transform: translate(-40px,-50%);
            transform: translate(-40px,-50%);
    opacity: 0;
}
.product-list section{
    padding: 1em;
}


.recommend-swiper {
    margin: -1px
}

.recommend-list .inline-item {
    vertical-align: top
}

.recommend-list dd {
    position: relative;
    height: 50%;
    width: 16.66%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-left: none;
    margin-top: -1px
}

.recommend-list a {
    display: block;
    position:relative;
    padding: 12px;
}
.recommend-list a:hover:before{
    opacity: 1
}
.recommend-list a:hover section{
    -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%);
    opacity: 1;
    -webkit-transition-delay: .15s;
            transition-delay: .15s;
    z-index: 12;
}
.recommend-list a:before{
    content: "";
    position: absolute;
    z-index: 3;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    -webkit-transition: .3s 0s ease-out;
    transition: .3s 0s ease-out;
    opacity: 0;
}
.recommend-list figure:before{
    content: "";
    display: block;
    padding-top: 75%;
}
.recommend-list figure {
    position: relative;
}

.recommend-list figure img {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
}
.recommend-list section{
    position: absolute;
    z-index: 5;
    left: 0;
    right:0;
    top:50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    line-height: 1.875;
    -webkit-transition: .35s 0s ease-out;
    transition: .35s 0s ease-out;
    -webkit-transform: translate(-40px,-50%);
            transform: translate(-40px,-50%);
    opacity: 0;
}
.recommend-list section{
    padding: 1em;
}

.friend-panel {
    font-size: 16px;
    padding: 30px 0;
    text-align: left
}

.friend-panel .title {
    display: inline-block
}

.friend-list {
    display: inline-block
}

.friend-list .inline-item {
    font-size: 14px;
}

.friend-list a {
    font-size: 12px;
    display: inline-block;
    padding: 5px 14px;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.friend-list a:hover {
    color: #0575c5
}

.ft-nav {
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align:center;
}


.ft-list .inline-item {
    vertical-align: top
}

.ft-list>li {
    padding: 0px 35px;
}

.ft-list>li h3 {
    font-size: 16px;
    font-weight: normal;
}

.ft-list dl {
    margin-top: 1em;
    margin-left: 0px;
}

.ft-list dl dd {
    line-height: 2em
}

.ft-list dl a:hover {
    color: #0575c5
}
.ft-list dl a{
    font-size: 12px;
}

.ft-share-bar {
    width: 160px
}

.ft-share-list {
    padding-top: 20px;
    font-size: 0;
    margin: -4px;
    width: 200px;
}

.ft-share-list a {
    display: inline-block;
    padding: 4px;
    -webkit-transition: opacity .25s 0s ease-out;
    transition: opacity .25s 0s ease-out
}

.ft-share-list a:hover {
    opacity: .85
}

.website-info {
    padding: 1em 0
}

.pro-header {
    position: relative;
    background-color: #f7f7f7;
    border: 1px solid #e4e4e4;
    border-top: 3px solid #cdcdcd
}

.pro-header .swipe-bar {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -12px
}

.pro-header .swipe-bar .swiper-next,.pro-header .swipe-bar .swiper-prev {
    width: 24px;
    height: 24px;
    background-color: #0575c5;
    -webkit-transition: background-color .25s 0s ease-out;
    transition: background-color .25s 0s ease-out;
    color: #fff;
    position: relative;
    cursor: pointer
}

.pro-header .swipe-bar .swiper-next:hover,.pro-header .swipe-bar .swiper-prev:hover {
    background-color: #e27412
}

.pro-header .swipe-bar .swiper-next .iconfont,.pro-header .swipe-bar .swiper-prev .iconfont {
    position: absolute;
    left: 50%;
    top: 50%;
    line-height: 1;
    font-size: 12px;
    margin: -.5em 0 0 -.5em
}

.pro-header .swipe-bar .swiper-next {
    margin-left: 2px
}

.sec-tabs a {
    display: block;
    height: 44px;
    line-height: 44px;
    padding: 0 25px;
    margin-top: -3px;
    border-top: 3px solid transparent;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.sec-tabs a:hover {
    color: #0575c5
}

.sec-tabs .active a {
    border-top: 3px solid #0575c5;
    color: #0575c5
}

.advice-swiper {
    margin: -7px -5px
}

.advice-swiper .swiper-slide {
    width: 20%;
    box-sizing: border-box;
    padding: 7px 6px
}

.advice-swiper a {
    position: relative;
    display: block;
    border: 1px solid #e0e0e0;
    -webkit-transition: all .3s 0s ease-out;
    transition: all .3s 0s ease-out;
    box-shadow: 0 0 0x rgba(5,117,197,0);
    background-color: #fff
}

.advice-swiper a:hover {
    border-color: #69b3e7;
    box-shadow: 0 0 10px #69b3e7
}

.advice-swiper a:hover article,.advice-swiper a:hover header {
    color: #0575c5
}

.advice-swiper .ribbon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5
}

.advice-swiper figure {
    position: relative;
    margin:15px 15px 0 15px;
}

.advice-swiper figure:before {
    content: "";
    display: block;
    font-size: 0;
    padding-top: 75%
}

.advice-swiper figure img {
    position: absolute;
    left:0;
    top: 0;
    height: 100%;
    width: 100%;
}

.advice-swiper section {
    padding: 15px 30px 30px
}

.advice-swiper header {
    line-height: 1.2857;
    height: 3.8571em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.advice-swiper article {
    margin-top: 10px;
    color: #555;
    line-height: 1.2857;
    height: 2.5714em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.advice-swiper footer {
    margin-top: 20px;
    color: #62869f
}

.advice-swiper footer .iconfont {
    margin-right: 5px
}

.advice-swiper footer .icon-eye {
    font-size: 16px;
    position: relative;
    top: 2px
}

.advice-swiper footer .icon-heart {
    font-size: 16px;
    position: relative;
    top: 1px
}

.advice-swiper footer p {
    padding: 7px 10px;
    border-radius: 4px;
    background-color: #e8f0f6
}

.advice-swiper footer p+p {
    margin-top: 5px
}

.advice-swiper footer em {
    font-style: normal
}

.pro-sort-box {
    border: 1px solid #e4e4e4
}

.pro-sort-box .sort-header {
    padding: 10px 12px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e4e4e4
}

.pro-sort-box .sort-section {
    padding: 20px;
    background-color: #fff
}

.pro-sort-box .sort-section .seclect {
    width: 200px;
    height: 32px;
    border: 1px solid #e4e4e4;
    padding: 0 10px;
    box-sizing: border-box
}

.pro-sort-box .sort-section .seclect+.seclect {
    margin-left: -1px
}

.pro-sort-box .sort-section .form-block {
    line-height: 20px;
    padding: 5px 10px;
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    height: 32px;
    width: 257px
}

.pro-sort-box .sort-section .item+.item {
    margin-left: 12px
}

.pro-sort-box .sort-section .btn-submit {
    height: 32px;
    line-height: 20px;
    width: 80px;
    padding: 5px 0;
    cursor: pointer
}

.pro-mansory-header {
    padding: 10px 12px;
    background-color: #f7f7f7;
    border: 1px solid #e4e4e4
}

.pro-mansory-header h3 {
    font-size: 16px;
    line-height: 32px
}

.pro-mansory-header .order-bar {
    margin-left: 70px
}

.pro-mansory-header .order-bar .inline-item {
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    width: 138px;
    text-align: center;
    border: 1px solid #e4e4e4;
    -webkit-transition: all .25s 0s ease-out;
    transition: all .25s 0s ease-out;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pro-mansory-header .order-bar .inline-item:hover {
    background-color: #0575c5;
    color: #fff
}

.pro-mansory-header .order-bar .inline-item .iconfont {
    margin-left: 3px
}

.pro-mansory-header .order-bar .inline-item+.inline-item {
    margin-left: -1px
}

.pro-mansory-header .classify {
    width: 312px;
    height: 32px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    padding: 5px 10px
}

.pro-list {
    margin: -6px
}

.pro-list li {
    width: 16.66%;
    box-sizing: border-box;
    padding: 6px
}

.pro-list a {
    position: relative;
    display: block;
    border: 1px solid #e0e0e0;
    -webkit-transition: all .3s 0s ease-out;
    transition: all .3s 0s ease-out;
    box-shadow: 0 0 0x rgba(5,117,197,0);
    background-color: #fff
}

.pro-list a:hover {
    border-color: #69b3e7;
    box-shadow: 0 0 10px #69b3e7
}

.pro-list a:hover article,.pro-list a:hover header {
    color: #0575c5
}

.pro-list .ribbon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5
}

.pro-list figure {
    position: relative;
    display: table-cell;
    vertical-align:middle;
    padding:10px;
    height: 201px; 
    width: 201px;
    text-align: center;
    margin: 15px 15px 0;
}
/*.pro-list figure:before{
    content: "";
    display: block;
    padding-top: 75%;
}*/

/*.pro-list figure:before {
    content: "";
    display: block;
    font-size: 0;
    padding-top: 70%
}
*/
.pro-list figure img {
   /* position: absolute;
    left: 0;
    top: 0;*/
    max-height: 100%;
    max-width: 165px;
}

.pro-list section {
    padding: 15px 30px 30px
}

.pro-list header {
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.pro-list article {
    margin-top: 10px;
    color: #555;
    line-height: 1.2em;
    height: 1.2em;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.pro-list footer,.realte-exhibitor-list footer{
    margin-top: 20px;
    color: #62869f
}

.pro-list footer .iconfont,.realte-exhibitor-list footer .iconfont {
    margin-right: 5px
}

.pro-list footer .icon-eye,.realte-exhibitor-list footer .icon-eye{
    font-size: 16px;
    position: relative;
    top: 2px
}

.pro-list footer .icon-heart,.realte-exhibitor-list  footer .icon-heart{
    font-size: 16px;
    position: relative;
    top: 1px
}

.pro-list footer p,.realte-exhibitor-list footer p {
    padding: 7px 10px;
    border-radius: 4px;
    background-color: #e8f0f6
}

.pro-list footer p+p,.realte-exhibitor-list footer p+p {
    margin-top: 5px
}

.pro-list footer em,.realte-exhibitor-list footer em {
    font-style: normal
}

.pro-uploader-list {
    margin: -5px
}

.pro-uploader-list li {
    width: 126px;
    height: 126px;
    box-sizing: border-box;
    margin: 5px;
    border: 1px solid #e6e6e6;
    background-color: #f4f4f4;
    position: relative;
    overflow: hidden
}

.pro-uploader-list .tips {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.pro-uploader-list .add {
    display: inline-block;
    width: 44px;
    height: 44px;
    background-color: #7e7e7e;
    border-radius: 100%;
    position: relative
}

.pro-uploader-list .add::after,.pro-uploader-list .add::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.pro-uploader-list .add::before {
    width: 20px;
    height: 4px;
    background-color: #fff
}

.pro-uploader-list .add::after {
    height: 20px;
    width: 4px;
    background-color: #fff
}

.pro-uploader-list p {
    margin-top: 5px
}

.pro-uploader-list input {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    font-size: 126px;
    opacity: 0
}

.pro-uploader-list img {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.pro-profile {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    padding: 40px 35px
}

.pro-preview {
    width: 520px
}

.preview-box {
    /*border: 1px solid #e4e4e4;*/
    position: relative;
    font-size: 16px;
   
}

.preview-box .jqzoom {
    position: relative;
    height: 390px;
    border: 1px solid #ccc;
    overflow: hidden;
    text-align: center;
    line-height: 390px;
}

.preview-box .jqzoom img {
    max-width: 100%;
    max-height: 100%;
}

.preview-video {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000
}

.preview-video .close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    font-size: 20px;
    cursor: pointer
}

.preview-video video {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.preview-thumbs {
    margin-top: 10px;
    margin: 10px -4px 0
}

.preview-thumbs li {
    width: 16.666%;
    padding: 4px;
    box-sizing: border-box;
}

.preview-thumbs figure {
    height: 75px;
    position: relative;
    border: 1px solid #e4e4e4;
    -webkit-transition: all .25s 0s ease-out;
    transition: all .25s 0s ease-out;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.preview-thumbs figure:hover {
    border-color: #e37d1d
}

.preview-thumbs figure img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.preview-thumbs .play-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    font-size: 32px;
    line-height: 1;
    cursor: pointer
}

.preview-thumbs .play-video .iconfont {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -.5em 0 0 -.5em
}

.pro-summary {
    padding-top:40px; 
    width: 650px;
    padding-right:30px;
    text-align: right;
}

.pro-summary h2 {
    font-size: 16px;
    line-height: 1.25;
    display: block;
    width: 100%;    
    font-weight: normal;
    padding: 5px 0;
}
.pro-summary h2 a:hover{
    border-color: #0575c5;
    color: #0575c5
    }
.pro-summary p{
    text-align: right;
    padding: 5px 0;
}
.pro-summary small {
    margin-top: .5em;
    display: block;
    color: #686868;
    font-size: 16px;
    line-height: 30px
}

.pro-sum-tool {
    margin-top: 10px;
    padding-bottom: 10px;
}

.product_desc .publicity_page{
    line-height: 35px;
    margin-right:30px;
    font-size: 15px;
    padding: 0 1.5em; 
    border-radius: 0.1em;
    float: right;
}

.pro-sum-tool .my-btn {
    border-radius: 2px;
    padding: 7px 1.3em
}

.pro-sum-tool .my-btn+.my-btn {
    margin-left: 10px
}

.pro-sum-tool .iconfont {
    font-size: 16px
}

.pro-company {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #ededed;
}

.pro-company header figure {
    float: left;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    overflow: hidden
}

.pro-company header section {
    padding-top: 0px;
    /*margin-left: 64px;*/
    padding-left: 10px;
    line-height: 24px
}

.pro-company article {
    margin-top: 1em;
    color: #838383;
    line-height: 2;
    text-align: justify
}

.pro-company .more-txt {
    display: none
}

.pro-d-main {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    width: 1250px
}

.pro-d-header {
    background-color: #f9f9f9;
    border-bottom: 1px solid #f1f1f1;
    height: 50px;
    position: relative;
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #fff),to(#f8f8f8));
    background: linear-gradient(to bottom,#fff 0,#f8f8f8 100%)
}

.pro-d-header .go-comment {
    position: absolute;
    right: 12px;
    top: 50%;
    height: 30px;
    margin-top: -15px;
    line-height: 20px;
    padding: 5px 15px;
    border-radius: 2px;
    box-sizing: border-box
}

.pro-d-header .go-comment .icon-edit {
    margin-right: 5px
}

.pro-d-header.fixed {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 960px
}

.pro-d-header.fixed+* {
    margin-top: 50px
}

.pro-d-tabs li {
    margin-left: -1px
}

.pro-d-tabs a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    position: relative
}

.pro-d-tabs a:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: transparent;
    z-index: 2
}

.pro-d-tabs .active a {
    border-color: #f1f1f1;
    background-color: #fff
}

.pro-d-tabs .active a:after {
    background-color: #fff
}

.pro-d-sec {
    padding: 30px
}

.pro-d-title {
    background-color: #ddd;
    color: black;
    height: 36px;
    line-height: 36px;
    padding: 0 15px
}

.pro-detail section {
    padding: 40px 0;
    line-height: 2;
    text-align: justify
}

.pro-detail section img {
    max-width: 100%
}

.pro-download section {
    padding: 35px 0
}

.download-list {
    margin: -5px
}

.download-list li {
    width: 33.333%;
    padding: 5px;
    box-sizing: border-box
}

.download-list a {
    position: relative;
    display: block;
    padding: 20px 70px 20px 20px;
    background-color: #f4f4f4;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    -webkit-transition: all .25s 0s ease-out;
    transition: all .25s 0s ease-out;
    line-height: 1.5;
    min-height: 3em
}

.download-list a:hover {
    border-color: #0575c5;
    color: #0575c5
}

.download-list .icon-download {
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 32px;
    line-height: 1;
    margin-top: -.5em
}

.pro-comment .pro-comment-sec {
    padding: 35px 0
}

.pro-comment .my-pager {
    margin-bottom: -30px
}

.comment-edit-box {
    margin-left: 20px;
    margin-right: 20px
}

.comment-edit-box textarea.form-block {
    background-color: #f0f0f0;
    padding: 1em;
    resize: none;
    height: 110px
}

.comment-edit-box .btn-submit {
    margin-top: 16px;
    border-radius: 2px;
    cursor: pointer
}

.comment-edit-box .btn-submit .icon-edit {
    margin-right: 5px;
    font-size: 16px
}

.comment-item {
    padding: 30px 10px;
    border-bottom: 1px dotted #c7c7c7
}

.comment-item aside {
    width: 70px
}

.comment-item aside figure {
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    border-radius: 100%;
    border: 1px solid #f1f1f1
}

.comment-item aside img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.comment-item aside p {
    color: #0575c5;
    margin-top: 10px
}

.comment-item section {
    margin-left: 90px
}

.comment-item article {
    line-height: 2
}

.comment-item footer {
    color: #939393;
    margin-top: 15px
}

.comment-item .reply-panel {
    background-color: #f6f6f6;
    border-radius: 5px;
    padding: 10px 1em;
    line-height: 2;
    margin-top: 15px;
    color: #e37d1d
}

.comment-item .reply-form {
    margin-top: 15px
}

.comment-item .reply-form textarea.form-block {
    background-color: #f0f0f0;
    padding: 1em;
    resize: none;
    height: 110px;
    border-radius: 4px
}

.comment-item .reply-form .btn-submit {
    margin-top: 16px;
    border-radius: 2px;
    cursor: pointer;
    border-radius: 3px
}

.comment-item .reply-form .btn-submit .icon-edit {
    margin-right: 5px;
    font-size: 16px
}

.pro-d-aside {
    width: 305px;
    border: #f1f1f1
}

.relate-pros {
    background-color: #fff;
    padding: 20px 20px 12px;
    border: 1px solid #f1f1f1
}

.relate-pros-header {
    position: relative;
    margin-top: -15px;
    border-bottom: 1px solid #ddd
}

.relate-pros-header h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 45px
}

.relate-pros-pager {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -4px;
    font-size: 0
}

.relate-pros-pager .swiper-pagination-switch {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #ddd;
    display: inline-block;
    margin-left: 3px
}

.relate-pros-pager .swiper-active-switch {
    background-color: #0575c5
}

.relate-pro-swiper {
    margin-top: 7px
}

.relate-pro-swiper .swiper-slide {
    padding: 8px 0
}

.relate-pros-list li {
    padding: 5px
}

.relate-pros-list a {
    display: block;
    border: 1px solid #e6e6e6;
    -webkit-transition: all .25s 0s ease-out;
    transition: all .25s 0s ease-out;
    box-shadow: 0 0 0x rgba(5,117,197,0)
}

.relate-pros-list a:hover {
    color: #0575c5;
    border-color: #69b3e7;
    box-shadow: 0 0 10px #69b3e7
}

.relate-pros-list figure {
    position: relative;
    margin: 10px 10px 0;
}

.relate-pros-list figure:before {
    content: "";
    display: block;
    font-size: 0;
    padding-top: 75%
}

.relate-pros-list figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.relate-pros-list article {
    padding: 20px 25px;
    line-height: 24px
}

.relate-pros-list article p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pages-statics {
    background-color: #0575c5;
    color: #fff;
    padding: 20px
}

.pages-statics header {
    margin-top: -15px;
    border-bottom: 1px solid #ddd
}

.pages-statics header h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 45px
}

.statics-list {
    padding: 8px;
    margin-top: 20px
}

.statics-list li {
    background-color: #efefef
}

.statics-list li+li {
    margin-top: 10px
}

.statics-list .title {
    background-color: #e37d1d;
    width: 88px;
    line-height: 40px;
    height: 40px;
    text-align: center
}

.statics-list .title .iconfont {
    margin-right: 5px
}

.statics-list .title .icon-eye {
    font-size: 16px;
    position: relative;
    top: 2px
}

.statics-list .title .icon-heart {
    font-size: 16px;
    position: relative;
    top: 1px
}

.statics-list p {
    margin-left: 88px;
    height: 40px;
    line-height: 40px;
    color: #000;
    padding-left: 1em
}

.exhibit-advice-swiper {
    margin: -7px -5px
}

.exhibit-advice-swiper .swiper-slide {
    width: 20%;
    box-sizing: border-box;
    padding: 7px 6px
}

.exhibit-advice-swiper a {
    position: relative;
    display: block;
    border: 1px solid #e0e0e0;
    -webkit-transition: all .3s 0s ease-out;
    transition: all .3s 0s ease-out;
    box-shadow: 0 0 0x rgba(5,117,197,0);
    background-color: #fff
}

.exhibit-advice-swiper a:hover {
    border-color: #69b3e7;
    box-shadow: 0 0 10px #69b3e7
}

.exhibit-advice-swiper a:hover article,.exhibit-advice-swiper a:hover header {
    color: #0575c5
}

.exhibit-advice-swiper .ribbon {
    position: absolute;
    left: 18px;
    top: 18px;
    z-index: 5
}

.exhibit-advice-swiper figure {
    position: relative;
    margin: 6px;
    position: relative;
    width: 190px;
    height: 190px;
    text-align: center;
    /*vertical-align: middle;*/
    line-height: 190px;
}

/*.exhibit-advice-swiper figure:before {
    content: "";
    display: block;
    font-size: 0;
    padding-top: 98%
}*/

.exhibit-advice-swiper figure img {
   /* position: absolute;
    left: 50%;
    bottom: 0;*/
    max-height: 100%;
    max-width: 100%;
    /*-webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0)*/
}

.exhibit-advice-swiper section {
    padding: 15px;
    border-top: 1px solid #e8e8e8;
    line-height: 1.2857
}

.exhibit-advice-swiper header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.exhibit-advice-swiper article {
    margin-top: 5px;
    color: #555;
    height: 2.5714em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out;
    font-size: 12px
}

.exhibitor-list {
    margin: -6px
}

.exhibitor-list li {
    width: 50%;
    box-sizing: border-box;
    padding: 6px
}

.exhibitor-list a {
    display: block;
    border: 1px solid #dfdfdf;
    padding: 20px;
    -webkit-transition: all .25s 0s ease-out;
    transition: all .25s 0s ease-out
}

.exhibitor-list a:after,.exhibitor-list a:before {
    content: " ";
    display: table
}

.exhibitor-list a:after {
    clear: both
}

.exhibitor-list a:hover {
    background-color: #f7f8f8;
    border-color: #d4dde3;
    color: #0575c5
}

.exhibitor-list figure {
    float: left;
    width: 150px;
    height: 150px;
    border: 1px solid #eaeaea;
    position: relative;
    background-color: #fff
}

.exhibitor-list figure img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.exhibitor-list section {
    overflow: hidden;
    padding-left: 20px
}

.exhibitor-list header {
    font-size: 16px
}

.exhibitor-list header img {
    height: 1em;
    vertical-align: -.1em;
    margin-right: 5px
}

.exhibitor-list small {
    display: block;
    font-size: 12px;
    margin-top: 5px
}

.exhibitor-list article {
    margin-top: 1em;
    color: #707070;
    line-height: 1.25
}

.exhibit-summary {
    padding: 35px;
    background-color: #fff;
    border: 1px solid #f1f1f1
}

.exhibit-sum-pic {
    width: 474px;
    height: 474px;
    border: 1px solid #e4e4e4;
    position: relative;
    line-height: 474px;
    text-align: center;
    padding-right: 10px;
}

.exhibit-sum-pic img {
   max-width:100%;
   max-height: 100%;  
   /* position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)*/
}

.exhibit-sum-sec {
    overflow: hidden;
    padding-left: 30px;
    line-height: 1.25
}

.exhibit-sum-sec h2 {
    font-size: 24px;
    font-weight: normal;
}

.exhibit-sum-sec small {
    display: block;
    font-size: 16px;
    color: #686868;
    margin-top: 10px
}

.exhibit-sum-sec .exhibitor-mark {
    margin-top: 15px
}

.exhibit-sum-sec .exhibitor-mark .my-btn {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    padding: 9px 15px;
    color: #686868
}

.exhibit-sum-sec .exhibitor-mark .my-btn+.my-btn {
    margin-left: 15px
}

.exhibit-sum-sec .exhibitor-mark .my-btn>* {
    vertical-align: middle
}

.exhibit-sum-sec .exhibitor-mark .my-btn img {
    height: 21px;
    margin-right: 3px;
    vertical-align: middle
}

.exhibit-sum-sec .exhibitor-mark .my-btn .iconfont {
    margin-right: 3px;
    font-size: 20px
}

.exhibit-sum-sec section {
    margin-top: 25px
}

.exhibit-sum-sec section h3 {
    font-size: 16px;
    font-weight: normal;
}

.exhibit-sum-sec section .bdsharebuttonbox {
    margin-top: 15px
}

.exhibit-sum-sec article {
    margin-top: 10px;
    line-height: 2;
    text-align: justify;
    color: #838383
}

.exhibit-sum-sec footer {
    background-color: #f2f2f2;
    border-top: 5px solid #e1e1e1;
    padding: 28px;
    margin-top: 25px
}

.exhibit-sum-sec footer .iconfont {
    font-size: 16px;
    margin-right: 5px;
    position: relative;
    top: 1px
}

.exhibit-sum-sec footer .my-btn {
    border-radius: 3px
}

.exhibit-sum-sec footer .my-btn+.my-btn {
    margin-left: 15px
}

.exhibit-sum-sec footer .my-btn-grey {
    background-color: #878787;
    color: #fff
}

.exhibit-sum-sec footer .my-btn-grey:hover {
    background-color: #7a7a7a
}

.publish-panel {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    padding: 35px
}

.publish-header {
    border-bottom: 1px solid #e1e1e1
}

.publish-header b {
    display: inline-block;
    font-size: 16px;
    margin-bottom: -1px;
    padding: 4px 10px 15px;
    font-weight: normal;
    cursor: pointer;
}
.publish-header b:first-child {
    border-bottom: 4px solid #0575c5;
}

.exhibition-advice-list {
    margin: -6px
}

.exhibition-advice-list .inline-item {
    vertical-align: top
}

.exhibition-advice-list li {
    width: 50%;
    box-sizing: border-box;
    padding: 6px
}

.exhibition-advice-list a {
    display: block;
    padding: 20px;
    border: 1px solid #e0e0e0;
    -webkit-transition: all .25s 0s ease-out;
    transition: all .25s 0s ease-out
}

.exhibition-advice-list a:after,.exhibition-advice-list a:before {
    content: " ";
    display: table
}

.exhibition-advice-list a:after {
    clear: both
}

.exhibition-advice-list a:hover {
    border-color: #0575c5
}

.exhibition-advice-list a:hover h3 {
    color: #0575c5
}

.exhibition-advice-list a:hover .more {
    background-color: #0575c5;
    color: #fff
}

.exhibition-advice-list figure {
    float: left;
    width: 208px;
    border: 1px solid #eaeaea;
    position: relative;
    box-sizing: border-box
}
.exhibition-advice-list figure:before{
    content: "";
    display: block;
    padding-top: 43.5%;
}

.exhibition-advice-list figure img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.exhibition-advice-list section {
    overflow: hidden;
   
    padding-left: 15px;
    position: relative
}

.exhibition-advice-list h3 {
    font-size: 16px;
    line-height: 1.25;
    max-height: 2.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-transition: all .25s 0s ease-out;
    transition: all .25s 0s ease-out;
    font-weight: normal;
}

.exhibition-advice-list article {
    font-size: 12px;
    line-height: 1.7;
    height: 3em;
    color: #676767;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 1em
}

.exhibition-advice-list .more {
    display: inline-block;
    width: 95px;
    height: 30px;
    border: 1px solid #0575c5;
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 15px;
    bottom: 0;
    color: #0575c5;
    -webkit-transition: all .25s 0s ease-out;
    transition: all .25s 0s ease-out
}

.exhibition-list {
    margin: -7px
}

.exhibition-list .inline-item {
    vertical-align: top
}

.exhibition-list li {
    width: 25%;
    box-sizing: border-box;
    padding: 7px
}

.exhibition-list a {
    display: block;
    border: 1px solid #e1e1e1;
    padding: 20px;
    padding-bottom:0px; 
    -webkit-transition: all .25s 0s ease-out;
    transition: all .25s 0s ease-out;
    background: white;
}

.exhibition-list a:hover {
    border-color: #0575c5
}

.exhibition-list a:hover h3 {
    color: #0575c5
}

.exhibition-list a:hover .more {
    background-color: #0575c5;
    color: #fff
}

.exhibition-list a:hover figure img {
    opacity: .85
}

.exhibition-list figure {
    position: relative;
    overflow: hidden;
    background-color: #f1f1f1
}
.exhibition-list figure:before{
    content: "";
    display: block;
    padding-top: 43.66%;
}
.exhibition-list figure img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: opacity .3s 0s ease-out;
    transition: opacity .3s 0s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.exhibition-list section {
    padding: 10px;
    margin-top: 15px
}

.exhibition-list h3 {
    font-size: 16px;
    -webkit-transition: all .25s 0s ease-out;
    transition: all .25s 0s ease-out;
    font-weight: normal;
}

.exhibition-list article {
    color: #707070;
    line-height: 20px;
    /*height: 60px;*/
    margin-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.exhibition-list .more {
    display: inline-block;
    width: 95px;
    height: 32px;
    color: #0575c5;
    text-align: center;
    line-height: 32px;
    border: 1px solid #0575c5;
    margin-top: 20px;
    -webkit-transition: all .25s 0s ease-out;
    transition: all .25s 0s ease-out
}

.exhibition-summary {
    padding: 0;
    background-color: #fff;
    /*border: 1px solid #f1f1f1*/
}

.exhibition-sum-pic {
    width: 100%;
    height: 307px;
    padding: 15px;
    /*border: 1px solid #e4e4e4;*/
    position: relative
}

.exhibition-sum-pic img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 307px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.exhibition-sum-sec {
    overflow: hidden;
    padding:10px 0 10px 30px;
    line-height: 1.25
}

.exhibition-sum-sec h2 {
    font-size: 24px
}

.exhibition-sum-sec small {
    display: block;
    font-size: 16px;
    color: #686868;
    margin-top: 10px
}

.exhibition-sum-sec article {
    margin-top: 15px;
    line-height: 2;
    text-align: justify;
    color: #838383
}

.exhibition-sum-sec article .more-txt {
    display: none
}

.exhibition-sum-sec .bdsharebuttonbox {
    margin-top: 10px;
    float:left;
}

.exhibition-focus {
    margin-top: 1em
}

.exhibition-focus h3 {
    color: #e37d1d;
    font-size: 16px
}

.key-words {
    margin: -3px;
    padding-top: 8px
}

.key-words .key-item {
    display: inline-block;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 8px 25px;
    background-color: #f6f6f6;
    margin: 3px
}

.manage-panel {
    background-color: #fff;
    padding: 0px 35px;
    border: 1px solid #f1f1f1
}

.manage-cate-pane+.manage-cate-pane {
    /* margin-top: 30px */
}

.manage-cate-pane>header {
    /* border-bottom: 1px solid #e1e1e1 */
}

.manage-cate-pane>header b {
    display: inline-block;
    font-size: 16px;
    line-height: 45px;
    height: 45px;
    /* border-bottom: 4px solid #0575c5; */
    margin-bottom: -1px
}

.manage-cate-pane>section {
    /* margin-top: 40px */
}

.manage-cate-list {
    margin: -6px
}

.manage-cate-list .inline-item {
    vertical-align: top
}

.manage-cate-list li {
    width: 24%;
    box-sizing: border-box;
    /*padding: 2px*/
    margin:0px 0px -1px -1px;
}

.manage-cate-list a {
    display: block;
    border: 1px solid #e1e1e1;
    padding: 4px;
    font-size: 0;
    letter-spacing: -3px;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out;
    color: #505050
}

.manage-cate-list a:hover {
    color: #0575c5;
    background-color: #efefef
}

.manage-cate-list article,.manage-cate-list figure {
    font-size: 16px;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle
}

.manage-cate-list figure {
    width: 19.65%
}

.manage-cate-list figure img {
    display: block;
    padding: 7px;
    width: 100%
}

.manage-cate-list article {
    width: 80.35%;
    box-sizing: border-box;
    padding-left: 20px
}

.manage-main {
    border: 1px solid #f1f1f1;
    background-color: #fff
}

.manage-header {
    background-color: #f8f8f8;
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, #fff),to(#f8f8f8));
    background: linear-gradient(to bottom,#fff 0,#f8f8f8 100%);
    border-top: 2px solid #0575c5;
    margin-top: -1px;
    padding: 0 20px;
    border-bottom: 1px solid #ededed
}

.manage-header:after,.manage-header:before {
    content: " ";
    display: table
}

.manage-header:after {
    clear: both
}

.manage-header h3 {
    font-size: 16px;
    line-height: 55px
}

.manage-header .btn-edit-pro {
    padding: 0 14px;
    line-height: 32px;
    border-radius: 4px;
    margin-top: 11px
}

.manage-header .btn-edit-pro .icon-edit {
    margin-right: 3px
}

.manage-body {
    padding: 30px 25px;

}

.manage-table-cap {
    padding: 0 20px;
    background-color: #f8f8f8;
    border: 1px solid #ebebeb
}

.manage-table-cap .title {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    color: #0575c5
}

.manage-table-cap .btn-edit-pro {
    padding: 0 14px;
    line-height: 32px;
    border-radius: 4px;
    margin-top: 8px
}

.manage-table-cap .btn-edit-pro .icon-edit {
    margin-right: 3px
}

.manage-table {
    width: 100%;
    box-sizing: border-box;
    margin-top: -1px;
    cursor: default
}

.manage-table td {
    border: 1px solid #eaeaea;
    padding: 15px 18px
}

.manage-table .checkbox-td {
    width: 20px;
    text-align: center
}

.manage-table thead {
    background-color: #fcfcfc;
    text-align: center
}

.manage-table tbody {
    color: #666
}

.manage-table .my-btn {
    padding: 6px;
    border-radius: 3px;
    min-width: 50px
}

.manage-table .my-btn+.my-btn {
    margin-left: 2px
}

.manage-table article {
    line-height: 1.7143;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.manage-table tr {
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.manage-table tr:hover {
    background-color: #fcfcfc
}

.manage-table tr:hover article {
    color: #0575c5
}

.manage-table tr:hover .td-preview-img {
    border-color: #0575c5
}

.manage-table .td-link {
    color: #0575c5;
    border-bottom: 1px solid transparent;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.manage-table .td-link:hover {
    border-bottom: 1px solid #0575c5
}

.manage-table .td-new-info {
    line-height: 1.7143
}

.manage-table .td-new-info footer {
    color: #969696
}

.td-map-box,.td-video-box {
    display: inline-block;
    width: 85px;
    position: relative;
    overflow: hidden
}

.td-map-box:before,.td-video-box:before {
    content: "";
    display: block;
    font-size: 0;
    padding-top: 70.5%
}

.td-map-box img,.td-video-box img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.td-map-box:after,.td-video-box:after {
    content: "";
    position: absolute;
    z-index: 3;
    background-color: rgba(0,0,0,.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.td-map-box .icon-play,.td-video-box .icon-play {
    position: absolute;
    color: #fff;
    z-index: 5;
    top: 50%;
    left: 10px;
    right: 10px;
    text-align: center;
    font-size: 24px;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.td-preview-img {
    display: inline-block;
    border: 1px solid #eaeaea;
    width: 80px;
    text-align: center;
    padding: 10px;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.td-preview-img img {
    max-width: 100%
}

.manage-table-tools .btn-release {
    padding: 0 1.5em;
    line-height: 32px;
    border-radius: 3px
}

.manage-table-tools .btn-release .iconfont {
    margin-right: .2em
}

.manager-table-ft {
    padding: 35px 25px;
    border: 1px solid #ebebeb;
    margin-top: -1px
}

.manager-table-ft .my-pager {
    padding: 0
}

.manager-ft-tools {
    margin-left: -5px;
    margin-right: -5px
}

.manager-ft-tools .my-btn {
    padding: 0 24px;
    line-height: 32px;
    min-width: 50px;
    text-align: center;
    margin: 0 5px
}

.manager-ft-tools .my-btn input[type=checkbox] {
    position: relative;
    top: 2px;
    margin-right: 5px
}

.event-tabs {
    margin: 0 -3px
}

.event-tabs a {
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 1.5em;
    min-width: 108px;
    text-align: center;
    background-color: #b1b1b1;
    border-radius: 3px;
    color: #fff;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.event-tabs a:hover {
    background-color: #0575c5
}

.event-tabs li {
    padding: 0 3px
}

.event-tabs .active a {
    background-color: #0575c5
}

.event-form {
    width: 540px;
    padding: 0 10px
}

.event-form .form-block {
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.event-form .form-block:focus {
    border-color: #a3c2dc;
    box-shadow: 0 0 10px #a3c2dc
}

.event-form .form-row {
    margin-bottom: 15px;
    position: relative
}

.event-form .form-row>label {
    display: block;
    margin-bottom: 10px
}

.event-form .form-row .icon-calendar {
    position: absolute;
    right: 10px;
    bottom: 7px;
    color: #0575c5;
    font-size: 24px;
    line-height: 1;
    margin-top: -.5em
}

.event-form textarea.form-block {
    resize: vertical;
    line-height: 1.7;
    height: 5.1em
}

.event-form .btn-cancel,.event-form .btn-submit {
    /*width: 126px;*/
    height: 40px;
    line-height: 40px;
    padding: 0 1.5em;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 10px
}
.focus-advice{
    line-height: 1.875;
    border: 1px dashed #f49600;
    padding:10px;
}

.event-form .btn-cancel {
    color: #696969;
    border: 1px solid #d5d5d5;
    background-color: transparent
}

.event-form .btn-cancel:hover {
    background-color: #d5d5d5
}

.logo-form {
    width: 690px;
    padding: 10px
}

.logo-form .form-row>label {
    display: block;
    line-height: 30px
}

.logo-form .upload-preview {
    position: relative;
    height: 220px;
    width: 220px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    padding: 7px;
    margin-top: 10px
}

.logo-form .upload-preview img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.logo-form .upload-bar {
    background-color: #f5f5f5;
    border: 1px solid #e8e8e8;
    padding: 10px;
    margin-top: 14px
}

.logo-form .upload-bar>* {
    vertical-align: middle
}

.logo-form .upload-bar .upload-btn {
    display: inline-block;
    width: 140px;
    text-align: center;
    height: 36px;
    line-height: 34px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    position: relative;
    overflow: hidden
}

.logo-form .upload-bar .upload-btn p {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.logo-form .upload-bar .upload-btn input {
    left: 0;
    top: 0;
    position: absolute;
    z-index: 5;
    font-size: 200px;
    opacity: 0
}

.logo-form .upload-bar em {
    font-style: normal
}

.logo-form .upload-bar small {
    font-size: 1em;
    margin-left: 40px
}

.logo-form footer .my-btn {
    min-width: 124px;
    padding: 0 1.5em;
    height: 40px;
    line-height: 38px;
    cursor: pointer;
    border-radius: 3px;
    display: inline-block
}

.logo-form footer .my-btn+.my-btn {
    margin-left: 10px
}

.logo-form footer .my-btn-cancel {
    border: 1px solid #d5d5d5;
    color: #696969;
    background-color: #fff
}

.logo-form footer .my-btn-cancel:hover {
    background-color: #ebebeb
}

.aside-nav {
    width: 212px;
    border: 1px solid #e4e4e4;
    background-color: #fff
}

.aside-nav.affix {
    top: 0
}

.aside-nav header {
    font-size: 16px;
    background-color: #004474;
    height: 48px;
    line-height: 48px;
    color: #fff;
    padding: 0 18px
}

.aside-navbar li>a {
    display: block;
    background-color: #0575c5;
    color: #fff;
    font-size: 16px;
    padding: 14px 18px;
    position: relative
}

.aside-navbar li>a[aria-expanded=true] .icon-arrow_down {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.aside-navbar li .icon-arrow_down {
    position: absolute;
    right: 18px;
    font-size: 16px;
    top: 50%;
    line-height: 1;
    margin-top: -.5em;
    font-weight: 300;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.aside-navbar li+li {
    border-top: 1px solid #328bcb
}

.aside-navbar dl {
    padding: 10px 0
}

.aside-navbar dl a {
    display: block;
    font-size: 16px;
    color: #6c6c6c;
    padding: 10px 18px;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.aside-navbar dl a:hover {
    background-color: #e9e9e9;
    color: #0575c5
}

.news-main {
    margin-left: 229px;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    padding-bottom: 40px
}
.news-content{
    margin: 0px auto;
    padding: 10px 50px;
}

.news-main .news-list {
    margin: 15px 28px 0
}

.news-header {
    border-top: 2px solid #0575c5;
    margin-top: -2px;
    height: 45px;
    line-height: 45px;
    padding: 0 18px;
    color: #0575c5;
    font-size: 16px;
    border-bottom: 1px solid #e4e4e4
}

.news-list li {
    padding: 30px 15px 20px;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out;
    border-bottom: 1px solid #e3e3e3
}

.news-list li:hover {
    background-color: #f7f7f7
}

.news-list header {
    font-size: 16px;
    line-height: 1.5
}

.news-list header a {
    border-bottom: 1px solid transparent;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.news-list header a:hover {
    color: #a22d22;
    border-bottom: 1px solid #a22d22
}

.news-list article {
    color: #7a7a7a;
    line-height: 24px;
    margin-top: 10px
}

.news-list footer {
    color: #bebebe;
    margin-top: 10px
}

.news-d-panel {
    padding: 30px 25px 0
}

.news-d-panel header {
    font-size: 24px;
    line-height: 1.5;
    margin-left: 18px
}

.news-d-panel small {
    margin-left: 18px;
    font-size: 1em;
    margin-top: 10px;
    display: block;
    color: #959595
}

.news-d-panel small em {
    font-style: normal
}

.news-d-panel small>span+span {
    margin-left: 1em
}

.news-d-panel article {
    margin-top: 18px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 30px 18px;
    text-align: justify;
    line-height: 1.7143
}

.news-d-panel article img,.news-d-panel article video {
    max-width: 100%
}

.news-d-panel footer {
    margin-top: 20px;
}

.news-d-panel footer .back {
    border: 1px solid #e5e5e5;
    height: 36px;
    line-height: 34px;
    width: 134px;
    padding: 0;
    background-color: #f8f8f8;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.news-d-panel footer .back:hover {
    background-color: #ebebeb
}

.city-list {
    margin: -7px
}
.city-list h3{
    height: 34px;
}

.city-list .inline-item {
    vertical-align: top
}

.city-list li {
    width: 25%;
    box-sizing: border-box;
    padding: 7px
}

.city-list a {
    display: block;
    border: 1px solid #e1e1e1;
    padding: 10px;
    -webkit-transition: all .25s 0s ease-out;
    transition: all .25s 0s ease-out
}

.city-list a:hover {
    border-color: #0575c5
}

.city-list a:hover h3 {
    color: #0575c5
}

.city-list a:hover .more {
    background-color: #0575c5;
    color: #fff
}

.city-list a:hover figure img {
    opacity: .85
}

.city-list figure {
    height: 206px;
    position: relative;
    overflow: hidden;
    background-color: #f1f1f1
}

.city-list figure img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: opacity .3s 0s ease-out;
    transition: opacity .3s 0s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.city-list section {
    padding: 0 10px 10px;
    margin-top: 15px
}

.city-list h3 {
    font-size: 16px;
    -webkit-transition: all .25s 0s ease-out;
    transition: all .25s 0s ease-out;
    font-weight: normal;
}

.city-list h3 small {
    font-weight: 400;
    color: #797979;
    font-size: 1em;
}

.city-list article {
    color: #878787;
    line-height: 24px;
    margin-top: 15px
}

.city-profile {
    padding: 25px;
    border: 1px solid #e1e1e1
}

.city-profile aside {
    width: 570px;
    height: 350px;
    background-color: #000
}

.city-profile section {
    margin-left: 595px
}

.city-profile h2 {
    font-size: 24px;
    font-weight: normal;
}

.city-profile h2 small {
    font-size: 75%;
    color: #797979;
    font-weight: 400
}

.city-profile article {
    color: #878787;
    margin-top: 20px;
    line-height: 2.143
}

.city-d-video {
    position: relative
}

.city-d-video video {
    width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.city-d-video .play-mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    cursor: pointer
}

.city-d-video .play-mask:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: rgba(0,0,0,.7)
}

.city-d-video .play-mask .icon-play {
    position: absolute;
    font-size: 48px;
    color: #fff;
    left: 50%;
    top: 50%;
    z-index: 5;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.city-d-map {
    border: 1px solid #dfdfdf;
    padding: 20px
}

.city-d-map .map-box {
    height: 560px
}

.domain-form {
    width: 680px;
    padding: 20px
}

.domain-form .form-row>label {
    display: block;
    margin-bottom: 8px
}

.domain-form .form-block {
    border: 1px solid #e4e4e4;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out;
    padding: 1em;
    height: 3.15em
}

.domain-form .form-block:focus {
    border: 1px solid rgba(5,117,197,.3);
    box-shadow: 0 0 10px rgba(5,117,197,.3)
}

.domain-form .help {
    position: absolute;
    left: 100%;
    height: 42px;
    line-height: 42px;
    white-space: nowrap;
    top: 0;
    margin-left: 15px
}

.domain-form .help i {
    font-style: normal;
    margin-right: 5px
}

.domain-form .form-ft {
    margin-top: 40px
}

.domain-form .form-ft .my-btn {
    min-width: 124px;
    padding: 0 1.5em;
    height: 40px;
    line-height: 38px;
    cursor: pointer;
    border-radius: 3px;
    display: inline-block
}

.domain-form .form-ft .my-btn+.my-btn {
    margin-left: 10px
}

.domain-form .form-ft .my-btn-cancel {
    border: 1px solid #d5d5d5;
    color: #696969;
    background-color: #fff
}

.domain-form .form-ft .my-btn-cancel:hover {
    background-color: #ebebeb
}

.tpl-list {
    margin: -7px
}

.tpl-list .inline-item {
    vertical-align: top
}

.tpl-list li {
    width: 170px;
    box-sizing: border-box;
    padding: 7px
}

.tpl-list section {
    border: 1px solid #e4e4e4;
    padding: 5px 7px;
    position: relative
}

.tpl-list figure {
    height: 108px;
    border: 1px solid #e4e4e4
}

.tpl-list figure img {
    max-width: 100%;
    max-width: 100%
}

.tpl-list header {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    color: #fff;
    background-color: rgba(0,0,0,.61);
    padding: .7em 0;
    text-align: center
}

.tpl-list footer {
    text-align: center;
    margin-top: 12px
}

.tpl-list footer input[type=radio] {
    width: 16px;
    height: 16px
}

.tpl-list .vip-tpl header {
    background-color: rgba(227,125,29,.8)
}

.focus-list {
    margin: -4px
}

.focus-list .inline-item {
    vertical-align: top
}

.focus-list li {
    width: 16.666%;
    padding: 4px;
    box-sizing: border-box
}

.focus-list li span {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #f4f4f4;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    padding: 12px 35px 12px 20px;
    color: #505050;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.focus-list li span:hover {
    color: #fff;
    background-color: #0575c5;
    border-color: #0575c5
}

.focus-list em {
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -8px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 1;
    z-index: 3;
    cursor: pointer
}

.focus-list em .iconfont {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -.5em 0 0 -.5em
}

.user-tabs-bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.36);
    border-top: 1px solid rgba(255,255,255,.25)
}

.user-tabs {
    width: 1270px;
    margin: 0 auto;
    padding-left: 1px
}

.user-tabs .on a {
    background-color: rgba(0,0,0,.15);
    color: #0575c5
}

.user-tabs a {
    display: block;
    padding: 1em 1.5em;
    text-align: center;
    min-width: 158px;
    box-sizing: border-box;
    border-left: 1px solid rgba(255,255,255,.25);
    border-right: 1px solid rgba(255,255,255,.25);
    margin-left: -1px;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.user-tabs a:hover {
    background-color: rgba(0,0,0,.15);
    color: #0575c5
}

.user-nav {
    text-align: center;
    margin-left: -6px;
    padding: 34px 40px 40px
}

.user-nav .inline-item {
    vertical-align: top
}

.user-nav li {
    width: 334px;
    color: #fff
}

.user-nav .bg-item,.user-nav .sm-item {
    margin-top: 6px;
    margin-left: 6px;
    box-sizing: border-box;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.user-nav .sm-item {
    background-color: #0e4e83;
    height: 126px;
    padding-top: 28px
}

.user-nav .sm-item:hover {
    background-color: #0c406c
}

.user-nav .sm-item header {
    margin-top: 10px
}

.user-nav .bg-item {
    background-color: #1a6eb5;
    height: 258px;
    padding-top: 106px
}

.user-nav .bg-item:hover {
    background-color: #17609f
}

.user-nav .bg-item header {
    margin-top: 65px
}

.user-nav figure {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 0;
    margin-left: auto;
    margin-right: auto
}

.user-nav figure img {
    max-width: 100%;
    max-height: 100%
}

.photo-td-preview {
    text-align: center
}

.photo-td-preview figure {
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto
}

.photo-td-preview figure img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.photo-td-preview header {
    color: #999;
    margin-top: .5em
}

.pwd-form {
    display: block;
    margin: 0 auto;
    padding: 40px 0;
    width: 500px;
    color: #575757
}

.pwd-form .form-row>label {
    float: left;
    width: 80px;
    white-space: nowrap;
    text-align: right;
    line-height: 2.75em;
    color: #575757
}

.pwd-form .btn-bar,.pwd-form .form-block {
    margin-left: 80px;
    width: 418px
}

.pwd-form input.form-block {
    border: 1px solid #e2e2e2;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.pwd-form input.form-block:focus {
    box-shadow: 0 0 5px rgba(5,117,197,.3);
    border-color: rgba(5,117,197,.3)
}

.pwd-form .btn-bar {
    font-size: 0;
    letter-spacing: -3px
}

.pwd-form .btn-bar .my-btn {
    min-width: 204px;
    cursor: pointer;
    font-size: 14px;
    border-radius: .2em
}

.pwd-form .my-btn-success {
    background-color: #2db159
}

.pwd-form .my-btn-success:hover {
    background-color: #289d4f
}

.pwd-form .my-btn-grey {
    background-color: #e9e9e9;
    border: 1px solid #e9e9e9;
    margin-left: 10px;
    color: #575757
}

.pwd-form .my-btn-grey:hover {
    background-color: #d7d7d7
}

.exhibit-form .form-row-parent {
    margin: 0 -9px
}

.exhibit-form .form-block {
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.exhibit-form .form-block:focus {
    border-color: #a3c2dc;
    box-shadow: 0 0 10px #a3c2dc
}

.exhibit-form input.form-block {
    background-color: #fbfbfb
}

.exhibit-form input.form-block:focus {
    background-color: #fff
}

.exhibit-form .form-row {
    margin-bottom: 15px;
    position: relative
}

.exhibit-form .form-row.half {
    width: 100%;
    box-sizing: border-box;
    padding: 0 9px
}
.half .form-block{
    display: inline-block;
    width: 50%;

}
.half label{
    width: 15%;
    display: inline-block;
    text-align: right;
}
.half select{
    border: 1px solid #ddd;
    padding: 5px 6px;
} 
.exhibit-form .form-row>label {
    display: inline-block;
    margin-bottom: 10px
}

.exhibit-form .form-row .icon-calendar {
    position: absolute;
    right: 10px;
    bottom: 7px;
    color: #0575c5;
    font-size: 24px;
    line-height: 1;
    margin-top: -.5em
}

.exhibit-form textarea.form-block {
    height: 150px;
    resize: vertical
}

.exhibit-form .btn-cancel,.exhibit-form .btn-submit {
    width: 126px;
    height: 40px;
    line-height: 40px;
    padding: 0 1.5em;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 10px
}

.exhibit-form .btn-cancel {
    color: #696969;
    border: 1px solid #d5d5d5;
    background-color: transparent
}

.exhibit-form .btn-cancel:hover {
    background-color: #d5d5d5
}
.oncolor{background-color: #ccc;}
.pagination{
    font-size: 14;
    /*letter-spacing: -3px;*/
    text-align: center;
    width: 100%;
}
.pagination ul{
    /*display: inline-block;*/
    float: right;
    margin-right: 15px;
}
#goPage{
    width: 105px;float: right;margin-right: 100px;
}
.pagination ul li{
    padding: .6em .8em;
    border: 1px solid #dedede;
    border-right: 0px;
    display: inline-block;
}
.pagination ul li:last-child{
    border-right: 1px solid #dedede
}
.pagination ul a li:hover{
     border-color: #0575c5;
    background-color: #007aff;
    color: #fff;
}
.pagination ul .active{
    border-color: #0575c5;
    background-color: #0575c5;
    color: #fff;
}




/*.pagination >*{
    display: inline-block;
    font-size: 14px;
    letter-spacing: normal;
    padding: .6em .8em;
    border: 1px solid #dedede;
    margin: 0 5px;
    transition: .25s 0s ease-out;
    
}
.pagination >* +span{
    border-color: #0575c5;
    background-color: #0575c5;
    color: #fff;
}
.pagination >span:last-child,.pagination >span:first-child{
    pointer-events: none;
    background-color: transparent;
    color: #333;
    border-color: #dedede;
}
.pagination >a:hover{
    border-color: #0575c5;
    color: #0575c5;
}*/


.text-d-pager li{
    line-height: 2.143;
    color: #666;
    max-width: 700px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.text-d-pager a{
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out;
}
.text-d-pager a:hover{
    color: #0575c5;
}
.event-table{
    margin-bottom: 0;
}
.event-table td{
    font-size: 16px;
    padding: .8em;
}
.event-header h2{
    font-size: 24px;
}
.event-header p {
    margin-top: 1em;
}
.event-header p >*{
    display: inline-block;
    margin: 0 8px;
    vertical-align: middle;
}
.event-header a{
    color: #0575c5;
    border: 1px solid #0575c5;
    padding:.5em 1em;
    border-radius: .2em;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out;
}
.event-header a:hover{
    background-color: #0575c5;
    color: #fff;
}
.login-panel{
    margin-top: 5px;
}
.login-panel  .panel-heading{
    font-size: 24px;
    padding:.6em 1em;
}
.login-panel  .panel-body{
    padding:15px 30px 0 30px;
}
.login-panel .form-horizontal label{
    font-weight: normal;
}
.login-panel .form-control{
    padding :10px;
    height: 40px;
}
.form-horizontal .control-label{
    padding-top: 13px;
}
.form-horizontal .form-group{
    /*margin-bottom: 20px*/
}
.btn-login-yes{
    min-width: 7em;
    height: auto;
    padding: .7em 1.5em;
}
.btn-login-yes +.forget-pwd{
    margin-left: 2em
}
.login-panel .form-horizontal .radio-inline{
    line-height: 24px;
    margin-left: 1em;
}
.login-panel .form-horizontal .radio-inline>input[type=radio]{
    width: 17px;height: 17px;
}  
.bdsharebuttonbox a{
    width:30px; height:30px;
    padding: 0 3px;
    margin: 3px;
}
.my-btn-message{
    background: #1bb402;
    color: #fff;
}
.my-btn-message:hover{
    background: #42ab31;
    color: #fff;
}
.file-ainput{
    position: relative!important;
}
.file-input,.file-inputs{
    width: 100%;height:40px;position: absolute;top: 0;left: 0;opacity: 0!important;z-index: 10;
    overflow: hidden;
    font-size: 200px;
}
/*.pg-about{color:#fff;background-position:center center;background-size:cover;padding:90px 0 50px}.pg-about header{font-size:36px;text-align:center}.pg-about header h2{font-size:1.33333em}.pg-about header small{display:block;font-size:1em}.pg-about section{margin-top:45px;background-color:rgba(255,255,255,.85);padding:35px 35px 60px;border-radius:1em;color:#000;min-height:400px;max-height:650px;overflow:auto}.pg-about section h2{font-size:24px}.pg-about section article{line-height:2.4;text-align:justify;margin-top:1.2857em}.realte-exhibitor-list{margin:-7px -6px}.realte-exhibitor-list .inline-item{vertical-align:top}.realte-exhibitor-list li{width:20%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:7px 6px}.realte-exhibitor-list a{position:relative;display:block;border:1px solid #e0e0e0;-webkit-transition:all .3s 0s ease-out;-o-transition:all .3s 0s ease-out;transition:all .3s 0s ease-out;-webkit-box-shadow:0 0 0x rgba(5,117,197,0);box-shadow:0 0 0x rgba(5,117,197,0);background-color:#fff}.realte-exhibitor-list a:hover{border-color:#69b3e7;-webkit-box-shadow:0 0 10px #69b3e7;box-shadow:0 0 10px #69b3e7}.realte-exhibitor-list a:hover article,.realte-exhibitor-list a:hover header{color:#0575c5}.realte-exhibitor-list .ribbon{position:absolute;left:18px;top:18px;z-index:5}
.realte-exhibitor-list figure{position:relative;margin:6px;position:relative}
.realte-exhibitor-list figure:before{content:"";display:block;font-size:0;padding-top:98%}
.realte-exhibitor-list figure img{position:absolute;left:50%;bottom:0;max-height:100%;max-width:100%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.realte-exhibitor-list section{padding:15px;border-top:1px solid #e8e8e8;line-height:1.2857}.realte-exhibitor-list header{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.realte-exhibitor-list article{margin-top:5px;color:#555;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:color .25s 0s ease-out;-o-transition:color .25s 0s ease-out;transition:color .25s 0s ease-out;font-size:12px}.ml-10{margin-left:10px!important}.pro-list.col-5 li{width:20%}.pro-header.border-primary{border-top-color:#0575c5}.pro-sort-box .sort-header.bg-primary{background-color:#0575c5;color:#ffff}.exhibition-list.col-4 li{width:25%}.exhibition-list.col-4 a{padding:10px}.exhibition-list.col-4 h3{font-size:16px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.exhibition-list.col-4 .more{margin-top:15px}.exhibition-list.col-4 article{margin-top:10px}*/
 .pg-about {
    color: #fff;
    background-position: center center;
    background-size: cover;
    padding: 90px 0 50px
}

.pg-about header {
    font-size: 36px;
    text-align: center
}

.pg-about header h2 {
    font-size: 1.33333em
}

.pg-about header small {
    display: block;
    font-size: 1em
}

.pg-about section {
    margin-top: 45px;
    background-color: rgba(255,255,255,.85);
    padding: 35px 35px 60px;
    border-radius: 1em;
    color: #000;
    min-height: 400px;
    max-height: 650px;
    overflow: auto
}

.pg-about section h2 {
    font-size: 24px
}

.pg-about section article {
    line-height: 2.4;
    text-align: justify;
    margin-top: 1.2857em
}

.realte-exhibitor-list {
    margin: -7px -6px
}

.realte-exhibitor-list .inline-item {
    vertical-align: top;
    overflow: hidden;
}

.realte-exhibitor-list li {
    width: 16.66%;
    box-sizing: border-box;
    padding: 7px 6px
}

.realte-exhibitor-list a {
    position: relative;
    display: block;
    border: 1px solid #e0e0e0;
    -webkit-transition: all .3s 0s ease-out;
    transition: all .3s 0s ease-out;
    box-shadow: 0 0 0x rgba(5,117,197,0);
    background-color: #fff
}

.realte-exhibitor-list a:hover {
    border-color: #69b3e7;
    box-shadow: 0 0 10px #69b3e7
}

.realte-exhibitor-list a:hover article,.realte-exhibitor-list a:hover header {
    color: #0575c5
}

.realte-exhibitor-list .ribbon {
    position: absolute;
    left: 18px;
    top: 18px;
    z-index: 5
}

.realte-exhibitor-list figure {
    position: relative;
    /*margin: 6px;*/
    position: relative;
    padding:10px;
    width: 201px;
    height: 201px;
    display: table-cell;
    text-align: center;
    line-height: 185px; 
}

/*.realte-exhibitor-list figure:before {
    content: "";
    display: block;
    font-size: 0;
    padding-top: 98%
}*/

.realte-exhibitor-list figure img {
    /*position: absolute;
    left: 50%;
    bottom: 0;*/
    max-height: 181px;
    max-width: 100%;
/*    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0)*/
}

.realte-exhibitor-list section {
    padding: 15px;
    border-top: 1px solid #e8e8e8;
    line-height: 1.2857
}

.realte-exhibitor-list header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.realte-exhibitor-list article {
    margin-top: 5px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out;
    font-size: 12px
}

.ml-10 {
    margin-left: 10px!important
}

.pro-list.col-5 li {
    width: 16.66%
}

.pro-header.border-primary {
    border-top-color: #0575c5
}

.pro-sort-box .sort-header.bg-primary {
    background-color: #0575c5;
    color: #ffff
}

.exhibition-list.col-4 li {
    width: 25%
}

.exhibition-list.col-4 a {
    padding: 10px
}

.exhibition-list.col-4 h3 {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.exhibition-list.col-4 .more {
    margin-top: 15px
}

.exhibition-list.col-4 article {
    margin-top: 10px
}


.modal-backdrop.in{
    opacity: 0;
}
.contant-information dt{
    font-size: 1.28em;
    font-weight: normal;
    margin-top: 1em;
}
.contant-information dl{
    font-size: 1.14em;
    padding: .1em;
}
.mt-10{
    margin-top: 18px;
    margin-left: 1em;
}
.block{
    display: block;
}

.website-info p{
    /*height: 2em;*/
    line-height: 1.5em;
}
.red{
    color: red;
}
.inlineblock{
    display: inline-block;
}


.radios label {                 /*ÉèÖÃlabelµÄÑùʽ*/
    width: 25%;
    padding: 0px 10px;
    display: inline-block;
    float: left;
    width: 60px;
    height: 60px;
    /*line-height: 20px;*/
    position: relative;
    font-weight: normal;
}
.radio{      /*°ÑÓÅ»¯ºóµÄ°´Å¥Í¼Æ¬ÉèÖÃΪ¸ÃdivµÄ±³¾°Í¼Æ¬£¬°Ñ¸Ãdiv¶¨Î»µ½Ô­ÉúÑùʽµÄÉÏ·½£¬ÕÚ¸ÇסԭÉúÑùʽ¡£*/
    width: 60px;
    height: 60px;    
    top:  0px;
    left: 0px;
    background-size: cover;
}
.option1{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../../p1.jpg) no-repeat ;
    background-size:100% 100%;
}
.option2{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../../p2.jpg) no-repeat;
    background-size:100% 100%;
}
.option3{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../../p3.jpg) no-repeat;
    background-size:100% 100%;
}
.option4{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../../p4.jpg) no-repeat ;
    background-size:100% 100%;
}
.radio input[type="radio"] {  /*ΪÁ˱£ÏÕÆð¼û£¬°ÑÔ­ÉúÑùʽÒþ²Øµô*/
    display: inline-block ;
    margin-right: 15px ;
    opacity: 0 ;
}

.radios>.radio:nth-child(2) input[type="radio"]:checked+div {  /*µ±radiuo±»Ñ¡ÖÐʱ£¬°ÑinputϱߵÄdiv±êÇ©µÄ±³¾°Í¼Æ¬Ìæ»»µô*/
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../../p11.jpg) no-repeat ;
    background-size:100% 100%;
    border:4px solid #0575c5; 
}
.radios>.radio:nth-child(3) input[type="radio"]:checked+div {  /*µ±radiuo±»Ñ¡ÖÐʱ£¬°ÑinputϱߵÄdiv±êÇ©µÄ±³¾°Í¼Æ¬Ìæ»»µô*/
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../../p21.jpg) no-repeat ;
    background-size:100% 100%;
    border:4px solid #0575c5;
}
.radios>.radio:nth-child(4) input[type="radio"]:checked+div {  /*µ±radiuo±»Ñ¡ÖÐʱ£¬°ÑinputϱߵÄdiv±êÇ©µÄ±³¾°Í¼Æ¬Ìæ»»µô*/
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../../p31.jpg) no-repeat ;
    background-size:100% 100%;
    border:4px solid #0575c5;
}
.radios>.radio:nth-child(5) input[type="radio"]:checked+div {  /*µ±radiuo±»Ñ¡ÖÐʱ£¬°ÑinputϱߵÄdiv±êÇ©µÄ±³¾°Í¼Æ¬Ìæ»»µô*/
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../../p41.jpg) no-repeat ;
    background-size:100% 100%;
    border:4px solid #0575c5;
}
.radios .filestyle{
    max-width: 250px;
    display: inline-block;
    border:1px solid #e4e4e4;
    border-radius:3px;
    padding: 7px 8px;
     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.head-style{
position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;
}
.upload-head{
        cursor: pointer;    
position: relative;margin-left: 20px;
}
.searchType{
    height: 36px;padding: 8px 8px;
    width: 100%;
    background: #fff;
    border-right: 1px solid #ccc;
}

.pro-profile .title-opcity{
    position: absolute;
    height: 60px;
    line-height: 60px;
    width:100%;
    opacity: 0.7;
    background: white;
    text-align: center;
    color: black;
    font-size: 16px;
}

.lan-select{
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 2px;
    background: white;

}
.inline-block{
    display: inline-block;
}




#member-center dd{
    padding: 0 10px;
    font-size: 12px;
}

.h-user-bar-a{
    margin-right: 16px
}
.h-user-bar-a .inline-item img{
    max-width: 35px;
    max-height: 35px;
}
.h-user-bar-a .inline-item {
    vertical-align: middle
}
.natilnalFlag{
    max-height: 12px;
    max-width: 25px;
}
.simulation_select{
    display: inline-block;
    padding: 0 20px;
    border-radius: 2px;

}





.selects {
    display: block;
    width: 50%;
    font-size: 1em;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0.1rem;
    position: relative;
    /*margin:auto;*/
    /*padding:10px;*/
    height: 40px;
    line-height: 40px;
}
.selects_other {
    position: absolute;
    left:-0.02rem;
    top:40px;
    width:100%;
    display: none;
    z-index:999;
    border: 1px solid #ccc;
    border-radius: 2px;
    overflow:auto;
    height: 400px; 
}
.selects a.arrow img {
    width:8%;
    position: absolute;
    right:1em;
    top:1em;
    
}
.selects_other a {
    border: 1px solid #ccc;
    border-top:none;
    display: block;
    width:100%;
    text-indent: 0.5rem;
    height: 40px;
    background-color: #FFF
}
.selects_other a img {
    height: 30px;
    /*padding: 3px;*/
    margin-top: -3px;
}
.selected{
    display: inline-block;
    height: 100%;
    width: 100%;
    position: relative;
}
.selected>img{
    max-width: 20%;
    height: 28px;
    margin-top: -4px;
    /*vertical-align: middle;*/
    /*line-height: 40px;*/
}
.selects_head{
    padding: 0 20px;
}




.business-main {
    /*margin-left: 229px;*/
    background-color: #fff;
    border: 1px solid #e4e4e4;
    padding-bottom: 40px
}
.business-main .business-list {
    margin: 15px 28px 0
}

.business-header {
    border-top: 2px solid #0575c5;
    margin-top: -2px;
    height: 45px;
    line-height: 45px;
    padding: 0 18px;
    color: #0575c5;
    font-size: 16px;
    border-bottom: 1px solid #e4e4e4
}

.business-list li {
    padding: 30px 15px 20px;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out;
    border-bottom: 1px solid #e3e3e3
}

.business-list li:hover {
    background-color: #f7f7f7
}

.business-list header {
    font-size: 16px;
    line-height: 1.5
}

.business-list header a {
    border-bottom: 1px solid transparent;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.business-list header a:hover {
    color: #a22d22;
    border-bottom: 1px solid #a22d22
}

.business-list article {
    color: #7a7a7a;
    line-height: 24px;
    margin-top: 10px
}

.business-list footer {
    color: #bebebe;
    margin-top: 10px
}
.business-d-panel {
    padding: 30px 25px 0
}

.business-d-panel header {
    font-size: 24px;
    line-height: 1.5;
    margin-left: 16px
}

.business-d-panel small {
    margin-left: 18px;
    font-size: 1em;
    margin-top: 10px;
    display: block;
    color: #959595
}

.business-d-panel small em {
    font-style: normal
}

.business-d-panel small>span+span {
    margin-left: 1em
}

.business-d-panel article {
    margin-top: 18px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 30px 18px;
    text-align: justify;
    line-height: 1.7143
}

.business-d-panel article img,.news-d-panel article video {
    max-width: 100%
}

.business-d-panel footer {
    margin-top: 20px;
}

.business-d-panel footer .back {
    border: 1px solid #e5e5e5;
    height: 36px;
    line-height: 34px;
    width: 134px;
    padding: 0;
    background-color: #f8f8f8;
    -webkit-transition: .25s 0s ease-out;
    transition: .25s 0s ease-out
}

.business-d-panel footer .back:hover {
    background-color: #ebebeb
}
.business_img{
    width: auto;
    height: 29px;
    margin-top: -6px;
    vertical-align: middle;
}





.pro-newest {
    /*margin: -6px*/
    background: #f8f8f8;
}

.pro-newest li {
    width: 16.66%;
    box-sizing: border-box;
    padding: 6px
}

.pro-newest a {
    position: relative;
    display: block;
    border: 1px solid #e0e0e0;
    -webkit-transition: all .3s 0s ease-out;
    transition: all .3s 0s ease-out;
    box-shadow: 0 0 0x rgba(5,117,197,0);
    background-color: #fff;
}

.pro-newest a:hover {
    border-color: #69b3e7;
    box-shadow: 0 0 10px #69b3e7;
}

.pro-newest a:hover article,.pro-list a:hover header {
    color: #0575c5
}

.pro-newest figure {
    position: relative;
    padding: 10px;
    height: 160px;
    width: 201px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    /*font-size:178px;*/
    line-height: 160px;
}
.pro-newest figure img {
        display: inline-block;
        max-width:165px;
        max-height: 140px;
}

.pro-newest section {
    padding: 15px 30px 30px
}

.pro-newest header {
    line-height: 1.2857em;
    height: 1.2em;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.pro-newest article {
    margin-top: 10px;
    color: #555;
    line-height: 1.2em;
    height: 1.2em;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.pro-newest footer,.realte-exhibitor-list footer{
    margin-top: 20px;
    color: #62869f
}

.pro-newest footer .iconfont{
    margin-right: 5px
}

.pro-newest footer .icon-eye{
    font-size: 16px;
    position: relative;
    top: 2px;
}

.pro-newest footer .icon-heart,{
    font-size: 16px;
    position: relative;
    top: 1px
}

.pro-newest footer p{
    padding: 7px 5px;
    border-radius: 4px;
    background-color: #e8f0f6
}


.pro-newest footer em{
    font-style: normal
}


.com-newest li {
    width: 20%;
    box-sizing: border-box;
    padding: 6px
}

.com-newest a {
    position: relative;
    display: block;
    border: 1px solid #e0e0e0;
    -webkit-transition: all .3s 0s ease-out;
    transition: all .3s 0s ease-out;
    box-shadow: 0 0 0x rgba(5,117,197,0);
    background-color: #fff;
}

.com-newest a:hover {
    border-color: #69b3e7;
    box-shadow: 0 0 10px #69b3e7;
}

.com-newest a:hover article,.com-list a:hover header {
    color: #0575c5
}

.com-newest figure {
    position: relative;
    padding: 10px;
    height: 160px;
    width: 201px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;

    /*line-height: 160px;*/
}
.com-newest figure img {
        /*display: inline-block;*/
        max-width:165px;
        max-height: 100%;
}

.com-newest section {
    padding: 15px 30px 30px
}

.com-newest header {
    line-height: 1.2857em;
    height: 1.2em;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.com-newest article {
    margin-top: 10px;
    color: #555;
    line-height: 1.2em;
    height: 1.2em;
    -webkit-transition: color .25s 0s ease-out;
    transition: color .25s 0s ease-out
}

.com-newest footer,.realte-exhibitor-list footer{
    margin-top: 20px;
    color: #62869f
}

.com-newest footer .iconfont{
    margin-right: 5px
}

.com-newest footer .icon-eye{
    font-size: 16px;
    position: relative;
    top: 2px
}

.com-newest footer .icon-heart,{
    font-size: 16px;
    position: relative;
    top: 1px
}

.com-newest footer p{
    padding: 7px 5px;
    border-radius: 4px;
    background-color: #e8f0f6
}


.com-newest footer em{
    font-style: normal
}
.friend-link{
    letter-spacing: 0;
    text-align: left;
}
.e-china{
    line-height: 32px;vertical-align: middle;
}
.e-china label{
    font-weight: 100;
}
.pg-banner small{
    color: white;
}

#SetVipcate{
    text-align: center;
    padding: 20px;
}
#SetVipcate h5{
    font-size: 16px;
}
#SetVipcate ul li{
    padding: 10px 10px;
}
.price-lists{
    text-align: center;
}
.price-list{
    width: auto;padding: 5px 10px;font-weight: normal;text-align: center;border-radius: 2px;
}

.vip_sign{
    width: 98px;height: 25px;background: red;position:absolute;right: -30px;bottom:-39px;-webkit-transform: rotate(135deg);transform: rotate(135deg);
}

.sign-over-flow{
    overflow: hidden;
}
.set-recommand h3{
    display: inline-block;
     vertical-align: middle;
}
.set-recommand span{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.set-recommand .my-btn{
    padding:5px 8px; 
}
.main-module{
    display: inline-block;
    position: relative;
}

.main-module section{
    /*background:linear-gradient(310deg,rgba(72,132,238,0.10),rgba(6,188,251,0.10) );*/
    height: 380px;width: 280px;
    /*box-shadow: darkgrey 2px 2px;*/
    border:1px solid #ccc;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}
.main-module-center section{
    width: 560px;
}
.main-module section>header{
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0 15px 0;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.main-module section ul{
    margin-top: 15px;
}
.main-module section ul li{
    font-size: 14px;
    padding: 10px 0;
    width: 100%;
    border:1px solid #ddd;
    margin: 0px 0px -1px -1px;
}
.main-module section ul li figure{
    display: inline-block;
    height: 50px;
    width: 30%;
}
.main-module section ul li figure img{
    margin-left: 20%;
    max-width: 80%;
    max-height: 100%;
}
.main-module section ul li span{
    width: 165px;
    /*padding-le: 5%;*/
    display: inline-block;
    box-sizing: border-box;
    font-size: 14px;
}
.main-module-center section ul:nth-child(3){
    margin-left: 23px;
}
.main-module-center section ul li{
    width: 258px;
}

.followes .active{
    position: relative;
    color: #0575c5;
}


.followes .active:after {
    content: "";
    position: absolute;
    bottom: 0;
    margin-bottom: -5px;
    left: 50%;
    width: 8px;
    height: 8px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #fff;
    margin-left: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.expo-list-trz li{
    max-width: 170px;
}

.pro-related .pro-related-list{
     background-color: #fff;
    padding: 6px;
    /*border: 1px solid #f1f1f1;*/
    float: left;
}
.pro-related-list a{
    display: block;
    border: 1px solid #e0e0e0;
}
.pro-related-list figure {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    height: 201px;
    width: 223px;
    text-align: center;
    margin: 15px 15px 0;
}
.pro-related-list figure img {
    max-width: 100%;
    max-height: 100%
}
.pro-related-list article{
    text-align: center;
    margin-bottom: 15px;
}
.below-line{
    margin-bottom: 15px;
}
.below-line ul li{
    line-height: 47px;
    color: #999;
}
.trade-company-name{
    color: #999;
}
.trade-des article{
    padding: 8px;
    margin: 0px;
}
.trade-comment-t{
    border:1px solid #eee;border-top: 5px solid #23b8ff;
    line-height: 40px;
    padding: 0 40px;
    font-size: 16px;
    float: left;
    cursor: pointer;
}
.recommend_ban a{
    border: 1px solid #e0e0e0;
    border-bottom: 0px;
    /*padding: 0 30px;*/
    text-align: center;
    width: 126px;
    border-radius: 5px 5px 0 0;
    background: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
     white-space: nowrap;
}
.form-group{
    margin-bottom: 10px;
}
.reg_wrapper{
    padding: 18px 20px;
    word-break: break-all;
}

.complete_reg{
    line-height: 30px;
    display: inline-block;
    /*text-indent: 10px;*/
    text-decoration: underline;

}
.complete_reg:hover{
    cursor: pointer;
    color: #337ab7;
    text-decoration: underline;
}

.bottom-none{
    border-bottom:none;
}

.member-sec{
    margin: 10px 0 20px 0;
}

.upgrade-member{
    margin: 20px 0;
}

.search-keywords{
    float: right;
    margin-right: 10px;
}
.keywords-input{
    border: 1px solid #ddd;
    padding: 6px;
    border-radius: 2px;
    background: white;
}
.keywords-button {
    display: inline-block;
    padding: 6px 12px;
    text-align: center;
    -webkit-transition: background-color .25s 0s ease-out,border-color .25s 0s ease-out;
    transition: background-color .25s 0s ease-out,border-color .25s 0s ease-out
}

.tip-video a:link {color: #FFF}



/*图片上传*/
.custom_img{
    width: 700px;
    height: 130px;
    background-color: #fff;
    padding: 0 5px;
}
.custom_img_top{
    font-size: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    /*justify-content: space-between;*/
}
.custom_img_top p{
    height: 20px;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
}
.custom_sub{
    width: 36px;
    height: 10px;
    background-color: #418BFB;
    border-radius: 10px;
    font-size: 5px;
    color: #fff;
    line-height: 10px;
    display: block;
    margin: 0 auto;
    margin-top: 7px;
}
.upload_img{
    width: 80px;
    height: 80px;
    margin-left: 10px;
}
.upload_img_wrap{
    display: -webkit-box;
    display: flex;
    width: 100%;
}
#imgBox{
    /*display: flex;*/
    
}
.imgContainer {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-left: 10px;
    border: 1px solid #666666;
    position: relative;
    box-sizing: border-box;
    margin-left: 10px;
    line-height: 76px;
    position: relative;
    /*display: table-cell;*/
    /*vertical-align: middle;*/

}

.imgContainer img {
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
    /*margin-right: 2px;*/
}
.upload_img_wrap .imgDelete{
    width: 13px;
    height: 13px;
    font-size: 12px;
    background: #FFF;
    color: #333;
    border-radius: 2px;
    position: absolute;
    top: 3px;
    right: 3px;
}
.imgContainer p {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 30px;
    background: black;
    text-align: center;
    line-height: 30px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    display: none;
}

.imgContainer:hover p {
    display: block;
}

.lockPic{
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    height: 25%;
    width: 100%;
    background: black;
    opacity: .3;
}
.lockPic+img{
     position: absolute;
    bottom: 0;
    left: 40%;
    display: inline-block;
    height: 20%;
}