/* Imported styles */

/* @import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Barlow Condensed:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto Condensed:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Anton'); */

/* commom */

html {
    font-size: 14px;
    color: #666;
    /* font-family: Microsoft YaHei; */
}

body {
  
}

a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link {
    color: #999;
    text-decoration: none;
}

a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

::selection {color:#fff; background-color: #333;} ::-moz-selection {color:#fff; background-color: #333;}
.noselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}

p {
    margin: 0 0 10px 0;
    line-height: 1.8;
}
*+p{
    margin-top: 10px;
}
.uk-link,
a {
    color: #444;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
*+.sy-btn{
    margin-top: 30px;
}
.sy-btn a{
    display: inline-block;
    position: relative;
    font-size: 18px;
    padding: 12px 50px;
    text-align: center;
    border-radius: 27px;
    color: #333333;
    margin-left: 10px;
    transform: translateZ(0);
    letter-spacing: 2px;
    border:1px solid #333;font-weight: bold;
}
.sy-btn a:first-child{
    margin-left: 0px;
}
.sy-btn a::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #b02223;
    transform: scaleX(0);
    transform-origin: 50% 0;
    transition-property: transform;
    transition: all 0.3s;
}
.sy-btn a:hover{color:#2e32a1;}

.text-over {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.sy-btn a.on:hover::before{
    background: #ad0c0d;
}
.p-scale {
    cursor: pointer;
}

.p-scale .pic {
    overflow: hidden;
}

.p-scale .pic .img {
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.p-scale .pic:hover .img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.wp-block-button__link {
  background-color: #32373c;
  border: none;
  border-radius: 28px;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  margin: 0;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  overflow-wrap: break-word;
  font-weight: 500 !important;
  background-color: #df222f;
}

.wp-block-button__link2 {
  background-color: #32373c;
  border: none;
  border-radius: 28px;
  box-shadow: none;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  margin: 0;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  overflow-wrap: break-word;
  background-color: #ffffff;
color: #df222f;
border: 2px solid;
font-weight: 500 !important;
}









.banner-swiper {}

.banner-swiper .swiper-slide {
    height: calc(780vw / 19.2);
    background-color: #111;
    overflow: hidden;
    position: relative;
}

.banner-swiper .banner-img {
    width: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 100%;
    display: block;
    z-index: 200
}

.banner-swiper .btn-more {
    width: calc(180em / 14);
    font-size: calc(0.417vw + 8px);
    padding-top: calc(8em / 14);
    padding-bottom: calc(8em / 14);
    line-height: calc(26em / 14);
}

.banner-swiper video.banner-img {
    z-index: 201;
}

body.wx .banner-swiper video {
    display: none;
}

/*.banner-swiper video.banner-img{
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: auto;
    display: block;
    z-index: 200
}*/

.banner-swiper .content-layer {
    position: absolute;
    height: 100%;
    z-index: 210;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    right: 0;
    margin: auto;
    font-size: calc(14vw / 19.2);
}

.banner-swiper .content-layer .line {
    width: 100%;
    font-weight: normal;
}

.banner-swiper .content-layer .line .text {
    display: block;
}

.banner-swiper .more-ctn a {
    display: inline-block;
}

.banner-swiper .pagination-line {
    position: absolute;
    z-index: 220;
    bottom: calc(80vw / 19.2);
    height: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.banner-swiper .pagination-line .pagination-line-inner {
    position: relative;
    width: 100%;

    display: flex;
    justify-content: space-between;
}

/*
.banner-swiper .pagination-line .pagination-line-inner::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    opacity: .2;
}*/

.banner-swiper .pagination-line .slide-line {
    flex: 1;
}

.banner-swiper .pagination-block {
    width: 25%;
    height: calc(50vw / 19.2);
    padding-bottom: calc(30vw / 19.2);
    color: #fff;
    display: flex;
    align-items: flex-end;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
}

.banner-swiper .pagination-block>* {
    font-family: "Arial", serif;
}

.banner-swiper .pagination-block .current {
    font-size: calc(40vw / 19.2);
    line-height: calc(44em / 60);
}

@media (max-width: 750px) {
    .banner-swiper .pagination-block {
        height: 50px;
        padding-bottom: 30px;
    }

    .banner-swiper .pagination-block .current {
        font-size: 40px;
    }
}

.banner-swiper .pagination-block .sep {
    opacity: .4;
    font-size: 1em;
    line-height: calc(13em / 14);
    margin-left: .5em;
    margin-right: .5em;
}

.banner-swiper .pagination-block .total {
    opacity: .5;
    font-size: 1em;
    line-height: calc(13em / 14);
}

.banner-swiper .current-line {
    flex: 0 0 auto;
    height: 60px;
    margin-top: -60px;
    position: relative;
    cursor: pointer;
}

.banner-swiper .current-line::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.banner-swiper .current-line:hover::before {
    opacity: .1;
    visibility: visible;
}

.banner-swiper .current-line .line-value {
    display: none;
}

.banner-swiper .current-line.current .line-value {
    display: block;
}

.banner-swiper .current-line::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    opacity: .5;
}

.banner-swiper .line-value {
    height: 1px;
    width: 0;
    position: absolute;
    bottom: 0;
}

.swiper-slide-active .line-value {
    animation: lineProgress 5s linear forwards;
}

.banner-swiper.banner-swiper-pc:hover .swiper-button-prev,
.banner-swiper.banner-swiper-pc:hover .swiper-button-next {
    opacity: 1;
}

/* .banner-swiper.banner-swiper-pc:hover .swiper-button-next {
    opacity: 1;
} */

.banner-swiper.swiper-button-prev,
.banner-swiper.swiper-button-next {
    opacity: 0;
    width: 50px;
    height: 50px;
    background-image: url("https://www.mitsubishielectric-fa.cn/themes/basic/skin/css/../images/index/swiper-arrow-dl.png");
    background-size: 100% 100%;
    transition: all .5s;
}

.banner-swiper.swiper-button-prev {
    left: 70px;
}

.banner-swiper.swiper-button-next {
    right: 70px;
    transform: rotate(180deg);
}

@keyframes lineProgress {
    0% {
        width: 0;
        left: 0;
    }

    80% {
        width: 100%;
        left: 0;
    }

    100% {
        width: 0;
        left: 100%;
    }
}

@supports (transform: translateY(calc(50em / 14))) {
    .banner-swiper .content-layer>* {
        opacity: 0;
    }

    .banner-swiper .swiper-slide .content-layer>* {
        animation: none;
    }

    .banner-swiper .swiper-slide-active .content-layer>* {
        animation: 1.5s cubic-bezier(0, .6, .4, 1) forwards running;
    }

    .banner-swiper .animation-none .content-layer>* {
        opacity: 1;
    }

    .banner-swiper .swiper-slide-active.animation-fadeInUp .content-layer>* {
        animation-name: fadeInUp;
    }

    .banner-swiper .swiper-slide-active.animation-fadeInDown .content-layer>* {
        animation-name: fadeInDown;
    }

    .banner-swiper .swiper-slide-active.animation-fadeInLeft .content-layer>* {
        animation-name: fadeInLeft;
    }

    .banner-swiper .swiper-slide-active.animation-fadeInRight .content-layer>* {
        animation-name: fadeInRight;
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            transform: translateY(calc(50em / 14));
        }

        100% {
            opacity: 1;
            transform: none;
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translateY(calc(-50em / 14));
        }

        100% {
            opacity: 1;
            transform: none;
        }
    }

    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            transform: translateX(calc(100em / 14));
        }

        100% {
            opacity: 1;
            transform: none;
        }
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            transform: translateX(calc(-100em / 14));
        }

        100% {
            opacity: 1;
            transform: none;
        }
    }
}

.solutions {
    padding-top: 50px;
    padding-bottom: 50px;
}

.solutions .row2 {
    background: url("https://www.mitsubishielectric-fa.cn/themes/basic/skin/css/../images/index/solution_back.jpg") center/cover no-repeat;
    height: 480px;
    padding-bottom: 130px;
}

.solutions .row2 .wrapper {
    display: flex;
}

.solutions .row2 .left {
    width: 50%;
    flex: 0 0 auto;

    padding-left: 60px;
    padding-right: 50px;

    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 45px;
}

.solutions .row2 .left img {
    width: 405px;
}

.solutions .row2 .left .title {
    margin-bottom: 20px;
    font-size: 15px;
}

.solutions .row2 .right {
    width: 50%;
    flex: 0 0 auto;

    padding-left: 50px;
    padding-right: 130px;

    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}

.solutions .row2 .right p {
    line-height: 1.625em;
}

.solutions .row2 .right .more {
    margin-top: 30px;
}

.solutions .row3 {
    margin-top: -75px;
}

.solutions .link-list {
    margin-right: -30px;
    margin-bottom: -30px;

    display: flex;
}

.solutions .link-list a {
    width: calc(25% - 30px);
    flex: 0 0 auto;
    margin-right: 30px;
    position: relative;
    color: #ffffff;
    height: 150px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}

.solutions .link-list a img {
    z-index: 220;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: .3s;
    object-fit: cover;
}

.solutions .link-list a .cover-text {
    position: relative;
    z-index: 250;
}

