@font-face {

    font-family: 'LineIcons';

    src: url('./fonts/LineIcons.eot?tc3uo0');

    src: url('./fonts/LineIcons.eot?tc3uo0#iefix') format('embedded-opentype'), url('./fonts/LineIcons.ttf?tc3uo0') format('truetype'), url('./fonts/LineIcons.woff?tc3uo0') format('woff'), url('./fonts/LineIcons.svg?tc3uo0#LineIcons') format('svg');

    font-weight: normal;

    font-style: normal;

}



[class^="lni-"],

[class*=" lni-"] {

    /* use !important to prevent issues with browser extensions that change fonts */

    font-family: 'LineIcons' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



html {

    margin: 0;

    padding: 0;

}



.video-js .vjs-modal-dialog {

    background: transparent !important;

}



html body {

    margin: 0;

    padding: 0;

    width: 100%;

    background-color: #ffffff;

    overflow: auto !important;

}



.content-styles img {

    max-width: 100%;

}



.content-styles {

    text-align: justify;

}



.content-styles p {

    clear: both;

    margin-bottom: 20px;

    line-height: 25px;

    text-align: justify;

}



.content-styles h1,

h2 {

    margin: 0;

    padding: 0;

    color: #000000;

    font-weight: bold;

    font-size: 18px;

}



.span-icon-pre,

.span-icon-next {

    display: inline-block;

    padding: 5px 10px;

    color: #FFFFFF;

    background-color: #5b5b5b;

}



html body ul,

html body ol,

html body li {

    list-style: none;

    margin: 0;

    padding: 0;

}



html body p,

html body h1,

html body h2,

html body h3,

html body h4,

html body h5,

html body h6 {

    margin: 0;

    padding: 0;

    color: #000000;

}



html body input,

html body button {

    outline: none;

}



html body a {

    text-decoration: none;

}



html body a:link {

    text-decoration: none;

}



html body a:visited {

    text-decoration: none;

}



html body a:hover {

    text-decoration: none;

    color: #0067b8 !important;

}



html body a:hover span,

html body a:hover h1,

html body a:hover p {

    color: #000000;

}



html body a:active {

    text-decoration: none;

}



html body .ellipsis-one {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



html body .flex {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}



html body .justify-content-center {

    -webkit-box-pack: center;

    -moz-justify-content: center;

    -webkit-justify-content: center;

    justify-content: center;

}



html body .justify-content-space-between {

    -webkit-box-pack: justify;

    -moz-justify-content: space-between;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}



html body .justify-content-flex-end {

    -webkit-box-pack: end;

    -moz-justify-content: flex-end;

    -webkit-justify-content: flex-end;

    justify-content: flex-end;

}



html body .justify-content-start {

    -webkit-box-pack: start;

    -moz-justify-content: start;

    justify-content: start;

}



html body .align-items-center {

    -webkit-box-align: center;

    -moz-align-items: center;

    -webkit-align-items: center;

    align-items: center;

}



html body .align-items-start {

    -webkit-box-align: start;

    -moz-align-items: start;

    align-items: start;

}



html body .align-items-flex-end {

    -webkit-box-align: end;

    -moz-align-items: flex-end;

    -webkit-align-items: flex-end;

    align-items: flex-end;

}



html body .align-items-baseline {

    -webkit-box-align: baseline;

    -moz-align-items: baseline;

    -webkit-align-items: baseline;

    align-items: baseline;

}



html body .align-items-stretch {

    -webkit-box-align: stretch;

    -moz-align-items: stretch;

    -webkit-align-items: stretch;

    align-items: stretch;

}



html body .flex-direction-column {

    -webkit-box-direction: normal;

    -webkit-box-orient: vertical;

    -moz-flex-direction: column;

    -webkit-flex-direction: column;

    flex-direction: column;

}



html body .flex-direction-column-reverse {

    -webkit-box-pack: end;

    -webkit-box-direction: reverse;

    -webkit-box-orient: vertical;

    -moz-flex-direction: column-reverse;

    -webkit-flex-direction: column-reverse;

    flex-direction: column-reverse;

}



html body .flex-direction-row {

    -webkit-box-direction: normal;

    -webkit-box-orient: horizontal;

    -moz-flex-direction: row;

    -webkit-flex-direction: row;

    flex-direction: row;

}



html body .flex-wrap-wrap {

    flex-wrap: wrap;

}



html body .flex-direction-row-reverse {

    -webkit-box-pack: end;

    -webkit-box-direction: reverse;

    -webkit-box-orient: horizontal;

    -moz-flex-direction: row-reverse;

    -webkit-flex-direction: row-reverse;

    flex-direction: row-reverse;

}



html body .flex-grow {

    -webkit-box-flex: 1;

    -moz-flex-grow: 1;

    -webkit-flex-grow: 1;

    flex-grow: 1;

}



html body .flex-order {

    -webkit-box-ordinal-group: 1;

    -moz-order: 1;

    -webkit-order: 1;

    order: 1;

}



html body .fixed {

    position: fixed;

}



html body .text-align-left {

    text-align: left;

}



html body .text-align-center {

    text-align: center;

}



html body .text-align-right {

    text-align: right;

}



html body .cover {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.38);

    display: none;

    z-index: 100;

}



.hidden {

    display: none;

}



.show {

    display: block;

}



.viewer-btn {

    width: 45px;

    height: 45px;

    display: block;

    text-align: center;

    background-color: #000000;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -moz-justify-content: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -moz-align-items: center;

    -webkit-align-items: center;

    align-items: center;

}



.viewer-btn i {

    display: inline-block;

    font-size: 25px;

}



.viewer-btn:hover {

    background-color: #0067b8;

}



.viewer-btn:hover i {

    color: #FFFFFF;

}



html body .line {

    background-color: #000000;

    width: 30px;

    height: 3px;

    margin: 15px 0 0 0;

}



html .clear {

    clear: both;

}



html svg.st0 {

    opacity: 0.3;

}



html svg.st1 {

    fill-rule: evenodd;

    clip-rule: evenodd;

}



html svg.st2 {

    fill: #ffffff;

}



html svg {

    fill: #ffffff;

}



html div.date {

    margin: 0;

    width: 86px;

    height: 46px;

    border-style: solid;

    border-color: #0067b8;

    border-width: 2px !important;

    padding-right: 12px;

}



html div.date p.day {

    margin: 0;

    padding: 0;

    color: #0067b8;

    font-size: 16px;

    text-align: right;

    line-height: normal;

    font-weight: bold;

}



html div.date p.year {

    margin: 0 0 0 0;

    padding: 0;

    color: #0067b8;

    font-size: 12px;

    text-align: right;

    line-height: normal;

}



html p.zan {

    margin: 0;

    padding: 0;

    color: #999999;

    text-align: right;

    font-size: 13px;

    width: 23%;

}



html p.zan span {

    display: inline-block;

    width: auto;

}



html p.zan span.icon {

    margin-left: 10px;

}



html p.zan span.icon:first-child {

    margin-left: 0;

}



* {

    font-family: "LineIcons";

    margin: 0;

    padding: 0;

}



.space-line {

    height: 5px;

    width: 100%;

}



.viewer-btn {

    position: fixed;

    top: 50%;

    color: #FFFFFF;

}



.viewer-prev1 {

    left: 10%;

}



.viewer-next1 {

    right: 10%;

}



.about-model-fixed {

    position: fixed !important;

    right: 0;

    top: 73px;

    z-index: 100;

}



.about-model-absolute {

    position: absolute !important;

    right: 0;

    border-bottom: 0;

    z-index: 100;

}



#index_banner {

    overflow: hidden;

}



#keFu {

    width: 32px;

    height: 125px;

    border: 1px solid #dfe1e3;

    background: #FFFFFF;

    border-radius: 5px;

    position: fixed;

    right:-42px;

    top: 300px;

    z-index: 100000000;

    overflow: hidden;

}



#keFu img {

    margin: 0 auto;

    display: block;

    vertical-align: top;

}



#keFu .ol-font {

    font-size: 12px;

    color: #666666;

    width: 12px;

    margin: 10px auto 0 auto;

}



#keFu button {

    width: 100%;

    height: 25px;

    border: none;

    background: #FFFFFF;

    cursor: pointer;

    outline: none;

}



#keFuShow {

    width: 131px;

    position: fixed;

    top: 114px;

    right: 10px;

    background: #f8f8f9;

    border-radius: 5px;

    padding-bottom: 23px;

    z-index: 1000000020;

}



#keFuShow>img {

    margin: 22px auto 15px auto;

    display: block;

    vertical-align: top;

}



#keFuShow .qq-box {

    width: 118px;

    height: 28px;

    margin-left: 7px;

    padding-left: 25px;

    background-image: url(../images/qq-logo.png);

    background-repeat: no-repeat;

    background-size: 18px 18px;

    background-position: 3px 5px;

    border: 1px solid #cbcfd1;

    border-radius: 5px;

    margin-top: 7px;

}



#keFuShow .qq-box .qq-addr {

    width: 100%;

    height: 100%;

    text-align: center;

    border-left: 1px solid #cacacc;

    font-size: 15px;

    color: #595757;

    line-height: 26px;

    cursor: pointer;

    text-align-last: center;

}



#keFuShow .qq-box .qq-addr a {

    text-decoration: none;

    color: inherit;

}



#keFuShow .qq-box .qq-addr a:hover {

    color: #FFFFFF !important;

}



#keFuShow .qq-box:hover .qq-addr {

    background-color: #0067b8;

}



#keFuShow .qq-box:hover .qq-addr a {

    color: #ffffff;

}



#keFuShow .btn-hide {

    width: 49px;

    height: 26px;

    border: 1px solid #e3e3e3;

    border-radius: 5px;

    background: #f8f8f8;

    float: left;

    margin-left: 5px;

    margin-top: 20px;

    text-align: center;

    cursor: pointer;

    font-size: 20px;

    line-height: 20px;

}



#keFuShow .btn-hide:hover {

    background-color: #0067b8;

    color: #FFFFFF;

}



#keFuShow .large-ewm {

    position: absolute;

    bottom: 0;

    right: 136px;

    vertical-align: top;

    display: none;

    background-color: #f8f8f9;

    border-radius: 15px;

    padding: 15px 15px 20px 15px;

    text-align: center;

    font-size: 16px;

}



#keFuShow .large-ewm img {

    width: 90px;

}



#keFuShow .qq-ewm {

    width: 27px;

    height: 27px;

    float: left;

    margin-left: 10px;

    background: url(../images/link-ewm.jpg);

    cursor: pointer;

    margin-top: 20px;

}



#keFuShow .focus-us {

    width: 27px;

    height: 27px;

    float: left;

    margin-left: 7px;

    font-size: 12px;

    color: #666666;

    line-height: 13.5px;

    margin-top: 20px;

    cursor: pointer;

}



.playVideo0-dimensions {

    width: 100%;

}



.vjs-big-play-button {

    display: none !important;

}



.swiper-pagination {

    bottom: 185px;

}



.swiper-pagination .swiper-pagination-bullet {

    border: 1px solid #C7C7CC;

    background-color: transparent;

    width: 10px;

    height: 10px;

    opacity: 1;

}



.swiper-pagination .swiper-pagination-bullet-active {

    background-color: #C7C7CC;

}



.showMoreImage-container {

    position: fixed;

    left: 0;

    width: 100%;

    top: 0;

    height: 100%;

    z-index: 100000000;

    background-color: rgba(0, 0, 0, 0.68);

}



.showMoreImage-container .showMoreImage-closed {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 10;

}



.showMoreImage-container .showMoreImage-swiper-container {

    position: absolute;

    width: 68%;

    overflow: hidden;

    left: 16%;

    top: 20%;

    z-index: 1000;

}



.showMoreImage-container .showMoreImage-swiper-container .swiper-slide {

    width: 100%;

    overflow: hidden;

    max-height: 80%;

    position: relative;

}



.showMoreImage-container .showMoreImage-swiper-container .swiper-slide img {

    width: 100%;

}



.showMoreImage-container .showMoreImage-swiper-container .swiper-slide .title {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    text-align: center;

    padding: 5px 0;

    background-color: rgba(0, 0, 0, 0.68);

}



.showMoreImage-container .showMoreImage-swiper-container .swiper-slide .title span {

    color: #ffffff;

    font-size: 14px;

}



.showMoreImage-container .showMoreImage-swiper-container .swiper-button-prev,

.showMoreImage-container .showMoreImage-swiper-container .swiper-button-next {

    background-image: none;

    background-color: #2b2b2b;

    width: 40px;

    height: 40px;

    color: #787878;

    text-align: center;

    font-size: 14pt;

    line-height: 40px;

}



.viewer-container {

    z-index: 1000200 !important;

    background-color: rgba(0, 0, 0, 0.85);

}



.viewer-container .viewer-toolbar {

    display: none !important;

}



.contentStyle p {

    max-width: 100%;

    clear: both;

    margin-bottom: 20px;

    line-height: 25px;

}



.model-title {

    height: 115px;

    width: 100%;

    z-index: 10;

    position: relative;

}



.model-title .model-title-content a {

    display: inline-block;

    width: auto;

    margin: 0 auto;

}



.model-title .model-title-content a h1 {

    margin: 0;

    padding: 0;

    font-weight: bolder;

    color: #000000;

    font-size: 23px;

    height: 45px;

    line-height: 45px;

}



.model-title .model-title-content a .line-horizontal {

    background-color: #000000;

    width: 50px;

    height: 5px;

    margin: 0 auto 0 auto;

}



.model-title .model-title-content a .line-horizontal .line-horizontal-cover {

    background-color: #0067b8;

    width: 0;

    height: 100%;

    transition: all 0.3s ease 0s;

}



.model-title .model-title-content a:hover h1 {

    color: #000000;

}



.model-title .model-title-content .seeByType {

    position: absolute;

    right: 40px;

    top: 60px;

    width: auto;

    height: 50px;

    margin: 0;

    padding: 0;

    z-index: 89;

}



.model-title .model-title-content .seeByType .seeByType-btn {

    height: 30px;

    line-height: 30px;

    background-color: #ffffff;

    border: 1px solid #eeeeee;

    text-align: center;

    border-radius: 15px;

    width: 100px;

    outline: none;

    color: #000000;

    position: absolute;

    top: 0;

    right: 0;

    font-size: 14px;

}



.model-title .model-title-content .seeByType .seeByType-btn span.icon {

    font-size: 12px;

    color: #000000;

    display: inline-block;

}



.model-title .model-title-content .seeByType:hover .seeByType-btn {

    border: 1px solid #0067b8;

    color: #0067b8;

}



.model-title .model-title-content .seeByType:hover .seeByType-btn span.icon {

    color: #0067b8;

    transform: rotate(180deg);

    vertical-align: top;

    margin-top: -2px;

}



.model-title .model-title-content .seeByType .active {

    border: 1px solid #0067b8;

    color: #0067b8;

}



.model-title .model-title-content .seeByType .active span.icon {

    color: #0067b8;

    transform: rotate(180deg);

    vertical-align: top;

    margin-top: -2px;

}



.seeByType-container {

    background-color: #f5f6f7;

    width: 100%;

    padding-top: 20px;

    padding-bottom: 20px;

    border-radius: 1px;

    margin-bottom: 15px;

    margin-top: -10px;

    position: relative;

}



.seeByType-container .triangle_border_up {

    width: 0;

    height: 0;

    border-width: 0 12px 12px;

    border-style: solid;

    border-color: transparent transparent #ffffff;

    /*透明 透明  灰*/

    position: absolute;

    top: -12px;

    right: 65px;

}



.seeByType-container .triangle_border_up span {

    display: block;

    width: 0;

    height: 0;

    border-width: 0 10px 10px;

    border-style: solid;

    border-color: transparent transparent #e5e6e8;

    /*透明 透明  黄*/

    position: absolute;

    top: 2px;

    left: -10px;

}



.seeByType-container .seeByType-content {

    width: 100%;

}



.i8home-select {

    margin: 0;

    padding: 0;

    border: 1px solid #a8a8a8;

    width: 100%;

    height: 35px;

    line-height: 35px;

    position: relative;

}



.i8home-select .i8home-select-show {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}



.i8home-select .i8home-select-show span.select-text {

    text-align: left;

    height: 33px;

    line-height: 33px;

    margin: 0;

    padding: 0 0 0 5px;

    overflow: hidden;

    color: #bfbfbf;

    font-size: 15px;

    width: 80%;

    display: block;

}



.i8home-select .i8home-select-show span.icon {

    color: #bfbfbf;

    font-size: 15px;

    line-height: 33px;

    margin: 0;

    padding: 0 5px 0 0;

    width: 20%;

    display: block;

    text-align: right;

}



.i8home-select .i8home-select-options {

    position: absolute;

    left: 0;

    bottom: 35px;

    background-color: rgba(0, 0, 0, 0.8);

    padding: 10px 0;

    z-index: 100;

    width: 100%;

    border: 1px solid #a8a8a8;

    height: 170px;

    overflow-y: scroll;

    display: none;

}



.i8home-select .i8home-select-options a {

    color: #bfbfbf;

    line-height: normal;

    font-size: 14px;

}



.i8home-select .i8home-select-options a:hover {

    color: #FFFFFF !important;

}



.i8home-select .i8home-select-options p.option {

    text-align: center;

    padding: 10px 0;

    margin: 0;

    line-height: normal;

}



.i8home-select .i8home-select-options p.option:hover {

    background-color: #0067b8;

}



.i8home-select .i8home-select-options p.option:hover a {

    color: #ffffff;

}



#preloader {

    position: fixed;

    background: #fff;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 9999999999;

    display: none !important;

}



#preloader .sk-circle {

    margin: 0 auto;

    width: 40px;

    height: 40px;

    top: 45%;

    position: relative;

}



#preloader .sk-circle .sk-child {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}



#preloader .sk-circle .sk-child:before {

    content: '';

    display: block;

    margin: 0 auto;

    width: 15%;

    height: 15%;

    background-color: #E91E63;

    border-radius: 100%;

    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;

    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;

}



#preloader .sk-circle .sk-circle2 {

    -webkit-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

    transform: rotate(30deg);

}



#preloader .sk-circle .sk-circle3 {

    -webkit-transform: rotate(60deg);

    -ms-transform: rotate(60deg);

    transform: rotate(60deg);

}



#preloader .sk-circle .sk-circle4 {

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

}



#preloader .sk-circle .sk-circle5 {

    -webkit-transform: rotate(120deg);

    -ms-transform: rotate(120deg);

    transform: rotate(120deg);

}



#preloader .sk-circle .sk-circle6 {

    -webkit-transform: rotate(150deg);

    -ms-transform: rotate(150deg);

    transform: rotate(150deg);

}



#preloader .sk-circle .sk-circle7 {

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

}



#preloader .sk-circle .sk-circle8 {

    -webkit-transform: rotate(210deg);

    -ms-transform: rotate(210deg);

    transform: rotate(210deg);

}



#preloader .sk-circle .sk-circle9 {

    -webkit-transform: rotate(240deg);

    -ms-transform: rotate(240deg);

    transform: rotate(240deg);

}



