@charset "UTF-8";

* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    border: 0;

}



li {

    list-style: none;

}



::-webkit-scrollbar {

    width: 5px

}



::-webkit-scrollbar-thumb {

    background: #ccc;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}





/*全局样式*/



html,

body {

    width: 100%;

    margin: 0 auto;

}





/*= 清除浮动=*/



.clear {

    clear: both;

    height: 0px;

    line-height: 0px;

    font-size: 0px;

    overflow: hidden;

    display: block;

}



.clearfix:after {

    content: "";

    display: block;

    height: 0px;

    clear: both;

    visibility: hidden;

    font-size: 0px;

}



:focus {

    outline: 0

}



a,

button,

input[type="button"],

input[type="submit"],

input[type="reset"] {

    cursor: pointer

}





/* Hides from IE-mac \*/



* html .clearfix {

    height: 0%;

}





/* End hide from IE-mac */



*+html .clearfix {

    min-height: 0%;

}





/* 针对IE7 */



*+html .clearfix {

    min-height: 0%;

}



@font-face {

    font-family: 'SourceHanSans-Regular';

    src: url(../font/SourceHanSans-Regular.otf);

}





/*原文件配置*/



body {

    color: #333;

    background: #ffffff;

    font: 16px/30px 'SourceHanSans-Regular', 'Microsoft YaHei', arial, sans-serif;

    min-width: 320px;

}



a {

    color: #333;

    text-decoration: none;

}



a:hover {

    color: #009FE1;

}





/*块级转化*/



.di_in {

    display: inline-block;

}



.di_no {

    display: none;

}



.di_bl {

    display: block;

}





/*原文件配置  end*/





/*横向居中*/



.te_c {

    text-align: center;

}





/*相对定位*/



.p_r {

    position: relative;

}



.flex {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

}



.flex-v {

    -webkit-box-orient: vertical;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

}



.flex-1 {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

}



.flex-align-start {

    -webkit-box-align: start;

    -ms-flex-align: start;

    -webkit-align-items: flex-start;

    align-items: flex-start;

}



.flex-align-center {

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

}



.flex-pack-center {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.flex-pack-justify {

    -webkit-box-pack: justify;

    -webkit-justify-content: pace-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.flex-warp {

    flex-flow: wrap

}



.flex-column {

    flex-flow: column

}



.ellipsis-1 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}



.ellipsis-2 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.ellipsis-3 {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}



.transition {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s

}



img {

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

}



.img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.container {

    width: 1440px;

    margin-left: auto;

    margin-right: auto;

}



@media (max-width:1400px) {

    .container {

        width: 1200px;

    }

}



@media (max-width:1199px) {

    .container {

        width: 100%;

        padding-left: 20px;

        padding-right: 20px;

    }

}



@media (max-width:767px) {

    .container {

        padding-left: 15px;

        padding-right: 15px;

    }

}



header {

    width: 100%;

    height: 80px;

    background-color: #2E2E2E;

    color: #FFF;

    position: sticky;

    left: 0;

    top: 0;

    z-index: 999;

}



header .logo {

    height: 80px;

}



header .logo>img {

    height: 70px;

}



header .search-btn {

    width: 24px;

    height: 24px;

    background: url(../images/search.svg)no-repeat center;

    background-size: 100%;

    margin-right: 20px;

    cursor: pointer;

}



header .lang {

    background: url(../images/lang.svg)no-repeat left center;

    background-size: 24px;

    padding-left: 35px;

    color: #FFF;

    text-transform: uppercase;

    padding-right: 30px;

}



header .lang::after {

    content: '';

    position: absolute;

    right: 0;

    top: 50%;

    width: 20px;

    height: 20px;

    background: url(../images/up.svg)no-repeat center;

    background-size: 100%;

    transform: translateY(-50%);

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

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

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

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

}



.menu-btn {

    display: none;

    background: url(../images/menu.svg)no-repeat center;

    width: 30px;

    height: 30px;

    background-size: 100%;

    position: absolute;

    top: 50%;

    right: .2rem;

    transform: translateY(-50%);

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

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

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

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

}



.menu-btn.close {

    background-image: url(../images/close.svg);

}



.nav li {

    margin-right: 50px;

}



.nav li:nth-child(2) {

    margin-right: 80px;

}



.nav li:nth-child(2)::after {

    content: '';

    position: absolute;

    right: -30px;

    top: 50%;

    width: 20px;

    height: 20px;

    background: url(../images/up.svg)no-repeat center;

    background-size: 100%;

    transform: translateY(-50%);

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

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

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

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

}



.nav li>a {

    line-height: 80px;

    color: #FFF;

}



.nav li.on a::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 10px;

    width: 100%;

    height: 2px;

    background-color: #FFF;

}



.nav .drop {

    width: auto;

    left: 50%;

    top: 80px;

    position: absolute;

    transition: transform 0.2s linear, opacity 0.2s linear;

    -webkit-transition: transform 0.2s linear, opacity 0.2s linear;

    -moz-transition: transform 0.2s linear, opacity 0.2s linear;

    -ms-transition: transform 0.2s linear, opacity 0.2s linear;

    -o-transition: transform 0.2s linear, opacity 0.2s linear;

    transform-origin: top;

    z-index: 9;

    transform: rotateX(90deg) translateX(-50%);

    -webkit-transform: rotateX(90deg) translateX(-50%);

    -moz-transform: rotateX(90deg) translateX(-50%);

    -ms-transform: rotateX(90deg) translateX(-50%);

    -o-transform: rotateX(90deg) translateX(-50%);

    background-color: #FFF;

    padding: 10px 20px;

    line-height: 2.4;

    white-space: nowrap;

    font-size: 14px;

    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);

}