.solutions .link-list a:hover img {
    transform: scale(1.1);
}

section.products {
    background: url("https://www.mitsubishielectric-fa.cn/themes/basic/skin/css/../images/index/products_back.png") center/cover no-repeat;padding-top:60px;padding-bottom:60px;
}

.products .wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 720px;
}

.products .content {
    display: flex;
}

.products .wrapper .left {
    width: 400px;
    flex: 0 0 auto;
}

.products .wrapper .right {
    flex: 0 0 auto;
    width: calc(100% - 400px);
}

.products .catalog-list {
    background-color: #f9f9f9;
    padding-left: 0px;
}

.products .catalog {
    padding-left: 75px;
    position: relative;
    display: block;
    border-top: 1px solid #c7c7c7;
    height: 60px;
    overflow: hidden;
    padding-right: 40px;
    font-size: 14px;
}

.products .catalog:first-child {
    border-top: 1px solid transparent;
}

.products .catalog.active {
    height: auto;
    padding-bottom: 20px;

    border-top: 3px solid #284d93;
    background-color: #f2f2f2;
}

.products .catalog.active+.catalog {
    border-top: 1px solid transparent;
}

.products .catalog::before {
    content: "";
    width: 28px;
    height: 11px;
    background: url("https://www.mitsubishielectric-fa.cn/themes/basic/skin/css/../images/icons/arr_right_dark.svg") center/contain no-repeat;
    left: 20px;
    top: 25px;
    position: absolute;
    transition: .3s;
}

.products .catalog-name {
    padding-top: 16px;
    padding-bottom: 16px;
    line-height: 34px;
    font-size: 18px;
    cursor: pointer;

    transition: .2s;
}

.products .catalog-name:hover {
    color: #284d93;
    font-size: 22px;
}

.products .catalog.active::before {
    transform: rotate(90deg);
}

.catalog.active .catalog-name {
    font-size: 22px;
}

.catalog-desc {
    display: none;
}

.catalog-links {
    display: none;
    /*margin-top: 18px;*/
}

.catalog.active .catalog-desc {
    /*display: block;*/
    display: none;
}

.catalog.active .catalog-links {
    display: block;
}

.catalog-links a {
    display: block;
    line-height: 35px;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
}

.catalog-links a::after {
    content: "";
    width: 6px;
    height: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 4px;
    margin: auto;
    background: url("https://www.mitsubishielectric-fa.cn/themes/basic/skin/css/../images/icons/angle_right_red.svg") center/contain no-repeat;
    transition: .3s;
}

.catalog-links a:hover::after {
    right: 0;
}

.products .right {
    position: relative;
}
.products .right .d3{display:none;}
.products .right img {
    display: block;
    width: 100%;
    height: auto;
    transition: .3s;
 
    margin: auto;
   
}

.products .right img.active {
    opacity: 1;
    visibility: visible;
}

section.services .wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
}

section.services .row1 {
    background-color: #f2f2f2;
    padding: 0 20px 20px;
}

section.services .row1-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 58px;
}

section.services .row1-1 .left {
    font-size: 18px;
}

section.services .row1-2 {
    display: flex;
    margin-right: -20px;
}

section.services .row1-2 a {
    width: calc(25% - 20px);
    margin-right: 20px;
    flex: 0 0 auto;
}

section.services .row1-2 a img {
    display: block;
    width: 100%;
    height: auto;
}

section.services .row1-2 .title {
    background-color: #fff;
    padding: 6px 18px;
    line-height: 30px;
    text-align: center;
}

section.services .row2 {
    display: flex;
    margin-right: -20px;
    margin-top: 20px;
}

section.services .row2 a {
    width: calc(25% - 20px);
    flex: 0 0 auto;
    margin-right: 20px;
    background-color: #f2f2f2;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

section.services .row2 img {
    display: block;
    width: 100%;
    height: auto;
}

section.services .link-info {
    display: flex;
    height: 48px;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
}

section.services .link-info .right {
    flex: 0 0 auto;
}

section.files {
    background: url("https://www.mitsubishielectric-fa.cn/themes/basic/skin/css/../images/index/file_back.jpg") center/cover no-repeat;
}

section.files .wrapper {
    padding-top: 60px;
    padding-bottom: 54px;
}

section.files .section-title {
    margin-bottom: 0;
}

section.files .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    margin-bottom: 5px;
    border-top: 1px solid #dfdfdf;
}

section.files .type-switch {
    display: flex;
}

section.files .type-switch-mobile {
    display: none;
}

section.files .type-switch-mobile .m-select {
    background-color: #fff;
}

section.files .type-switch .type {
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    line-height: 30px;
    margin-left: 8px;
    position: relative;
}

section.files .type-switch .type:hover,
section.files .type-switch .type.active {
    color: #ff4251;
}

section.files .type-switch .type:last-child {
    padding-right: 0;
}

section.files .type-switch .type.active::after {
    content: "";
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    border: 3px solid;
    position: absolute;
    border-color: #284d93 transparent transparent #284d93;
}

section.files .file-list {
    background-color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 20px;
    margin-bottom: 20px;

    display: flex;
    flex-direction: column;
    align-items: stretch;
}

section.files .file-list a {
    border-bottom: 1px solid #eaeaea;
    padding-top: 16px;
    padding-bottom: 16px;

    display: flex;
}

section.files .file-list .col-1 {
    flex: 0 0 40%;
}

section.files .file-list .col-2{
    flex: 0 0 40%;
}

section.files .file-list .col-3{
    flex: 0 0 6%;
}

section.files .file-list .col-4 {
    flex: 0 0 14%;
}

section.files .filter-box {
    background-color: #ffffff;
    height: 80px;
    display: flex;
    font-size: 14px;
}

section.files .filter-box .col {
    width: 25%;
    flex: 0 0 auto;
    border-right: 1px solid #dfdfdf;
    position: relative;
    display: flex;
    align-items: stretch;
}

section.files .filter-box .condition {
    cursor: pointer;
}

section.files .filter-box .condition:hover {
    background-color: #f7f7f7;
}

section.files .filter-box .value {
    padding-left: 30px;
    width: 100%;
    display: flex;
    align-items: center;
}

section.files .filter-box .value::after {
    content: "";
    width: 13px;
    height: 8px;
    background: url("https://www.mitsubishielectric-fa.cn/themes/basic/skin/css/../images/icons/angle_down.svg") center/contain no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 30px;
}

section.files .filter-box .options {
    position: absolute;
    width: 100%;
    left: 0;
    top: 80px;
    background-color: #fff;
    display: none;
    z-index: 260;
}

section.files .filter-box .condition.active .options {
    display: block;
}

section.files .filter-box .item {
    line-height: 28px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #dfdfdf;
    padding-left: 30px;
    cursor: pointer;
}

section.files .filter-box .item:last-child {
    border-bottom: 1px solid #dfdfdf;
}

section.files .filter-box .item:hover {
    background-color: #f7f7f7;
}

section.files .filter-box .submit-ctn {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    padding-left: 30px;
    padding-right: 30px;
}


section.files .err-hint {
    color: #284d93;
    margin-top: 20px;
    font-size: 14px;
}

section.files .btn-submit {
    height: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: #ee4e5b;
}

section.latest-news .wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
}

section.latest-news .part1 {
    display: flex;
    margin-right: -20px;
    margin-bottom: 30px;
    align-items: stretch;
}

section.latest-news .part1 .col1 {
    width: calc(200% / 3 - 20px);
    margin-right: 20px;
    flex: 0 0 auto;
}

section.latest-news .part1 .col2 {
    width: calc(100% / 3 - 20px);
    margin-right: 20px;
    flex: 0 0 auto;
}

section.latest-news .part-header {
    font-size: 18px;
    line-height: 28px;
    padding: 6px 20px;
    display: flex;
    justify-content: space-between;
    background-color: #f9f9f9;
    align-items: center;
}

section.latest-news .part1 .part-content {
    margin-right: -20px;
    margin-top: 20px;
    display: flex;
}


section.latest-news .part1 .part-content a,
section.latest-news .part1 .part-content .a {
    margin-right: 20px;
    flex: 0 0 auto;
    display: block;
    overflow: hidden;
}

section.latest-news .part1 .col1 .part-content a {
    width: calc(50% - 20px);
}

section.latest-news .part1 .col2 .part-content .a {
    width: calc(100% - 20px);
}


section.latest-news .part1 .cover {
    position: relative;
    width: 100%;
    padding-bottom: 46.55%;
    overflow: hidden;
}

section.latest-news .part1 .cover img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: auto;

    background-color: #fff;
}

/*section.latest-news .part1 .activity img{
    object-fit: cover;
}*/

section.latest-news .part1 .info {
    background-color: #f9f9f9;
    font-size: 16px;
    padding: 16px 20px 10px;
    line-height: 24px;
    color: #4c4c4c;
    position: relative;
    min-height: 100px;
}

section.latest-news .part1 .info .title {
    font-weight: bold;
    margin-bottom: 4px;
}

section.latest-news .part1 a:hover .info .title {
    color: #f00000;
}