#preloader .sk-circle .sk-circle10 {

    -webkit-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    transform: rotate(270deg);

}



#preloader .sk-circle .sk-circle11 {

    -webkit-transform: rotate(300deg);

    -ms-transform: rotate(300deg);

    transform: rotate(300deg);

}



#preloader .sk-circle .sk-circle12 {

    -webkit-transform: rotate(330deg);

    -ms-transform: rotate(330deg);

    transform: rotate(330deg);

}



#preloader .sk-circle .sk-circle2:before {

    -webkit-animation-delay: -1.1s;

    animation-delay: -1.1s;

}



#preloader .sk-circle .sk-circle3:before {

    -webkit-animation-delay: -1s;

    animation-delay: -1s;

}



#preloader .sk-circle .sk-circle4:before {

    -webkit-animation-delay: -0.9s;

    animation-delay: -0.9s;

}



#preloader .sk-circle .sk-circle5:before {

    -webkit-animation-delay: -0.8s;

    animation-delay: -0.8s;

}



#preloader .sk-circle .sk-circle6:before {

    -webkit-animation-delay: -0.7s;

    animation-delay: -0.7s;

}



#preloader .sk-circle .sk-circle7:before {

    -webkit-animation-delay: -0.6s;

    animation-delay: -0.6s;

}



#preloader .sk-circle .sk-circle8:before {

    -webkit-animation-delay: -0.5s;

    animation-delay: -0.5s;

}



#preloader .sk-circle .sk-circle9:before {

    -webkit-animation-delay: -0.4s;

    animation-delay: -0.4s;

}



#preloader .sk-circle .sk-circle10:before {

    -webkit-animation-delay: -0.3s;

    animation-delay: -0.3s;

}



#preloader .sk-circle .sk-circle11:before {

    -webkit-animation-delay: -0.2s;

    animation-delay: -0.2s;

}



#preloader .sk-circle .sk-circle12:before {

    -webkit-animation-delay: -0.1s;

    animation-delay: -0.1s;

}



@-webkit-keyframes sk-circleBounceDelay {

    0%,

    80%,

    100% {

        -webkit-transform: scale(0);

        transform: scale(0);

    }

    40% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes sk-circleBounceDelay {

    0%,

    80%,

    100% {

        -webkit-transform: scale(0);

        transform: scale(0);

    }

    40% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



.Totop {

    position: fixed;

    bottom: 15px;

    right: 15px;

    width: auto;

    z-index: 160;

    display: none;

}



.Totop img,

.Totop .svg {

    width: 40px;

    height: 40px;

    fill: black;

}



.Totop:hover img,

.Totop:hover .svg {

    fill: #0067b8;

}



.swiper-container {

    width: 100%;

}



.swiper-container,

.video-container {

    position: relative;

}



.swiper-container .swiper-slide {

    overflow: hidden;

}



.swiper-container .swiper-slide img {

    width: 100%;

}



#index_banner .info {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    padding-left: 60px;

    padding-right: 60px;

    top: 0;

}



.swiper-container .swiper-slide .info img {

    width: 100%;

}



.swiper-container .swiper-slide .info video {

    width: 100%;

}



#index_banner .info .info-content h2 {

    color: #FFF;

    font-size: 2rem;

    margin-bottom: 0;

    text-transform: uppercase;

    display: block;

    width: 100%;

    font-weight: normal;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



#index_banner .info .info-content h3 {

    font-size: 3rem;

    font-weight: bold;

    color: #FFF;

    display: block;

    vertical-align: middle;

    width: 100%;

    margin-top: 15px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.video-container .info .info-content h4,

.swiper-container .swiper-slide .info .info-content h4 {

    margin-top: 46px;

}



#index_banner .info .info-content h4 input {

    padding: 10px 15px;

    text-transform: uppercase;

    font-size: 1.5rem;

    background: #dddddd75;

    border-radius: 4px;

    font-weight: 400;

    color: #fff;

    transition: all 0.2s linear;

    display: inline-block;

    border: none;

}



#index_banner .swiper-button-prev {

    background-image: none;

    background-color: #f7f8f926;

    width: 40px;

    height: 40px;

    color: #787878;

    text-align: center;

    font-size: 14pt;

    line-height: 40px;

}



#index_banner .swiper-button-next {

    background-image: none;

    background-color: #f7f8f926;

    width: 40px;

    height: 40px;

    color: #787878;

    text-align: center;

    font-size: 14pt;

    line-height: 40px;

}



#index_banner .swiper-button-next span,

#index_banner .swiper-button-prev span {

    color: #FFFFFF;

}



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

    #index_banner .info .info-content h2 {

        font-size: 14px;

    }

    #index_banner .info .info-content h3 {

        font-size: 16px;

    }

    #index_banner .info .info-content h4 input {

        font-size: 13px;

    }

}



@media (max-width: 767px) {

    #index_banner .info .info-content h2 {

        font-size: 14px;

    }

    #index_banner .info .info-content h3 {

        font-size: 14px;

    }

    #index_banner .info .info-content h4 input {

        font-size: 13px;

    }

}



@media (max-width: 991px) {

    #index_banner .info .info-content h2 {

        font-size: 16px;

    }

    #index_banner .info .info-content h3 {

        font-size: 20px;

    }

    #index_banner .info .info-content h4 input {

        font-size: 16px;

    }

}



.video-container .left,

.swiper-container .swiper-slide .left {

    -webkit-box-pack: start;

    -moz-justify-content: start;

    justify-content: start;

}



.video-container .center,

.swiper-container .swiper-slide .center {

    -webkit-box-pack: center;

    -moz-justify-content: center;

    -webkit-justify-content: center;

    justify-content: center;

    text-align: center !important;

}



.video-container .center h4,

.swiper-container .swiper-slide .center h4 {

    text-align: center !important;

}



.video-container .right,

.swiper-container .swiper-slide .right {

    -webkit-box-pack: end;

    -moz-justify-content: flex-end;

    -webkit-justify-content: flex-end;

    justify-content: flex-end;

    text-align: right !important;

}



.video-container .swiper-container .swiper-slide .right h4 {

    text-align: right !important;

}



.container {

    margin: 0 auto;

    padding: 0;

}



.container .navBar {

    width: 100%;

    margin: 0;

    padding: 0;

    height: 80px;

    top: 0;

    left: 0;

    background-color: #ffffff;

    position: absolute;

    z-index: 1000000;

}



.container .navBar .navBar-Container {

    width: 1820px;

    margin: 0 auto;

    padding: 0;

    background-color: #ffffff;

    position: relative;

}



.container .navBar .navBar-Container .logo {

    width: auto;

    position: absolute;

    left: 0;

    top: 0;

}



.container .navBar .navBar-Container .logo img {

    width: auto;

    height: 80px;

    display: block;

    margin: 0;

    padding: 0;

}