.nav .drop::after {

    content: '';

    position: absolute;

    left: 50%;

    top: -8px;

    width: 0;

    height: 0;

    border-left: 8px transparent solid;

    border-right: 8px transparent solid;

    border-bottom: 8px #FFF solid;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}



footer {

    background-color: #232323;

    color: #FFF;

    padding-top: 60px;

    margin-top: 65px;

}



footer .copyright {

    line-height: 50px;

    border-top: 1px rgba(255, 255, 255, .2) solid;

    color: #B2ADAD;

    margin-top: 50px;

}



footer .copyright a {

    color: #B2ADAD;

}



footer .copyright a:first-child {

    margin-right: 10px;

}



footer .info-con .text {

    background-position: left 8px;

    background-repeat: no-repeat;

    background-size: 20px;

    padding-left: 30px;

    line-height: 2.4;

}


footer .info-con{
	width: 33%
}
footer .info-con .tel {

    background-image: url(../images/tel.svg);

}



footer .info-con .email {

    background-image: url(../images/email.svg);

}



footer .info-con .address {

    background-image: url(../images/address.svg);

}



footer .tit {

    font-size: 18px;

    font-weight: bold;

}



footer .erwma-con {

    width: 115px;

}



footer .erwma-con .erwma {

    overflow: hidden;

    width: 100%;

    padding-top: 100%;

    margin-top: 30px;

}



footer .erwma-con .erwma>img {

    position: absolute;

    left: 0;

    top: 0;

}



footer .logo {

    height: 87px;

    margin-top: 30px;

}



footer .logo>img {

    height: 100%;

}



footer .quick .item {

    margin-top: 20px;

    line-height: 2;

}



footer .quick .item:first-child {

    margin-right: 95px;

}



footer .quick .item>a {

    color: #FFF;

}



footer .quick .item .drop>a {

    color: rgba(255, 255, 255, .6);

}



.search-content {

    position: fixed;

    left: 0;

    top: 0;

    z-index: 100001;

    display: none;

    width: 100%;

    height: 100%;

    background-color: #009FE1;

}



.search-content .close {

    position: absolute;

    right: 50px;

    top: 50px;

    width: 30px;

    height: 30px;

    background: url(../images/close.svg)no-repeat center;

    background-size: 100%;

    cursor: pointer;

    z-index: 10;

    filter: brightness(0) invert(1);

}



.search-content .content {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    width: 700px;

    height: 70px;

    border-bottom: 1px #FFF solid;

}



.search-content .content input[type='text'] {

    color: #FFF;

    font-size: 16px;

    background: none;

    padding-left: 20px;

}



.search-content .content input[type='text']::placeholder {

    color: #FFF;

}



.search-content .content input[type='submit'] {

    width: 60px;

    background: url(../images/search.svg)no-repeat center;

    background-size: 24px;

}



.pub-form {

    margin-top: 100px;

}



.pub-form .title {

    font-size: 22px;

    color: #009FE1;

}



.pub-form .des {

    color: #555;

    margin-top: 15px;

    margin-bottom: 30px;

}



.pub-form input[type='text'] {

    width: 32%;

    height: 42px;

    border: 1px #DFDFDF solid;

    padding-left: 15px;

    margin-top: 15px;

}



.pub-form textarea {

    width: 100%;

    border: 1px #DFDFDF solid;

    padding: 15px;

    margin-top: 15px;

    height: 90px;

    font-family: 'SourceHanSans-Regular';

}



.pub-form input[type='text']::placeholder,

.pub-form textarea::placeholder {

    color: #999;

    font-family: 'SourceHanSans-Regular';

}



.pub-form .submit {

    margin-top: 40px;

}



.pub-form .submit input[type='submit'] {

    width: 185px;

    height: 44px;

    background-color: #009FE1;

    color: #FFF;

}



@media (min-width:1025px) {

    header .lang:hover,

    footer .quick .item>a:hover {

        color: rgba(255, 255, 255, .6);

    }

    .nav li:hover a::after {

        content: '';

        position: absolute;

        left: 0;

        bottom: 10px;

        width: 100%;

        height: 2px;

        background-color: #FFF;

    }

    .nav li:hover .drop {

        opacity: 1;

        transform: rotateX(0deg) translateX(-50%);

        -webkit-transform: rotateX(0deg) translateX(-50%);

        -moz-transform: rotateX(0deg) translateX(-50%);

        -ms-transform: rotateX(0deg) translateX(-50%);

        -o-transform: rotateX(0deg) translateX(-50%);

    }

    footer .copyright a:hover,

    footer .quick .item .drop>a:hover {

        color: #FFF;

    }

}



@media (max-width:1199px) {

    body {

        font-size: 14px;

    }

    header,

    header .logo {

        height: 70px;

    }

    header .container {

        padding-right: 60px;

    }

    header .logo>img {

        height: 55px;

    }

    .menu-btn {

        display: block;

    }

    .nav {

        position: fixed;

        width: 100%;

        left: 0;

        top: 70px;

        overflow-y: scroll!important;

        display: none;

        background-color: #232323;

        z-index: 999;

        height: calc(100vh - 70px);

        padding: .2rem .3rem;

    }

    .nav li,

    .nav li:nth-child(2) {

        margin-right: 0;

    }

    .nav li>a {

        font-size: 15px;

        line-height: 60px;

    }

    .nav li.on a::after,

    .nav li:nth-child(2)::after,

    .nav .drop::after,

    footer .erwma-con {

        display: none;

    }

    .nav .arrow {

        position: absolute;

        right: 0;

        top: 0;

        height: 60px;

        width: 30px;

    }

    .nav .arrow::after {

        content: '';

        background: url(../images/arrow.svg)no-repeat center;

        background-size: 100%;

        width: 20px;

        height: 20px;

        position: absolute;

        right: 0;

        top: 50%;

        transform: translateY(-50%);

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

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

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

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

        filter: brightness(0) invert(1);

    }

    .nav .cur .arrow::after {

        transform: translateY(-50%) rotate(90deg);

        -webkit-transform: translateY(-50%) rotate(90deg);

        -moz-transform: translateY(-50%) rotate(90deg);

        -ms-transform: translateY(-50%) rotate(90deg);

        -o-transform: translateY(-50%) rotate(90deg);

    }

    .nav .drop {

        position: static;

        left: auto;

        transform: translate(0, 0);

        opacity: 1;

        width: 100%;

        display: none;

        text-align: left;

        padding: 0;

        background: none;

        box-shadow: none;

        padding-left: 20px;

        -webkit-transform: translate(0, 0);

        -moz-transform: translate(0, 0);

        -ms-transform: translate(0, 0);

        -o-transform: translate(0, 0);

    }

    .nav .drop a {

        color: #FFF;

    }

    .search-content .content {

        width: 90%;

    }

    .search-content .close {

        right: 30px;

        top: 40px;

    }

    footer {

        padding-top: 30px;

    }

    footer .logo {

        height: 60px;

    }

    .pub-form {

        margin-top: 70px;

    }

    .pub-form .title {

        font-size: 20px;

    }

}



@media (max-width:767px) {

    footer {

        padding-top: 0px;

    }

    footer .logo {

        order: 1;

        width: 100%;

    }

    footer .info-con {

        order: 2;

    }

    footer .quick {

        order: 3;

        display: none;

    }

    footer .copyright {

        margin-top: 20px;

    }

}



@media (max-width:540px) {

    footer {

        margin-top: 40px;

    }

    footer .info-con .text,

    .pub-form .des {

        font-size: 12px;

    }

    footer .copyright {

        line-height: 1.7;

        padding: 10px 0;

        font-size: 12px;

    }

    footer .copyright .container {

        justify-content: center;

    }

    .pub-form {

        margin-top: 40px;

    }

    .pub-form .des {

        margin-bottom: 10px;

        line-height: 1.7;

        margin-top: 10px;

    }

    .pub-form .title {

        font-size: 18px;

    }

    .pub-form input[type='text'] {

        width: 100%;

    }

    .pub-form .submit {

        margin-top: 20px;

    }

}



.home header {

    position: fixed;

    z-index: 999;

    left: 0;

    top: 0;

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

}



.banner {

    overflow: hidden;

}



.banner img {

    width: 100%;

}



.banner .swiper-slide {

    overflow: hidden;

}



.banner .container {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    bottom: 220px;

    z-index: 2;

    color: #FFF;

}



.banner .swiper-pagination {

    bottom: 50px;

}



.banner .swiper-pagination-bullet {

    background-color: #FFF;

    width: 10px;

    height: 10px;

    border: 1px #FFF solid;

    opacity: 1;

    margin: 0 5px !important;

}



.banner .swiper-pagination-bullet-active {

    background-color: #009FE1;

}



.banner .en {

    text-transform: uppercase;

    font-size: 20px;

}



.banner .tit {

    font-size: 30px;

    font-weight: bold;

    margin-top: 10px;

}



.banner .des {

    margin-top: 25px;

    width: 650px;

    line-height: 1.65;

}



@font-face {

    font-family: 'Montserrat-SemiBold';

    src: url(../font/Montserrat-SemiBold.ttf);

}



.home-title .en {

    text-transform: uppercase;

    font-size: 20px;

    color: #009FE1;

    font-family: 'Montserrat-SemiBold';

}



.home-title .en::before {

    content: '';

    width: 40px;

    height: 2px;

    background-color: #009FE1;

    margin-right: 10px;

}



.home-title .title {

    font-size: 32px;

    line-height: 1;

    margin-top: 10px;

    color: #000;

}



.home-title .more {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

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

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

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

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

    width: 185px;

    line-height: 48px;

    color: #FFF;

    background-color: #333;

    font-size: 14px;

}



.home-pro {

    margin-top: 75px;

}



.home-pro .search {

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

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

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

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

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

    width: 420px;

    height: 48px;

    border: 1px #DFDFDF solid;

}



.home-pro .search input[type='text'] {

    width: 100%;

    padding-left: 15px;

}



.home-pro .search input[type='submit'] {

    width: 75px;

    background-color: #000;

    color: #FFF;

}



.home-pro .content {

    margin-top: 55px;

    border-bottom: 2px #009FE1 solid;

    padding-bottom: 20px;

}



.home-pro .item {

    width: 25%;

    border-right: 1px #DEDEDE solid;

    padding: 20px 20px;

    cursor: pointer;

}



.home-pro .item .tit {

    font-size: 20px;

}



.home-pro .item .des {

    color: #555;

    margin-top: 15px;

    font-size: 14px;

    height: 44px;

    overflow: hidden;

    line-height: 1.6;

}



.home-pro .item .btn {

    margin-top: 18px;

}



.home-pro .item .btn>a {

    width: 49%;

    line-height: 40px;

    border: 1px #009FE1 solid;

    font-size: 14px;

}



.home-pro .item .btn>a:first-child {

    background-color: #333;

    border-color: #333;

    color: #FFF;

}



.home-pro .item .pic {

    margin-top: 30px;

    padding-top: 80%;

}



.home-pro .item .pic>img {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    max-width: 80%;

    max-height: 80%;

}



.home-case {

    margin-top: 105px;

}



.home-case .content {

    margin-top: 70px;

}



.home-case .content .item {

    width: 32.5%;

    margin-right: 1.25%;

    overflow: hidden;

}



.home-case .content .item:last-child {

    margin-right: 0;

}



.home-case .content .item .text-con {

    position: absolute;

    left: 0;

    bottom: 25px;

    width: 100%;

    color: #FFF;

    padding-left: 30px;
    padding-right: 30px

}



.home-case .content .item .tit {

    line-height: 1.2;

}



.home-case .content .item .text {

    font-size: 14px;

    margin-top: 10px;

}



@media (min-width:1025px) {

    .home-case .content .item:hover img {

        transform: scale(1.05);

        -webkit-transform: scale(1.05);

        -moz-transform: scale(1.05);

        -ms-transform: scale(1.05);

        -o-transform: scale(1.05);

    }

    .home-pro .item:hover .pic>img {

        transform: translate(-50%, -50%)scale(1.05);

        -webkit-transform: translate(-50%, -50%)scale(1.05);

        -moz-transform: translate(-50%, -50%)scale(1.05);

        -ms-transform: translate(-50%, -50%)scale(1.05);

        -o-transform: translate(-50%, -50%)scale(1.05);

    }

}



@media (max-width:1199px) {

    .banner .container {

        bottom: 60px;

    }

    .banner .swiper-pagination {

        bottom: 20px;

    }

    .banner .en,

    .home-title .en,

    .home-pro .item .tit {

        font-size: 18px;

    }

    .banner .tit,

    .home-title .title {

        font-size: 24px;

    }

    .banner .des {

        font-size: 12px;

        line-height: 1.7;

        width: 60%;

    }

    .home-pro {

        margin-top: 50px;

    }

    .home-pro .item .btn>a,

    .home-pro .item .des,

    .home-case .content .item .text {

        font-size: 12px;

    }

    .home-pro .content {

        margin-top: 40px;

    }

    .home-case .content .item .text-con {

        padding-left: 20px;

        bottom: 15px;

    }

    .home-case {

        margin-top: 70px;

    }

    .home-case .content {

        margin-top: 30px;

    }

}



@media (max-width:950px) {

    .home-pro .item {

        width: 50%;

        margin-top: 20px;

    }

}



@media (max-width:767px) {

    .banner .swiper-slide {

        height: 380px;

    }

    .banner img {

        width: auto;

        height: 100%;

    }

    .banner .des {

        width: 100%;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 4;

        -webkit-box-orient: vertical;

    }

    .home-pro .search {

        width: 360px;

        height: 38px;

    }

    .home-case .content .item .text-con {

        bottom: 10px;

    }

    .home-case .content .item .text {

        margin-top: 0;

    }

    .home-title .more {

        width: 160px;

        line-height: 38px;

    }
    footer .info-con{
	width: 100%
}

}



@media (max-width:540px) {

    .home-case .content {

        margin-top: 10px;

    }

    .home-case .content .item {

        width: 100%;

        margin-right: 0;

        padding-top: 65%;

        margin-top: 15px;

    }

    .home-case .content .item>img {

        position: absolute;

        left: 0;

        top: 0;

    }

    .home-pro .item {

        width: 100%;

        padding: 20px 0;

        border-right: 0;

    }

    .home-pro .search {

        position: initial;

        right: auto;

        width: 100%;

        top: auto;

        transform: none;

        -webkit-transform: none;

        -moz-transform: none;

        -ms-transform: none;

        -o-transform: none;

        margin-top: 15px;

    }

    .home-pro .content {

        margin-top: 0;

    }

    .home-pro .item .des {

        height: auto;

    }

}



.pub-title {

    background-color: #F5F5F5;

    padding: 36px 0;

}



.pub-title .title {

    font-size: 32px;

    font-weight: bold;

    line-height: 1.2;

    margin-top: 15px;

    color: #000;

}



.pub-title .text {

    color: #555;

    margin-top: 10px;

}



.crumbs {

    color: #555;

    background: url(../images/home.svg)no-repeat left center;

    padding-left: 30px;

}



.crumbs a {

    color: #555;

    display: flex;

    align-items: center;

}



.crumbs a::after {

    content: '>';

    margin: 0 5px;

}



.products {

    margin-top: 65px;

}



.products .search-con .title {

    font-size:26px;

    line-height: 1.2;

    color: #000;

}



.products .search-con .tittle:nth-child(2) {

    color: #555;

}



.products .search-con .en {

    color: #A0A0A0;

}



.products .search-con .search {

    width: 70%;

    border: 1px #DFDFDF solid;

    height: 48px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 45px;

}



.products .search-con .search input[type='text'] {

    width: 100%;

    padding-left: 15px;

}



.products .search-con .search input[type='submit'] {

    width: 75px;

    background-color: #009FE1;

    color: #FFF;

}



.products .content {

    margin-top: 115px;

}



.products aside {

    width: 320px;

    margin-right: 40px;

}



.products aside .title {

    font-size: 26px;

    color: #000;

    padding-bottom: 25px;

    margin-bottom: 30px;

}



.products aside .title::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 60px;

    height: 2px;

    background-color: #009FE1;

}