section.latest-news .part1 .col1 .info::after {
    content: "";
    width: 27px;
    height: 11px;
    position: absolute;
    right: 20px;
    bottom: 16px;
    background: url("https://www.mitsubishielectric-fa.cn/themes/basic/skin/css/../images/icons/arr_right_red.svg");
}

section.latest-news .info-line {
    font-size: 14px;
    color: #666;
    line-height: 22px;
}

section.latest-news .part2 .part-content {
    font-size: 14px;
}

section.latest-news .part2 .part-content a {
    border-bottom: 1px solid #eaeaea;
    display: flex;
    line-height: 24px;
    padding: 12px 20px;
}

section.latest-news .part2 a .col1 {
    width: 75%;
    flex: 0 0 auto;
}


section.latest-news .part2 a .col2,
section.latest-news .part2 a .col3 {
    width: 10%;
    flex: 0 0 auto;
    color: #666666;
}

section.latest-news .part2 a .col3 {
    width: 15%;
}

section.latest-news .part2 a:hover .col2,
section.latest-news .part2 a:hover .col3 {
    color: #f00000;
}

section.latest-news .part2 a .col3 {
    text-align: right;
}

section.about-us {
    background-color: #f5f5f5;
}

section.about-us .wrapper {
    padding-top: 40px;
    padding-bottom: 50px;
}

section.about-us .wrapper .content {
    display: flex;
}

section.about-us .intro {
    width: 390px;
    flex: 0 0 auto;
    margin-right: 20px;
    padding: 36px 40px;
    background-color: #ffffff;
    position: relative;
    min-height: 480px;
}

section.about-us .links {
    flex: 0 0 auto;
   
}

section.about-us .intro::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 0;
    bottom: 0;
    left: 0;
    border-bottom: 30px solid #284d93;
    border-right: 30px solid transparent;
}

section.about-us .intro .title {
    font-size: 24px;
    line-height: 1.3em;
    margin-bottom: 20px;
}

section.about-us .intro .desc {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 1px;
}

section.about-us .intro .more {
    margin-top: 30px;
    display: block;
}

section.about-us .links .top img {
    display: block;
    width: 100%;
    height: auto;
}

section.about-us .links .top {
    position: relative;
}

section.about-us .links .bottom {
    margin-top: 48px;
    display: flex;
}

section.about-us .links .bottom a {
    width: calc(100% / 18 * 5);
    flex: 0 0 auto;
}

section.about-us .links .bottom a:first-child {
    width: calc(100% / 18 * 4);
    justify-content: flex-start;
}

section.about-us .links .bottom a:last-child {
    width: calc(100% / 18 * 4);
    justify-content: flex-end;
}

.products .wrapper .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.banner-swiper .banner-next,
.banner-swiper .banner-prev {
    width: 64px;
    height: 64px;
    position: absolute;
    background: rgba(63, 63, 63, .5) center/16px auto no-repeat;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 320;
    cursor: pointer;
    transition: .3s;
}

.banner-swiper .banner-prev {
    background-image: url("https://www.mitsubishielectric-fa.cn/themes/basic/skin/css/../images/icons/angle_left_white.svg");
    left: calc(((100vw - 1200px) / 2 - 64px) / 2);
}

.banner-swiper .banner-prev:hover {
    background-color: rgba(255, 255, 255, .8);
    background-image: url("https://www.mitsubishielectric-fa.cn/themes/basic/skin/css/../images/icons/angle_left.svg");
}

.banner-swiper .banner-next {
    background-image: url("https://www.mitsubishielectric-fa.cn/themes/basic/skin/css/../images/icons/angle_right_white.svg");
    right: calc(((100vw - 1200px) / 2 - 64px) / 2);
}

.banner-swiper .banner-next:hover {
    background-color: rgba(255, 255, 255, .8);
    background-image: url("https://www.mitsubishielectric-fa.cn/themes/basic/skin/css/../images/icons/angle_right.svg");
}

.banner-swiper-mobile {
    display: none;
}

@media (max-width: 1600px) {
    .banner-swiper .banner-prev {
        left: calc((100vw - 1200px) / 2 - 64px);
    }

    .banner-swiper .banner-next {
        right: calc((100vw - 1200px) / 2 - 64px);
    }
}

@media (max-width: 1440px) {
    .banner-swiper .banner-prev {
        left: calc((100vw - 1200px) / 2);
    }

    .banner-swiper .banner-next {
        right: calc((100vw - 1200px) / 2);
    }

    .solutions .row2 br {
        display: none;
    }

    .banner-swiper .content-layer {
        /*font-size: 13px;*/
    }

    /*.banner-swiper .swiper-slide {
        height: calc(780vw / 19.2)
    }*/
}