.container .navBar .navBar-Container .navBar-list {

    height: 80px;

    width: auto;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content {

    width: 1020px;

    height: 80px;

    background-color: #ffffff;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul {

    height: 80px;

    background-color: #ffffff;

    position: relative;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li {

    height: 80px;

    line-height: 80px;

    background-color: #ffffff;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li>a {

    display: block;

    padding: 0 15px;

    height: 100%;

    margin: 0;

    text-align: center;

    position: relative;

    background-color: #ffffff;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li>a span {

    color: #000000;

    font-size: 17px;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li>a .arrow {

    position: absolute;

    bottom: -9px;

    left: 0;

    width: 100%;

    /*text-align: center;*/

    height: 2px;

    background-color: transparent;

    /*line-height: 20px;*/

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li>a .arrow i {

    font-size: 30px;

    color: #eeeeee;

    display: none !important;

    position: static;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item {

    position: fixed;

    width: 75%;

    top: 80px;

    left: calc((100% - 75%) * 0.5);

    z-index: -5;

    background-color: #f7f8f9;

    padding-top: 40px;

    padding-bottom: 40px;

    transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -webkit-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transition: all 1s;

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

    -o-transition: all 1s;

    opacity: 0;

}



@media screen and (max-width: 1020px) and (min-width: 0px) {

    .container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item {

        left: 0;

    }

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li {

    width: 50%;

    text-align: left;

    background-color: transparent;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li>a {

    display: block;

    padding: 8px 0 8px 0;

    width: 80%;

    margin: 0 auto;

    border-bottom: 1px solid #cccccc;

    color: #000000;

    font-size: 17px;

    font-weight: bolder;

    line-height: normal;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li>a>i {

    color: #0067b8;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li>a>span {

    text-indent: 4px;

    display: inline-block;

    color: #000000;

    line-height: normal;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li>a:hover span {

    font-weight: bolder;

    color: #0067b8;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li>a.active span {

    font-weight: bolder;

    color: #0067b8;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third {

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap;

    width: 80%;

    margin: 0 auto;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third>a {

    display: block;

    padding: 6px 0;

    width: 100%;

    border-bottom: none;

    line-height: normal;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third>a>i {

    color: #333333;

    transform: scale(0.5, 0.5);

    -ms-transform: scale(0.5, 0.5);

    -moz-transform: scale(0.5, 0.5);

    -webkit-transform: scale(0.5, 0.5);

    -o-transform: scale(0.5, 0.5);

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third>a>span {

    color: #333333;

    font-size: 15px;

    font-weight: bolder;

    line-height: normal;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third>a:hover i {

    color: #0067b8;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third>a:hover span {

    color: #0067b8;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third div.fourth {

    width: 100%;

    padding-left: 15px;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third div.fourth a {

    border-bottom: none;

    width: auto;

    padding: 5px 15px 5px 0;

    line-height: normal;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third div.fourth a span {

    color: #333333;

    font-size: 15px;

    line-height: normal;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li div.third div.fourth a:hover span {

    color: #0067b8;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li:nth-of-type(2n+1)>a {

    margin-left: 15%;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li:nth-of-type(2n+1)>div.third {

    margin-left: 18%;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li:nth-of-type(2n+2)>a {

    margin-right: 15%;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li .menu-item ol>li:nth-of-type(2n+2)>div.third {

    margin-right: 12%;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li:hover>.menu-item {

    transform: translateY(0%);

    -ms-transform: translateY(0%);

    -moz-transform: translateY(0%);

    -webkit-transform: translateY(0%);

    -o-transform: translateY(0%);

    opacity: 1;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul li.active>a {

    height: 80px;

    /*background-color: #0067b8;*/

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul li.active>a>span {

    /*color: #ffffff;*/

    font-weight: bold;

    color: #0067b8;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul li.active>a>.arrow {

    bottom: 0px;

    background-color: #0067b8;

}



.container .navBar .navBar-Container .navBar-list .navBar-Content>ul li.active>a>.arrow i {

    transform: rotate(180deg);

    display: inline-block;

}



.container .navBar .navBar-Container .language-map {

    height: 80px;

}



.container .navBar .navBar-Container .language-map img,

.container .navBar .navBar-Container .language-map svg {

    width: 20px;

    height: 20px;

}



.container .navBar .navBar-Container .language-map span {

    color: #8f8f8f;

    font-size: 18px;

}



.container .navBar .navBar-Container .language-map .line {

    background-color: #8f8f8f;

    height: 40px;

    width: 1px;

    margin-top: 2px;

}



.container .navBar .navBar-Container .language-map .search {

    margin-left: 25px;

    vertical-align: bottom;

}



.container .navBar .navBar-Container .language-map .search img,

.container .navBar .navBar-Container .language-map .search svg {

    width: 20px;

    height: 20px;

    vertical-align: bottom;

}



.container .navBar .navBar-Container .language-map .search:hover a span {

    color: #0067b8 !important;

}



.container .navBar .navBar-Container .language-map .loginIcon {

    margin-left: 25px;

    vertical-align: bottom;

}



.container .navBar .navBar-Container .language-map .loginIcon>span.active {

    color: #0067b8;

}



.container .navBar .navBar-Container .language-map .loginIcon img,

.container .navBar .navBar-Container .language-map .loginIcon svg {

    width: 20px;

    height: 20px;

    vertical-align: bottom;

}



.container .navBar .navBar-Container .language-map .loginIcon:hover>span {

    color: #0067b8 !important;

}



.container .navBar .navBar-Container .language-map .about {

    width: auto;

    margin-left: 25px;

    vertical-align: top;

    position: relative;

    height: 80px;

    line-height: 80px;

}



.container .navBar .navBar-Container .language-map .about img,

.container .navBar .navBar-Container .language-map .about svg {

    width: 15px;

    height: 15px;

    vertical-align: middle;

}



.container .navBar .navBar-Container .language-map .about:hover>span {

    color: #0067b8 !important;

}



.container .navBar .navBar-Container .language-map .about .about-item {

    position: absolute;

    top: 80px;

    left: -90px;

    width: 250px;

    background-color: #efefef;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    border: 1px solid #e3e3e3;

    transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -webkit-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transition: all 1s;

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

    -o-transition: all 1s;

    z-index: -5;

}



.container .navBar .navBar-Container .language-map .about .about-item .triangle_border_up {

    width: 0;

    height: 0;

    border-width: 0 12px 12px;

    border-style: solid;

    border-color: transparent transparent #e3e3e3;

    margin: -12px auto 0 auto;

    position: relative;

}



.container .navBar .navBar-Container .language-map .about .about-item .triangle_border_up span {

    display: block;

    width: 0;

    height: 0;

    border-width: 0 10px 10px;

    border-style: solid;

    border-color: transparent transparent #f9fafb;

    position: absolute;

    top: 2px;

    left: -10px;

}



.container .navBar .navBar-Container .language-map .about .about-item ol {

    padding-bottom: 10px;

}



.container .navBar .navBar-Container .language-map .about .about-item ol li {

    line-height: normal;

    width: auto;

    background-color: #f9fafb;

    border-bottom: 1px solid #e3e3e3;

}



.container .navBar .navBar-Container .language-map .about .about-item ol li a {

    display: block;

    padding: 9px 0;

    text-indent: 20px;

}



.container .navBar .navBar-Container .language-map .about .about-item ol li a span {

    font-size: 14px;

}



.container .navBar .navBar-Container .language-map .about .about-item ol li:hover {

    background-color: #0067b8;

}



.container .navBar .navBar-Container .language-map .about .about-item ol li:hover span {

    color: #ffffff;

}



.container .navBar .navBar-Container .language-map .about:hover .about-item {

    transform: translateY(0%);

    -ms-transform: translateY(0%);

    -moz-transform: translateY(0%);

    -webkit-transform: translateY(0%);

    -o-transform: translateY(0%);

}



.container .navBar .navBar-Container .language-map .language {

    width: auto;

    margin-left: 25px;

    vertical-align: top;

    position: relative;

    height: 80px;

    line-height: 80px;

}



.container .navBar .navBar-Container .language-map .language img,

.container .navBar .navBar-Container .language-map .language svg {

    width: 20px;

    height: 20px;

    vertical-align: middle;

}



.container .navBar .navBar-Container .language-map .language:hover>span {

    color: #0067b8 !important;

}



.container .navBar .navBar-Container .language-map .language .language-item {

    position: absolute;

    top: 80px;

    left: -20px;

    width: 120px;

    background-color: #efefef;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    border: 1px solid #e3e3e3;

    transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -webkit-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transition: all 1s;

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

    -o-transition: all 1s;

    z-index: -5;

}



.container .navBar .navBar-Container .language-map .language .language-item .triangle_border_up {

    width: 0;

    height: 0;

    border-width: 0 12px 12px;

    border-style: solid;

    border-color: transparent transparent #e3e3e3;

    margin: -12px auto 0 auto;

    position: relative;

}



.container .navBar .navBar-Container .language-map .language .language-item .triangle_border_up span {

    display: block;

    width: 0;

    height: 0;

    border-width: 0 10px 10px;

    border-style: solid;

    border-color: transparent transparent #f9fafb;

    position: absolute;

    top: 2px;

    left: -10px;

}



.container .navBar .navBar-Container .language-map .language .language-item ol {

    padding-bottom: 10px;

}



.container .navBar .navBar-Container .language-map .language .language-item ol li {

    line-height: normal;

    width: auto;

    background-color: #f9fafb;

    border-bottom: 1px solid #e3e3e3;

}



.container .navBar .navBar-Container .language-map .language .language-item ol li a {

    display: block;

    padding: 9px 0;

    text-indent: 10px;

}



.container .navBar .navBar-Container .language-map .language .language-item ol li a img {

    width: 20px;

}



.container .navBar .navBar-Container .language-map .language .language-item ol li a span {

    font-size: 14px;

}



.container .navBar .navBar-Container .language-map .language .language-item ol li:hover {

    background-color: #ffffff;

}



.container .navBar .navBar-Container .language-map .language .language-item ol li:hover a span {

    color: #0067b8;

}



.container .navBar .navBar-Container .language-map .language .language-item ol li.active {

    background-color: #ffffff;

}



.container .navBar .navBar-Container .language-map .language .language-item ol li.active a span {

    color: #0067b8;

}



.container .navBar .navBar-Container .language-map .language:hover .language-item {

    transform: translateY(0%);

    -ms-transform: translateY(0%);

    -moz-transform: translateY(0%);

    -webkit-transform: translateY(0%);

    -o-transform: translateY(0%);

}



.container .navBar .navBar-Container .language-map .map {

    width: auto;

    vertical-align: top;

    margin-left: 25px;

    margin-right: 15px;

}



.container .navBar .navBar-Container .language-map .map img,

.container .navBar .navBar-Container .language-map .map svg {

    width: 20px;

    height: 20px;

    vertical-align: middle;

}



.container .navBar .navBar-Container .language-map .map:hover span {

    color: #0067b8;

}



.container .navBar .navBar-Container .language-map .map-active span {

    color: #0067b8;

}



.container .web-map {

    width: 400px;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 100000010;

    height: 100%;

    transform: translateX(520px);

    transition-duration: 1s;

}



.container .web-map .list {

    background-color: #2b2b2b;

    height: 100%;

    width: 400px;

    float: left;

    overflow-y: scroll;

    padding-bottom: 60px;

}



.container .web-map .list h1 {

    color: #0067b8;

    font-size: 18px;

    font-weight: bold;

    width: 80%;

    margin: 60px auto 30px auto;

    text-align: left;

}



.container .web-map .list .list-item {

    width: 80%;

    margin: 0 auto 0 auto;

    text-align: left;

}



.container .web-map .list .list-item a p.title {

    border-bottom: #4c4c4c 1px solid;

    width: 100%;

    margin: 0;

    padding: 15px 0 8px 0;

    color: #999999;

    font-size: 16px;

    font-weight: bold;

}



.container .web-map .list .list-item p.item {

    display: inline-block;

    width: auto;

    margin: 15px 0 0 0;

    padding: 0 15px;

    border-right: #4c4c4c 1px solid;

}



.container .web-map .list .list-item p.item a span {

    font-size: 14px;

    color: #999999;

}



.container .web-map .list .list-item p.item a:hover span {

    color: #0067b8 !important;

}



.container div.web-map-show {

    transform: translateX(20px);

    transition-duration: 0.2s;

}



.container .web-theme {

    width: 100%;

    margin: 0 auto;

    height: 100px;

    background-color: #f7fbff;

    padding: 0;

}



.container .web-theme .web-theme-content h1 {

    text-align: center;

    color: #000000;

    font-size: 23px;

    font-weight: bold;

    width: 100%;

    margin: 0 0 10px 0;

    padding: 0;

}



.container .web-theme .web-theme-content h1:hover {

    color: #000000;

}



.container .web-theme .web-theme-content h2 {

    text-align: center;

    color: #000000;

    font-size: 15px;

    font-weight: normal;

    width: 100%;

    margin: 0;

    padding: 0;

}



.container .web-theme .web-theme-content h2:hover {

    color: #000000;

}



.container .quickly-icon {

    height: 125px;

    background-color: #f3f7fd;

    width: 100%;

    overflow: hidden;

}



.container .quickly-icon ol {

    width: auto;

}



.container .quickly-icon ol li {

    padding: 4px 15px;

    border-left: 1px solid #e1e1e1;

}



.container .quickly-icon ol li a .svg-border object,

.container .quickly-icon ol li a .svg-border .svg,

.container .quickly-icon ol li a .svg-border img,

.container .quickly-icon ol li a .svg-border svg {

    fill: #000000;

    text-align: left;

    margin: 10px auto;

    width: 35px;

    height: 35px;

}



.container .quickly-icon ol li a span {

    font-size: 14px;

    color: #000000;

}



.container .quickly-icon ol li a:hover .svg-border object,

.container .quickly-icon ol li a:hover .svg-border .svg,

.container .quickly-icon ol li a:hover .svg-border img,

.container .quickly-icon ol li a:hover .svg-border svg {

    fill: #0067b8;

}



.container .quickly-icon ol li a:hover span {

    color: #0067b8;

}



.container .quickly-icon ol li:first-child {

    border: none;

}



.container .company-desc {

    width: 100%;

    margin: 0 auto 0 auto;

    padding: 0;

}



.container .company-desc .company-desc-content {

    margin: 0;

    width: 100%;

    overflow: hidden;

    /*height: 510px;*/

    padding: 0;

    display: table;

    table-layout: fixed;

}



.container .company-desc .company-desc-content .video {

    width: 51%;

    height: 100%;

    display: table-cell;

    position: relative;

}



.container .company-desc .company-desc-content .video .videoContent {

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.container .company-desc .company-desc-content .video .videoContent a img {

    object-fit: fill;

    width: 100%;

    /*min-height: 100%;*/

}



.container .company-desc .company-desc-content .video .videoContent a .bg {

    background-color: rgba(0, 0, 0, 0.65);

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 1;

    transition: opacity 1s;

}



.container .company-desc .company-desc-content .video .videoContent a .bg .iconfont {

    opacity: 1;

    transition: opacity 1s;

    color: #ffffff;

    font-size: 50px;

}



.container .company-desc .company-desc-content .video .videoContent:hover .bg {

    opacity: 0;

}



.container .company-desc .company-desc-content .desc {

    width: 33%;

    height: 100%;

    vertical-align: top;

    background-color: #f7f8f9;

    /*margin-left: 15px;*/

    /*margin-right: 15px;*/

    border-right: 15px solid #FFFFFF;

    border-left: 15px solid #FFFFFF;

    display: table-cell;

}



.container .company-desc .company-desc-content .desc .descContent {

    padding: 30px;

    height: 100%;

}



.container .company-desc .company-desc-content .desc .descContent .desc-title {

    margin: 0;

    padding: 0;

}



.container .company-desc .company-desc-content .desc .descContent .desc-title h1 {

    margin: 0 auto;

    font-size: 16px;

    font-weight: bolder;

    color: #000000;

    padding: 0;

}



.container .company-desc .company-desc-content .desc .descContent .desc-title .line {

    margin: 15px 0 0 0;

}



.container .company-desc .company-desc-content .desc .descContent .desc-title .line .line-active {

    display: block;

    width: 0;

    height: 100%;

    margin: 0;

    padding: 0;

    transition: width 0.3s;

    background-color: #0067b8;

}



.container .company-desc .company-desc-content .desc .descContent .desc-title:hover h1 {

    color: #0067b8;

}



.container .company-desc .company-desc-content .desc .descContent .desc-title:hover .line span.line-active {

    width: 100%;

}



.container .company-desc .company-desc-content .desc .descContent .desc-info {

    margin: 20px auto 0 auto;

    overflow: hidden;

    padding: 0;

    height: 265px;

    line-height: 25px;

}



.container .company-desc .company-desc-content .desc .descContent .desc-info::-webkit-scrollbar {

    width: 0;

    height: 0;

}



.container .company-desc .company-desc-content .desc .descContent .desc-info::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 1);

    background: transparent;

}



.container .company-desc .company-desc-content .desc .descContent .desc-info::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 1);

    border-radius: 0;

    background: transparent;

}



.container .company-desc .company-desc-content .desc .descContent .desc-info p {

    text-indent: 20px;

    margin: 0 auto;

    color: #000000;

    padding: 0;

    font-size: 14px;

}



.container .company-desc .company-desc-content .desc .descContent .desc-info p:hover {

    color: #000000;

}



.container .company-desc .company-desc-content .desc .descContent .desc-info p:last-child {

    margin-bottom: 0;

}



.container .company-desc .company-desc-content .desc .descContent div.desc-more {

    margin: 25px 0 0 0;

    text-align: left;

}



.container .company-desc .company-desc-content .desc .descContent div.desc-more span {

    color: #8f8f8f;

    font-size: 14px;

}



.container .company-desc .company-desc-content .desc .descContent div.desc-more span.iconfont {

    color: #8f8f8f;

}



.container .company-desc .company-desc-content .desc .descContent div.desc-more:hover span {

    color: #0067b8;

}



.container .company-desc .company-desc-content .model {

    width: 15.6%;

    vertical-align: top;

    height: 100%;

    display: table-cell;

}



.container .company-desc .company-desc-content .model .model-item {

    width: 100%;

    display: block;

    position: relative;

    margin-top: 15px;

    overflow: hidden;

    /*height: 160px;*/

}



.container .company-desc .company-desc-content .model .model-item img {

    width: 100%;

    height: 100%;

    transform: scale(1, 1);

    transition-duration: 0.5s;

}



.container .company-desc .company-desc-content .model .model-item a .bg {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 100;

    background-color: rgba(0, 0, 0, 0.65);

}



.container .company-desc .company-desc-content .model .model-item a .bg .bg-content {

    text-align: center;

}



.container .company-desc .company-desc-content .model .model-item a .bg .bg-content .svg,

.container .company-desc .company-desc-content .model .model-item a .bg .bg-content object,

.container .company-desc .company-desc-content .model .model-item a .bg .bg-content svg,

.container .company-desc .company-desc-content .model .model-item a .bg .bg-content img {

    transition: all 1s ease 0s;

    opacity: 1;

    width: 35px;

    height: 35px;

}



.container .company-desc .company-desc-content .model .model-item a .bg .bg-content p.title {

    text-align: center;

    color: #ffffff;

    font-size: 16px;

    width: 100%;

    transition: all 1s ease 0s;

    opacity: 1;

    margin: 8px 0 0 0;

    padding: 0;

}



.container .company-desc .company-desc-content .model .model-item:hover .bg {

    transition-duration: 0.5s;

    opacity: 0;

}



.container .company-desc .company-desc-content .model .model-item:hover .bg p.title {

    opacity: 0;

    transform: translateY(200%);

}



.container .company-desc .company-desc-content .model .model-item:hover .bg .svg,

.container .company-desc .company-desc-content .model .model-item:hover .bg object,

.container .company-desc .company-desc-content .model .model-item:hover .bg svg,

.container .company-desc .company-desc-content .model .model-item:hover .bg img {

    opacity: 0;

    transform: translateY(200%);

}



.container .company-desc .company-desc-content .model .model-item:hover img {

    transform: scale(1.1, 1.1);

    transition-duration: 0.5s;

}



.container .company-desc .company-desc-content .model .model-item:first-child {

    margin: 0;

}



.container .data-show {

    height: 180px;

    margin-top: 15px;

    width: 100%;

    position: relative;

    z-index: -1;

}



.container .data-show:after {

    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;

    bottom: 0;

    content: "";

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    z-index: -1;

}



.container .data-show .data-show-content {

    width: 100%;

    margin: 0;

    padding-left: 10%;

    padding-right: 10%;

    height: 100%;

    transition: all 0.5s;

}



.container .data-show .data-show-content .counters-item {

    width: 25%;

    text-align: center;

}



.container .data-show .data-show-content .counters-item p.num {

    color: #FFFFFF;

    font-weight: bolder;

    text-align: center;

    font-size: 40px;

    margin: 0 0 0 0;

    padding: 0;

    vertical-align: top;

}



.container .data-show .data-show-content .counters-item img.svg,

.container .data-show .data-show-content .counters-item .svg {

    width: 35px;

    height: 35px;

    margin: 0 auto 15px auto;

}



.container .data-show .data-show-content .counters-item p.num span {

    font-family: 微软雅黑;

}



.container .data-show .data-show-content .counters-item p.num span.flg {

    vertical-align: super;

    font-size: 18px;

}



.container .data-show .data-show-content .counters-item p.title {

    padding: 0;

    color: #FFFFFF;

    font-size: 14px;

    text-align: center;

    margin: 0 0 0 0;

}



.container .data-show .data-show-content:hover {

    background-color: rgba(0, 0, 0, 0);

}



.container .newsInformation {

    width: 100%;

}



.container .newsInformation .newsInformation-content {

    width: 100%;

}



.container .newsInformation .newsInformation-content .newsInformation-banner {

    width: 50%;

    background-color: #f7f8f9;

    overflow: hidden;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container {

    width: 100%;

    height: 683.7px;

    overflow: hidden;

    position: relative;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper {

    width: 100%;

    height: 100%;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide {

    width: 100%;

    height: 100%;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .img {

    width: 100%;

    overflow: hidden;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .img img {

    width: 100%;

    transform: scale(1, 1);

    transition-duration: 0.5s;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide:hover img {

    transform: scale(1.1, 1.1);

    transition-duration: 0.5s;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info {

    height: 175px;

    background-color: #f7f8f9;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content {

    width: 90%;

    margin: 0 auto;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title,

.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title-content {

    padding: 15px 0 15px 0;

    display: table;

    table-layout: fixed;

    width: 100%;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title p.name,

.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title-content p.name {

    text-align: left;

    color: #000000;

    font-size: 18px;

    font-weight: bolder;

    margin: 0;

    padding: 0 20px 0 0;

    width: 100px;

    display: table-cell;

    vertical-align: middle;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .date-content,

.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title-content .date-content {

    display: table-cell;

    width: 85px;

    vertical-align: middle;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .shortDesc,

.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title-content .shortDesc {

    width: auto;

    display: table-cell;

    padding: 0 10% 0 15px;

    vertical-align: middle;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .shortDesc a,

.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title-content .shortDesc a {

    color: #000000;

    font-size: 18px;

    font-weight: bolder;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    display: inline-block;

    width: 100%;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title p.zan,

.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title-content p.zan {

    width: 170px;

    display: table-cell;

    vertical-align: middle;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .title-content p.name {

    text-indent: 0;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .desc {

    border-top: 1px solid #e2e2e3;

    padding-top: 10px;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .desc p {

    margin: 0;

    padding: 0;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    word-break: break-all;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-wrapper .swiper-slide .info .info-content .desc p a {

    font-size: 13px;

    line-height: 20px;

    color: #000000;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-pagination {

    top: 40%

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-pagination .swiper-pagination-bullet {

    border: 1px solid #ffffff;

    background-color: transparent;

    width: 10px;

    height: 10px;

    opacity: 1;

}



.container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-pagination .swiper-pagination-bullet-active {

    background-color: #ffffff;

}



.container .newsInformation .newsInformation-content .newsInformation-info {

    width: 50%;

    overflow: hidden;

    border-left: 15px solid transparent;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul {

    margin: 0;

    padding: 0;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content {

    width: 100%;

    margin: 15px 0 0 0;

    padding: 0;

    background-color: #f7f8f9;

    height: 72.5px;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title {

    padding: 0 3%;

    margin: 0;

    height: 100%;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title p.name {

    text-align: center;

    color: #000000;

    font-size: 18px;

    font-weight: bolder;

    margin: 0;

    padding: 0;

    height: auto;

    width: 15%;

    overflow: hidden;

    font-family: 微软雅黑;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title div.date {

    margin: 0;

    border: 1px solid #000000;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title div.date p.day {

    color: #000000;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title div.date p.year {

    color: #000000;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title .shortDesc {

    margin: 0;

    padding: 0;

    width: 40%;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    word-break: break-all;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    color: #000000;

    font-size: 15px;

    font-weight: bolder;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title .shortDesc a {

    color: #000000;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title p.zan {

    width: 22%;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content {

    padding: 15px 30px 15px 30px;

    display: table;

    table-layout: fixed;

    width: 100%;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content p.name {

    text-align: left;

    color: #000000;

    font-size: 18px;

    font-weight: bolder;

    margin: 0;

    padding: 0;

    width: 90px;

    text-indent: 1rem;

    overflow: hidden;

    display: table-cell;

    vertical-align: middle;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .date-content {

    display: table-cell;

    width: 100px;

    vertical-align: middle;

    text-align: right;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .date-content .date {

    display: inline-block;

    border-color: #000000;

    height: 45px;

    width: 85px;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .date-content .date p.day {

    color: #000000;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .date-content .date p.year {

    color: #000000;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .shortDesc {

    margin: 0;

    padding: 0 15% 0 30px;

    display: table-cell;

    width: auto;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    word-break: break-all;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    vertical-align: middle;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .shortDesc a {

    color: #000000;

    font-size: 17px;

    font-weight: bolder;

    line-height: 23px;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    word-break: break-all;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    vertical-align: middle;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content .shortDesc a:hover {

    color: #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content .title-content p.zan {

    display: table-cell;

    width: 150px;

    vertical-align: middle;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover {

    /*background-color: transparent;*/

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title p.name {

    color: #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title .date {

    border: 1px solid #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title .date p.day {

    color: #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title .date p.year {

    color: #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title .shortDesc {

    color: #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title .shortDesc a {

    color: #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title p.zan {

    color: #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover {

    /*background-color: #0067b8;*/

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title-content p.name {

    color: #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title-content .date {

    border: 1px solid #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title-content .date p.day {

    color: #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title-content .date p.year {

    color: #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title-content .shortDesc {

    color: #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title-content .shortDesc a {

    color: #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:hover .title-content p.zan {

    color: #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .first-list ul .info-content:first-child {

    margin-top: 0;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item {

    margin-top: 15px;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul {

    margin: 0;

    padding: 0;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li {

    margin: 0;

    padding: 0;

    width: 49%;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img {

    overflow: hidden;

    position: relative;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img a img {

    width: 100%;

    transform: scale(1, 1);

    transition-duration: 0.5s;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img a .bg {

    background-color: rgba(0, 0, 0, 0.65);

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    transition: opacity 1s;

    padding: 15px;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img a .bg p.resource {

    margin: 0;

    padding: 0;

    color: #ffffff;

    text-align: right;

    font-size: 15px;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img a .bg p.zan {

    margin: 5px 0 0 0;

    padding: 0;

    color: #ffffff;

    width: 100%;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img:hover {

    background-color: #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img:hover a img {

    transform: scale(1.1, 1.1);

    transition-duration: 0.5s;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img:hover a .bg {

    transition-duration: 0.5s;

    opacity: 1;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-img:hover a .bg p span {

    color: #FFFFFF;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info {

    height: 100px;

    width: 100%;

    margin: 0 auto;

    padding-top: 0;

    background-color: #f7f8f9;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info a {

    width: 95%;

    margin: 0 auto;

    height: 100%;

    overflow: hidden;

    display: table;

    table-layout: fixed;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info a .date-content {

    display: table-cell;

    width: 86px;

    vertical-align: middle;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info a .date-content div.date {

    margin: 0;

    border: 1px solid #000000;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info a .date-content div.date p.day {

    color: #000000;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info a .date-content div.date p.year {

    color: #000000;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info a .desc {

    width: auto;

    display: table-cell;

    padding-left: 15px;

    vertical-align: middle;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info a .desc h1 {

    font-size: 17px;

    margin: 0;

    padding: 0 0 0 0;

    color: #000000;

    font-weight: bolder;

    width: 100%;

    line-height: 23px;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    word-break: break-all;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    height: 48px;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info a .desc p {

    display: none;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info:hover {

    /*background-color: #0067b8;*/

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info:hover a .date {

    border-color: #0067b8 !important;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info:hover a .date p.day,

.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info:hover a .date p.year {

    color: #0067b8 !important;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info:hover a .desc h1 {

    color: #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li .newsInformation-info:hover a .desc p {

    color: #0067b8;

}



.container .newsInformation .newsInformation-content .newsInformation-info .item ul li:first-child {

    margin-left: 0;

}



.container .scientific .scientific-content {

    height: 350px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: justify;

    -moz-justify-content: space-between;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}



.container .scientific .scientific-content .scientific-item {

    position: relative;

    overflow: hidden;

}



.container .scientific .scientific-content .scientific-item img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all 1s;

    transform: scale(1, 1);

}



.container .scientific .scientific-content .scientific-item .scientific-block {

    position: absolute;

    background-color: rgba(198, 0, 10, 0.7);

    z-index: 40;

}



.container .scientific .scientific-content .scientific-item .scientific-block h1 {

    color: #ffffff;

    font-weight: bolder;

    margin: 0;

    padding: 0;

    font-size: 16px;

    text-align: center;

}



.container .scientific .scientific-content .scientific-item .scientific-block .line {

    background-color: #ffffff;

    width: 50px;

    height: 5px;

    margin: 15px auto 0 auto;

}



.container .scientific .scientific-content .scientific-item .scientific-cover {

    opacity: 1;

    transition: opacity 1s;

    position: absolute;

    background-color: rgba(0, 0, 0, 0.7);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 10;

}



.container .scientific .scientific-content .scientific-item .scientific-cover a {

    width: 100%;

    height: 100%;

}



.container .scientific .scientific-content .scientific-item .scientific-cover a h1 {

    color: #ffffff;

    margin: 0 5% 0 0;

    padding: 0;

    font-size: 15px;

    font-weight: normal;

    width: 50%;

    line-height: 25px;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 5;

    word-break: break-all;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}



.container .scientific .scientific-content .scientific-item:hover img {

    transform: scale(1.1, 1.1);

}



.container .scientific .scientific-content .scientific-item:hover .scientific-cover {

    opacity: 0;

}



.container .scientific .scientific-content .first {

    height: 100%;

    flex: 1;

}



.container .scientific .scientific-content .first .scientific-block {

    left: 0;

    top: 130px;

    width: 160px;

    height: 70px;

}



.container .scientific .scientific-content .first .scientific-block h1 {

    margin-top: 15px;

}



.container .scientific .scientific-content .second {

    height: 100%;

    flex: 1;

    margin-left: 15px;

    margin-right: 15px;

}



.container .scientific .scientific-content .second .forth {

    width: 100%;

    height: 167px;

}



.container .scientific .scientific-content .second .forth .scientific-block {

    left: 50px;

    top: 0;

    width: 100px;

    height: 120px;

}



.container .scientific .scientific-content .second .forth .scientific-block h1 {

    margin-top: 70px;

}



.container .scientific .scientific-content .second .fifth {

    width: 100%;

    height: 167px;

    margin-top: 15px;

}



.container .scientific .scientific-content .second .fifth .scientific-block {

    right: 50px;

    bottom: 0;

    width: 100px;

    height: 120px;

}



.container .scientific .scientific-content .second .fifth .scientific-block h1 {

    margin-top: 37px;

}



.container .scientific .scientific-content .second .fifth .scientific-cover a h1 {

    margin: 0 0 0 5%;

}



.container .scientific .scientific-content .third {

    height: 100%;

    flex: 1;

}



.container .scientific .scientific-content .third .scientific-block {

    right: 0;

    top: 130px;

    width: 160px;

    height: 70px;

}



.container .scientific .scientific-content .third .scientific-block h1 {

    margin-top: 15px;

}



.container .scientific .scientific-content .third .scientific-cover a h1 {

    margin: 0 0 0 5%;

}



.container .productsServices {

    width: 100%;

    background-color: #f7f8f9;

    margin-top: 15px;

    padding-top: 15px;

}



.container .productsServices .productsServices-content ul.icon-list {

    padding-bottom: 35px;

    border: none;

    overflow: hidden;

}



.container .productsServices .productsServices-content ul.icon-list li {

    padding: 8px 10px;

}



.container .productsServices .productsServices-content ul.icon-list li a {

    border: 1px solid #000000;

    font-size: 15px;

    padding: 3px 15px;

    border-radius: 20px;

    color: #000000;

    background-color: #f7f8f9;

}



.container .productsServices .productsServices-content ul.icon-list li:hover a {

    background-color: #ffffff;

    border: 1px solid #0067b8;

}



.container .productsServices .productsServices-content ul.icon-list li.active a {

    border: 1px solid #0067b8;

    color: #0067b8;

    background-color: transparent;

}



.container .productsServices .productsServices-content .tab-content {

    width: 100%;

    margin: 0 auto;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner {

    width: 100%;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container {

    width: 100%;

    position: relative;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper {

    width: 100%;

    background-color: #f7f8f9;

    padding-bottom: 15px;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide {

    width: 100%;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul {

    width: 95%;

    height: 100%;

    margin: 0 auto;

    padding: 0;

    -webkit-box-pack: start;

    -moz-justify-content: start;

    justify-content: start;

    -webkit-box-align: start;

    -moz-align-items: start;

    align-items: start;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li {

    margin: 0 1% 0 0;

    padding: 0 0 50px 0;

    width: 24.25%;

    background-color: #ffffff;

    height: auto;

    position: relative;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .img-cover {

    overflow: hidden;

    height: auto;

    position: relative;

    width: 100%;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .img-cover img {

    width: 100%;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .img-cover img.img01 {

    width: 100%;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .img-cover img.img02 {

    position: absolute;

    left: 0;

    width: 100%;

    top: 0;

    opacity: 0;

    transition: all 1s;

    transform: scale(1, 1);

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .img-cover:hover img.img02 {

    transform: scale(1.1, 1.1);

    opacity: 1;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li h1 {

    width: 90%;

    margin: 20px auto 0 auto;

    padding: 0;

    font-size: 18px;

    color: #000000;

    font-weight: bolder;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li p.line {

    margin-left: 5%;

    margin-top: 10px;

    height: 4px;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li p.desc {

    width: 90%;

    margin: 15px auto 0 auto;

    padding: 0;

    font-size: 15px;

    color: #000000;

    font-weight: normal;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 3;

    word-break: break-all;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list {

    width: 100%;

    margin: 20px auto 0 auto;

    min-height: 160px;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item {

    width: 100%;

    border-bottom: 1px solid #e8e8e8;

    height: 40px;

    line-height: 40px;

    position: relative;

    padding-left: 5%;

    padding-right: 5%;

    display: none;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .fa-circle {

    color: #000000;

    font-size: 10px;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .name {

    margin: 0;

    padding: 0;

    font-size: 15px;

    text-indent: 5px;

    width: 75%;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .name a {

    color: #000000;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item p.add {

    margin: 0;

    padding: 0;

    width: 23%;

    text-align: right;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item p.add .fa-minus {

    display: none;

    z-index: 10;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item p.add .fa-plus {

    color: #e2e2e2;

    z-index: 10;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item:hover .fa-circle {

    color: #0067b8;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item:hover .name a {

    color: #0067b8;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item:hover .add .fa-plus {

    color: #0067b8;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .item-content {

    position: absolute;

    top: 40px;

    left: 0;

    background-color: #ffffff;

    width: 100%;

    padding-top: 20px;

    padding-bottom: 40px;

    z-index: 1100;

    display: none;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .item-content a {

    display: block;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .item-content a p {

    border-bottom: 1px solid #C7C7CC;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    height: 40px;

    line-height: 40px;

    width: 80%;

    margin: 0 auto;

    padding: 0;

    color: #000000;

    font-size: 14px;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .item-content a p span.fa-circle {

    position: inherit;

    display: inline-block;

    margin-right: 5px;

    color: #000000;

    transform: scale(0.5, 0.5);

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .item-content a:hover p {

    color: #0067b8;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item .item-content a:hover p span {

    color: #0067b8;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item:nth-of-type(1) {

    display: block;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item:nth-of-type(2) {

    display: block;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item:nth-of-type(3) {

    display: block;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .item:nth-of-type(4) {

    display: block;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .more-forth {

    display: none;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .active .fa-circle {

    color: #0067b8;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .active .name a {

    color: #0067b8;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .active .add .fa-minus {

    color: #0067b8;

    display: inline-block !important;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .active .add .fa-plus {

    display: none;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .list .active .item-content {

    display: block;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .more {

    text-align: right;

    width: 90%;

    height: 24px;

    line-height: 24px;

    position: absolute;

    bottom: 15px;

    left: 5%;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .more a {

    color: #e2e2e2;

    font-size: 13px;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li .more a span.iconfont {

    font-size: 14px;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-wrapper .swiper-slide ul li:nth-of-type(4n+4) {

    margin-right: 0;

}



.container .productsServices .productsServices-content .tab-content .tab-pane .productsServices-banner .productsServices-banner-container .swiper-pagination {

    bottom: 30px;

    width: 40%;

    left: 30%;

}



.container .productsServices .productsServices-content .tab-content .active .productsServices-banner .productsServices-banner-container .swiper-button-next {

    display: block;

}



.container .productsServices .productsServices-content .tab-content .active .productsServices-banner .productsServices-banner-container .swiper-button-prev {

    display: block;

}



.container .industrySolutions .model-title {

    z-index: 1000;

    position: static;

}



.container .industrySolutions .industrySolutions-content ul.icon-list {

    border: none;

    padding-bottom: 35px;

}



.container .industrySolutions .industrySolutions-content ul.icon-list li {

    padding: 8px 10px;

    border: none;

}



.container .industrySolutions .industrySolutions-content ul.icon-list li a p {

    margin: 0;

    padding: 0;

    color: #000000;

    text-align: center;

}



.container .industrySolutions .industrySolutions-content ul.icon-list li a p.icon span,

.container .industrySolutions .industrySolutions-content ul.icon-list li a p.icon svg,

.container .industrySolutions .industrySolutions-content ul.icon-list li a p.icon .svg,

.container .industrySolutions .industrySolutions-content ul.icon-list li a p.icon img {

    font-size: 30px;

    fill: #000000;

    width: 35px;

    height: 35px;

}



.container .industrySolutions .industrySolutions-content ul.icon-list li a p.title {

    font-size: 15px;

    margin: 5px 0 0 0;

    padding: 0;

    font-weight: normal;

}



.container .industrySolutions .industrySolutions-content ul.icon-list li:hover {

    border: none;

}



.container .industrySolutions .industrySolutions-content ul.icon-list li:hover a {

    border: none;

    background-color: transparent;

}



.container .industrySolutions .industrySolutions-content ul.icon-list li:hover a svg,

.container .industrySolutions .industrySolutions-content ul.icon-list li:hover a .svg {

    fill: #0067b8 !important;

}



.container .industrySolutions .industrySolutions-content ul.icon-list li:hover a p span {

    color: #0067b8 !important;

}



.container .industrySolutions .industrySolutions-content ul.icon-list li.active {

    border: none;

}



.container .industrySolutions .industrySolutions-content ul.icon-list li.active a {

    border: none;

    color: #0067b8;

    background-color: transparent;

}



.container .industrySolutions .industrySolutions-content ul.icon-list li.active a p {

    color: #0067b8;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel {

    width: 100%;

    margin: 0 auto;

    overflow-x: hidden;

    /*background-color: #f7f8f9;*/

    padding: 35px 2.5%;

    display: table;

    table-layout: fixed;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner {

    width: 50%;

    position: relative;

    overflow: hidden;

    border-right: 15px transparent solid;

    display: table-cell;

    background-color: #FFFFFF;

    vertical-align: top;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container {

    width: 100%;

    overflow: hidden;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper {

    width: 100%;

    height: 100%;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide {

    width: 100%;

    height: 100%;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .img {

    /*height: 389px;*/

    width: 100%;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .img a {

    display: block;

    width: 100%;

    overflow: hidden;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .img img {

    width: 100%;

    transform: scale(1, 1);

    transition-duration: 0.5s;

    overflow: hidden;

    /*height: 100%;*/

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide:hover .img img {

    transform: scale(1.1, 1.1);

    transition-duration: 0.5s;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info {

    background-color: #ffffff;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content {

    width: 90%;

    margin: 0 auto;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title {

    padding: 10px 0 10px 0;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title p.name {

    text-align: left;

    color: #000000;

    font-size: 18px;

    font-weight: bolder;

    margin: 0;

    padding: 0;

    width: 13%;

    overflow: hidden;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .shortDesc {

    margin: 0 0 0 15px;

    padding: 0 0 0 15px;

    width: 60%;

    border-left: 1px solid #0067b8;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .shortDesc a .title1 {

    color: #000000;

    font-size: 18px;

    font-weight: bolder;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .shortDesc a .title2 {

    font-weight: normal;

    font-size: 16px;

    color: #000000;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title p.zan {

    color: #000000;

    width: 26%;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .desc {

    border-top: 1px solid #e2e2e3;

    padding-top: 10px;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .desc p {

    margin: 0;

    padding: 0;

    font-size: 15px;

    line-height: 24px;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    word-break: break-all;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    color: #000000;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .desc p a {

    color: #000000;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .name:hover,

.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .shortDesc:hover .title1,

.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .shortDesc:hover .title2,

.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .zan:hover,

.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .desc:hover,

.container .solveWay .solveWay-container .channelPage .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-wrapper .swiper-slide .info .info-content .title .shortDesc:hover a .title2 {

    color: #0067b8 !important;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-pagination {

    bottom: 150px;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-pagination .swiper-pagination-bullet {

    border: 1px solid #ffffff;

    background-color: transparent;

    width: 10px;

    height: 10px;

    opacity: 1;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-banner .industrySolutions-banner-container .swiper-pagination .swiper-pagination-bullet-active {

    background-color: #ffffff;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list {

    width: 50%;

    overflow: hidden;

    display: table-cell;

    vertical-align: top;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul {

    width: 100%;

    margin: 0;

    padding: 0;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li {

    /*background-color: #ffffff;*/

    background-color: #f5f6f7;

    width: calc(( 100% - 15px) / 2);

    margin: 15px 0 0 15px;

    padding: 0;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img {

    /*height: 190px;*/

    overflow: hidden;

    position: relative;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img a {

    display: block;

    overflow: hidden;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img a img {

    width: 100%;

    /*height: 100%;*/

    transform: scale(1, 1);

    transition-duration: 0.5s;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img a .bg {

    background-color: rgba(0, 0, 0, 0.65);

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    transition: opacity 1s;

    padding: 15px;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img a .bg p.resource {

    margin: 0;

    padding: 0;

    color: #ffffff;

    text-align: right;

    font-size: 15px;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img a .bg p.zan {

    margin: 5px 0 0 0;

    color: #ffffff;

    width: 100%;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img:hover {

    background-color: #0067b8;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img:hover a img {

    transform: scale(1.1, 1.1);

    transition-duration: 0.5s;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img:hover a .bg {

    transition-duration: 0.5s;

    opacity: 1;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-img:hover a .bg p span {

    color: #FFFFFF !important;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-info {

    height: 65px;

    width: 100%;

    margin: 0 auto;

    padding-top: 6px;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-info h1 {

    margin: 0 auto 0 auto;

    padding: 0 0 0 0;

    color: #000000;

    font-size: 17px;

    line-height: 24px;

    font-weight: bold;

    width: 90%;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-info p {

    margin: 5px auto 0 auto;

    padding: 0;

    width: 90%;

    color: #000000;

    font-size: 13px;

    font-weight: normal;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-info:hover {

    /*background-color: #0067b8;*/

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-info:hover h1 {

    color: #0067b8;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li .projectCase-info:hover p {

    color: #0067b8;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li:nth-of-type(2n+1) {

    margin-left: 0;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li:nth-of-type(1) {

    margin-top: 0;

}



.container .industrySolutions .industrySolutions-content .industrySolutions-panel .industrySolutions-list ul li:nth-of-type(2) {

    margin-top: 0;

}



.container .projectCase .seeByType-container {

    /*display: none;*/

}



.container .projectCase .seeByType-container .seeByType-content h1.project-name {

    width: 6.5%;

    margin: 0;

    font-weight: bolder;

    color: #000000;

    font-size: 18px;

    text-align: left;

    position: relative;

}



.container .projectCase .seeByType-container .seeByType-content h1.project-name a {

    color: #000000;

}



.container .projectCase .seeByType-container .seeByType-content h1.project-name:before {

    position: absolute;

    right: 0;

    top: 10%;

    width: 1px;

    height: 80%;

    content: "";

    background-color: #000000;

}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list {

    width: 90%;

}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item {

    width: 97%;

    margin: 0 0 0 15px;

}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item h1 {

    width: 160px;

    margin: 0;

    padding: 0;

    text-align: left;

    font-size: 15px;

    color: #000000;

    height: 35px;

    line-height: 32px;

}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item h1 span.icon {

    font-size: 14px;

    display: none;

}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list {

    width: 90%;

    margin: 0 0 0 0;

}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list ul {

    width: 100%;

    margin: 5px 0 0 0;

    padding: 0;

}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list ul li {

    margin: 0;

    padding: 0 15px 0 15px;

    text-align: left;

    height: 35px;

    line-height: 32px;

    width: auto;

    position: relative;

}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list ul li:after {

    position: absolute;

    right: 1px;

    top: 7px;

    width: 1px;

    height: 18px;

    background-color: #000000;

    content: "";

}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list ul li a {

    color: #000000;

    font-size: 15px;

}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list ul li:hover a {

    color: #0067b8 !important;

}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list ul li:first-child {

    padding-left: 0;

}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list ul li:last-child:after {

    width: 0;

}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item .item-list ul:first-child {

    margin-top: 0;

}



.container .projectCase .seeByType-container .seeByType-content .seeByType-list .seeByType-item:last-child {

    margin-top: 5px;

}



.container .projectCase .projectCase-content ul {

    margin: 15px 0 0 0;

    padding: 0;

}



.container .projectCase .projectCase-content ul li {

    background-color: #f7f8f9;

    width: 24%;

}



.container .projectCase .projectCase-content ul li .projectCase-img {

    overflow: hidden;

    position: relative;

}



.container .projectCase .projectCase-content ul li .projectCase-img a img {

    width: 100%;

    transform: scale(1, 1);

    transition-duration: 0.5s;

}



.container .projectCase .projectCase-content ul li .projectCase-img a .bg {

    background-color: rgba(0, 0, 0, 0.65);

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    transition: opacity 1s;

    padding: 15px;

}



.container .projectCase .projectCase-content ul li .projectCase-img a .bg p.resource {

    margin: 0;

    padding: 0;

    color: #ffffff;

    text-align: right;

    font-size: 15px;

}



.container .projectCase .projectCase-content ul li .projectCase-img a .bg p.zan {

    margin: 5px 0 0 0;

    color: #ffffff;

    width: 100%;

}



.container .projectCase .projectCase-content ul li .projectCase-img:hover {

    background-color: #0067b8;

}



.container .projectCase .projectCase-content ul li .projectCase-img:hover a img {

    transform: scale(1.1, 1.1);

    transition-duration: 0.5s;

}



.container .projectCase .projectCase-content ul li .projectCase-img:hover a .bg {

    transition-duration: 0.5s;

    opacity: 1;

}



.container .projectCase .projectCase-content ul li .projectCase-img:hover a .bg p span {

    color: #FFFFFF !important;

}



.container .projectCase .projectCase-content ul li .projectCase-info {

    height: 70px;

    width: 100%;

    margin: 0 auto;

    padding-top: 10px;

}



.container .projectCase .projectCase-content ul li .projectCase-info h1 {

    margin: 0 auto 0 auto;

    padding: 0 0 0 0;

    font-size: 18px;

    color: #000000;

    line-height: 24px;

    font-weight: bolder;

    width: 90%;

}



.container .projectCase .projectCase-content ul li .projectCase-info p {

    margin: 5px auto 0 auto;

    padding: 0;

    width: 90%;

    color: #000000;

    font-size: 15px;

}



.container .projectCase .projectCase-content ul li .projectCase-info:hover {

    /*background-color: #0067b8;*/

}



.container .projectCase .projectCase-content ul li .projectCase-info:hover h1 {

    color: #0067b8;

}



.container .projectCase .projectCase-content ul li .projectCase-info:hover p {

    color: #0067b8;

}



.container .projectCase .projectCase-content ul:first-child {

    margin: 0;

}



.container .publication .seeByType-container {

    display: none;

}



.container .publication .seeByType-container .seeByType-content .seeByType-item {

    width: 95%;

    margin: 0 auto;

    -webkit-box-pack: end;

    -moz-justify-content: flex-end;

    -webkit-justify-content: flex-end;

    justify-content: flex-end;

}



.container .publication .seeByType-container .seeByType-content .seeByType-item h1 {

    width: 120px;

    border: 1px solid #595959;

    margin: 0;

    padding: 0;

    text-align: center;

    font-size: 16px;

    font-weight: normal;

    color: #595959;

    height: 35px;

    line-height: 32px;

    border-radius: 8px;

    vertical-align: top;

}



.container .publication .seeByType-container .seeByType-content .seeByType-item h1 span {

    font-size: 14px;

}



.container .publication .seeByType-container .seeByType-content .seeByType-item .item-list {

    width: 80%;

    margin: 0 0 0 20px;

}



.container .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul {

    width: 100%;

    margin: 5px 0 0 0;

    padding: 0;

    -webkit-box-pack: end;

    -moz-justify-content: flex-end;

    -webkit-justify-content: flex-end;

    justify-content: flex-end;

}



.container .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul li {

    margin: 0;

    padding: 0 15px 0 0;

    text-align: left;

    height: 35px;

    line-height: 32px;

}



.container .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul li a {

    color: #000000;

    font-size: 15px;

}



.container .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul li:hover a {

    color: #0067b8;

}



.container .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul li:first-child {

    padding-left: 0;

}



.container .publication .seeByType-container .seeByType-content .seeByType-item .item-list ul:first-child {

    margin-top: 0;

}



.container .publication .publication-content ul li {

    width: 19%;

    border: 1px solid #eff0f0;

}



.container .publication .publication-content ul li .bookshelf {

    background-color: #8f8f8f;

    position: relative;

    width: 100%;

}



.container .publication .publication-content ul li .bookshelf .book {

    width: 100%;

    padding-top: 50px;

    padding-bottom: 50px;

}



.container .publication .publication-content ul li .bookshelf .book img {

    width: 52%;

    display: block;

    margin: 0 auto;

}



.container .publication .publication-content ul li .bookshelf .book img.book-block {

    width: 72%;

    display: block;

    margin: 0 auto;

}



.container .publication .publication-content ul li .bookshelf .book-cover {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.65);

    opacity: 0;

    transition: opacity 1s;

    text-align: center;

}



.container .publication .publication-content ul li .bookshelf .book-cover .book-cover-content img {

    width: 100%;

    display: block;

    margin: 0 auto;

}



.container .publication .publication-content ul li .bookshelf .book-cover .book-cover-content div.qrcode {

    display: inline-block;

    padding: 5px;

    background-color: #ffffff;

}



.container .publication .publication-content ul li .bookshelf .book-cover .book-cover-content div.qrcode img {

    width: 100px;

}



.container .publication .publication-content ul li .bookshelf .book-cover .book-cover-content p.title {

    text-align: center;

    margin: 10px 0;

}



.container .publication .publication-content ul li .bookshelf .book-cover .book-cover-content p.title a {

    color: #ffffff;

    font-size: 14px;

}



.container .publication .publication-content ul li .bookshelf .book-cover .book-cover-content p.toRead {

    text-align: center;

    margin: 30px auto 0 auto;

    width: auto;

    background-color: #0067b8;

    padding: 3px 10px;

    border-radius: 15px;

}



.container .publication .publication-content ul li .bookshelf .book-cover .book-cover-content p.toRead a {

    color: #ffffff;

    font-size: 14px;

}



.container .publication .publication-content ul li .bookshelf .book-cover .book-cover-content p.toRead a:hover {

    color: #ffffff !important;

}



.container .publication .publication-content ul li .bookshelf:hover .book-cover {

    opacity: 1;

    transition: opacity 1s;

}



.container .publication .publication-content ul li .bookInfo_none,

.container .publication .publication-content ul li .bookInfo {

    height: 65px;

    background-color: #f7f8f9;

    width: 100%;

    position: relative;

}



.container .publication .publication-content ul li .bookInfo_none h1,

.container .publication .publication-content ul li .bookInfo h1 {

    margin: 0;

    padding: 0;

    font-size: 18px;

    color: #000000;

    font-weight: bolder;

    line-height: 65px;

    height: 65px;

    text-align: center;

}



.container .publication .publication-content ul li .bookInfo .bookInfo-hover {

    height: 65px;

    background-color: #0067b8;

    display: none;

}



.container .publication .publication-content ul li .bookInfo .bookInfo-hover a {

    height: 65px;

    width: 90%;

    margin: 0 auto;

}



.container .publication .publication-content ul li .bookInfo .bookInfo-hover a p {

    margin: 0;

    padding: 0;

    color: #ffffff;

    font-size: 16px;

    width: calc(100% - 100px);

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    vertical-align: middle;

}



.container .publication .publication-content ul li .bookInfo .bookInfo-hover a button {

    margin: 0;

    padding: 2px 10px;

    border-radius: 15px;

    font-size: 14px;

    color: #ffffff;

    border: 1px solid #ffffff;

    outline: none;

    background-color: transparent;

    width: 100px;

}



.container .publication .publication-content ul li .bookInfo:hover .bookInfo-hover {

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}



.container .publication .publication-content ul li .bookInfo_none:hover,

.container .publication .publication-content ul li .bookInfo_none:hover h1,

.container .publication .publication-content ul li .bookInfo:hover,

.container .publication .publication-content ul li .bookInfo:hover h1 {

    /*background-color: #0067b8;*/

    color: #0067b8;

}



.container .photographic .seeByType-container {

    display: none;

}



.container .photographic .seeByType-container .seeByType-content ul {

    width: 96%;

    margin: 0 auto;

    padding: 0;

    -webkit-box-pack: end;

    -moz-justify-content: flex-end;

    -webkit-justify-content: flex-end;

    justify-content: flex-end;

}



.container .photographic .seeByType-container .seeByType-content ul li {

    margin: 0;

    padding: 0 15px;

}



.container .photographic .seeByType-container .seeByType-content ul li a {

    color: #000000;

    font-size: 15px;

}



.container .photographic .seeByType-container .seeByType-content ul li:before {

    content: "|";

    padding-right: 15px;

    color: #686869;

}



.container .photographic .seeByType-container .seeByType-content ul li:hover a {

    color: #0067b8;

}



.container .photographic .seeByType-container .seeByType-content ul li:first-child {

    padding-left: 0;

}



.container .photographic .seeByType-container .seeByType-content ul li:first-child:before {

    content: "";

    padding-right: 0;

    color: #686869;

}



.container .photographic .photographic-content {

    overflow: hidden;

    width: 100%;

}



.container .photographic .photographic-content .photographic-banner {

    width: 78%;

    /*height: 100% !important;*/

    border-right: 15px solid #ffffff;

    overflow: hidden;

}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container {

    width: 100%;

    height: 100%;

    position: relative;

}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide {

    position: relative;

    overflow: hidden;

}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide img {

    width: 100%;

    transform: scale(1, 1);

    transition-duration: 0.5s;

}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide:hover img {

    transform: scale(1.1, 1.1);

    transition-duration: 0.5s;

}



@media screen and (max-width: 1280px) and (min-width: 0px) {

    .container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide img {

        /*height: 100%;*/

        /*width: 130%;*/

    }

}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info {

    position: absolute;

    bottom: 0;

    left: 0;

    height: 70px;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.7);

}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info .info-content {

    width: 96%;

    margin: 0 auto;

    height: 70%;

}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info .info-content .line {

    display: none;

}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info .info-content .title {

    padding-left: 30px;

    width: 65%;

    position: relative;

}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info .info-content .title:before {

    width: 5px;

    height: 36px;

    background-color: #0067b8;

    display: inline-block;

    content: " ";

    position: absolute;

    right: 0;

    top: 3px;

    left: 0;

}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info .info-content .title h1 {

    color: #ffffff;

    margin: 0;

    padding: 0;

    font-size: 16px;

    font-weight: bolder;

}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info .info-content .title h2 {

    color: #ffffff;

    margin: 6px 0 0 0;

    padding: 0;

    font-size: 14px;

    font-weight: normal;

}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info .info-content p.zan {

    color: #ffffff;

    margin: 0;

    padding: 0;

    width: 35%;

    text-align: right;

}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-slide .info .info-content p.zan span.icon {

    margin-left: 0;

}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-button-next {

    background-image: none;

    background-color: #28264a0d;

    width: 40px;

    height: 40px;

    color: #787878;

    text-align: center;

    font-size: 14pt;

    line-height: 40px;

}



.container .photographic .photographic-content .photographic-banner .photographic-banner-container .swiper-button-prev {

    background-image: none;

    background-color: #28264a0d;

    width: 40px;

    height: 40px;

    color: #787878;

    text-align: center;

    font-size: 14pt;

    line-height: 40px;

}



.container .photographic .photographic-content .photographic-list {

    width: 22%;

}



.container .photographic .photographic-content .photographic-list ul li {

    background-color: #f7f8f9;

    margin-top: 15px;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-img {

    overflow: hidden;

    position: relative;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-img .btnToOpenViewer img,

.container .photographic .photographic-content .photographic-list ul li .photographic-img a img {

    width: 100%;

    height: 100%;

    transform: scale(1, 1);

    transition-duration: 0.5s;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-img .btnToOpenViewer .bg,

.container .photographic .photographic-content .photographic-list ul li .photographic-img a .bg {

    background-color: rgba(0, 0, 0, 0.65);

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    transition: opacity 1s;

    padding: 15px;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-img .btnToOpenViewer .bg p,

.container .photographic .photographic-content .photographic-list ul li .photographic-img a .bg p {

    text-align: right;

    color: #ffffff;

    opacity: 0;

    transition: opacity 1s;

    margin: 0;

    padding: 0;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-img .btnToOpenViewer .bg p.resource,

.container .photographic .photographic-content .photographic-list ul li .photographic-img a .bg p.resource {

    font-size: 14px;

    color: #8E8E93;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-img .btnToOpenViewer .bg p.zam,

.container .photographic .photographic-content .photographic-list ul li .photographic-img a .bg p.zan {

    width: 100%;

    color: #ffffff;

    margin-top: 5px;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-img:hover .btnToOpenViewer img,

.container .photographic .photographic-content .photographic-list ul li .photographic-img:hover a img {

    transform: scale(1.1, 1.1);

    transition-duration: 0.5s;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-img:hover .btnToOpenViewer .bg,

.container .photographic .photographic-content .photographic-list ul li .photographic-img:hover a .bg {

    transition-duration: 0.5s;

    opacity: 1;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-img:hover .btnToOpenViewer .bg p,

.container .photographic .photographic-content .photographic-list ul li .photographic-img:hover a .bg p {

    transition-duration: 0.5s;

    opacity: 1;

    color: #0067b8 !important;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-img:hover .btnToOpenViewer .bg p span,

.container .photographic .photographic-content .photographic-list ul li .photographic-img:hover a .bg p span {

    color: #FFFFFF !important;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-info {

    height: auto;

    width: 100%;

    margin: 0 auto;

    padding: 10px 0;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-info h1 {

    margin: 0 auto;

    padding: 0 0 5px 0;

    font-size: 18px;

    color: #000000;

    line-height: 24px;

    font-weight: bolder;

    width: 90%;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-info .count {

    width: 90%;

    margin: 0 auto;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-info .count .resource {

    width: calc(100% - 150px);

    margin: 0;

    padding: 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 15px;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-info .count .zan {

    width: 150px;

    text-align: right;

    color: #000000;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-info:hover {

    /*background-color: #0067b8;*/

}



.container .photographic .photographic-content .photographic-list ul li .photographic-info:hover h1 {

    color: #0067b8;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-info:hover .count {

    color: #0067b8;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-info:hover .count p {

    color: #0067b8 !important;

}



.container .photographic .photographic-content .photographic-list ul li .photographic-info:hover .count span {

    color: #0067b8;

}



.container .photographic .photographic-content .photographic-list ul li:first-child {

    margin-top: 0;

}



.container .videoZone .seeByType-container {

    display: none;

}



.container .videoZone .seeByType-container .seeByType-content ul {

    width: 96%;

    margin: 0 auto;

    padding: 0;

    -webkit-box-pack: end;

    -moz-justify-content: flex-end;

    -webkit-justify-content: flex-end;

    justify-content: flex-end;

}



.container .videoZone .seeByType-container .seeByType-content ul li {

    margin: 0;

    padding: 0 15px;

}



.container .videoZone .seeByType-container .seeByType-content ul li a {

    color: #000000;

    font-size: 15px;

}



.container .videoZone .seeByType-container .seeByType-content ul li:before {

    content: "|";

    padding-right: 15px;

    color: #686869;

}



.container .videoZone .seeByType-container .seeByType-content ul li:hover a {

    color: #0067b8;

}



.container .videoZone .seeByType-container .seeByType-content ul li:first-child {

    padding-left: 0;

}



.container .videoZone .seeByType-container .seeByType-content ul li:first-child:before {

    content: "";

    padding-right: 0;

    color: #686869;

}



.container .videoZone .videoZone-content ul {

    margin: 0;

    padding: 0;

}



.container .videoZone .videoZone-content ul li {

    background-color: #f7f8f9;

    width: 24%;

}



.container .videoZone .videoZone-content ul li .videoZone-img {

    overflow: hidden;

    position: relative;

}



.container .videoZone .videoZone-content ul li .videoZone-img a img {

    width: 100%;

    transform: scale(1, 1);

    transition-duration: 0.5s;

}



.container .videoZone .videoZone-content ul li .videoZone-img a .bg {

    background-color: rgba(0, 0, 0, 0.65);

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 1;

    transition: opacity 1s;

}



.container .videoZone .videoZone-content ul li .videoZone-img a .bg span {

    opacity: 1;

    transition: opacity 1s;

    color: #ffffff;

    font-size: 40px;

}



.container .videoZone .videoZone-content ul li .videoZone-img:hover a img {

    transform: scale(1.1, 1.1);

    transition-duration: 0.5s;

}



.container .videoZone .videoZone-content ul li .videoZone-img:hover a .bg {

    transition-duration: 0.5s;

    opacity: 0;

}



.container .videoZone .videoZone-content ul li .videoZone-img:hover a .bg span {

    opacity: 0;

}



.container .videoZone .videoZone-content ul li .videoZone-info {

    height: 95px;

    width: 100%;

    margin: 0 auto;

}



.container .videoZone .videoZone-content ul li .videoZone-info h1 {

    margin: 0 auto;

    padding: 15px 0 10px 0;

    font-size: 18px;

    color: #000000;

    line-height: 24px;

    font-weight: bolder;

    width: 90%;

}



.container .videoZone .videoZone-content ul li .videoZone-info .count {

    width: 90%;

    margin: 0 auto;

}



.container .videoZone .videoZone-content ul li .videoZone-info .count .resource {

    width: calc(100% - 150px);

    margin: 0;

    padding: 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 15px;

}



.container .videoZone .videoZone-content ul li .videoZone-info .count .zan {

    width: 150px;

    text-align: right;

    color: #000000;

}



.container .videoZone .videoZone-content ul li .videoZone-info:hover {

    /*background-color: #0067b8;*/

}



.container .videoZone .videoZone-content ul li .videoZone-info:hover h1 {

    color: #0067b8;

}



.container .videoZone .videoZone-content ul li .videoZone-info:hover .count p {

    color: #0067b8;

}



.container .videoZone .videoZone-content ul li .videoZone-info:hover .count span {

    color: #0067b8;

}



.container .vr .seeByType-container {

    display: none;

}



.container .vr .seeByType-container .seeByType-content ul {

    width: 96%;

    margin: 0 auto;

    padding: 0;

    -webkit-box-pack: end;

    -moz-justify-content: flex-end;

    -webkit-justify-content: flex-end;

    justify-content: flex-end;

}



.container .vr .seeByType-container .seeByType-content ul li {

    margin: 0;

    padding: 0 15px;

}



.container .vr .seeByType-container .seeByType-content ul li a {

    color: #000000;

    font-size: 15px;

}



.container .vr .seeByType-container .seeByType-content ul li:before {

    content: "|";

    padding-right: 15px;

    color: #686869;

}



.container .vr .seeByType-container .seeByType-content ul li:hover a {

    color: #0067b8;

}



.container .vr .seeByType-container .seeByType-content ul li:first-child {

    padding-left: 0;

}



.container .vr .seeByType-container .seeByType-content ul li:first-child:before {

    content: "";

    padding-right: 0;

    color: #686869;

}



.container .vr .vr-content ul {

    margin: 0;

    padding: 0;

}



.container .vr .vr-content ul li {

    background-color: #f7f8f9;

    width: 24%;

}



.container .vr .vr-content ul li .vr-img {

    overflow: hidden;

    position: relative;

}



.container .vr .vr-content ul li .vr-img a img {

    width: 100%;

    transform: scale(1, 1);

    transition-duration: 0.5s;

}



.container .vr .vr-content ul li .vr-img a .bg {

    background-color: rgba(0, 0, 0, 0.65);

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    opacity: 1;

    transition: opacity 1s;

}



.container .vr .vr-content ul li .vr-img a .bg span {

    opacity: 1;

    transition: opacity 1s;

    color: #ffffff;

    font-size: 40px;

}



.container .vr .vr-content ul li .vr-img:hover {

    background-color: #0067b8;

}



.container .vr .vr-content ul li .vr-img:hover a img {

    transform: scale(1.1, 1.1);

    transition-duration: 0.5s;

}



.container .vr .vr-content ul li .vr-img:hover a .bg {

    transition-duration: 0.5s;

    opacity: 0;

}



.container .vr .vr-content ul li .vr-img:hover a .bg span {

    opacity: 0;

}



.container .vr .vr-content ul li .vr-info {

    height: 95px;

    width: 100%;

    margin: 0 auto;

}



.container .vr .vr-content ul li .vr-info h1 {

    margin: 0 auto;

    padding: 15px 0 10px 0;

    font-size: 18px;

    color: #000000;

    line-height: 24px;

    font-weight: bold;

    width: 90%;

}



.container .vr .vr-content ul li .vr-info .count {

    width: 90%;

    margin: 0 auto;

}



.container .vr .vr-content ul li .vr-info .count .resource {

    width: calc(100% - 150px);

    margin: 0;

    padding: 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 15px;

}



.container .vr .vr-content ul li .vr-info .count .zan {

    width: 150px;

    color: #000000;

}



.container .vr .vr-content ul li .vr-info:hover {

    /*background-color: #0067b8;*/

}



.container .vr .vr-content ul li .vr-info:hover h1 {

    color: #0067b8;

}



.container .vr .vr-content ul li .vr-info:hover .count {

    color: #0067b8;

}



.container .vr .vr-content ul li .vr-info:hover .count p {

    color: #0067b8;

}



.container .vr .vr-content ul li .vr-info:hover .count span {

    color: #0067b8;

}



.container .teamSerive {

    width: 100%;

}



.container .teamSerive .teamSerive-content {

    width: 100%;

}



.container .teamSerive .teamSerive-content .teamSerive-banner {

    width: 100%;

    /*height: 615px;*/

    position: relative;

    overflow: hidden;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper {

    width: 100%;

    height: 100%;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide {

    width: 100%;

    height: 100%;

    -webkit-box-pack: start;

    -moz-justify-content: start;

    justify-content: start;

    -webkit-box-align: start;

    -moz-align-items: start;

    align-items: start;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item {

    width: 19%;

    height: 100%;

    transform: translateY(0);

    transition-duration: 0.5s;

    background-color: #e5e6e8;

    margin-right: 1.25%;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .user-logo {

    width: 60%;

    margin: 60px auto 30px auto;

    padding-bottom: 60%;

    position: relative;

    transition: margin-bottom 1s;

    overflow: hidden;

    border-radius: 50% 50%;

    height: 0;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .user-logo img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    transform: scale(1, 1);

    transition-duration: 1s;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .user-logo:hover {

    margin-bottom: 10px;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .user-logo:hover img {

    transform: scale(1.1, 1.1);

    transition-duration: 1s;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .job-worker {

    height: 95px;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .job {

    font-weight: bold;

    font-size: 18px;

    width: 100%;

    padding: 0 30px;

    margin: 0 auto 0 auto;

    text-align: left;

    color: #000000;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .job:hover {

    color: #000000;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .worker {

    font-size: 15px;

    margin: 5px auto 0 auto;

    color: #000000;

    width: 100%;

    padding: 0 30px;

    text-align: left;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .worker:hover {

    color: #000000;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .desc {

    font-size: 14px;

    line-height: 23px;

    margin: 0 auto 30px auto;

    text-align: left;

    text-indent: 2rem;

    color: #000000;

    width: 100%;

    padding: 0 30px 0 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 150px;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .desc:hover {

    color: #000000;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item a .item-content .desc p {

    margin-bottom: 0;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item:hover {

    transform: translateY(-30px);

    transition-duration: 0.5s;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-wrapper .swiper-slide .item:nth-of-type(5) {

    margin-right: 0;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-button-next {

    background-image: none;

    width: 40px;

    height: 40px;

    color: #787878;

    text-align: right;

    font-size: 14pt;

    line-height: 40px;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-button-next span {

    font-size: 26px;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-button-prev {

    background-image: none;

    width: 40px;

    height: 40px;

    color: #787878;

    text-align: left;

    font-size: 14pt;

    line-height: 40px;

}



.container .teamSerive .teamSerive-content .teamSerive-banner .swiper-button-prev span {

    font-size: 26px;

}



.container .ourUser {

    width: 100%;

    margin: 0;

    padding: 0;

}



.container .ourUser .ourUser-content {

    width: 100%;

    margin: 0;

    padding: 0;

}



.container .ourUser .ourUser-content table {

    width: 100%;

    margin: 0;

    padding: 0;

    border-collapse: inherit;

}



.container .ourUser .ourUser-content table tr {

    width: 100%;

    margin: 0;

    padding: 0;

}



.container .ourUser .ourUser-content table tr td {

    background-color: #FFFFFF;

    border: 1px solid #dbdbdb;

    padding: 20px 0;

    position: relative;

    overflow: hidden;

    width: 12.5%;

}



.container .ourUser .ourUser-content table tr td .ourUser-img {

    width: 80%;

    margin: 0 auto;

    overflow: hidden;

}



.container .ourUser .ourUser-content table tr td .ourUser-img img {

    width: 100%;

    display: block;

    transition: all 1s;

    transition-duration: 1s;

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray();

    margin: 0 auto;

    padding: 0 1%;

    opacity: 0.8;

}



.container .ourUser .ourUser-content table tr td .ourUser-img-cover {

    background-color: transparent;

    transition: background-color 1s;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.container .ourUser .ourUser-content table tr td:hover img {

    transform: scale(1.1, 1.1);

    transition-duration: 1s;

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -o-filter: grayscale(0%);

    filter: grayscale(0%);

}



.container .ourUser .ourUser-content table tr td:hover .ourUser-img-cover {

    background-color: rgba(0, 0, 0, 0.1);

}



.container .serviceSupport .serviceSupport-content {

    background-color: #e5e6e8;

    width: 100%;

    padding-top: 60px;

    padding-bottom: 60px;

}



.container .serviceSupport .serviceSupport-content .form-container {

    width: 30%;

    margin-left: 3.5%;

}



.container .serviceSupport .serviceSupport-content .form-container form {

    width: 100%;

}



.container .serviceSupport .serviceSupport-content .form-container form input,

.container .serviceSupport .serviceSupport-content .form-container form textarea {

    width: 100%;

    height: 35px;

    border: 1px solid #969696;

    color: #000000;

    outline: none;

    font-size: 15px;

    padding-left: 25px;

    background-color: #ffffff;

    margin-top: 15px;

}



.container .serviceSupport .serviceSupport-content .form-container form .name input {

    margin-top: 0;

}



.container .serviceSupport .serviceSupport-content .form-container form .leaveMsg {

    height: 127px;

    width: 100%;

    overflow: hidden;

    border: 1px solid #969696;

    background-color: #ffffff;

    margin-top: 15px;

}



.container .serviceSupport .serviceSupport-content .form-container form .leaveMsg textarea {

    height: 85px;

    padding-top: 10px;

    border: none;

}



.container .serviceSupport .serviceSupport-content .form-container form .code {

    margin-top: 15px;

}



.container .serviceSupport .serviceSupport-content .form-container form .code input {

    width: 30%;

    margin: 0;

    vertical-align: top;

    line-height: normal;

}



.container .serviceSupport .serviceSupport-content .form-container form .code img {

    width: 20%;

    height: 35px;

    vertical-align: middle;

    margin-left: 15px;

    margin-right: 15px;

}



.container .serviceSupport .serviceSupport-content .form-container form .code span a {

    line-height: 35px;

    color: #000000;

    font-size: 15px;

}



.container .serviceSupport .serviceSupport-content .form-container form .buttons {

    margin-top: 15px;

}



.container .serviceSupport .serviceSupport-content .form-container form .buttons button {

    height: 35px;

    width: 100px;

    color: #000000;

    font-size: 15px;

    border: 1px solid #969696;

    border-radius: 20px;

    background-color: #ffffff;

    outline: none;

}



.container .serviceSupport .serviceSupport-content .form-container form .buttons button.submit {

    margin-left: 30px;

}



.container .serviceSupport .serviceSupport-content .sendInfo {

    width: 23%;

    margin-left: 5%;

    margin-right: 5%;

}



.container .serviceSupport .serviceSupport-content .sendInfo ul {

    margin: 0 auto;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: justify;

    -moz-justify-content: space-between;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}



.container .serviceSupport .serviceSupport-content .sendInfo ul li {

    width: 100px;

    padding-bottom: 100px;

    height: 0;

    border: 3px solid #000000;

    margin-bottom: 15px;

    position: relative;

}



.container .serviceSupport .serviceSupport-content .sendInfo ul li a {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.container .serviceSupport .serviceSupport-content .sendInfo ul li a p {

    margin: 0;

    padding: 0;

}



.container .serviceSupport .serviceSupport-content .sendInfo ul li a p object,

.container .serviceSupport .serviceSupport-content .sendInfo ul li a p .svg,

.container .serviceSupport .serviceSupport-content .sendInfo ul li a p svg,

.container .serviceSupport .serviceSupport-content .sendInfo ul li a p img {

    fill: #000000;

    display: block;

    text-align: center;

    width: 35px;

    height: 35px;

    margin: 0 auto;

}



.container .serviceSupport .serviceSupport-content .sendInfo ul li a p span.title {

    color: #000000;

    display: block;

    text-align: center;

    font-size: 15px;

    margin: 10px 0 0 0;

    padding: 0;

}



.container .serviceSupport .serviceSupport-content .sendInfo ul li:hover {

    border-color: #0067b8;

}



.container .serviceSupport .serviceSupport-content .sendInfo ul li:hover object,

.container .serviceSupport .serviceSupport-content .sendInfo ul li:hover .svg,

.container .serviceSupport .serviceSupport-content .sendInfo ul li:hover svg,

.container .serviceSupport .serviceSupport-content .sendInfo ul li:hover img {

    fill: #0067b8;

}



.container .serviceSupport .serviceSupport-content .sendInfo ul li:hover span.title {

    color: #0067b8;

}



.container .serviceSupport .serviceSupport-content .sendInfo ul li:nth-of-type(3n+3) {

    margin-right: 0;

}



.container .serviceSupport .serviceSupport-content .sendInfo form {

    width: 100%;

    margin: 0 auto;

}



.container .serviceSupport .serviceSupport-content .sendInfo form h1 {

    margin: 15px 0 0 0;

    padding: 0;

    font-size: 15px;

    font-weight: bolder;

}



.container .serviceSupport .serviceSupport-content .sendInfo form div {

    margin-top: 15px;

}



.container .serviceSupport .serviceSupport-content .sendInfo form div input {

    width: 100%;

    height: 35px;

    border: 1px solid #969696;

    color: #000000;

    outline: none;

    font-size: 15px;

    padding-left: 10px;

    background-color: #ffffff;

}



.container .serviceSupport .serviceSupport-content .sendInfo form div button {

    background-color: #0067b8;

    color: #FFFFFF;

    text-align: center;

    width: 18%;

    height: 35px;

    outline: none;

    border: 1px solid #969696;

    vertical-align: top;

    font-size: 15px;

}



.container .serviceSupport .serviceSupport-content .address {

    width: 30%;

}



.container .serviceSupport .serviceSupport-content .address .address-content {

    width: 100%;

}



.container .serviceSupport .serviceSupport-content .address .address-content .nav-tabs {

    border-bottom: 1px solid #999999;

}



.container .serviceSupport .serviceSupport-content .address .address-content .nav-tabs li {

    padding: 0 0 6px 0;

    border-bottom: 1px solid transparent;

    margin-bottom: -3px;

}



.container .serviceSupport .serviceSupport-content .address .address-content .nav-tabs li a {

    padding: 0 20px;

    display: block;

    color: #000000;

    font-size: 18px;

    border-left: 1px solid #999999;

}



.container .serviceSupport .serviceSupport-content .address .address-content .nav-tabs li:hover {

    background-color: transparent;

}



.container .serviceSupport .serviceSupport-content .address .address-content .nav-tabs li:hover a {

    background-color: transparent;

    border: none;

    border-left: 1px solid #999999;

    margin-top: 0;

}



.container .serviceSupport .serviceSupport-content .address .address-content .nav-tabs li.active {

    background-color: transparent;

    border-bottom: 1px solid #0067b8;

}



.container .serviceSupport .serviceSupport-content .address .address-content .nav-tabs li.active a {

    background-color: transparent;

    border: none;

    border-left: 1px solid #999999;

    color: #0067b8;

}



.container .serviceSupport .serviceSupport-content .address .address-content .nav-tabs li:first-child a {

    border-left: none;

    padding-left: 0;

}



.container .serviceSupport .serviceSupport-content .address .address-content .tab-content {

    padding-top: 20px;

}



.container .serviceSupport .serviceSupport-content .address .address-content .tab-content .tab-pane p {

    margin: 10px 0;

    padding: 0;

    font-size: 15px;

    color: #000000;

}



.container .searchInWeb {

    width: 100%;

    height: 100%;

    position: relative;

}



.container .searchInWeb .searchInWeb-content {

    width: 100%;

    height: 100%;

}



.container .searchInWeb .searchInWeb-content .form {

    background-color: #f7f8f9;

    width: 100%;

    height: 100%;

    margin: 0 auto;

}



.container .searchInWeb .searchInWeb-content .form form {

    background-color: transparent;

    width: 50%;

    height: auto;

    padding: 40px;

}



.container .searchInWeb .searchInWeb-content .form form input {

    width: 75%;

    font-size: 15px;

    float: left;

    padding: 5px 0 5px 5px;

    background-color: #ffffff;

    border: 1px solid #858586;

    margin-right: 4%;

    border-radius: 20px;

    overflow: hidden;

    outline: none;

}



.container .searchInWeb .searchInWeb-content .form form input.submit {

    background-color: #FFFFFF;

    border-radius: 15px;

    overflow: hidden;

    outline: none;

    width: 20%;

    text-align: center;

    height: 100%;

    float: left;

    padding: 5px 0 5px 0;

    border: 1px solid #b9b9ba;

    font-size: 15px;

    margin-right: 0;

    color: #000000;

}



.container .searchInWeb .searchInWeb-content .form form input.submit:hover {

    background-color: #0067b8;

    color: #FFFFFF;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails {

    padding-top: 150px;

    margin-bottom: 0;

    min-height: 900px;

    background-color: #f7f8f9;

    width: 100%;

    position: relative;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result {

    width: 80%;

    display: block;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchTop {

    width: 90%;

    margin: 0 auto;

    border-bottom: 1px solid #eeeeee;

    height: auto;

    padding-bottom: 15px;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchTop .form {

    background-color: transparent;

    width: 60%;

    height: 100%;

    display: inline-block;

    margin: 0;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchTop .form form {

    background-color: transparent;

    width: 100%;

    height: auto;

    padding: 0;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchTop .form form input {

    width: 75%;

    font-size: 15px;

    float: left;

    padding: 5px 0 5px 5px;

    background-color: #ffffff;

    border: 1px solid #858586;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchTop .form form input.submit {

    background-color: #7f7f7f;

    color: #eeeeee;

    outline: none;

    width: 20%;

    text-align: center;

    height: 100%;

    float: left;

    padding: 5px 0 5px 0;

    border: 1px solid #b9b9ba;

    font-size: 15px;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchTop .searchResultTip {

    width: 39%;

    display: inline-block;

    text-align: right;

    color: #999999;

    margin: 0;

    font-size: 14px;

    padding: 0;

    height: 35px;

    line-height: 35px;

    vertical-align: top;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList {

    width: 90%;

    margin: 0 auto;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList .li {

    border-bottom: 1px solid #eeeeee;

    padding: 15px 0;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList .li .searchResult-logo {

    float: left;

    width: 120px;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList .li .searchResult-logo a img {

    width: 100px;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList .li .searchInfo {

    float: left;

    width: 80%;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList .li .searchInfo .title {

    margin: 0;

    padding: 0;

    height: auto;

    line-height: normal;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList .li .searchInfo .title a {

    margin: 0;

    padding: 0;

    font-size: 18px;

    font-weight: bolder;

    text-indent: 0;

    vertical-align: top;

    color: #000000;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList .li .searchInfo p.desc {

    margin: 5px 0;

    padding: 0;

    font-size: 15px;

    color: #000000;

    vertical-align: middle;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    word-break: break-all;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.searchList .li .searchInfo p.time {

    margin: 0;

    padding: 0;

    font-size: 15px;

    color: #999999;

    vertical-align: bottom;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.search-page {

    width: 90%;

    margin: 40px auto 20px auto;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.search-page ul {

    width: 100%;

    text-align: center;

    margin: 0;

    padding: 0;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.search-page ul li {

    display: inline-block;

    background-color: #ffffff;

    border: #eeeeee 1px solid;

    margin: 2px 3px;

    padding: 2px 13px;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.search-page ul li a {

    font-size: 14px;

    color: #666666;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.search-page ul li.active {

    background-color: #0067b8;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.search-result div.search-page ul li.active a {

    color: #ffffff;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo {

    background-color: #e5e6e8;

    width: 20%;

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    height: 100%;

    padding-top: 150px;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byDate,

.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byResult {

    padding: 30px 0 0 0;

    width: 60%;

    margin: 0 auto;

    text-align: right;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byResult .title {

    margin: 0 0 15px 0;

    padding: 0;

    font-size: 15px;

    color: #999999;

    text-align: right;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byResult .item {

    margin-top: 5px;

    font-size: 14px;

    color: #000000;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byDate .tip,

.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byResult .tip {

    margin: 0;

    padding: 0;

    font-size: 15px;

    color: #999999;

    text-align: right;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byDate a,

.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byResult a {

    font-size: 14px;

    color: #000000;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byDate ul,

.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byResult ul {

    margin: 0;

    padding: 0;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byDate ul li,

.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byResult ul li {

    margin: 5px 0;

    padding: 0;

    text-align: right;

}



.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byDate ul li a,

.container .searchInWeb .searchInWeb-content .searchInWebDetails div.typeByInfo .byResult ul li a {

    font-size: 14px;

    color: #000000;

}



.container .searchInWeb .searchInWeb-content .moreView {

    text-align: center;

    font-size: 15px;

    margin-top: 15px;

}



.container .searchInWeb .searchInWeb-content .searchInWeb-bottom {

    position: initial !important;

}



.container .searchInWeb .searchInWeb-content .moreView a {

    color: #000000;

}



.container .searchInWeb .searchInWeb-content .searchInWeb-bottom {

    width: 100%;

    margin: 0;

    padding: 0;

    height: 80px;

    background-color: #ffffff;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 100;

}



.container .searchInWeb .searchInWeb-content .searchInWeb-bottom .links {

    width: 100%;

    height: 40px;

    line-height: 40px;

    text-align: center;

    margin: 0;

    padding: 0;

}



.container .searchInWeb .searchInWeb-content .searchInWeb-bottom .links .li {

    display: inline-block;

    width: auto;

    padding: 0 5px;

}



.container .searchInWeb .searchInWeb-content .searchInWeb-bottom .links .li a {

    color: #000000;

    font-size: 15px;

}



.container .searchInWeb .searchInWeb-content .searchInWeb-bottom p.conpanyInfo {

    margin: 0;

    padding: 0;

    height: 40px;

    color: #000000;

    font-size: 14px;

    vertical-align: top;

    text-align: center;

}



.container .searchInWeb .searchInWeb-content .searchInWeb-bottom p.conpanyInfo a {

    color: #000000;

    font-size: 14px;

}



.indexMoudle .newsInformation-banner {

    overflow: hidden;

}



.indexMoudle .newsInformation-banner .newsInformation-banner-container {

    background-color: #f7f8f9;

}



.nav_top .navBar {

    position: fixed;

    left: 0;

    top: 0;

}



.menu-fixed {

    position: fixed !important;

    left: 0;

    top: 0;

    z-index: 10000;

    width: 100%;

    margin: 0 !important;

    background-color: #f7f8f9;

}



.error-404 {

    width: 100%;

    height: 100%;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    min-height: 900px;

    padding-top: 10%;

    padding-left: 15%;

}



.error-404 .content {

    height: 100%;

    position: relative;

}



.error-404 .content div.logo {

    width: 100%;

}



.error-404 .content div.logo img {

    height: 60px;

}



.error-404 .content div.line {

    background-color: #ff0000;

    height: 2px;

    width: 100px;

    margin-top: 30px;

    margin-bottom: 30px;

}



.error-404 .content div.title h1 {

    margin: 0;

    padding: 0;

    color: #fff;

    font-weight: bolder;

    font-size: 72px;

}



.error-404 .content div.tip p {

    margin: 0;

    padding: 0;

    color: #fff;

    font-weight: normal;

    font-size: 14px;

}



.error-404 .content div.cn {

    margin-top: 20px;

}



.error-404 .content div.en {

    margin-top: 20px;

}



.error-404 .content div.link_list {

    width: 100%;

    margin-top: 90px;

}



.error-404 .content div.item {

    float: left;

    width: auto;

    display: inline-block;

    padding: 0 15px;

    border-right: 1px solid #CCCCCC;

}



.error-404 .content div.item:first-child {

    padding-left: 0;

}



.error-404 .content div.item:last-child {

    border-right: none;

}



.error-404 .content div.item p.cn {

    margin: 0;

    padding: 0;

    color: #CCCCCC;

    font-weight: normal;

    font-size: 16px;

}



.error-404 .content div.item p.en {

    margin: 0;

    padding: 0;

    color: #CCCCCC;

    font-weight: normal;

    font-size: 14px;

}



.error-404 .content div.item p.tel_cn {

    font-size: 14px;

}



.error-404 .content div.item p.tel {

    font-size: 18px;

}



.error-404 .content p.link_tip {

    margin: 10px 0 0 0;

    padding: 0;

    color: #999999;

    font-weight: normal;

    font-size: 14px;

}



.error-404 .content div.three {

    width: auto;

    text-align: right;

    position: absolute;

    right: 400px;

    bottom: 33%;

}



.error-404 .content div.three span {

    color: #ffffff;

    font-size: 23px;

}



.loginPage {

    background-color: #f0f0f0;

    width: 100%;

    height: 100%;

    min-height: 800px;

    position: relative;

}



.loginPage div.content {

    background-repeat: no-repeat;

    width: 100%;

    height: 100%;

    background-size: 100% 100%;

}



.loginPage div.content div.login {

    width: 520px;

    margin: 0 auto;

}



.loginPage div.content div.login div.top {

    background-color: #0067b8;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    padding: 15px 20px 15px 20px;

}



.loginPage div.content div.login div.top span {

    color: #ffffff;

    vertical-align: middle;

    font-size: 18px;

}



.loginPage div.content div.login div.top span.icon {

    display: inline-block;

    margin: 0 10px 0 0;

    padding: 0;

    vertical-align: middle;

    float: right;

    color: #ffffff;

    font-size: 20px;

}



.loginPage div.content div.login div.from {

    background-color: rgba(65, 66, 68, 0.1);

    width: 100%;

    padding: 50px 0;

}



.loginPage div.content div.login div.from h1 {

    margin: 0;

    padding: 0;

    color: #ffffff;

    font-size: 18px;

    text-align: center;

    font-weight: bold;

}



.loginPage div.content div.login div.from p.line {

    background-color: #ffffff;

    height: 2px;

    margin: 10px auto 10px auto;

}



.loginPage div.content div.login div.from div.input {

    background-color: #ffffff;

    width: 45%;

    margin: 20px auto;

    padding: 8px 8px;

    border-radius: 4px;

}



.loginPage div.content div.login div.from div.input span.icon {

    color: #999999;

    font-size: 14px;

    float: left;

}



.loginPage div.content div.login div.from div.input input {

    color: #999999;

    display: inline-block;

    float: left;

    width: 70%;

    padding: 0 0 0 5px;

    border: none;

    outline: none;

    font-size: 14px;

}



.loginPage div.content div.login div.from button {

    background-color: #0067b8;

    width: 45%;

    margin: 10px auto;

    padding: 8px 8px;

    border-radius: 10px;

    color: #ffffff;

    text-align: center;

    font-size: 15px;

    border: none;

    outline: none;

    display: block;

}



.loginPage div.content div.login div.from p.as {

    text-align: right;

    width: 45%;

    margin: 5px auto;

    padding: 0 0 15px 0;

    color: #FFFFFF;

}



.loginPage div.content div.login div.from p.as a {

    color: #FFFFFF;

    font-size: 12px;

}



.loginPage div.content div.login div.from p.tip {

    margin: 0;

    padding: 0;

    text-align: center;

    color: #999999;

    height: auto;

    line-height: normal;

    font-size: 14px;

}



.loginPage div.content div.login div.bottom {

    background-color: #f9fafb;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    padding: 10px 20px 10px 20px;

}



.loginPage div.content div.login div.bottom p {

    text-align: center;

    font-size: 14px;

    color: #999999;

    margin: 0;

    padding: 0;

}



.registerPage {

    background-color: #f0f0f0;

    width: 100%;

    height: 100%;

    min-height: 800px;

    position: relative;

}



.registerPage .content {

    background-repeat: no-repeat;

    width: 100%;

    height: 100%;

    background-size: 100% 100%;

}



.registerPage .content div.register {

    width: 500px;

}



.registerPage .content div.register div.top {

    background-color: #0067b8;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    padding: 15px 20px 15px 20px;

}



.registerPage .content div.register div.top span {

    color: #ffffff;

    vertical-align: middle;

    font-size: 19px;

}



.registerPage .content div.register div.top span.icon {

    display: inline-block;

    margin: 0 10px 0 0;

    padding: 0;

    vertical-align: middle;

    float: right;

    color: #ffffff;

    font-size: 20px;

}



.registerPage .content div.register div.top img.closed2 {

    width: 20px;

    height: 20px;

    display: inline-block;

    margin: 0;

    padding: 0;

    vertical-align: top;

    float: right;

}



.registerPage .content div.register div.from {

    background-color: rgba(65, 66, 68, 0.1);

    width: 100%;

    padding: 40px 0;

}



.registerPage .content div.register div.from div.input {

    background-color: #ffffff;

    width: 50%;

    margin: 20px auto;

    padding: 8px 8px;

}



.registerPage .content div.register div.from div.input span.icon {

    color: #999999;

    font-size: 14px;

    float: left;

}



.registerPage .content div.register div.from div.input input {

    color: #999999;

    display: inline-block;

    float: left;

    width: 70%;

    padding: 0 0 0 5px;

    border: none;

    outline: none;

    font-size: 14px;

}



.registerPage .content div.register div.from div.codes {

    width: 50%;

    margin: 20px auto;

    padding: 0;

}



.registerPage .content div.register div.from div.codes div.code_input {

    margin: 0;

    width: 50%;

    background-color: #ffffff;

    float: left;

    display: inline-block;

    padding: 4px 0 4px 8px;

}



.registerPage .content div.register div.from div.codes div.code_input span.icon {

    color: #999999;

    font-size: 14px;

    float: left;

}



.registerPage .content div.register div.from div.codes div.code_input input {

    color: #999999;

    display: inline-block;

    float: left;

    width: 85%;

    padding: 0;

    border: none;

    outline: none;

}



.registerPage .content div.register div.from div.codes img.client {

    width: 50px;

    height: 30px;

    display: inline-block;

    float: left;

    margin: 0 6px;

}



.registerPage .content div.register div.from div.codes p.change {

    margin: 5px 0 0 0;

    padding: 0;

    display: inline-block;

    width: auto;

    color: #999999;

    float: right;

}



.registerPage .content div.register div.from button {

    background-color: #0067b8;

    width: 50%;

    margin: 10px auto;

    padding: 8px 8px;

    border-radius: 10px;

    color: #ffffff;

    text-align: center;

    font-size: 15px;

    border: none;

    outline: none;

    display: block;

}



.registerPage .content div.register div.from p.as {

    text-align: right;

    width: 50%;

    margin: 5px auto;

    padding: 0;

}



.registerPage .content div.register div.from p.as a {

    color: #999999;

    font-size: 12px;

}



.registerPage .content div.register div.bottom {

    background-color: #f9fafb;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    padding: 10px 20px 6px 20px;

}



.registerPage .content div.register div.bottom p {

    text-align: center;

    font-size: 14px;

    color: #999999;

    margin: 0;

    padding: 0;

}



.resetPasswordPage {

    background-color: #f0f0f0;

    width: 100%;

    height: 100%;

    min-height: 800px;

    position: relative;

}



.resetPasswordPage div.content {

    background-repeat: no-repeat;

    width: 100%;

    height: 100%;

    background-size: 100% 100%;

}



.resetPasswordPage div.content div.resetPassword {

    width: 500px;

}



.resetPasswordPage div.content div.resetPassword div.top {

    background-color: #0067b8;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    padding: 15px 20px 15px 20px;

}



.resetPasswordPage div.content div.resetPassword div.top span {

    color: #ffffff;

    vertical-align: middle;

    font-size: 19px;

}



.resetPasswordPage div.content div.resetPassword div.top span.icon {

    display: inline-block;

    margin: 0 10px 0 0;

    padding: 0;

    vertical-align: top;

    color: #ffffff;

    font-size: 20px;

}



.resetPasswordPage div.content div.resetPassword div.from {

    background-color: rgba(65, 66, 68, 0.1);

    width: 100%;

    padding: 50px 0;

}



.resetPasswordPage div.content div.resetPassword div.from div.input {

    background-color: #ffffff;

    width: 45%;

    margin: 20px auto;

    padding: 8px 8px;

}



.resetPasswordPage div.content div.resetPassword div.from div.input span.icon {

    color: #999999;

    font-size: 14px;

    float: left;

}



.resetPasswordPage div.content div.resetPassword div.from div.input input {

    color: #999999;

    display: inline-block;

    float: left;

    width: 70%;

    padding: 0 0 0 5px;

    border: none;

}



.resetPasswordPage div.content div.resetPassword div.from button {

    background-color: #0067b8;

    width: 45%;

    margin: 10px auto;

    padding: 8px 8px;

    border-radius: 10px;

    color: #ffffff;

    text-align: center;

    font-size: 15px;

    border: none;

    outline: none;

    display: block;

}



.resetPasswordPage div.content div.resetPassword div.from p.as {

    text-align: right;

    width: 45%;

    margin: 5px auto;

    padding: 0;

}



.resetPasswordPage div.content div.resetPassword div.from p.as a {

    color: #999999;

    font-size: 12px;

}



.resetPasswordPage div.content div.resetPassword div.bottom {

    background-color: #f9fafb;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    padding: 10px 20px 10px 20px;

}



.resetPasswordPage div.content div.resetPassword div.bottom p {

    text-align: center;

    font-size: 14px;

    color: #999999;

    margin: 0;

    padding: 0;

}



.loginPage-bottom {

    background-color: #ffffff;

    position: absolute;

    width: 100%;

    height: 35px;

    left: 0;

    bottom: 0;

}



.loginPage-bottom .links {

    position: absolute;

    left: 50px;

    top: 0;

    height: 35px;

    line-height: 35px;

}



.loginPage-bottom .links .li {

    display: inline-block;

    border-right: 1px solid #999999;

    line-height: 17px;

    height: 17px;

    padding-left: 8px;

    padding-right: 8px;

}



.loginPage-bottom .links .li a {

    color: #000000;

    font-size: 15px;

}



.loginPage-bottom .links .li a span {

    color: #000000;

    font-size: 15px;

}



.loginPage-bottom .links .li:last-child {

    border: none;

}



.loginPage-bottom p.conpanyInfo {

    margin: 0;

    padding: 0;

    color: #000000;

    font-size: 14px;

    vertical-align: top;

    text-align: center;

    position: absolute;

    right: 50px;

    top: 0;

    height: 35px;

    line-height: 35px;

}



.loginPage-bottom p.conpanyInfo a {

    color: #000000;

    font-size: 14px;

}



.footer {

    margin-top: 40px;

}



.footer .footer-content {

    background-color: #383838;

    width: 100%;

    padding-top: 55px;

    padding-bottom: 55px;

}



.footer .footer-content .footer-info {

    width: 1820px;

    margin: 0 auto;

    padding-left: 4%;

}



.footer .footer-content .footer-info .function {

    width: 45%;

}



.footer .footer-content .footer-info .function ul {

    width: 20%;

}



.footer .footer-content .footer-info .function ul li {

    margin: 10px 0;

}



.footer .footer-content .footer-info .function ul li a {

    color: #bfbfbf;

    font-size: 14px;

}



.footer .footer-content .footer-info .function ul li:hover a {

    color: #FFFFFF !important;

}



.footer .footer-content .footer-info .function ul li:first-child {

    margin-bottom: 25px;

    margin-top: 0;

}



.footer .footer-content .footer-info .function ul li:first-child a {

    font-size: 18px;

    font-weight: bolder;

}



.footer .footer-content .footer-info .web-keywords {

    width: 26%;

    border-right: 1px solid #2b2b2b;

    border-left: 1px solid #2b2b2b;

}



.footer .footer-content .footer-info .web-keywords h1 {

    font-size: 18px;

    font-weight: bolder;

    margin: 0 auto 25px auto;

    padding: 0;

    color: #bfbfbf;

    width: 80%;

}



.footer .footer-content .footer-info .web-keywords h1:hover {

    color: #FFFFFF;

}



.footer .footer-content .footer-info .web-keywords ul {

    width: 80%;

    margin: 0 auto;

}



.footer .footer-content .footer-info .web-keywords ul li {

    display: inline-block;

    width: auto;

    border: 1px solid #a8a8a8;

    margin: 10px 0 0 10px;

    padding: 2px 5px;

}



.footer .footer-content .footer-info .web-keywords ul li a {

    color: #bfbfbf;

    font-size: 14px;

}



.footer .footer-content .footer-info .web-keywords ul li a:hover {

    color: #FFFFFF;

}



.footer .footer-content .footer-info .focusUs {

    width: 24%;

    padding-bottom: 17px;

}



.footer .footer-content .footer-info .focusUs .code {

    width: 80%;

    margin: 0 auto;

}



.footer .footer-content .footer-info .focusUs .code .code-item {

    text-align: center;

    width: 40%;

    margin-left: 20%;

    height: 0;

    padding-bottom: 40%;

    position: relative;

}



.footer .footer-content .footer-info .focusUs .code .code-item img {

    display: block;

    width: 80%;

    margin: 0 auto;

}



.footer .footer-content .footer-info .focusUs .code .code-item span {

    color: #bfbfbf;

    font-size: 14px;

    display: block;

    margin-top: 15px;

    text-align: center;

}



.footer .footer-content .footer-info .focusUs .code .code-item span:hover {

    color: #FFFFFF;

}



.footer .footer-content .footer-info .focusUs .code .code-item:first-child {

    margin-left: 0;

}



.footer .footer-content .footer-info .focusUs .i8home-select {

    width: 80%;

    margin: 25px auto 0 auto;

}



.footer .web-proprietary {

    background-color: #2b2b2b;

    width: 100%;

}



.footer .web-proprietary .web-proprietary-content {

    width: 1820px;

    margin: 0 auto;

    padding: 25px 0;

    position: relative;

}



.footer .web-proprietary .web-proprietary-content .web-about {

    padding-left: 4%;

}



.footer .web-proprietary .web-proprietary-content .web-about ul li {

    border-left: 1px solid #666666;

    padding: 0 10px;

}



.footer .web-proprietary .web-proprietary-content .web-about ul li a {

    color: #bfbfbf;

    font-size: 14px;

}



.footer .web-proprietary .web-proprietary-content .web-about ul li a:hover {

    color: #FFFFFF;

}



.footer .web-proprietary .web-proprietary-content .web-about ul li:first-child {

    border: none;

}



.footer .web-proprietary .web-proprietary-content p {

    color: #bfbfbf;

    font-size: 14px;

    padding-left: 4%;

}



.footer .web-proprietary .web-proprietary-content p:hover {

    color: #FFFFFF;

}



.footer .web-proprietary .web-proprietary-content img {

    position: absolute;

    right: 70px;

    top: 30px;

    width: 30px;

    height: 30px;

}



.loginContainer {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: none;

    background-color: rgba(0, 0, 0, 0.85);

    z-index: 100000000;

}



.loginContainer .loginContainerContent {

    width: 450px;

    position: absolute;

    z-index: 1000;

    top: 80px;

    left: calc((100% - 550px) * 0.5);

}



.loginContainer .loginContainerContent p.line {

    display: none !important;

}



.loginContainer .loginContainerContent .tip a {

    color: #999999 !important;

}



.loginContainer .loginContainerContent div.top {

    background-color: #0067b8;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    padding: 10px 20px 10px 20px;

}



.loginContainer .loginContainerContent div.top span {

    color: #ffffff;

    vertical-align: middle;

    font-size: 23px !important;

}



.loginContainer .loginContainerContent div.top span.icon {

    display: inline-block;

    margin: 0 10px 0 0;

    padding: 0;

    vertical-align: middle;

    float: right;

    color: #ffffff;

    font-size: 20px;

}



.loginContainer .loginContainerContent div.top img.closed2 {

    width: 20px;

    height: 20px;

    display: inline-block;

    margin: 0;

    padding: 0;

    vertical-align: top;

    float: right;

}



.loginContainer .loginContainerContent div.bottom {

    background-color: #f9fafb;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    padding: 10px 20px 6px 20px;

}



.loginContainer .loginContainerContent div.bottom p {

    text-align: center;

    font-size: 14px;

    margin: 0;

    padding: 0;

}



.loginContainer .loginContainerContent div.bottom p span {

    color: #666666;

    font-weight: bolder;

}



.loginContainer .loginContainerContent div.code_input {

    width: 47% !important;

}



.loginContainer .loginContainerContent .loginPage {

    height: auto;

    min-height: auto;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.62);

}



.loginContainer .loginContainerContent .loginPage div.content div.login {

    width: 100%;

}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from {

    padding-top: 20px !important;

    padding-bottom: 20px !important;

    border-left: 1px solid #000000;

    border-right: 1px solid #000000;

}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.input {

    background-color: #ffffff;

    width: 50%;

    margin: 15px auto;

    padding: 5px 5px;

}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.input span.icon {

    color: #999999;

    font-size: 14px;

    float: left;

}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.input input {

    color: #999999;

    display: inline-block;

    float: left;

    width: 70%;

    padding: 0 0 0 5px;

    border: none;

    outline: none;

    font-size: 14px;

}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.codes {

    width: 40%;

    margin: 20px auto;

    padding: 0;

}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.codes div.code_input {

    margin: 0;

    width: 40%;

    background-scolor: #ffffff;

    float: left;

    display: inline-block;

    padding: 4px 0 4px 8px;

}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.codes div.code_input span.icon {

    color: #999999;

    font-size: 14px;

    float: left;

}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.codes div.code_input input {

    color: #999999;

    display: inline-block;

    float: left;

    width: 85%;

    padding: 0;

    border: none;

    outline: none;

}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.codes img.client {

    width: 50px;

    height: 30px;

    display: inline-block;

    float: left;

    margin: 0 6px;

}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from div.codes p.change {

    margin: 5px 0 0 0;

    padding: 0;

    display: inline-block;

    width: auto;

    color: #999999;

    float: right;

}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from button {

    background-color: #0067b8;

    width: 50%;

    margin: 10px auto;

    padding: 8px 8px;

    border-radius: 10px;

    color: #ffffff;

    text-align: center;

    font-size: 15px;

    border: none;

    outline: none;

    display: block;

}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from p.as {

    text-align: right;

    width: 50%;

    margin: 5px auto;

    padding: 0;

}



.loginContainer .loginContainerContent .loginPage div.content div.login div.from p.as a {

    color: #999999;

    font-size: 12px;

}



.loginContainer .loginContainerContent .resetPasswordPage {

    width: 100%;

    height: auto;

    min-height: auto;

    display: none;

    background-color: rgba(0, 0, 0, 0.62);

}



.loginContainer .loginContainerContent .resetPasswordPage div.content div.resetPassword {

    width: 100%;

}



.loginContainer .loginContainerContent .resetPasswordPage div.content div.resetPassword div.from {

    padding-top: 20px !important;

    padding-bottom: 20px !important;

    border-left: 1px solid #000000;

    border-right: 1px solid #000000;

}



.loginContainer .loginContainerContent .resetPasswordPage div.content div.resetPassword div.from .tel {

    position: relative;

}



.loginContainer .loginContainerContent .resetPasswordPage div.content div.resetPassword div.from .tel .btn-info,

.loginContainer .loginContainerContent .resetPasswordPage div.content div.resetPassword div.from .tel .btn-success {

    position: absolute;

    right: 0;

    top: 0;

    margin: 0;

    padding: 0;

    font-size: 12px;

    height: 100%;

    border-radius: 0;

}



.loginContainer .loginContainerContent .registerPage {

    width: 100%;

    height: auto;

    min-height: auto;

    display: none;

    background-color: rgba(0, 0, 0, 0.62);

}



.loginContainer .loginContainerContent .registerPage .content div.register {

    width: 100%;

}



.loginContainer .loginContainerContent .registerPage .content div.register div.from {

    padding-top: 20px !important;

    padding-bottom: 20px !important;

    border-left: 1px solid #000000;

    border-right: 1px solid #000000;

}



.loginContainer .loginContainerContent .registerPage .content div.register div.from .tel {

    position: relative;

}



.loginContainer .loginContainerContent .registerPage .content div.register div.from .tel .btn-info,

.loginContainer .loginContainerContent .registerPage .content div.register div.from .tel .btn-success {

    position: absolute;

    right: 0;

    top: 0;

    margin: 0;

    padding: 0;

    font-size: 12px;

    height: 100%;

    border-radius: 0;

}



.loginContainer .loginContainer-cover {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 100;

}





/*1366px == 1280px*/



@media screen and (max-width: 1280px) and (min-width: 0px) {

    .i8home-xs-hide {

        display: none;

    }

    .menu-fixed {

        width: 100%;

    }

    .about-model-fixed {

        right: 0 !important;

    }

    body {

        /*min-width: 1366px;*/

        width: 100%;

    }

    body .container {

        /*width: 1366px;*/

        width: 100%;

    }

    body .container .navBar {

        width: 100%;

        left: 0;

        right: 0;

    }

    body .container .navBar .navBar-Container {

        width: 100%;

        padding-right: 136px;

        -webkit-box-pack: end;

        -moz-justify-content: flex-end;

        -webkit-justify-content: flex-end;

        justify-content: flex-end;

    }

    .navBar .navBar-list {}

    .container .navBar .navBar-Container .navBar-list .navBar-Content {

        background-color: transparent;

        width: auto;

    }

    .container .navBar .navBar-Container .navBar-list .navBar-Content>ul {

        -webkit-box-pack: end;

        -moz-justify-content: flex-end;

        -webkit-justify-content: flex-end;

        justify-content: flex-end;

        background-color: transparent;

    }

    .container .navBar .navBar-Container .navBar-list .navBar-Content>ul>li>a {

        padding: 0 10px;

    }

    body .container .navBar .navBar-Container .language-map {

        position: absolute;

        right: 0;

        top: 0;

    }

    body .container .navBar .navBar-Container .language-map .search {

        margin-left: 10px;

    }

    body .container .navBar .navBar-Container .language-map .loginIcon {

        margin-left: 10px;

        cursor: pointer;

    }

    body .container .navBar .navBar-Container .language-map .about {

        margin-left: 10px;

        cursor: pointer;

    }

    body .container .navBar .navBar-Container .language-map .about .about-item {

        left: -180px;

    }

    body .container .navBar .navBar-Container .language-map .about .about-item .triangle_border_up {

        margin: -12px auto 0 175px;

    }

    body .container .navBar .navBar-Container .language-map .language {

        margin-left: 10px;

        cursor: pointer;

    }

    body .container .navBar .navBar-Container .language-map .language .language-item {

        left: -80px;

    }

    body .container .navBar .navBar-Container .language-map .language .language-item .triangle_border_up {

        margin: -12px auto 0 75px;

    }

    body .container .navBar .navBar-Container .language-map .map {

        padding-right: 10px;

        margin-left: 10px;

    }

    body .footer .footer-content .footer-info {

        width: auto;

    }

    .footer .footer-content .footer-info {

        padding-left: 15px;

    }

    body .footer .web-proprietary .web-proprietary-content {

        width: auto;

    }

    .container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-pagination {

        bottom: 40%;

        top: auto;

    }

}



@media screen and (max-width: 1440px) and (min-width: 1280px) {

    .i8home-sm-hide {

        display: none;

    }

    .container .navBar .navBar-Container .navBar-list .navBar-Content>ul {

        -webkit-box-pack: end;

        -moz-justify-content: flex-end;

        -webkit-justify-content: flex-end;

        justify-content: flex-end;

        background-color: transparent;

    }

    .container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-pagination {

        bottom: 40%;

        top: auto;

    }

    .about-model-fixed {

        right: 0 !important;

    }

    .menu-fixed {

        width: 100%;

    }

    .container {

        width: 95%;

        margin-left: auto;

        margin-right: auto;

    }

    .container .navBar {

        width: 100%;

    }

    .container .navBar .navBar-Container {

        width: 95%;

        -webkit-box-pack: end;

        -moz-justify-content: flex-end;

        -webkit-justify-content: flex-end;

        justify-content: flex-end;

    }

    .container .navBar .navBar-Container .language-map .search {

        margin-left: 10px;

    }

    .container .navBar .navBar-Container .language-map .loginIcon {

        margin-left: 10px;

    }

    .container .navBar .navBar-Container .language-map .about {

        margin-left: 10px;

    }

    .container .navBar .navBar-Container .language-map .about .about-item {

        left: -180px;

    }

    .container .navBar .navBar-Container .language-map .about .about-item .triangle_border_up {

        margin: -12px auto 0 175px;

    }

    .container .navBar .navBar-Container .language-map .language {

        margin-left: 10px;

    }

    .container .navBar .navBar-Container .language-map .language .language-item {

        left: -80px;

    }

    .container .navBar .navBar-Container .language-map .language .language-item .triangle_border_up {

        margin: -12px auto 0 75px;

    }

    .container .navBar .navBar-Container .language-map .map {

        padding-right: 10px;

        margin-left: 10px;

    }

    .footer .footer-content .footer-info {

        width: 100%;

        margin-left: auto;

        margin-right: auto;

    }

    .footer .web-proprietary .web-proprietary-content {

        width: 100%;

        margin-left: auto;

        margin-right: auto;

    }

}



@media screen and (max-width: 1820px) and (min-width: 1440px) {

    .i8home-md-hide {

        display: none;

    }

    .container .navBar .navBar-Container .navBar-list .navBar-Content>ul {

        -webkit-box-pack: end;

        -moz-justify-content: flex-end;

        -webkit-justify-content: flex-end;

        justify-content: flex-end;

        background-color: transparent;

    }

    .container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-pagination {

        bottom: 200px;

        top: auto;

    }

    .menu-fixed {

        width: 95% !important;

        left: 2.5%;

    }

    .about-model-fixed {

        right: 2.5% !important;

    }

    .container {

        width: 95%;

    }

    .container .navBar .navBar-Container {

        width: 95%;

        -webkit-box-pack: end;

        -moz-justify-content: flex-end;

        -webkit-justify-content: flex-end;

        justify-content: flex-end;

        padding-right: 230px;

    }

    .container .navBar .navBar-Container .language-map {

        position: absolute;

        right: 0;

        top: 0;

    }

    .container .navBar .navBar-Container .language-map .about .about-item {

        left: -180px;

    }

    .container .navBar .navBar-Container .language-map .about .about-item .triangle_border_up {

        margin: -12px auto 0 175px;

    }

    .container .navBar .navBar-Container .language-map .language .language-item {

        left: -65px;

    }

    .container .navBar .navBar-Container .language-map .language .language-item .triangle_border_up {

        margin: -12px auto 0 65px;

    }

    .footer .footer-content .footer-info {

        width: 95%;

    }

    .footer .web-proprietary .web-proprietary-content {

        width: 95%;

    }

}



@media screen and (min-width: 1820px) {

    .i8home-lg-hide {

        display: none;

    }

    .container .navBar .navBar-Container .navBar-list .navBar-Content>ul {

        -webkit-box-pack: end;

        -moz-justify-content: flex-end;

        -webkit-justify-content: flex-end;

        justify-content: flex-end;

        background-color: transparent;

    }

    .container .newsInformation .newsInformation-content .newsInformation-banner .newsInformation-banner-container .swiper-pagination {

        bottom: 200px !important;

        top: auto;

    }

    .menu-fixed {

        width: 95% !important;

        left: 2.5%;

    }

    .about-model-fixed {

        right: calc((100% - 1820px) * 0.5) !important;

    }

    .container {

        /*width: 1820px;*/

        width: 95%;

    }

    .container .navBar .navBar-Container {

        width: 95% !important;

        -webkit-box-pack: end;

        -moz-justify-content: flex-end;

        -webkit-justify-content: flex-end;

        justify-content: flex-end;

        padding-right: 300px;

    }

    .container .navBar .navBar-Container .language-map {

        position: absolute;

        right: 0;

        top: 0;

    }

    .container .navBar .navBar-Container .language-map .about .about-item {

        left: -150px;

    }

    .container .navBar .navBar-Container .language-map .about .about-item .triangle_border_up {

        margin: -12px auto 0 175px;

    }

    .container .navBar .navBar-Container .language-map .language .language-item {

        left: -60px;

    }

    .container .navBar .navBar-Container .language-map .language .language-item .triangle_border_up {

        margin: -12px auto 0 65px;

    }

    .footer .footer-content .footer-info {

        width: 1820px;

    }

    .footer .web-proprietary .web-proprietary-content {

        width: 1820px;

    }

}



html body a:hover {

    text-decoration: none;

    /*color: #000000 !important;*/

}



#Totop {

    overflow-x: hidden;

}





/* site-map */



#site-map {

    /*background: #e5e6e8;*/

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);

    padding: 30px 55px;

    width: 100%;

    margin: 20px auto;

}



#site-map .site-title-en {

    font-size: 20px;

    color: #444444;

    font-weight: bold;

    margin-bottom: 10px;

}



#site-map .site-title-cn {

    font-size: 15px;

    color: #2b2b2b;

    font-weight: bold;

    margin-bottom: 10px;

}



#site-map .site-hr {

    width: 60px;

    height: 2px;

    background: #2b2b2b;

    margin-bottom: 20px;

}



#site-map .site-list {

    color: #666666;

    font-size: 15px;

    margin-left: -20px;

}



#site-map .site-list li {

    margin-bottom: 25px;

}



#site-map .site-list li a {

    font-size: 12px;

    color: #666;

    border-right: 1px solid #989898;

    padding: 0 6px;

}



#site-map .site-list-title {

    width: 100%;

    float: left;

    font-size: 15px;

    font-weight: bold;

    margin-bottom: 10px;

    margin-top: 5px;

}



#site-map .site-list-title a {

    text-decoration: none;

    color: #2b2b2b;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



#site-map .site-list-a {

    float: left;

    padding-left: 14px;

    line-height: 25px;

    margin-top: 5px;

}



#site-map .site-list-a a:last-child {

    border-right: none;

}



#site-map .site-list-a a {

    text-decoration: none;

    color: #2b2b2b;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



#site-map .site-intro {

    width: 100%;

    height: 85px;

    background: #FFFFFF;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);

    color: #aaaaaa;

    font-size: 15px;

    padding: 20px 50px;

}



#site-map .site-intro img {

    vertical-align: text-bottom;

    margin-right: 5px;

}



.container .scientific .scientific-content .scientific-item .scientific-cover {

    opacity: 0 !important;

}



.container .scientific .scientific-content .scientific-item:hover .scientific-cover {

    opacity: 1 !important;

}



.container .scientific .scientific-content .scientific-item:hover .scientific-block {

    display: none !important;

}



.container .scientific .scientific-content .scientific-item:hover a h1 {

    width: 90% !important;

}



#cboxTitle {

    display: none !important;

}



.projectCase .model-title .model-title-content .seeByType {

    display: none;

}



.projectCase .seeByType-container .triangle_border_up {

    display: none;

}



.projectCase .seeByType-container {

    background-color: transparent;

}



body .container .navBar .navBar-Container .language-map .about img.svg,

body .container .navBar .navBar-Container .language-map .about svg,

body .container .navBar .navBar-Container .language-map .language img.svg,

body .container .navBar .navBar-Container .language-map .language svg {

    fill: #8f8f8f !important;

}



body .container .navBar .navBar-Container .language-map .about:hover img.svg,

.container .navBar .navBar-Container .language-map .language:hover img.svg,

body .container .navBar .navBar-Container .language-map .about:hover svg,

.container .navBar .navBar-Container .language-map .language:hover svg {

    fill: #0067b8 !important;

}





/**/



.swiper-container-projectCase-content {

    position: relative;

    padding-bottom: 30px;

}



.swiper-container-projectCase-content.swiper-container-horizontal>.swiper-pagination-bullets {

    bottom: 0px;

}



.container .projectCase .projectCase-content {

    padding-top: 0px;

}



.container .projectCase .projectCase-content ul {

    -webkit-box-pack: start;

    -moz-justify-content: start;

    justify-content: start;

    flex-wrap: wrap;

    margin-top: 0;

}



.container .projectCase .projectCase-content ul li {

    width: calc((100% - 60px) / 5);

    margin-left: 15px;

    margin-top: 15px;

}



.container .projectCase .projectCase-content ul li:nth-of-type(5n+1) {

    margin-left: 0;

}



.container .projectCase .projectCase-content ul li .projectCase-img {

    width: 100%;

    overflow: hidden;

}



.container .projectCase .projectCase-content ul li .projectCase-img img {

    width: 100%;

    transform: scale(1, 1);

    transition-duration: 0.5s;

}



.container .projectCase .projectCase-content ul li .projectCase-img:hover img {

    transform: scale(1.1, 1.1);

    transition-duration: 0.5s;

}



.container .projectCase .projectCase-content ul li .projectCase-info {

    background-color: #f5f6f7;

    padding: 10px 15px;

    height: auto;

}



.container .projectCase .projectCase-content ul li .projectCase-info p {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 14px;

    color: #999999;

    margin: 0;

}



.container .projectCase .projectCase-content ul li .projectCase-info h1 {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 17px;

    color: #000000;

    margin-top: 5px;

    width: auto;

}



.container .projectCase .projectCase-content ul li .projectCase-info:hover p,

.container .projectCase .projectCase-content ul li .projectCase-info:hover h1 {

    color: #0067b8;

}



.container .projectCase {

    padding-top: 30px;

}



.projectCase .products-menues .channelPage-menu {

    padding-top: 40px;

}



.projectCase .products-menues .channelPage-menu .item {

    display: inline-block;

    padding: 3px 0;

    width: 120px;

    border: 1px solid #EEEEEE;

    overflow: hidden;

    border-radius: 15px;

    margin-left: 15px;

    margin-right: 15px;

    text-align: center;

}



.projectCase .products-menues .channelPage-menu .item a p.text {

    margin: 0;

    padding: 0;

    color: #000000;

    font-size: 16px;

}



.projectCase .products-menues .channelPage-menu .item a p.icon {

    display: none;

}



.projectCase .products-menues .channelPage-menu .active a p.text {

    color: #0067b8;

}



.projectCase .products-menues .channelPage-menu .item:hover {

    border-color: #0067b8;

}



.projectCase .products-menues .channelPage-menu .item:hover a p.text {

    color: #0067b8;

}



.projectCase .model-title {

    height: 80px;

}





/*mu-portfolio*/



#mu-portfolio .mu-simplefilter {

    padding-top: 40px;

    -webkit-box-align: center;

    -moz-align-items: center;

    -webkit-align-items: center;

    align-items: center;

    -webkit-box-pack: center;

    -moz-justify-content: center;

    -webkit-justify-content: center;

    justify-content: center;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}



#mu-portfolio .mu-simplefilter li {

    display: inline-block;

    padding: 3px 10px;

    min-width: 100px;

    background-color: #ffffff;

    border: 1px solid #2b2b2b;

    overflow: hidden;

    border-radius: 15px;

    margin-left: 15px;

    margin-right: 15px;

    font-size: 18px;

    text-align: center;

    cursor: pointer;

}



#mu-portfolio .mu-simplefilter li:hover {

    border-color: #0067b8;

    color: #0067b8;

}



#mu-portfolio .mu-simplefilter li.active {

    color: #0067b8;

    border: 1px solid #0067b8;

}



#mu-portfolio .mu-portfolio-content .filtr-container {

    margin-top: 45px;

    padding-left: 8px;

    padding-right: 8px;

}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item {

    width: calc(100% / 5);

    padding: 8px;

    float: left;

}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .cover-img {

    overflow: hidden;

    position: relative;

}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.65);

    opacity: 0;

    transition: opacity 1s;

    padding: 15px;

}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .bg .zan {

    margin: 5px 0 0 0;

    padding: 0;

    color: #ffffff;

    width: 100%;

}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .cover-img img {

    transform: scale(1, 1);

    transition-duration: 0.5s;

    width: 100%;

}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .cover-img:hover img {

    transform: scale(1.1, 1.1);

    transition-duration: 0.5s;

}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .cover-img:hover .bg {

    opacity: 1;

    transition: opacity 1s;

}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .cover-img:hover .bg .zan span {

    color: #FFFFFF;

}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .mu-filter-item-content {

    background-color: #f7f8f9;

    padding: 8px 0;

}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .mu-filter-item-content p {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 14px;

    color: #999999;

    text-indent: 1rem;

}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .mu-filter-item-content h1 {

    text-indent: 1rem;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 16px;

    color: #000000;

    margin-top: 5px;

}



#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .mu-filter-item-content:hover h1,

#mu-portfolio .mu-portfolio-content .filtr-container .filtr-item .mu-filter-item-content:hover p {

    color: #0067b8 !important;

}



#mu-portfolio .swiper-container-projectCase-content {

    margin-top: 45px;

}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul {

    flex-wrap: wrap;

}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li {

    width: calc((100% - 60px) / 5);

    margin-left: 15px;

    margin-top: 15px;

}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li:nth-of-type(5n+1) {

    margin-left: 0;

}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-img {

    overflow: hidden;

    position: relative;

}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-img img {

    transform: scale(1, 1);

    transition-duration: 0.5s;

    width: 100%;

}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-img .bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.65);

    opacity: 0;

    transition: opacity 1s;

    padding: 15px;

}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-img .bg .zan {

    margin: 5px 0 0 0;

    padding: 0;

    color: #ffffff;

    width: 100%;

}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-img:hover img {

    transform: scale(1.1, 1.1);

    transition-duration: 0.5s;

}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-img:hover .bg {

    opacity: 1;

    transition: opacity 1s;

}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-img:hover .bg .zan span {

    color: #FFFFFF;

}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-info {

    background-color: #f7f8f9;

    padding: 20px 0;

}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-info a p {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 14px;

    color: #999999;

    text-indent: 1rem;

}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-info a h1 {

    text-indent: 1rem;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    font-size: 17px;

    font-weight: bolder;

    color: #000000;

    margin-top: 5px;

}



#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-info:hover a p,

#mu-portfolio .swiper-container-projectCase-content .swiper-slide ul li .projectCase-info:hover a h1 {

    color: #0067b8;

}