.products aside dl {

    margin-top: 20px;

}



.products aside dt {

    background: url(../images/arrow3.svg)no-repeat left center;

    padding-left: 30px;

}



.products aside dt>a {

    font-size: 18px;

    color: #000;

    line-height: 1.5;

}



.products aside dt .arrow {

    position: absolute;

    right: 0;

    top: 0;

    width: 30px;

    height: 100%;

    background: url(../images/arrow3.svg)no-repeat center;

    background-size: 24px;

    display: none;

}


.products aside dd a {

    margin-top: 20px;

    background-color: #F8F8F8;

    line-height: 32px;

    color: #555;

    padding: 0 10px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border: 1px #E8E8E8 solid;
	font-size: 14px;

}



.products aside dd a:last-child {

    margin-right: 0;

}

.products aside .active{

    color: #009FE1

}

.products aside .on{

    color: #009FE1;

    border-color: #009FE1

}

.products .box {

    margin-top: -8px;

}



.products .box .item {

    width: 32%;

    margin-right: 2%;

    border: 1px #E7E7E7 solid;

    padding: 20px;

    margin-bottom: 20px;

}



.products .box .item:nth-of-type(3n) {

    margin-right: 0;

}



.products .box .item .tag {

    position: absolute;

    left: 15px;

    top: 15px;

}