@media (max-width: 1280px) {
    .products .wrapper .right img {
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .banner-swiper .banner-prev {
        left: calc((100vw - 900px) / 2);
    }

    .banner-swiper .banner-next {
        right: calc((100vw - 900px) / 2);
    }

    .banner-swiper .content-layer {
        /*font-size: 12px;*/
    }

    .banner-swiper .pagination-block {
        font-size: 14px;
    }

    section.services .link-info {
        font-size: 14px;
    }

    section.services .link-info .left {
        flex: 0 1 auto;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }


    section.services a:nth-of-type(4):hover .link-info .right {
        display: none;
    }
}

@media (max-width: 960px) {

    section.services a:nth-of-type(4):hover .link-info .right {
        display: block;
    }

    .banner-swiper .content-layer {
        /*font-size: 10px;*/
    }

    .banner-swiper .pagination-block {
        font-size: 12px;
    }

    .solutions .row2 .left {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }

    .solutions .row2 .left img {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }

    .solutions .row2 .right {
        padding-right: 0;
    }

    .solutions .row2 .wrapper {
        padding-top: 72px;
    }

    .solutions .row3 {
        margin-top: 50px;
    }

    .solutions .row2 {
        padding-bottom: 20px;
        height: auto;
    }

    .link-list {
        flex-wrap: wrap;
        margin-right: -30px;
        padding-left: 50px;
        padding-right: 50px;
    }

    .solutions .link-list a {
        width: calc(50% - 30px);
        margin-bottom: 30px;
        flex: 0 0 auto;
        height: 22.5vw;
    }

    .solutions .link-list {
        font-size: 18px;
    }

    .products .wrapper .left {
        width: 100%;
    }

    .products .wrapper .right {
        display: none;
    }

    .catalog.active .catalog-desc,
    .catalog.active .catalog-links {
        width: 40%;
    }

    .products .catalog-list {
        background-color: transparent;
    }

    .catalog-img-mobile {
        display: block;
        position: absolute;
        right: 0;
        left: 50%;
        margin: auto;
        top: 0;
        bottom: 0;
        width: auto;
        height: auto;
        max-height: calc(100% - 60px);
    }

    section.services .row1-2 {
        flex-wrap: wrap;
        margin-bottom: -20px;
    }

    section.services .row1-2 a {
        width: calc(50% - 20px);
        margin-bottom: 20px;
    }

    section.services .row2 {
        flex-wrap: wrap;
        margin-bottom: -20px;
    }

    section.services .row2 a {
        width: calc(50% - 20px);
        margin-bottom: 20px;
    }

    section.files .file-list .col-1 {
        flex: 0 0 68%;
    }

    section.files .file-list .col-2 {
        width: 10%;
    }

    section.files .file-list .col-3 {
        width: 10%;
    }

    section.files .file-list .col-4 {
        width: 12%;
    }

    section.latest-news .part1 {
        flex-wrap: wrap;
    }

    section.latest-news .part1 .col1 {
        width: calc(100% - 20px);
        margin-bottom: 20px;
    }

    section.latest-news .part1 .col2 {
        width: calc(100% - 20px);
    }

    section.latest-news .part1 .col2 .part-content a {
        display: flex;
    }

    section.latest-news .part1 .col2 .part-content a>* {
        width: 50%;
        flex: 0 0 auto;
    }

    section.latest-news .part1 .info .title {
        font-size: 16px;
        font-weight: normal;
    }

    section.latest-news .part1 .col2 .info::after {
        content: "";
        width: 27px;
        height: 11px;
        position: absolute;
        right: 20px;
        bottom: 16px;
        background: url("https://www.mitsubishielectric-fa.cn/themes/basic/skin/css/../images/icons/arr_right_red.svg");
    }

    section.latest-news .part2 a .col1 {
        width: 75%;
    }

    section.latest-news .part2 a .col2 {
        width: 10%;
    }

    section.latest-news .part2 a .col3 {
        width: 15%;
    }

    section.about-us .wrapper .content {
        display: block;
    }

    section.about-us .intro {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    section.about-us .intro {
        min-height: auto;
        padding-bottom: 70px;
    }

    section.about-us .links .bottom {
        font-size: 16px;
    }

    section.about-us .links {
        width: 100%;
    }

    section.files .type-switch .type {
        padding-left: 4px;
        padding-right: 4px;
    }
}

@media (max-width: 750px) {

    /*.banner-swiper .banner-img,
    .banner-swiper .banner-img img{
        width: 100%;
        height: auto;
        position: relative;
        left: 0;
        top: 0;
        transform: none;
    }*/
    .banner-swiper-mobile {
        display: block;
    }

    .banner-swiper-pc {
        display: none;
    }

    .banner-swiper-mobile .pagination-line .wrapper {
        width: calc(100% - 40px);
        margin: auto;
    }

    .banner-swiper .swiper-slide {
        height: 104vw;
    }

    .banner-swiper .pagination-line {
        bottom: 10%;
    }

    .banner-swiper .content-layer {
        font-size: calc(28vw / 7.5);
        /*28px at 750px*/
        /*14px at 375px*/
    }

    .banner-swiper-mobile .btn-more {
        width: calc(180em / 14);
        font-size: 0.75em;
        padding-top: calc(8em / 14);
        padding-bottom: calc(8em / 14);
        line-height: calc(26em / 14);
    }

    .solutions .wrapper {
        max-width: 520px;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .solutions .row2 .wrapper {
        display: block;
    }

    .solutions .row2 .left {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .solutions .row2 .right {
        padding-left: 0;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .solutions .link-list {
        padding-left: 0;
        padding-right: 0;
        margin-right: -20px;
        margin-bottom: -20px;
    }

    .solutions .link-list a {
        margin-right: 20px;
        margin-bottom: 20px;
        width: calc(50% - 20px)
    }

    section.files .type-switch {
        display: none;
    }

    section.files .type-switch-mobile {
        display: block;
    }

    section.files .filter-box {
        flex-wrap: wrap;
        height: auto;
    }

    section.files .filter-box .col {
        width: 50%;
        flex: 0 0 auto;
        height: 60px;
        border-bottom: 1px solid #dfdfdf;
    }

    section.files .filter-box .col:nth-of-type(2n) {
        border-right: 0;
    }

    section.files .filter-box .col:nth-last-of-type(1),
    section.files .filter-box .col:nth-last-of-type(2) {
        border-bottom: 0;
    }

    section.files .filter-box .condition.active .options {
        top: 60px;
    }

    section.files .file-list a {
        flex-wrap: wrap;
    }

    section.files .file-list .col-1 {
        width: calc(100% - 64px);
        flex: 0 0 auto;
    }

    section.files .file-list .col-2 {
        width: 64px;
        flex: 0 0 auto;
    }

    section.files .file-list .col-3,
    section.files .file-list .col-4 {
        width: 50%;
        color: #777;
    }

    section.files .file-list .col-2,
    section.files .file-list .col-4 {
        text-align: right;
    }

    section.files .file-list {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 15px;
    }

    section.files .wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    section.services .wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (max-width: 640px) {
    .products .catalog.active {
        padding-bottom: 20px;
    }

    .catalog.active .catalog-desc,
    .catalog.active .catalog-links {
        width: 100%;
    }

    .products .catalog {
        padding-left: 40px;
        padding-right: 20px;
    }

    .products .catalog::before {
        left: 10px;
        width: 21px;
        height: 8px;
        top: 28px;
    }

    .catalog-img-mobile {
        height: auto;
        width: 100%;
        position: relative;
        transform: none;
        top: 0;
        left: 0;
        margin: 20px auto auto;
    }

    section.latest-news .part1 .col1 .part-content {
        flex-wrap: wrap;
        margin-bottom: -20px;
    }

    section.latest-news .part1 .col1 .part-content a {
        width: 100%;
        margin-bottom: 20px;
    }

    section.latest-news .part1 .col2 .part-content a {
        display: block;
    }

    section.latest-news .part1 .col2 .part-content a>* {
        width: 100%;
    }

    section.latest-news .part1 img {
        height: 50vw;
        object-fit: contain;
    }

    section.latest-news .part1 .part-content {
        display: block;
        margin-right: 0;
        width: 100%;
    }

    section.latest-news .part2 .part-content a {
        flex-wrap: wrap;
    }

    section.latest-news .part2 .part-content a .col1 {
        width: 100%;
    }

    section.latest-news .part2 .part-content a .col2 {
        width: 50%;
        text-align: left;
        color: #777;
    }

    section.latest-news .part2 .part-content a .col3 {
        width: 50%;
        text-align: right;
        color: #777;
    }

    section.about-us .intro {
        padding: 20px 20px 50px;
    }

    section.about-us .intro .title {
        font-size: 28px;
        margin-bottom: 12px;
    }

    section.about-us .intro .more {
        margin-top: 15px;
    }

    section.about-us .links .bottom {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    section.services .row1-2 a {
        width: calc(100% - 20px);
    }

    section.services .row2 a {
        width: calc(100% - 20px);
    }

    section.about-us .content .links .bottom {
        flex-wrap: wrap;
        margin-top: 30px;
    }

    section.about-us .content .links .bottom a {
        justify-content: center;
        width: 50%;
        margin-bottom: 15px;
    }

    section.about-us .content .links .bottom a:nth-of-type(2)::after {
        display: none;
    }

    section.about-us .wrapper {
        padding-top: 30px;
        padding-bottom: 15px;
    }
}





.red-corner {
    line-height: 30px;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.red-corner span {
    position: relative;
    padding: 0 16px;
}

.red-corner span:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 5px solid transparent;
    border-top: 5px solid #284d93;
}

.red-corner:after {
    content: "";
    height: 18px;
    width: 1px;
    background-color: #d9d9d9;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
}

.red-corner:last-child:after {
    display: none;
}
















.in-case img{width:100%; }
.in_pro_li{padding:70px 0px 70px 0px;background:#e5e7ea;}
.in_pro_li dd h2{display:none;}
.in_pro_li dd:hover .pro_li_img{display:none;}
.in_pro_li dd:hover h2{display:block;}
.in_pro_li h2 a{color: #df222f !important;
font-size: 1.5rem;
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
text-decoration: underline;
text-underline-position: under;
    display: block;position: relative;
}

.top_but{display:block;width:190px;height:48px;color: #df222f;
border:1px solid #df222f;border-radius: 24px;float:left;text-align:center;line-height:48px;margin-top:8px;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
-o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.top_but:hover{background:#df222f;color:#fff;}
.projects-swiper{ padding-top: 10px;
    padding-bottom: 30px;}
.projects{position:relative;   }
   .projects .swiper-slide:before{content:'';width:1px;height:100%;position:absolute;right:-1px;top:0px;background:#999;    z-index: 99;}
     .projects .swiper-slide:after{content:'';width:100%;height:1px;position:absolute;left:0px;bottom:-1px;background:#999;    z-index: 99;}
     .projects .swiper-slide:nth-child(even):after{display:none;}
.projects .swiper-button-prev{background:url(../images/zbian.png) no-repeat !important;height:44px;width:44px;left:-60px;}
.projects .swiper-button-next{background:url(../images/youb.png) no-repeat !important;height:42px;width:42px;right:-60px;}

.ab_honor{position:relative;  padding: 20px;
    }
   
.ab_honor .swiper-button-prev{background:url(../images/ab_cer_l.png) no-repeat !important;height:52px;width:53px;left:-60px;}
.ab_honor .swiper-button-next{background:url(../images/ab_cer_r.png) no-repeat !important;height:52px;width:53px;right:-60px;}
.uk-lightbox {
    background: rgba(0, 0, 0, 0.8);
}

.jjfali a{font-size:16px;margin-right:50px;color:#666666;}
.jjfali a:hover{color:#284d93;border-bottom:1px solid #284d93;}

.in-case-h .pic:before{position:absolute;width:100%;height:100%;content:'';left:0px;top:0px;}
.in-case-h .pic:hover:before{display:block;}

.con_libg{background:#f1f1f1;padding:35px;position:relative;min-height:230px;}

.con_libg .con_libg_con{}
.con_libg .con_libg_con p{font-size:16px;}
.con_libg .con_libg_img{position:absolute;top:30px;right:30px;border:1px solid #333;border-radius:50%;}
.con_libg .con_libg_img{padding: 10px;
    width: 35px;}

.cons-text img {
    max-width: 100%;
    height: auto !important;
}

.cons-text table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100% !important;
    margin-bottom: 15px;
    max-width: 100%;
    text-align: center;
}

.cons-text table P {
    margin: 0;
}

*+.cons-text table {
    margin-top: 15px
}

.cons-text table td,
.cons-text table th {
    padding: 6px 4px;
    border: 1px solid #ddd;
}

.cons-text table th {
    text-align: left
}

.cons-text table td {
    vertical-align: middle;
    /* text-align: center; */
}

.cons-text table thead th {
    vertical-align: bottom
}

.cons-text table caption,
.cons-text table tfoot {
    font-size: 12px;
    font-style: italic
}

.cons-text table caption {
    text-align: left;
    color: #999
}

.cons-text table tbody tr.uk-active {
    background: #e5e5e5;
}

.cons-text table tbody tr:nth-of-type(odd) {
    background: #e5e5e5;
}


.cons-text table tbody tr:first-child{
    background: #1a459b;
    color:#fff;
  }

.h-about .pic h3{font-size:26px;color:#da251c;display:block;padding-bottom:15px;font-weight:bold;}
.h-about .pic span{padding:0px;color:#333333;font-size:40px;line-height:48px;font-weight:bold;}
.h-why-con{text-align:left;border:1px solid #ccc;border-right:none;padding-top:30px;padding-bottom:30px;}

.f_gs{background:#284d93;color:#fff;}

/* title */

.tm-title {
    position: relative;
    margin-bottom: 5px;
}

.tm-title .title {
    color: #333;
    font-size: 48px;
    overflow:hidden;
        clear: both;
        padding-bottom: 50px;;
}
.tm-title .title span{display:block;text-align:center;font-size:30px;}

.n-left .tm-title .title{padding-bottom:0px;}
#honor .tm-title .title{padding-bottom:30px;}
.tm-title .title span {
    position: relative;
    z-index: 5;
   
}

.n-left .tm-title .title span {
    position: relative;
    z-index: 5;
    border-bottom:2px solid #df222f;font-weight: inherit;font-size:26px;
}

.tm-title .des {
    font-size: 24px;
    margin-top: 5px;
    line-height: 1;
    text-transform: uppercase;
}

.section-title-1 {
    text-align: center;
    font-size: 0;
    margin-bottom: 40px;
}

.section-title-1 strong {
    font-weight: normal;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    color: #b02223;
    opacity: 0.2;
    font-weight: bold;
}

.section-title-1 h4 {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 28px;
    position: relative;
    padding: 0 42px;
    color: #b02223;
}



.philosophy{padding-top:70px;padding-bottom:70px;background-color:#f5f5f5;}


.sy-light .section-title-1 strong {
    color: #fff;
}

.sy-light .section-title-1 h4 {
    color: #fff;
}


.line {
    height: 2px;
    background-color: #e1e1e1;
    margin-top: 5px;
    margin-bottom: 40px;
}

.img-cover {
    overflow: hidden;
    position: relative;
}

.img-cover span {
    display: block;
    width: 100%;
    background: no-repeat center / cover;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.img-covers {
    overflow: hidden;
    position: relative;
    height: 0;
    padding-bottom: 74.66666667%;
}
.img-covers img{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    object-fit: fill;
    border-radius: inherit;
    width: 100%;
    height: 100%;
}
.section-title-more .more-big {
    float: right;
    margin-top: -77px;
}

.more-big {
    display: block;
    background-color: #363e45;
    width: 184px;
    line-height: 44px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.more-big:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 37px;
    content: "";
    height: 0;
    border-top: 44px solid #10654e;
    border-left: 28px solid transparent;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.more-big span {
    display: block;
    padding: 0 15px 0 30px;
    font-size: 16px;
    position: relative;
    z-index: 1;
}

.more-big span i {
    float: right;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
}

.more-big:hover {
    color: #fff;
}

.more-big:hover:after {
    width: 100%;
    height: 100%;
}

.position {
    margin-bottom: 20px;
    text-align: right;
    font-weight: 300;
    font-size: 13px;
}
.position h2{
    float: left;
    font-size: 22px;
    color: #1a459b;
}
.s-nav {
    /* margin-bottom: 40px; */
}

.s-nav .wp {
    text-align: center;
    float: left;
    margin-right: 20px;
}

.s-nav .wp:last-child {
    border: 0;
}

.s-nav .wp.on a,
.s-nav a:hover {
    background: #10654e;
    color: #fff;
}

.s-nav a {
    display: block;
    line-height: 44px;
    font-size: 16px;
    padding: 0 40px;
    color: #333;
    background: #ccc;
}

.l-nav .top {
    padding: 24px 20px;
    background: #10654e;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    color: #fff;
    font-size: 22px;
    border-radius: 16px 16px 0 0;
    text-align: center;
}

.l-nav .body {
    background: #f5f5f5;
}

.l-nav .body ul {
    list-style: none;
    margin: 0%;
    padding: 0;
}

.l-nav .body li {
    /* border-bottom: 1px solid #eee; */
}

.l-nav .body li a {
    padding: 15px 20px;
    display: block;
}

.l-nav .body li:hover a {
    background: #222;
    color: #fff;
}
.top-wrap{
    position: relative;
}
.top-w{
	position: relative;
}
.top-w .hot-tel{
	color:#da251c;
	padding-top:20px;padding-bottom:20px;
	font-size:20px;
	font-weight:;
	cursor: pointer;position:relative;
}

.nav_side_content .search_option form {
  
  border-radius: 15px;
  height: 30px;
  left: auto;
  margin: 13px 0px 0px 0px;
  padding: 0px;
background:rgba(255,255,255,.5);
  width: 160px;
  position: relative;
}
.nav_side_content .search_option form input {
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: normal;
  width:100%;
  height:100%;
  background: transparent;
  color:#fff;
  outline: none;
box-shadow: none;
 border:none;
  padding: 0 47px 0 10px;
  font-size: 15px;
}

.stricky-fixed .search_option form input{border:1px solid #009e96;}

.nav_side_content .search_option form button {
  display: block;
  width:30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  top:0px;
  right:5px;
  color: #fff;
  background: none;border:none;
}
.nav_side_content .cart_select {
  border-left: 1px solid #ececec;
  padding-left: 5px;
}
.mainmenu-area .link_btn .thm-btn {
  background: #00295B;
  line-height: 67px;
  padding: 0 50px;
}
.free-consulation-button{
  position: relative;
  height: 67px;
  width: 205px;
}
.free-consulation-button a {
  background: #2c3e50;
  width: 205px;
  height: 67px;
  padding: 10px 0;
  position: relative;
  z-index: 1;
}


.up_gd_nav{position: fixed !important;
    z-index: 99;
    left: 0px;
    top: 0px;
    width: 100%;}
.hot-tel .lang_li{display:none;position:absolute;left:0px;z-index:9999;width:100%;}
.hot-tel .lang_li ul{display:block;width:100%;padding:0px;}
.hot-tel .lang_li li{list-style-type:none;background:#2e32a1;display:block;width:100%;text-align:center;}
.hot-tel .lang_li li a{color:#fff;}
.hot-tel:hover .lang_li{display:block;}


.ban_w{background:url(../images/ban_bg.jpg) no-repeat;background-size:cover;padding-top:70px;padding-bottom:70px;}
.ban_w dl dd{position:relative;overflow:hidden;}
.ban_w dl dd span{font-size:36px;color:#fff;text-align:center;display:block;}
.ban_w dl dd p{font-size:16px;color:#b2b2b2;text-align:center;margin:0px;}
.ban_w dl dd:before{content:'';display:block;position:absolute;right:0px;width:1px; height:100%;background:#fff;}
.ban_w dl dd:last-child:before{display:none;}


.ban_w1{background:url(../images/ban_bg.jpg) no-repeat;background-size:cover;padding-top:70px;padding-bottom:70px;}
.ban_w1 dl dd{position:relative;overflow:hidden;}
.ban_w1 dl dd span{font-size:36px;color:#fff;text-align:center;display:block;font-weight:bold;}
.ban_w1 dl dd p{font-size:16px;color:#b2b2b2;text-align:center;margin:0px;}
.ban_w1 dl dd:before{content:'';display:block;position:absolute;right:0px;width:1px; height:100%;background:#fff;border-right:1px dotted #ccc;}
.ban_w1 dl dd:last-child:before{display:none;}
.tm-header {
    width: 100%;
    background:#fff;
    z-index: 99;
}

.tm-nav {
    background:#fff;
    border-top:1px solid #ebebeb;
    clear:both;position:relative;
}

.tm-topnav .logo {
    display: block;
    margin-top: 10px;
	margin-bottom: 10px;
}

.nav-top {
    margin: 10px 0 10px;
    font-size: 14px;
    margin-left: 30px;
    padding-left: 46px;
    background: url(/skin/images/tell.png) no-repeat;
    background-position: 0 7px;
    color: #ddd;
    line-height: normal;
}

.tm-nav .tel {
    color: #fff;
    font-size: 26px;
    font-family: Anton;
}

.tm-nav .lan a {
    padding: 3px 16px;
    margin-left: 30px;
    color: #fff;
    background: #10654e;
    border-radius: 50%;
}

.tm-nav .navs li {
    margin-right: 5px;
   
}

.tm-nav .navs li .ns-nav {
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 999;
    margin: 0 0;
   box-shadow: 0 .5rem 1.25rem -.25rem rgba(64,64,64,.2);
    /* border-radius: 0 0 3px 3px; */
    left:0px;
    margin-left: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
    transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
}

.tm-nav .navs li .ns-nav a {
    padding: 15px 20px;
    text-align: center;
    display: block;
    color: #000;
}

.tm-nav .navs li .ns-nav a:hover {
    color: #b02223;
}

.tm-nav .navs li>a {
    font-size: 18px;
    padding: 13px 35px;
    color: #000;
    display: block;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

.tm-nav .navs li>a::after {
    content: '';
    z-index: -1;
    background: #b02223;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    transform: scaleY(0);
    transform-origin: 50% 0; 
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    
}

.tm-nav .navs li:hover .ns-nav {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.tm-nav .navs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.tm-nav .navs .active>a:before,
.tm-nav .navs li:hover>a:before {
  content:'';position: absolute;width:100px;height:2px;background: #284d93;bottom: 0px;left:50%;margin-left:-50px;
}

.tm-nav .navs li:hover a::after,.tm-nav .navs li.active a::after {
    transform: scaleY(1);
}

.t-lan{
	margin-top:10px;
	position:absolute;
	right:0;
    background: #b02223;
    border-radius: 200px;
    padding: 4px 14px;
    color: #fff;
    background: url(../images/lan.png) no-repeat #b02223;
    background-size: 16px;
    background-position: 8px 7px;
    padding-left: 30px;
}
.t-lan a{
    color: #fff;
    position: relative;
}
.t-lan a::after{
    position: absolute;
    bottom: 0;
    content: " ";
    width: 0;
    border-bottom: solid 1px;
    -webkit-transition: .33s;
    transition: .33s;
    left: 100%;
}
.t-lan a:hover::after{
    width: 100%;
    left: 0;
    -webkit-transition: width .33s;
    transition: width .33s;
}
.m-lan{
	color:#fff;
}
.m-lan a{
	color:#fff;
}
.m-header{
    background:#fff;
    z-index: 99;
    width: 100%;
}
.m-header .uk-navbar-toggle{
    color: #999;
}
#tm-mobile .uk-offcanvas-bar {
    background: #1a459b;
}

.m-subnav {
    margin-top: 40px;
}

.m-subnav .m-nav {
    display: none;
}

.m-subnav .uk-parent .m-nav {
    display: block;
}

.m-subnav .uk-nav>li>a {
    padding: 16px 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.m-subnav ul.uk-nav-sub {
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.m-subnav ul.uk-nav-sub li a {
    padding: 6px 0;
}

.banner .swiper-slide {
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
   
}

.banner .swiper-pagination-bullet {
    width: 60px;
    height: 8px;
    opacity: 1;
    background: #fff;
    border-radius: unset;
}

.banner .swiper-pagination-bullet-active {
    background: #b02223;
}

.banner .uk-overlay-primary {
    background: rgba(0, 0, 0, 0.27);
}

.banner .text {
    color: #fff;
    text-align: left;
}

.banner .t1 {
    line-height: 1.2;
    font-size: 60px;
    color: #fff;
    margin-bottom: 60px;
}
.banner .t1 span{
    font-weight: bold;
    padding-bottom: 8px;
    border-bottom: 6px solid #b02223;
}
.banner .t2 {
    font-size: 18px;
    color: #fff;
    line-height: 2.2;
    width: 70%;
    text-align: left;
}
.banner .t2 span{
    font-size: 22px;
}
.p-list .wrap .img-cover {
    padding-top: 80%;
}

.p-list .wrap a {
    display: block;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
}
.p-list .wrap .pic{
  
    border-bottom: 0;
    overflow: hidden;
}
.p-list .wrap .pic img{
    transition: all 0.3s;
    width:100%;
}
.p-list .wrap .text {
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 20px;
    padding: 0px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: left;
  
    color: #333;
    transition: all 0.3s;
}
.p-list .wrap p{color:#999;}

.p-list .wrap .desc {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: center;
    color: #888;
}


.p-list .wrap a:hover .text{
   
}

.p-list .wrap a:hover .pic img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.p-list .wrap a:hover .more {
    background-color: #10654e;
    color: #fff;
    border-color: #10654e;
}

.h-why{background:#e5e7ea;padding-top:70px;padding-bottom:70px;}

.h-about .tm-title .des{
    font-size: 14px;
}
.h-about .text{
    font-size: 16px;line-height: 30px;
}

.hp-nav .uk-grid-margin{
    margin-top: 22px;
}
.hp-nav a{
    display: block;
    padding: 10px 0;
    text-align: left;
    border-bottom:1px solid #f1f1f1;
    position: relative;
    background: #fff;
    font-size: 16px;
}
.hp-nav dt{display:none;padding-left:20px;}
.hp-nav dt a{ color:#999;}
.hp-nav dd{display:none;padding-left:40px;}
.hp-nav dd a{ color:#999;}

.hp-nav a:hover,.hp-nav .active a{
  
    color: #000;
}
.hp-nav+.sy-btn{
    margin-top: 34px;
}
.hp-nav+.sy-btn a{
    width: 100%;
    box-sizing: border-box;
}

.l-lxwm p{
	margin:0;
	line-height:2;
}

.top_se{position:relative;}
.top_search{position:absolute;display:none;width:200px;}
.top_se:hover .top_search{display:block; }


.h-yous {
    background-image: url(../images/ysbg.jpg);
}
.h-yous .tit{
    text-align: center;
    font-size: 40px;
    color: #fff;
    margin-bottom: 150px;
}
.h-yous .tit span{
    font-size: 60px;
    font-style: italic;
}
.h-yous .pic{
    text-align: center;
}
.h-yous .wpp{
    position: relative;
}
.h-yous .ysl li{
    position: absolute;
}
.h-yous .ysl{
    color: #fff;
}
.h-yous .ysl .t1{
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 0 15px;
    font-size: 24px;
}
.h-yous .ysl .t1 span{
    font-style: italic;
    font-size:60px;
    font-weight: bold;
    margin-right: 10px;
}
.h-yous .ysl li.l1{
    left: 50px;
    top: -75px;
}
.h-yous .ysl li.l2{
    top: -40px;
    right: 10px;
}
.h-yous .ysl li.l3{
    bottom: 180px;
    right: 0px;
}
.h-yous .ysl li.l4{
    bottom: 0px;
    right: 40px;
}
.h-yous .ysl li.l5{
    left: 110px;
    bottom: 0;
}
.h-yous .ysl li.l6{
    left: 0px;
    bottom: 300px;
}
@media (min-width: 960px){
    .uk-child-width-1-7\@m>*{
        width: calc(100% * 1 / 7.001);
    }
}
.h-news {
    background: #f7f7f7;    overflow: hidden;
    clear: both;
}
.in-pro{background: #fff;}
.in-pro .tm-title .title span{color:#000;}
.h-news .wrap a {
    display: block;
   
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
}
.h-news .pic .img-cover{
    padding-bottom: 50%;
}


.h-news .wrap .text {
    padding-bottom: 50%;position: relative;
}

.h-news .wrap .text h4 {
    margin: 0;
    font-size: 18px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;

    height: 100%;
position: absolute;
left: 0;
top: 0;
width:100%;
background:#fff;box-shadow: 0 10px 16px 0 rgba(0,0,0,0.1),0 6px 20px 0 rgba(0,0,0,0.1) !important;
}

.h-news .wrap .text h4 span{padding:20% 20% 20% 20%;display:block;}
.h-news .wrap .text .date{
    color: #afafaf;
    margin: 5px 0;
}


.h-news .wrap .text p {
    margin: 5px 0 0;
    line-height: 1.8;
}
.news_left{padding-top:70px;padding-bottom:40px;}
.news_right{padding-top:70px;padding-bottom:70px;padding-left:90px;position:relative;}
.news_right .n_r_con{position:relative;}
.news_right:before{content:'';position:absolute;width:300%;height:100%;background:#eeeeee;top:0px;left:0px;z-index:0;}
.news_right .n_r_con .r_li{padding-left:20px;background:url(../images/wtico1.png) no-repeat left 30px;padding-top:20px;}
.news_right .n_r_con .r_li span{font-size:16px;color:#000;font-weight:bold;}
.news_right .n_r_con .r_li p{margin-top:5px;}

.tm-footer {
    background: #dbdbdb;
    padding: 50px 0 40px;
    background-size: cover;
    color: #fff;
  
}

.tm-footer h3{color:#000;position:relative;}
.tm-footer h3:before{content:'';position:absolute;width:30px;height:3px;bottom:-10px;left:0px;}

.tm-footer a{
    color: #787878;
}

.tm-footer .f-1 .f-logo{
    text-align: center;
    margin-bottom: 20px;
}
.tm-footer .f-1 .ewm{
    text-align: center;
}
.tm-footer .f-1 .ewm .wp{
    padding: 0 15px;
}
.tm-footer .f-1 .ewm .wp img{
    width: 100px;
}
.tm-footer .f-1 .hot{
    font-size: 50px;
    font-weight: bold;
    line-height: 0.8;
}
.tm-footer .f-2{


}
.tm-footer .navs {
    margin-bottom: 24px;
}
.tm-footer .navs .tit{
    color: #fff;
    font-size: 26px;
    margin-bottom: 5px;
}
.tm-footer .navs .tit span{
    display: inline-block;
    padding-bottom: 10px;
}
.tm-footer .navs a{
    color: #fff;
    display: block;
    line-height: 1.8;
}
.tm-footer .navs p{ color: #fff;}

.tm-footer .n-li li{line-height:32px;}
.f-copy {
    background: #dbdbdb;
    text-align: center;
    color: #333;
    padding: 15px 0;
    border-top:1px solid #ccc;
}

.f-copy a {
    color: #333;
}

.m-fnav{
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #1a459b;
    z-index: 999;
}
.m-fnav .wrap{
    text-align: center;
    line-height: 1.2;
}
.m-fnav .wrap a{
    display: block;
    padding: 10px 0;
    color: #fff;
}
.m-fnav .wrap .ic{
    margin-bottom: 3px;
}
.tm-footer a:hover{
    color: rgba(255,255,255,0.8);
    text-decoration: underline;
}
.page-navi {
    margin: 40px 0 20px;
    border-radius: 4px;
    padding-left: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

.page-navi span,.page-navi a {
    padding: 10px 15px;
    background: #eee;
}
.page-navi .page-num-current{
    background: #104492;
    color:#fff;
    cursor: unset;
}
.page-navi span,.page-navi a:hover{
    background: #104492;
    color: #fff;
}

.page-navi li {
    display: inline-block;
    margin-top: 1rem;
}

.ibbg{
    animation: pagebgfd 6s linear infinite alternate;
}
@-webkit-keyframes pagebgfd {
    0% {
      opacity: 1;
      -webkit-transform: scale(1, 1);
              transform: scale(1, 1);
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1.1, 1.1);
              transform: scale(1.1, 1.1);
    }
  }
  @keyframes pagebgfd {
    0% {
      opacity: 1;
      -webkit-transform: scale(1, 1);
              transform: scale(1, 1);
    }
    100% {
      opacity: 1;
      -webkit-transform: scale(1.1, 1.1);
              transform: scale(1.1, 1.1);
    }
  }
/* 内页 */


.services{padding-top:70px;padding-bottom:70px;}

.n-ban {
    padding: 180px;
    position: relative;
    overflow: hidden;
}
.n-ban .pic{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-image: url(../images/futuerbg.jpg);
}
.n-ban .tit {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    z-index: 9;
}
.n-ban .tit i{
    display: inline-block;
    width: 145px;
    height: 2px;
    background-color: #fff;
    vertical-align: middle;
}
.n-ban .tit span{
    margin: 0 30px;
}
.n-ban .tit .cn{
    font-size: 30px;
    letter-spacing: 3px;
}
.n-ban .tit .en {
    font-size: 12px;
    line-height: 24px;
}


.n-com .info{
    font-size: 15px;
    margin-bottom: 20px;
}
.n-quality .uk-overlay {
    background: rgba(52, 107, 180, 0.6);
}

.n-style {
    background:  #f5f5f5;
}
.n-honor{
    background: #fff;
}
.n-honor .wp{
    display: table-cell;
    vertical-align: middle;
   
    border: 1px solid #ddd;
    padding: 10px;
}
.n-left .tm-title{
    position: relative;
}
.n-left .tm-title .des{
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    left: 10px;
    top: -10px;
    opacity: 0.1;
    white-space: nowrap;
}
.cust-swiper {}

.cust-swiper .wp {
    border: 1px solid #ddd;
}

.panel-sd {
    margin-bottom: 20px;
    background-color: #f6f6f6;
}

.panel-sd:last-child {
    margin-bottom: 0;
}

.panel-sd .tit {
    text-align: center;
    color: #fff;
    font-size: 28px;
    background: url(../images/lo.png) no-repeat top center #10654e;
    padding: 20px 0;
    /* border-radius: 0 30px 0 0; */
}

.panel-sd .tit span {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
}


.newslist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.newslist li a {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.newslist li .img-center {
    float: left;
    width: 180px;
}

.newslist li .text {
    margin: 0 0 0 220px;
    position: relative;
    padding-right: 160px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.newslist li .text h4 {
    margin: 0;
    font-weight: normal;
    font-size: 18px;
    position: relative;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 23px;
    transition: all 0.3s;
}

.newslist li .text p {
    line-height: 2;
    height: 52px;
    overflow: hidden;
    margin: 10px 0 0;
    color: #999;
}

.newslist li .date {
    position: absolute;
    right: 30px;
    top: 0;
}

.newslist li .date span {
    display: block;
    font-family: Impact;
    color: #ccc;
    font-size: 22px;
    margin-bottom: 20px;
    transition: all 0.3s;
}

.newslist li .date i {
    border-left: 1px solid #e5e5e5;
    text-align: right;
    line-height: 20px;
    font-size: 0;
    display: block;
}

.newslist li .date i:before {
    content: '→';
    color: #999;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 20px;
    display: block;
    text-align: center;
}
.newslist li:hover .text h4{
    color: #b02223;
}

.videolist .text h4{
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
}
.pagination {
    text-align: center;
    margin-top: 30px;
}

.pagination a {
    display: inline-block;
    margin-right: 10px;
    padding: 2px 12px;
    height: 24px;
    border: 1px #cccccc solid;
    background: #fff;
    text-decoration: none;
    color: #808080;
    font-size: 12px;
    line-height: 24px;
    border-radius: 3px;
}

.pagination a:hover {
    color: #10654e;
    background: white;
    border: 1px #10654e solid;
}

.pagination a.page-num-current {
    border: 1px solid #10654e;
    background: #10654e;
    color: #fff;
}

.news-title {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.news-title h1 {
    margin: 0;
    font-size: 30px;
    font-weight: normal;
}

.news-title p {
    margin: 10px 0 0;
    font-size: 0;
}

.news-title p span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    font-size: 14px;
    color: #999;
    background: no-repeat 0 center;
    padding-left: 25px;
}

.news-title p span.i1 {
    background-image: url(../images/920_newscon1.png);
}

.news-title p span.i2 {
    background-image: url(../images/920_newscon2.png);
}

.news-title p span.i3 {
    background-image: url(../images/920_newscon3.png);
}

.news-content {
    line-height: 1.8;
    margin-bottom: 30px;
}

.news-content img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
}
.news-content video{
    display: block;
    width: 500px;
    max-width: 100%;
    height: 300px;
    background: #000;
    margin: 0 auto;
}
.news-exp {
    border-top: 1px dashed #ccc;
    padding-top: 20px;
    overflow: hidden;
}

.news-exp .wp {
    float: left;
    width: 50%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-exp .wp:last-child {
    text-align: right;
}

.news-panel {
    margin-top: 40px;
}

.news-panel .tit {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.news-panel .tit .fh {
    float: right;
    color: #999;
    font-size: 16px;
    padding-left: 25px;
    background: url(../images/920_fh.png) no-repeat 0 center;
}

.news-panel .tit .fh:hover {
    color: #104492;
}

.news-panel .tit span {
    display: inline-block;
    font-size: 24px;
    border-bottom: 2px solid #104492;
    color: #104492;
    margin-bottom: -1px;
    padding-bottom: 15px;
    line-height: 1;
}

.news-panel li {
    font-size: 16px;
}

.news-panel li span {
    float: right;
    padding-right: 20px;
    color: #999;
}

.a-pro .pview-swiper {
    border: 1px solid #ddd;
}
.pview-swiper .swiper-button-next,  .pview-swiper .swiper-button-prev{
    width: 40px;
    height: 40px;
    background-color: rgba(176, 34, 35, 0.6);
    background-size: 14px 14px;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s;
}
.pview-swiper:hover .swiper-button-next,.pview-swiper:hover .swiper-button-prev{
    opacity: 1;
}
.a-pro .name{
    font-size: 24px;
}
.a-pro .desc{
    color: #666;
}
div.zoomDiv {
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff;
    border: 1px solid #ddd;
    display: none;
    text-align: center;
    overflow: hidden;
    font-size: 0;
}

div.zoomDiv img {
    max-width: none;
}

div.zoomMask {
    position: absolute;
    background: url(../images/mask.png) repeat scroll 0 0 transparent;
    cursor: move;
    z-index: 1;
}

.preview {
    width: 100%;
    margin-top: 10px;
    position: relative;
}

.preview .swiper-container {
    margin: 0 35px;
}

.preview .swiper-slide {
    width: 33%;
    cursor: pointer;
}

.preview .arrow-left {
    background: url(../images/feel3.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}

.preview .arrow-right {
    background: url(../images/feel4.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    width: 9px;
    height: 18px;
    z-index: 10;
}

.preview img {
    padding: 1px;
}

.preview .active-nav img {
    padding: 0;
    border: 1px solid #10654e;
}

.p-cons {
    margin: 40px 0;
    color: #666;
}

.p-cons .tt1 {
    color: #b02223;
    font-size: 24px;
    font-weight: bold;
}

.p-cons .tt1 span {
    font-weight: 300;
    opacity: 0.5;
    margin-left: 15px;
    font-size: 18px;
    text-transform: uppercase;
}

.pcons-li .wp {
    border: 1px solid #ddd;
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
}

.pcons-li .wp p {
    background: #10654e;
    color: #fff;
    margin: 0;
    padding: 6px 0;
}

.pcons-li .wp:hover {
    border-color: #448be8;
}



.a-pro,
.a-news,
.i-info {
    line-height: 1.8;
    color: #333;
}

.a-pro img,
.a-news img,
.i-info img {
    height: auto !important;
}

.i-title h2 {
    text-align: center;
    font-weight: bold;
}

.l-pro .wrap {
    -webkit-box-shadow: 0px 0px 30px rgba(181, 181, 181, 0.6);
    box-shadow: 0px 0px 30px rgba(181, 181, 181, 0.6);
}

.l-pro .wrap .text {
    padding: 20px 20px 40px;
    text-align: center;
    border-bottom: 2px solid transparent;
}

.l-pro .wrap .text h2 {
    font-size: 20px;
}

.l-pro .wrap .text .more {
    text-align: center;
}

.l-pro .wrap .text .more i {
    display: inline-block;
    text-transform: uppercase;
    line-height: 36px;
    padding: 0px 30px;
    background-color: #e8e8e8;
    border-radius: 40px;
    font-size: 14px;
    color: #222;
    font-style: normal;
}

.l-pro .wrap:hover .text {
    border-color: #10654e;
}

.l-pro .wrap:hover .more i {
    background: #10654e;
    color: #fff;
}

.l-news .pic {
    padding-bottom: 65%;
    border: 1px solid #eee;
    background: #10654e;
}

.l-news .text {
    margin-top: 10px;
}

.l-news .text .tit {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: bold;
}

.l-news .text .des {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    visibility: visible;
}

.l-news .text .date {
    font-size: 13px;
    margin-top: 10px;
    display: block;
    color: #10654e;
}

.l-news .pic img {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.l-news .wrap:hover .pic img {
    opacity: 0.6;
}

.l-news .wrap:hover .tit {
    color: #10654e;
}

.a-news .top {
    padding-bottom: 50px;
}

.a-news .body {
    color: #666;
}

.a-news .top .title {
    font-size: 28px;
    text-align: center;
}

.a-news .top .date {
    text-align: center;
    color: #999;
    margin-top: 20px;
}

.pages {
    text-align: center;
}

.pages .pageinfo {
    display: none;
}

.pages li {
    display: inline-block;
    line-height: 36px;
    padding: 0px 15px;
    margin: 0px 5px;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    margin-bottom: 10px;
}

.pages li a {
    color: #333;
    display: block;
}

.pages .thisclass {
    background: #10654e;
    color: #fff;
}

.pages .thisclass a {
    color: #fff;
}

.pages li:hover {
    background: #10654e;
    color: #fff;
}

.pages li:hover a {
    color: #fff;
}

.next-prev {
    padding-top: 30px;
    border-top: 1px solid #ddd;
    margin-top: 30px;
    line-height: 2;
    color: #666;
}
.tjcp .tit{
    font-size: 22px;
    margin: 30px 0;
    color: #333;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    position: relative;
}
.tjcp .tit::after{
    display: inline-block;
    content: '';
    height: 3px;
    width: 90px;
    background: #b02223;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.tjcp .wrap{
    
}
.tjcp .wrap .img-cover{
    padding-bottom: 65%;
    border: 1px solid #ddd;
}
.tjcp .wrap .text{
    text-align: center;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 10px 0;
}
.tjcp .wrap:hover .text{
    background: #10654e;
    color: #fff;
}


.cat-l .hot{
    margin-bottom: 30px;
    padding-left: 60px;
    position: relative;
    color: #b02223;
}
.cat-l .hot .fa{
    position: absolute;
    left: 0;
    font-size: 60px;
}
.cat-l .hot  span{
    font-size: 14px;
    margin-top: -15px;
}
.cat-l .hot p{
    font-size: 36px;
    line-height: 1.3;
    margin: 0;
    font-weight: bold;
}
.cat-l .other{
    font-size: 16px;
   
}
.cat-l .other .fa{
    font-size: 18px;
    margin-right: 15px;
    width: 20px;
    text-align: right;
}
.cat-r .wp{
    text-align: center;
    padding: 30px 30px 0;
}
.cat-r .wp img{
    width: 200px;
    border: 1px solid #999;
}
.cat-r .wp p{
    font-size: 16px;
    color: #b02223;
}
.n-app .yy{
    font-size: 16px;
    color: #b02223;
    padding: 0 15%;
    line-height: 2;
}
.n-app .app-list{
    margin-top: 2rem;
}
.app-list .wrap .img-covers{
    padding-bottom: 80%;
}
.app-list .wrap{
    position: relative;
    overflow: hidden;
}
.app-list .wrap::before{
    background-color: rgba(26, 69, 155, 0.8);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 6;
}
.app-list .wrap .text{
    position: absolute;
    left: 0.8rem;
    right: 0.8rem;
    bottom: 0.4rem;
    line-height: 2em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    z-index: 7;
    text-align: center;
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
    font-size: 1em;
}
.app-list .wrap .text .fa{
    display: block;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    font-size: 40px;
    margin-bottom: 0.7rem;
}
.app-list .wrap::after{
    background-image: url(../images/masks-case.png);
    background-size: 1rem auto;
    background-position: 50% bottom;
    background-repeat: repeat-x;
    -webkit-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 6;
}
.app-list .wrap:hover::before{
    opacity: 1;
    visibility: visible;
    transform: none !important;
}
.app-list .wrap:hover .text{
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    font-size: 1.25em;
    white-space: normal;
    padding-top: 0;
}
.app-list .wrap:hover .text .fa{
    opacity: 1;
    visibility: visible;
    transform: none !important;
}
.app-list .wrap:hover::after{
    transform: translateY(120%);
}
@media (max-width: 1023px) {
    .tm-topnav {
        position: relative;
    }
    .tm-nav .tel {
        display: none;
    }
    .tm-nav .navs {
        margin-right: 30px;
    }
    .tm-nav .navs li a {
        margin: 0 10px;
    }
    .nav-top {
        position: absolute;
        right: 0;
        height: 100%;
        top: 0;
        margin: 0;
    }
    .tm-nav .lan {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #10654e;
    }
    .tm-nav .lan a {
        padding: 0px 15px;
        border-radius: 0;
        display: block;
        margin-left: 0;
    }
    .tm-nav .navs li .ns-nav a {
        padding: 10px 0px;
    }
    .n-ban {
        padding: 40px 0;
    }
    .m-header .logo {
        padding-left: 20px;
    }
    .panel-sd .tit{
        display: none;
    }

    .f-copy{
        font-size: 12px;
        padding: 10px 20px;
    }
    
}

@media (max-width: 767px) {
    .section-title-1{
        margin-bottom: 30px;
    }
    .banner .swiper-slide{
       
    }
    .banner .t1{
        font-size: 30px;
        margin-bottom: 20px;
    }
    .banner .t1 span{
        border-bottom: 3px solid #b02223;
        padding-bottom: 4px;
    }
    .banner .t2{
        font-size: 14px;
        width: auto;
        line-height: 2;
    }
    .banner .t2 span{
        font-size: 16px;
    }
    
    .h-about .pic span{font-size: 38px;}
 
    .projects .swiper-button-prev{top: -50px;}
    .projects .swiper-button-next{top: -50px;}
    .h-news .wrap .text h4 span{padding:20px;font-size: 14px;}
    
    .sy-btn a{
        font-size: 14px;
        padding: 8px 20px;
    }

    .tm-title {
        margin-bottom: 0px;
    }

    .tm-title .title {
        font-size: 28px;
        overflow:hidden;
        clear: both;
        padding-bottom: 30px;
    }
    .tm-title .des {
        font-size: 18px;
    }
    .h-yous .ysl li{
        position: unset;
    }
    .h-yous .tit{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .h-yous .tit span{
        font-size: 36px;
    }
    .h-yous .ysl .t1{
        font-size: 18px;
        border-bottom: 0;
        margin-bottom: 5px;
        padding: 0;
    }
    .h-yous .ysl .t1 span{
        font-size: 40px;
    }
    .h-yous .ysl .t2 br{
        display: none;
    }
    .hp-nav a{
        padding: 6px 0;
        font-size: 14px;
    }
   .uk-grid{
        margin-left: -15px;
    }
   .uk-grid>* {
        padding-left: 15px;
    }
    .uk-grid>.uk-grid-margin{
        margin-top: 15px;
    }
    .tm-footer .f-1{
        text-align: center;
    }
    .tm-footer .f-1 .hot{
        font-size: 40px;
    }
    .tm-footer .f-2{
        padding: 0;
        border: 0;
    }
    .tm-footer .navs .tit{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .tm-footer .navs .tit span{
        padding-bottom: 4px;
    }
    .tm-footer .navs a{
        font-size: 12px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .position{
        text-align: left;
        margin-top: 30px;
    }
    .position h2{
        float: none;
        margin-bottom: 6px;
    }
    .n-ban {
        padding: 80px 0 30px;
    }
    .n-ban .tit i{
        width: 60px;
    }
    .n-ban .tit .cn{
        font-size: 26px;
    }
    .a-pro .name{
        font-size: 20px;
    }
    .n-app .yy{
        padding:0 6%;
        font-size: 14px;
    }
    .newslist li .img-center{
        float: none;
        width: 100%;
    }
    .newslist li .text{
        margin: 0 0 0 0;
        padding-right: 0;
    }
    .newslist li .date{
        position: unset;
    }
    .newslist li .date span{
        margin-bottom: 0;
        font-family: initial;
        font-size: 14px;
        color:#999;
        margin-top: 5px;
    }
    .newslist li .date i{
        display: none;
    }
    .newslist li .text p{
        margin-top: 0;
    }
    .news-title h1{
        font-size: 18px;
    }
    .cat-l .other{
        font-size: 14px;
    }
    .cat-l .other h4{
        font-size: 14px;
        margin: 20px 0 0;
    }
    .cat-r .wp{
        padding:20px;
    }
    .n-com .info{
        font-size: 14px;
    }
}