.products .box .item .tag span {

    background-color: #EF036A;

    color: #FFF;

    font-size: 13px;

    line-height: 22px;

    padding: 0 10px;

    margin-right: 10px;

    text-transform: uppercase;

}



.products .box .item .tag span:last-child {

    background-color: #F39A02;

    margin-right: 0;

}



.products .box .item .pic {

    position: relative;

    padding-top: 124%;

}



.products .box .item .pic>img {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    max-width: 80%;

    max-height: 80%;

}



.products .box .item .tit {

    font-size: 18px;

}



.products .box .item .des {

    color: #B0B0B0;

}



.page {

    line-height: 36px;

    margin-top: 25px;

}



.page a {

    border: 1px #DCDCDC solid;

    width: 36px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    height: 36px;

    margin: 0 5px;

    position: relative;

}



.page .prev::after,

.page .next::after {

    content: '';

    background: url(../images/arrow.svg)no-repeat center;

    background-size: 10px;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.page .prev::after {

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

}



.page .on {

    background-color: #333333;

    color: #FFF;

    border-color: #333333;

}



.submenu {

    margin-top: 20px;

}



.submenu>a {

	padding:0 20px;
    line-height: 48px;
    color: #FFF;

    background-color: #000;

    font-size: 14px;

    margin-right: 10px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

}



.submenu>a:last-child {

    margin-right: 0;

}



.submenu>a.on {

    background-color: #009FE1;

}



.case {

    margin-top: 40px;

}



.case .first {

    overflow: hidden;

}



.case .first .pic {

    width: 49%;

    margin-right: 75px;

    overflow: hidden;

    padding-top: 29.5%;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.case .first .pic>img {

    position: absolute;

    left: 0;

    top: 0;

}



.case .first .text-con {

    padding-top: 65px;

}



.case .first .date {

    color: #B0B0B0;

}



.case .first .tit {

    font-size: 18px;

    margin-top: 15px;

}



.case .first .des {

    font-size: 14px;

    color: #848484;

    line-height: 1.8;

    margin-top: 20px;

}



.case .first .more {

    background-color: #009FE1;

    color: #FFF;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    width: 135px;

    font-size: 14px;

    line-height: 48px;

    margin-top: 30px;

}



.case .content {

    margin-top: 45px;

}



.case .content .item {

    width: 23.5%;

    margin-right: 2%;

    margin-bottom: 30px;

    border: 1px #E7E7E7 solid;

    overflow: hidden;

}



.case .content .item:nth-of-type(4n) {

    margin-right: 0;

}



.case .content .item .pic {

    padding-top: 60%;

    overflow: hidden;

}



.case .content .item .pic>img {

    position: absolute;

    left: 0;

    top: 0;

}



.case .content .item .text-con {

    padding: 35px 20px 20px;

}



.case .content .item .tit {

    line-height: 1.2;

    font-size: 18px;

}



.case .content .item .des {

    font-size: 14px;

    color: #848484;

    line-height: 1.6;

    margin-top: 10px;

}



.case .content .item .date {

    font-size: 14px;

    line-height: 1.2;

    margin-top: 15px;

    color: #B0B0B0;

}



.down {

    margin-top: 40px;

}



.down .item {

    width: 49%;

    border: 1px #E7E7E7 solid;

    padding: 20px 30px 20px 20px;

    margin-bottom: 30px;

}



.down .item .btn {

    width: 75px;

    line-height: 40px;

    background-color: #009FE1;

    color: #FFF;

    font-size: 14px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

}



.down .item .icon {

    margin-right: 20px;

    margin-top: 10px;

    width: 36px;

    height: 38px;

    overflow: hidden;

}



.down .item .icon img {

    width: 100%;

}



.down .item .text-con {

    margin-right: 40px;

}



.down .item .tit {

    font-size: 18px;

    line-height: 1.3;

}



.down .item .fize {

    font-size: 14px;

    color: #848484;

    margin-top: 15px;

    line-height: 1.2;

}



.down .item .date {

    font-size: 14px;

    color: #B0B0B0;

    margin-top: 20px;

    line-height: 1.2;

}



.about {

    margin-top: 80px;

}



.about .con .pic {

    width: 41%;

    margin-right: 50px;

    overflow: hidden;

}



.about .con .tit,

.about .honor .title {

    font-size: 32px;

    padding-top: 20px;

    margin-top: 15px;

}



.about .con .tit::after,

.about .honor .title::after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 40px;

    height: 2px;

    background-color: #009FE1;

}



.about .con .text {

    line-height: 2;

    color: #555;

    margin-top: 50px;

}



.about .honor {

    background-color: #E7E7E7;

    margin-top: 80px;

    padding-top: 70px;

    padding-bottom: 60px;

}



.about .honor .title::after {

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}



.about .honor .content {

    margin-top: 70px;

}



.about .honor .item {

    cursor: pointer;

    border: 1px #E7E7E7 solid;

    background-color: #FFF;

    padding: 20px;

    width: 23%;

    margin-right: 2.5%;

    margin-bottom: 30px;

}



.about .honor .item:nth-of-type(4n) {

    margin-right: 0;

}



.about .honor .item .tit {

    font-size: 14px;

    line-height: 1;

    margin-top: 20px;

}



.about .honor .item .pic {

    overflow: hidden;

    padding-top: 109%;

}



.about .honor .item .pic>img {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    max-width: 90%;

    height: 100%;

}



.contact {

    margin-top: 90px;

}



.contact .map {

    width: 50.8%;

}



.contact .map iframe ,.contact .map iframe body>div{

    width: 100% !important;

}



.contact .text-con {

    margin-right: 3%;

}



.contact .text-con .title {

    font-size: 18px;

    font-weight: bold;

    line-height: 1;

    color: #000;

    margin-bottom: 30px;

}



.contact .text-con .text {

    color: #555;

    line-height: 2.4;

    padding-left: 30px;

    background-position: left center;

    background-repeat: no-repeat;

}



.contact .text-con .tel {

    background-image: url(../images/tel.svg);

}



.contact .text-con .email {

    background-image: url(../images/email.svg);

}



.contact .text-con .address {

    background-image: url(../images/address.svg);

}



.products-detail {

    margin-top: 45px;

}



.products-detail .focus {

    width: 49%;

    margin-right: 4%;

}



.products-detail .focus .gallery-top {

    border: 1px #E7E7E7 solid;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

}



.products-detail .focus .gallery-top .swiper-slide {

    overflow: hidden;

    padding-top: 100%;

}



.products-detail .focus .gallery-top .swiper-slide img {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    max-width: 90%;

    max-height: 90%;

}



.products-detail .focus .gallery-thumbs {

    margin-top: 25px;

    padding-left: 30px;

    padding-right: 30px;

}



.products-detail .focus .gallery-thumbs .swiper-slide {

    border: 1px #E7E7E7 solid;

    overflow: hidden;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.products-detail .focus .gallery-thumbs .swiper-slide .pic {

    width: 100%;

    padding-top: 100%;

    overflow: hidden;

}



.products-detail .focus .gallery-thumbs .swiper-slide .pic>img {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    max-width: 90%;

    max-height: 90%;

}



.products-detail .focus .gallery-thumbs .swiper-button-black {

    background-size: 12px;

}



.products-detail .focus .gallery-thumbs .swiper-button-prev {

    left: 0;

}



.products-detail .focus .gallery-thumbs .swiper-button-next {

    right: 0;

}



.products-detail .content .tit {

    font-size: 18px;

    color: #000;

    margin-top: 60px;

}



.products-detail .content .text {

    color: #999;

    line-height: 2.4;

    font-size: 14px;

    margin-top: 15px;

    padding-bottom: 40px;

    border-bottom: 1px #E7E7E7 solid;

}



.products-detail .content .des {

    margin-top: 15px;

    font-size: 14px;

    color: #999;

}



.products-detail .content .des>a {

    color: #999;

    margin-right: 5px;

}

.products-detail .content .des>a:first-child{display: none;}

.products-detail .content .des>a:last-child {

    margin-right: 0;

}



.products-detail .content .btn {

    margin-top: 30px;

}



.products-detail .content .btn>a {

    width: 180px;

    line-height: 38px;

    border: 1px #009FE1 solid;

    color: #009FE1;

    font-size: 14px;

}



.products-detail .content .btn>a:first-child {

    margin-right: 10px;

    background-color: #333;

    border-color: #333;

    color: #FFF;

}



.products-detail .body {

    border-bottom: 1px #E7E7E7 solid;

    padding-bottom: 70px;

}



.products-detail .body .con {

    margin-top: 60px;

}



.products-detail .body .tit {

    font-size: 18px;

    color: #000;

}



.products-detail .body .box {

    font-size: 14px;

    color: #999;

    line-height: 2.4;

    margin-top: 20px;

}



.products-detail .body img {

    max-width: 100%;

}



.products-detail .prev-next {

    margin-top: 20px;

    font-size: 14px;

    color: #555;

}



.search-down {

    position: absolute;

    right: 0;

    top: 0;

    width: 50%;

    height: 48px;

    background-color: #FFF;

    border: 1px #DFDFDF solid;

}



.search-down input[type="text"] {

    width: 100%;

    padding-left: 15px;

}



.search-down input[type="submit"] {

    width: 75px;

    background-color: #000;

    color: #FFF;

    font-size: 14px;

}



@media (min-width:1025px) {

    .products aside dd a:hover {

        background-color: #FFF;

        border-color: #009FE1;

        color: #009FE1;

    }

    .submenu>a:hover {

        background-color: #009FE1;

    }

    .case .content .item:hover {

        box-shadow: 0 10px 10px rgba(0, 0, 0, .1);

    }

    .case .content .item:hover .pic>img,

    .case .first:hover .pic>img {

        transform: scale(1.05);

        -webkit-transform: scale(1.05);

        -moz-transform: scale(1.05);

        -ms-transform: scale(1.05);

        -o-transform: scale(1.05);

    }

    .down .item:hover {

        border-color: #009FE1;

    }

    .products-detail .content .des>a:hover {

        color: #009FE1;

    }

}



@media (max-width:1440px) {

    .products {

        margin-top: 50px;

    }

    .products .content {

        margin-top: 70px;

    }

    .products aside .titles {

        font-size: 24px;

    }

    .products aside dt>a {

        font-size: 20px;

    }

    .about .con .tit,

    .about .honor .title {

        font-size: 26px;

    }

    .contact {

        margin-top: 70px;

    }

}



@media (max-width:1199px) {

    .pub-title {

        padding: 25px 0;

    }

    .crumbs {

        display: none;

    }

    .pub-title .title,

    .products .search-con .title,

    .about .con .tit,

    .about .honor .title {

        font-size: 24px;

    }

    .pub-title .text,

    .products .search-con .en,

    .products .box .item .des,

    .case .first .des,

    .case .first .date,

    .case .content .item .date,

    .case .content .item .des,

    .down .item .fize,

    .down .item .date,

    .page {

        font-size: 12px;

    }

    .pub-title .text {

        margin-top: 0;

    }

    .products {

        margin-top: 30px;

    }

    .products .search-con .search {

        margin-top: 20px;

    }

    .products .content {

        margin-top: 40px;

    }

    .products .box .item .tit {

        font-size: 14px;

    }

    .case .content .item {

        width: 32%;

    }

    .case .content .item:nth-of-type(4n) {

        margin-right: 2%;

    }

    .case .content .item:nth-of-type(3n) {

        margin-right: 0;

    }

    .submenu>a {

        width: 120px;

        line-height: 38px;

    }

    .case .first .text-con {

        padding-top: 20px;

    }

    .case .first .tit,

    .case .content .item .tit,

    .down .item .tit {

        font-size: 16px;

    }

    .case .content .item .text-con {

        padding: 25px;

    }

    .case .first .pic,

    .about .con .pic {

        margin-right: 30px;

    }

    .down .item .text-con {

        margin-right: 20px;

    }

    .down .item {

        padding: 15px;

    }

    .about,

    .contact {

        margin-top: 50px;

    }

    .about .con .text {

        margin-top: 20px;

    }

    .about .honor {

        margin-top: 30px;

        padding-top: 30px;

        padding-bottom: 10px;

    }

    .about .honor .content {

        margin-top: 30px;

    }

}



@media (max-width:950px) {

    .products aside,

    .products-detail .focus {

        width: 100%;

        margin-right: 0;

    }

    .products aside .title {

        background-color: #333;

        color: #FFF;

        padding-bottom: 0;

        padding: 0 10px;

        line-height: 48px;

        font-size: 20px;

        border-radius: 3px;

        -webkit-border-radius: 3px;

        -moz-border-radius: 3px;

        -ms-border-radius: 3px;

        -o-border-radius: 3px;

        text-align: center;

        margin-bottom: 0;

    }

    .products aside .title::after {

        display: none;

    }

    .products aside dt>a {

        font-size: 18px;

    }

    .products aside .sub {

        display: none;

    }

    .products .box .item {

        width: 49%;

    }

    .products .box .item:nth-of-type(3n) {

        margin-right: 2%;

    }

    .products .box .item:nth-child(even) {

        margin-right: 0;

    }

    .products .box {

        margin-top: 20px;

    }

    .case .content .item .text-con {

        padding: 20px;

    }

    .case .first .text-con {

        padding-top: 0;

    }

    .about .honor .item {

        width: 48.5%;

        margin-right: 3%;

        margin-bottom: 15px;

    }

    .about .honor .item:nth-child(even) {

        margin-right: 0;

    }

    .contact .map {

        width: 100%;

        margin-top: 30px;

    }

}



@media (max-width:767px) {

    .case .content .item {

        width: 49%;

    }

    .case .content .item:nth-of-type(3n) {

        margin-right: 2%;

    }

    .case .content .item:nth-child(even) {

        margin-right: 0;

    }

    .down .item {

        width: 100%;

        margin-bottom: 20px;

    }

    .about .con {

        display: block;

    }

    .about .con .pic {

        width: 100%;

        margin-right: 0;

        margin-bottom: 20px;

    }

}



@media (max-width:540px) {

    .products .search-con .title {

        font-size: 20px;

    }

    .products .search-con .search {

        width: 100%;

    }

    .case .content .item {

        width: 100%;

        margin-right: 0 !important;

    }

    .case .first {

        display: block;

    }

    .case .first .pic {

        width: 100%;

        margin-right: 0;

        padding-top: 65%;

    }

    .case .first .text-con {

        margin-top: 20px;

    }

    .case .first .tit {

        margin-top: 0;

    }

    .case .first .des {

        margin-top: 10px;

    }

    .products-detail .prev-next {

        display: block;

    }

}



.news-detail {

    margin-top: 55px;

}



.news-detail .article {

    max-width: 980px;

    margin-left: auto;

    margin-right: auto;

}



.news-detail .article-head {

    padding-bottom: 35px;

    border-bottom: 1px #E7E7E7 solid;

}



.news-detail .article-head .tag {

    color: #009FE1;

    background-color: rgba(0, 159, 225, .08);

    border: 1px rgba(0, 159, 225, .22) solid;

    line-height: 30px;

    padding: 0 18px;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    font-size: 14px;

}



.news-detail .article-head h1 {

    font-size: 34px;

    line-height: 1.45;

    color: #000;

    font-weight: bold;

    margin-top: 20px;

}



.news-detail .article-head .meta {

    color: #999;

    font-size: 14px;

    margin-top: 18px;

    line-height: 1.8;

}



.news-detail .article-head .meta span {

    margin: 0 15px;

}



.news-detail .article-body img {

    max-width: 100% !important;

}



.news-detail .article-body {

    margin-top: 40px;

    color: #555;

    font-size: 16px;

    line-height: 2.1;

}



.news-detail .article-body p {

    margin-top: 22px;

}



.news-detail .article-body p:first-child {

    margin-top: 0;

}



.news-detail .article-body blockquote {

    margin-top: 28px;

    margin-bottom: 28px;

    padding: 22px 30px;

    background-color: #F6FBFE;

    border-left: 4px #009FE1 solid;

    color: #222;

    font-size: 18px;

    line-height: 1.8;

}



.news-detail .body-img {

    overflow: hidden;

    margin-top: 32px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}



.news-detail .prev-next {

    max-width: 980px;

    margin: 28px auto 0;

    padding: 18px 0;

    border-top: 1px #E7E7E7 solid;

    border-bottom: 1px #E7E7E7 solid;

    font-size: 14px;

}



.news-detail .prev-next a {

    width: 48%;

    color: #555;

}



.news-detail .prev-next a:last-child {

    text-align: right;

}



@media (min-width:1025px) {

    .news-detail .prev-next a:hover {

        color: #009FE1;

    }

}



@media (max-width:1199px) {

    .news-detail {

        margin-top: 40px;

    }

    .news-detail .article-head h1 {

        font-size: 28px;

    }

}



@media (max-width:767px) {

    .news-detail {

        margin-top: 30px;

    }

    .news-detail .article-head {

        padding-bottom: 25px;

    }

    .news-detail .article-head h1 {

        font-size: 22px;

        line-height: 1.45;

        margin-top: 15px;

    }

    .news-detail .article-head .meta {

        justify-content: flex-start;

        text-align: left;

        margin-top: 12px;

    }

    .news-detail .article-head .meta span {

        margin: 0 5px;

    }

    .news-detail .cover {

        margin-top: 25px;

    }

    .news-detail .article-body {

        margin-top: 25px;

        font-size: 14px;

        line-height: 2;

    }

    .news-detail .article-body p {

        margin-top: 16px;

    }

    .news-detail .article-body blockquote {

        margin-top: 22px;

        margin-bottom: 22px;

        padding: 16px 18px;

        font-size: 15px;

    }

    .news-detail .prev-next {

        display: block;

    }

    .news-detail .prev-next a {

        width: 100%;

        display: block;

        line-height: 2;

    }

    .news-detail .prev-next a:last-child {

        text-align: left;

        margin-top: 8px;

    }

}