@charset"utf-8";

@font-face {
    font-family: 'ukijqolyazma';
    src : url('../fonts/ukijqolyazma.ttf');
}

@font-face {
    font-family: 'Trump';
    src: url('../..fonts/TrumpGothicEast_bold.eot');
    src: local('apple Regular'),
    local('apple'),
    url('../../fonts/TrumpGothicEast_bold.woff') format('woff'),
    url('../..fonts/TrumpGothicEast_bold.ttf') format('truetype'),
    url('../..fonts/TrumpGothicEast_bold.svg#apple') format('svg');
}

@font-face {
    font-family: 'Base-font';
    src: url('../../fonts/futurademic.eot');
    src: local('apple Regular'),
    local('apple'),
    url('../../fonts/futurademic.woff') format('woff'),
    url('../../fonts/futurademic.ttf') format('truetype'),
    url('../../fonts/futurademic.svg#apple') format('svg');
}

@keyframes downico {
    0% {
        top: 0;
        opacity: 1;
    }

    35% {
        top: 50%;
        opacity: 0;
    }

    65% {
        top: -50%;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

body {
    padding-top: 60px;
    margin: 0;
    padding-bottom: 0
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background: #1b1b1b;
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #1b1b1b;
}

::-webkit-scrollbar-thumb:vertical:hover {
    background: #1b1b1b;
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none !important;
}
ul{
    margin:0;
    padding:0;
}
li{
    list-style: none;
    padding:0;
    margin:0;
}
dd {
    margin-bottom: 0;
}

dt {
    font-weight: 400;
}

:focus {
    outline: none !important;
}

.iph {
    display: none!important;
}

.no {
    display: none;
}

.w1560 {
    width: 1588px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.w95 {
    width: 90%;
    margin: 0 auto;
}

.footer-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-bottom: 50px;
}

.swiper-wrapper,.swiper-slide {
    height: auto !important;
}

.slick-slide {
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
    border-color: rgba(0,0,0,0) !important;
}

#ClCache {
    display: none!important;
}

.jc-dp {
    font-size: 16px;
    width: 100%;
    line-height: 32px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.dp {
    color: #bebebe;
    width: 100%;
    line-height: 32px;
}

.dp img {
    float: left;
    height: 18px;
    margin: 6px 6px 0 0;
}
.dp a{
    color: #ffffff;
}
.header {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,0);
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
}

.head-container {
    background-color: #fff;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.head-container,
.logo a img {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.head-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.head-container .logo a {
    text-align: center;
    font-size: 0;
}

.head-container .logo a img {
    display: inline-block;
    vertical-align: middle;
}

.logo {
    height: 40px;
    /*padding-right: 10px;*/
    position: relative;
}

.logo:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    height: 50%;
    width: 1px;
    background-color: #cccccc;
}

.logo a {
    display: block;
    font-size: 0;
    height: 40px;
    padding-left: 50px;
    padding-right: 20px;
}

.logo a img {
    display: inline-block;
    vertical-align: middle;
}

.navbox {
    padding-left: 300px;
}

.nav>li {
    float: left;
    font-family: 'Arial', '微软雅黑';
}

.nav>li>a {
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 17px;
}

.nav>li>a div {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    overflow: hidden;
}

.nav>li>a div span {
    display: block;
    line-height: 18px;
    font-size: 18px;
    color: #333333;
    position: relative;
    top: 0;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.nav>li.active>a div span {
    color: #c7383c;
}

.headcontact {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    margin-right: 80px;
}

.headcontact:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    height: 30px;
    width: 1px;
    background-color: #cccccc;
}

.headcontact small,.headcontact span {
    display: inline-block;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
}

.headcontact small {
    font-size: 0;
    margin-right: 10px;
}

.headcontact small img {
    display: inline-block;
    vertical-align: middle;
    animation: headanim 0.5s ease 0s infinite;
    -webkit-animation: headanim 0.5s ease 0s infinite;
    -moz-animation: headanim 0.5s ease 0s infinite;
    -o-animation: headanim 0.5s ease 0s infinite;
}

@keyframes headanim {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    25% {
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
    }

    100% {
        transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
    }
}

@-webkit-keyframes headanim {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    25% {
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
    }

    100% {
        transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
    }
}

@-moz-keyframes headanim {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    25% {
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
    }

    100% {
        transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
    }
}

@-o-keyframes headanim {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    25% {
        transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
    }

    100% {
        transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
    }
}

.headcontact span a {
    font-size: 24px;
    color: #c7383c;
}

.seach {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.seachbut {
    height: 100%;
}

.seachbut a {
    display: block;
    width: 100%;
    height: 100%;
    width: 90px;
    height: 100%;
    background: #c7383c url(../images/seachbut.png) no-repeat center center;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
/*
-----------------------------------------------------------banner*/
.banner {
    position: relative;
    z-index: 1;
}

.bannerfiex {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
}

.ban_box {
    position: relative;
}

.juece_ban_txt {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
}

.banlogo {
    margin-bottom: 20px;
}

.banlogo a {
    display: block;
    font-size: 0;
}

.bantxt {
    margin-bottom: 70px;
    margin-top: 120px;
}

.bantxt p {
    font-size: 42px;
    color: #fff;
    letter-spacing: 7px;
}

.banbut a {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
    height: 23px;
    line-height: 23px;
    color: #ffffff;
    letter-spacing: 2px;
    position: relative;
    z-index: 1;
}

.banbut a:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background-color: #c7383c;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.banbutxdiv {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 60px;
    z-index: 2;
    width: 40px;
    height: 40px;
}

.banbutxdiv a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    position: relative;
}

.banbutx2 {
    position: absolute;
    top: 0;
    left: 0;
    animation: banbut 1.5s ease 0s infinite;
    -webkit-animation: banbut 1.5s ease 0s infinite;
    -moz-animation: banbut 1.5s ease 0s infinite;
    -o-animation: banbut 1.5s ease 0s infinite;
}

@keyframes banbut {
    0% {
        top: -20px;
        opacity: 1;
    }

    100% {
        top: 20px;
        opacity: 0;
    }
}

@-webkit-keyframes banbut {
    0% {
        top: -20px;
        opacity: 1;
    }

    100% {
        top: 20px;
        opacity: 0;
    }
}

@-moz-keyframes banbut {
    0% {
        top: -20px;
        opacity: 1;
    }

    100% {
        top: 20px;
        opacity: 0;
    }
}

@-o-keyframes banbut {
    0% {
        top: -20px;
        opacity: 1;
    }

    100% {
        top: 20px;
        opacity: 0;
    }
}

.banlogo {
    transition: all 1s ease 0.6s;
    -webkit-transition: all 1s ease 0.6s;
    -moz-transition: all 1s ease 0.6s;
    -o-transition: all 1s ease 0.6s;
}

.bantxt {
    transition: all 1s ease 0.8s;
    -webkit-transition: all 1s ease 0.8s;
    -moz-transition: all 1s ease 0.8s;
    -o-transition: all 1s ease 0.8s;
}

.banbut {
    transition: all 1s ease 1s;
    -webkit-transition: all 1s ease 1s;
    -moz-transition: all 1s ease 1s;
    -o-transition: all 1s ease 1s;
}

.ban_box.active .banlogo,.ban_box.active .bantxt,.ban_box.active .banbut {
    visibility: visible;
    opacity: 1;
    top: 0;
}
/*
------------------------------------------------------------footer*/
.footer {
    position: relative;
    z-index: 1;
    background-color: #091b25;
    padding-top: 60px;
    padding-bottom: 20px;
}

.fotli {
    margin-right: 100px;
}

.fotli:nth-child(3) {
    margin-right: 0;
}

.fotli h2 {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}

.fotdizhi {
    margin-top: 35px;
}

.fotdizhi small {
    margin-right: 15px;
}

.fotdizhi small,.fotteldivs {
    display: inline-block;
    vertical-align: middle;
}

.fotdizhi strong,.fotdizhi p {
    color: #888888;
    line-height: 28px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.fotdizhi strong {
    font-size: 18px;
}

.fotdizhi p {
    font-size: 16px;
    margin-bottom: 0;
}

.fotli ul {
    margin-top: 30px;
}

.fotli ul li a {
    font-size: 14px;
    color: #888888;
    line-height: 32px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.fotfrtop {
    border-top: solid 1px #393939;
    border-bottom: solid 1px #393939;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px;
    padding-bottom: 35px;
}

.fotweix {
    float: left;
}

.fotfenx {
    float: right;
    height: 90px;
}

.fotfenx p,.fotfenx .div {
    float: left;
    height: 30px;
    line-height: 30px;
}

.fotfenx p {
    font-size: 16px;
    color: #a0a0a0;
    margin-bottom: 0;
    margin-right: 40px;
}

.fotfenx div {
    padding-top: 2px;
}

.bdshare-button-style0-16 a {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    width: 18px;
    height: 15px;
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.bds_weixin {
    background: url(../images/fotico1s.png) no-repeat center center !important;
    opacity: .4
}

.bds_tsina {
    background: url(../images/fotico2s.png) no-repeat center center !important;
    opacity: .4
}

.bds_sqq {
    background: url(../images/fotico3s.png) no-repeat center center !important;
    opacity: .4
}

.bd_weixin_popup .bd_weixin_popup_foot {
    position: relative;
    top: -10px;
    line-height: 20px;
}

.fotfrbotm {
    text-align: right;
    margin-top: 10px;
}

.fotfrbotm p {
    margin-bottom: 0;
    line-height: 24px;
}

.fotfrbotm p,.fotfrbotm p a {
    font-size: 12px;
    color: #747474;
}

.fotfrbotm p a {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
/*
--------------------------------------------------------content*/
.content {
    position: relative;
    z-index: 1;
}
/*

home1*/
.home8 {
    padding: 60px 0;
}

.home1 {
    padding-top: 80px;
    padding-bottom: 80px;
    visibility: hidden;
}

.hmtit h2 {
    height: 60px;
}

.hmtit h2 span,.hmtit h2 small {
    display: inline-block;
    vertical-align: bottom;
}

.hmtit h2 span {
    font-size: 50px;
    color: #c7383c;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 10px;
    height: 60px;
    line-height: 84px;
    font-family: "Base-font";
}

.hmtit h2 small {
    font-size: 22px;
    color: #c7383c;
    letter-spacing: 5px;
}

.hmtit p {
    font-size: 26px;
    color: #333;
    margin-bottom: 0;
}

.hm1tit {
    width: 50%;
    position: relative;
    z-index: 3;
    margin-bottom: -50px;
}

.hm1row {
    margin-left: 0;
    margin-right: 0;
}

.hm1flbox,.hm1frbox {
    padding-left: 0;
    padding-right: 0;
}

.hm1flbox.col-md-7 {
    position: relative;
}

.hm1fldiv {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    text-align: center;
}

.hm1fldiv:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    height: 400px;
    width: 100%;
    background-color: #fff;
}

.hm1but {
    position: absolute;
    z-index: 2;
    right: 10px;
    bottom: 20px;
}

.hmswp-but {
    display: block;
    font-size: 0;
    width: 50px;
    height: 50px;
    background-color: #f8f8f8;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 100%;
    text-align: center;
    line-height: 50px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.hmswp-but:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    opacity: 1;
    border-radius: 100%;
    background-color: #f8f8f8;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.hmswp-but small {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    position: relative;
}

.hmswp-but small img {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.hmswp-but small img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.hm1frdiv {
    background-color: #f6f6f6;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 60px;
    height: 600px;
}

.hm1frtit {
    margin-bottom: 50px;
}

.hm1frtit h3 span {
    display: block;
    font-size: 72px;
    text-transform: uppercase;
    color: #333;
    font-family: "Times New Roman","微软雅黑";
    margin-bottom: 10px;
}

.hm1frtit h3 small {
    font-size: 50px;
    color: #333;
    font-weight: lighter;
}

.hm1frlist {
    margin-left: -20px;
    margin-right: -20px;
}

.hm1frlist li {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}

.hm1frlist li h1 {
    float: left;
    font-size: 18px;
    color: #3e3c36;
    line-height: 40px;
    margin: 0;
    padding: 0;
}

.hm1frlist li a {
    float: left;
    font-size: 18px;
    color: #3e3c36;
    line-height: 40px;
}

.hm1ulist {
    position: absolute;
    left: 0;
    bottom: 45px;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
}

.hm1ul {
    border-bottom: solid 1px #dadadb;
    margin-bottom: 0;
}

.hm1ul li {
    text-align: center;
    float: left;
    width: 20%;
    position: relative;
    bottom: -6px;
    cursor: pointer;
}

.hm1ul li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 11px;
    height: 11px;
    background: url(../images/hm1dd1.png) no-repeat center center;
}

.hm1ul p {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.hm1ul li.active:after {
    background: url(../images/hm1dd2.png) no-repeat center center;
}

.hm1ul p {
    text-align: left;
    writing-mode: vertical-lr;
    display: inline-block;
    height: 106px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    cursor: pointer;
    font-family: 微软雅黑;
}

.hm1ul li.active p {
    color: #c7383c;
}

.hm1slider .item {
    position: relative;
}

.itemul {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hm1slider li {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.hm1slider li i {
    display: block;
    opacity: 0;
}

.hm1slider li i img {
    width: 100%;
}

.hm1slider .slick-current li i {
    opacity: 1;
}
/*
*/
/*.hm1slider .slick-current li i.item1li1{
    animation: slideInRight 2.2s ease 0.1s both;
    -webkit-animation: slideInRight 2.2s ease 0.1s both;
    -moz-animation: slideInRight 2.2s ease 0.1s both;
    -o-animation: slideInRight 2.2s ease 0.1s both;
}
.hm1slider .slick-current li i.item1li2{
    animation: slideInLeft 2.2s ease 0.2s both; 
    -webkit-animation: slideInLeft 2.2s ease 0.2s both; 
    -moz-animation: slideInLeft 2.2s ease 0.2s both; 
    -o-animation: slideInLeft 2.2s ease 0.2s both; 
}*/

.hm1slider .slick-current li i.item1li1 {
    animation: bounceInLeft  2s ease 0.4s both;
    -webkit-animation: bounceInLeft 2s ease 0.4s both;
    -moz-animation: bounceInLeft 2s ease 0.4s both;
    -o-animation: bounceInLeft  2s ease 0.4s both;
}

.hm1slider .slick-current li i.item1li2 {
    animation: bounceInRight  2s ease 0.2s both;
    -webkit-animation: bounceInRight  2s ease 0.2s both;
    -moz-animation: bounceInRight  2s ease 0.2s both;
    -o-animation: bounceInRight  2s ease 0.2s both;
}

/*
*/
.hm1slider .slick-current li i.item2li2 {
    animation: bounceInDown 1.2s ease 0.4s both;
    -webkit-animation: bounceInDown 1.2s ease 0.4s both;
    -moz-animation: bounceInDown 1.2s ease 0.4s both;
    -o-animation: bounceInDown 1.2s ease 0.4s both;
}

.hm1slider .slick-current li i.item2li3 {
    animation: bounceInDown 1.2s ease 0.2s both;
    -webkit-animation: bounceInDown 1.2s ease 0.2s both;
    -moz-animation: bounceInDown 1.2s ease 0.2s both;
    -o-animation: bounceInDown 1.2s ease 0.2s both;
}
/*
*/
.hm1slider .slick-current li i.item3li2 {
    animation: slideInRight 1.2s ease 0s both;
    -webkit-animation: slideInRight 1.2s ease 0s both;
    -moz-animation: slideInRight 1.2s ease 0s both;
    -o-animation: slideInRight 1.2s ease 0s both;
}

.hm1slider .slick-current li i.item3li3 {
    animation: slideInRight 1.2s ease 0s both;
    -webkit-animation: slideInRight 1.2s ease 0s both;
    -moz-animation: slideInRight 1.2s ease 0s both;
    -o-animation: slideInRight 1.2s ease 0s both;
}

.hm1slider .slick-current li i.item3li4 {
    animation: slideInRight 1.2s ease 0.3s both;
    -webkit-animation: slideInRight 1.2s ease 0.3s both;
    -moz-animation: slideInRight 1.2s ease 0.3s both;
    -o-animation: slideInRight 1.2s ease 0.3s both;
}

.hm1slider .slick-current li i.item3li5 {
    animation: slideInRight 1.2s ease 0.3s both;
    -webkit-animation: slideInRight 1.2s ease 0.3s both;
    -moz-animation: slideInRight 1.2s ease 0.3s both;
    -o-animation: slideInRight 1.2s ease 0.3s both;
}

.hm1slider .slick-current li i.item3li6 {
    animation: slideInRight 1.2s ease 0.5s both;
    -webkit-animation: slideInRight 1.2s ease 0.5s both;
    -moz-animation: slideInRight 1.2s ease 0.5s both;
    -o-animation: slideInRight 1.2s ease 0.5s both;
}

.hm1slider .slick-current li i.item3li7 {
    animation: slideInRight 1.2s ease 0.5s both;
    -webkit-animation: slideInRight 1.2s ease 0.5s both;
    -moz-animation: slideInRight 1.2s ease 0.5s both;
    -o-animation: slideInRight 1.2s ease 0.5s both;
}

.hm1slider .slick-current li i.item3li8 {
    animation: slideInRight 1.2s ease 0.7s both;
    -webkit-animation: slideInRight 1.2s ease 0.7s both;
    -moz-animation: slideInRight 1.2s ease 0.7s both;
    -o-animation: slideInRight 1.2s ease 0.7s both;
}

.hm1slider .slick-current li i.item3li9 {
    animation: slideInRight 1.2s ease 0.7s both;
    -webkit-animation: slideInRight 1.2s ease 0.7s both;
    -moz-animation: slideInRight 1.2s ease 0.7s both;
    -o-animation: slideInRight 1.2s ease 0.7s both;
}
/*
*/
.hm1slider .slick-current li i.item4li1 {
    animation: slideInUp 1.2s ease 0.6s both;
    -webkit-animation: slideInUp 1.2s ease 0.6s both;
    -moz-animation: slideInUp 1.2s ease 0.6s both;
    -o-animation: slideInUp 1.2s ease 0.6s both;
}

.hm1slider .slick-current li i.item4li2 {
    animation: slideInUp 1.2s ease 0.3s both;
    -webkit-animation: slideInUp 1.2s ease 0.3s both;
    -moz-animation: slideInUp 1.2s ease 0.3s both;
    -o-animation: slideInUp 1.2s ease 0.3s both;
}

.hm1slider .slick-current li i.item4li3 {
    animation: slideInUp 1.2s ease 0s both;
    -webkit-animation: slideInUp 1.2s ease 0s both;
    -moz-animation: slideInUp 1.2s ease 0s both;
    -o-animation: slideInUp 1.2s ease 0s both;
}
/*
*/
.hm1slider .slick-current li i.item5li2 {
    animation: slideInDown 1.2s ease 0.3s both;
    -webkit-animation: slideInDown 1.2s ease 0.3s both;
    -moz-animation: slideInDown 1.2s ease 0.3s both;
    -o-animation: slideInDown 1.2s ease 0.3s both;
}

.hm1slider .slick-current li i.item5li3 {
    animation: slideInUp 1.2s ease 0.3s both;
    -webkit-animation: slideInUp 1.2s ease 0.3s both;
    -moz-animation: slideInUp 1.2s ease 0.3s both;
    -o-animation: slideInUp 1.2s ease 0.3s both;
}
/*
*/
.hm1slider .slick-current li i.item6li1 {
    animation: zoomIn 1.2s ease 0s both;
    -webkit-animation: zoomIn 1.2s ease 0s both;
    -moz-animation: zoomIn 1.2s ease 0s both;
    -o-animation: zoomIn 1.2s ease 0s both;
}

.hm1slider .slick-current li i.item6li2 {
    animation: slideInDown 1.2s ease 0.1s both;
    -webkit-animation: slideInDown 1.2s ease 0.1s both;
    -moz-animation: slideInDown 1.2s ease 0.1s both;
    -o-animation: slideInDown 1.2s ease 0.1s both;
}

.hm1slider .slick-current li i.item6li3 {
    animation: slideInDown 1.6s ease 0.1s both;
    -webkit-animation: slideInDown 1.6s ease 0.1s both;
    -moz-animation: slideInDown 1.6s ease 0.1s both;
    -o-animation: slideInDown 1.6s ease 0.1s both;
}

/*

home2*/
.home2 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.hm2tit .topdiv {
    margin-bottom: 50px;
}

.hm2tit .topdiv span {
    height: 30px;
    line-height: 30px;
    display: inline-block;
}

.hm2tit .topdiv .titen {
    font-size: 40px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 25px;
    line-height: 84px;
    font-family: "Base-font";
}

.hm2tit .topdiv .titcn {
    font-size: 22px;
    color: #a9a9a9;
    letter-spacing: 3px;
    margin-left: -10px;
}

.hm2tit .topdiv strong {
    display: block;
    font-size: 86px;
    color: #000000;
    text-transform: uppercase;
    height: 90px;
    line-height: 90px;
    letter-spacing: 3px;
}

.topul {
    margin-top: 30px;
    margin-bottom: 50px;
}

.topul li {
    float: left;
    width: 9.09%;
    text-align: center;
    height: 95px;
    border-right: solid 1px #dedede;
}

.topul li:nth-child(11) {
    border-right: 0;
}

.topul li:last-child {
    border-right: 0;
}

.topul li p {
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 16px;
    color: #979797;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.hm2dl {
    background-color: #fff;
    margin-bottom: 30px;
}

.hm2dl dt {
    overflow: hidden;
    font-size: 0;
    position: relative;
}

.hm2dl dt small {
    display: block;
    font-size: 0;
}

.hm2dl dt img {
    width: 100%;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.hm2dtdiv {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    text-align: center;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.hm2dtdiv a {
    display: block;
    width: 100%;
    height: 100%;
}

.hm2dtdiv h3,.hm2dtdiv p {
    color: #fff;
}

.hm2dtdiv div {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: all 0.5s ease 0.2s;
    -webkit-transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
}

.hm2dtdiv h3 {
    font-size: 30px;
    letter-spacing: 3px;
}

.hm2dtdiv p {
    font-size: 18px;
    letter-spacing: 3px;
    margin-bottom: 0;
}

.hm2dl dd {
    padding-left: 20px;
    padding-right: 55px;
    padding-right: 20px;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.hm2dl dd h3 {
    margin-bottom: 18px;
    margin-top: 0px;
}

.hm2dl dd a {
    display: block;
}

.hm2dl dd span {
    font-size: 18px;
    color: #292929;
}

.hm2dl dd small {
    font-size: 16px;
    color: #565656;
}

.hm2dl dd p {
    margin-bottom: 0;
}

.hm2dl dd p a {
    font-size: 14px;
    color: #979797;
}

.hmjian {
    font-size: 0;
}

.hmjian a {
    display: inline-block;
}

.hmjian a i {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    position: relative;
    z-index: 1;
}

.hmjian a i img {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.hmjian a i img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.hm2jian {
    position: absolute;
    z-index: 1;
    bottom: 25px;
    right: 20px;
}

@keyframes hm2jian {
    0% {
        right: 20px;
    }

    60% {
        right: 10px;
    }

    100% {
        right: 20px;
    }
}

@-webkit-keyframes hm2jian {
    0% {
        right: 20px;
    }

    60% {
        right: 10px;
    }

    100% {
        right: 20px;
    }
}

@-moz-keyframes hm2jian {
    0% {
        right: 20px;
    }

    60% {
        right: 10px;
    }

    100% {
        right: 20px;
    }
}

@-o-keyframes hm2jian {
    0% {
        right: 20px;
    }

    60% {
        right: 10px;
    }

    100% {
        right: 20px;
    }
}

@keyframes hm2jians {
    0% {
        left: 2px;
    }

    60% {
        left: 10px;
    }

    100% {
        left: 2px;
    }
}

@-webkit-keyframes hm2jians {
    0% {
        left: 2px;
    }

    60% {
        left: 10px;
    }

    100% {
        left: 2px;
    }
}

@-moz-keyframes hm2jians {
    0% {
        left: 2px;
    }

    60% {
        left: 10px;
    }

    100% {
        left: 2px;
    }
}

@-o-keyframes hm2jians {
    0% {
        left: 2px;
    }

    60% {
        left: 10px;
    }

    100% {
        left: 2px;
    }
}
/*

home3*/
.home3 {
    height: 580px;
}

.hm3box {
    position: relative;
}

.hm3top {
    position: absolute;
    top: -125px;
    left: 0;
    width: 100%;
    height: 250px;
    background-color: rgba(7,66,71,.95);
    text-align: center;
}

.hm3top li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 90px;
    margin-right: 90px;
}

.hm3top li strong,.hm3top li span {
    color: #f6f6f6;
}

.hm3top li strong {
    font-size: 80px;
    font-weight: 400;
    font-family: "ukijqolyazma";
}

.hm3top li span {
    font-size: 22px;
}

.hm3top li p {
    font-size: 18px;
    color: #f6f6f6;
}

.hm3bottom {
    text-align: center;
    margin-top: 125px;
    font-size: 0;
}

.hm3bottom h2 {
    font-size: 44px;
    color: #f6f6f6;
    line-height: 70px;
    letter-spacing: 5px;
}

.hm3bottom a {
    display: inline-block;
    width: 185px;
    height: 55px;
    line-height: 55px;
    border-radius: 3px;
    font-size: 20px;
    color: #fff;
    border: solid 1px #fff;
    margin-left: 20px;
    margin-right: 20px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.hm3but {
    margin-top: 60px;
}
/*

home4*/
.home4 {
    padding-top: 90px;
}

.hmm4tit {
    padding: 30px 0 20px;
}

.hm4tit {
    margin-bottom: 60px;
}

.hm4tit h2 span,.hm4tit h2 small {
    color: #333;
}

.hm4tit p {
    color: #111111;
}

.hm4text {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.swiper-hm4sp img {
    width: 100%;
}

.swiper-hm4sp {
    height: 360px;
}

.hm4li {
    height: 320px;
    background-color: #fff;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.hm4-slide {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    display: block;
}

.hm4logo {
    height: 50px;
    line-height: 50px;
}

.hm4logo img {
    width: auto;
    max-width: 100%;
}

.hm4litxt {
    margin-top: 211px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.hm4litxt h3 {
    font-size: 16px;
    color: #292929;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.hm4litxt span {
    font-size: 14px;
    color: #979797;
}

.hm4litxt .txt {
    position: absolute;
    left: -20px;
    bottom: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.hm4lismdiv {
    background-color: #c7383c;
    height: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

.hm4lismdiv p {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 0;
}

.hm4but .hmswp-but {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    margin: auto;
    visibility: hidden;
    opacity: 0;
}

.hm4-left {
    left: 30px;
}

.hm4-right {
    right: 30px;
}
/*

home5*/
.home5 {
    padding-top: 80px;
    padding-bottom: 120px;
}

.hm5tit h2 small {
    color: #a9a9a9;
}

.swiper-hm5 {
    position: relative;
}

.swiper-hm5 .swiper-slide a {
    display: block;
    font-size: 0;
    text-align: center;
}

.swiper-hm5 .swiper-slide a img {
    max-width: 100%;
    display: inline-block;
}

.pagination-hm5 {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
}

.pagination-hm5 .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #bababa;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 100%;
}

.pagination-hm5 .swiper-active-switch {
    background-color: #c7383c;
}

.hm5nrow {
    margin-top: -15px;
    margin-bottom: -15px;
}

.hm5li {
    background-color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 240px;
}

.hm5lifl {
    width: 70px;
    text-align: center;
}

.hm5lifl p {
    margin-bottom: 15px;
}

.hm5lifl p span {
    display: block;
    font-size: 28px;
    color: #404040;
    line-height: 31px;
}

.hm5lifl p span.timesg {
    font-size: 0;
}

.timesg i {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    line-height: 0;
}

.timesg i img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.hm5lifl small {
    display: block;
    font-size: 12px;
    color: #404040;
}

.hm5lifr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    padding-left: 70px;
    padding-right: 10px;
}

.hm5lifrdiv {
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
    z-index: 1;
    height: 100%;
    padding-top: 50px;
}

.hm5lifrdiv:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 60px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.hm5lifrdiv p {
    font-size: 22px;
    color: #454545;
    line-height: 38px;
}

.hm5lifr .more {
    position: absolute;
    bottom: 40px;
    left: 50px;
}

.hm5lifr .more span {
    font-size: 18px;
    color: #979797;
    font-family: "Times New Roman","微软雅黑";
    display: block;
}

.hm5jian {
    position: absolute;
    right: 50px;
    bottom: 40px;
}

.hm5li,
.hm5li .timesg i img,
.hm5lifl p span,
.hm5lifl small,
.hm5lifrdiv p,
.hm5lifr .more span,
.hm5lifrdiv:after {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.hm5jian i {
    position: relative;
    display: block;
}

.hm5jian i img:nth-child(2) {
    position: absolute;
    right: 0;
    top: 0;
}
/*

home6*/
.home6 {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.home6 .w1560 {
    margin-top: 120px;
    margin-bottom: 120px;
}

.hm6li {
    width: 50%;
    height: 320px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    position: relative;
}

.hm6li:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -45px;
    left: 0;
    right: 0;
    margin: auto;
    width: 181px;
    height: 89px;
}

.hm6li1:after {
    background: url(../images/hm6img1.png) no-repeat center center;
}

.hm6li2:after {
    background: url(../images/hm6img2.png) no-repeat center center;
}

.hm6li1 {
    background-color: #fff;
}

.hm6li2 {
    background-color: #c7383c;
}

.hm6li h2 {
    margin-bottom: 25px;
    margin-top: 45px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.hm6li h2 a {
    font-size: 38px;
    letter-spacing: 3px;
}

.hm6li1 h2 a {
    color: #111111;
}

.hm6li2 h2 a {
    color: #f6f6f6;
}

.hm6li .hm6but a,
.hm2text .ckaaa {
    width: 185px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
}

.hm6li1 .hm6but a,.hm2text .ckaaa {
    color: #595959;
}

.hm6li2 .hm6but a {
    color: #f6f6f6;
}

.hm6li i {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2px;
    height: 90%;
    overflow: hidden;
}

.hm6li i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.hm6li1 i {
    right: 20px;
}

.hm6li1 i:after {
    background: url(../images/hm6d1.png) repeat-y left;
}

.hm6li1 i:after {
    background: url(../images/hm6d1.png) repeat-y left;
}

.hm6li2 i {
    left: 20px;
}

.hm6li2 i:after {
    background: url(../images/hm6d2.png) repeat-y left;
}

@keyframes hm6li {
    0% {
        height: 0;
    }

    50% {
        top: 100%;
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

@-webkit-keyframes hm6li {
    0% {
        height: 0;
    }

    50% {
        top: 100%;
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

@-moz-keyframes hm6li {
    0% {
        height: 0;
    }

    50% {
        top: 100%;
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

@-o-keyframes hm6li {
    0% {
        height: 0;
    }

    50% {
        top: 100%;
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

.hm6li em {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2px;
    height: 90%;
    overflow: hidden;
}

.hm6li em:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

.hm6li1 em {
    left: 20px;
}

.hm6li1 em:after {
    background: url(../images/hm6d1.png) repeat-y left;
}

.hm6li1 em:after {
    background: url(../images/hm6d1.png) repeat-y left;
}

.hm6li2 em {
    right: 20px;
}

.hm6li2 em:after {
    background: url(../images/hm6d2.png) repeat-y left;
}

@keyframes hm6li2 {
    0% {
        height: 0;
    }

    50% {
        bottom: 100%;
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

@-webkit-keyframes hm6li2 {
    0% {
        height: 0;
    }

    50% {
        bottom: 100%;
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

@-moz-keyframes hm6li2 {
    0% {
        height: 0;
    }

    50% {
        bottom: 100%;
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

@-o-keyframes hm6li2 {
    0% {
        height: 0;
    }

    50% {
        bottom: 100%;
        height: 100%;
    }

    100% {
        height: 0%;
    }
}
/* ======================================================================================01-fuwu.html*/
.fwbox {
    position: relative;
    z-index: 1;
}

.fwbg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}

.fwbg:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
}

.fwbox .container {
    position: relative;
    z-index: 1;
}

.fw1smdiv {
    margin-left: -25px;
    padding-right: 100px;
    padding-bottom: 200px;
    position: relative;
}

.fw1smdiv .title p,
.fw1smdiv .list {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.fw1smdiv .title p {
    position: relative;
    top: 0;
}

.fwbox {
/*  background-size: cover !important;
*/
}

.fwbox .title {
    margin-bottom: 85px;
}

.fwbox .title h2 {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.fwbox .title h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 1px;
    background-color: #9e9e9e;
}

.fwbox .title h2 span {
    display: block;
}

.fwbox .title h2 span.en {
    font-size: 60px;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 5px;
}

.fwbox .title h2 span.cn {
    font-size: 44px;
    letter-spacing: 3px;
}

.fwbox .title p {
    font-size: 16px;
    color: #ffffff;
    line-height: 32px;
    position: relative;
    top: 0;
}

.fwbox .list {
    margin-left: -20px;
    margin-right: -20px;
    position: absolute;
    top: 330px;
    left: 0;
    padding-right: 110px;
}

.fwbox .list li {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}

.fwbox .list li a {
    font-size: 16px;
    line-height: 32px;
    text-transform: uppercase;
}

.fwbox .but {
    margin-left: -10px;
    margin-right: -10px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.fwbox .but a {
    float: left;
    font-size: 16px;
    width: 185px;
    height: 55px;
    line-height: 53px;
    border-radius: 3px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
}

.fwbox .but a.but1 {
    border: solid 1px #c7383c;
    background-color: #c7383c;
    color: #fff;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.fwbox1 .fwbg:after {
    background-color: rgba(32,39,82,.8);
}

.fwbox1 .title h2,.fwbox1 .title p {
    color: #ffffff;
}

.fwbox1 .list li a {
    color: #b5b5b5;
}

.fwbox1 .but a.but2 {
    border: solid 1px #a8a8a8;
    color: #fff;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.fwbox2 .fwbg:after {
    background-color: rgba(255,255,255,.7);
}

.fwbox2 .title h2 {
    color: #222222;
}

.fwbox2 .title p {
    color: #565656;
}

.fwbox2 .list li a {
    color: #777777;
}

.fwbox2 .but a.but2 {
    border: solid 1px #939393;
    color: #767676;
}

.fwbox3 .fwbg:after {
    background-color: rgba(2,79,75,.8);
}

.fwbox4 .fwbg:after {
    background-color: rgba(2,65,98,.9);
}

.fw4img {
    position: absolute;
    z-index: -1;
    right: 70px;
    bottom: 0;
    height: 95%;
}

.fw4img dt {
    height: 100%;
}

.fw4img dt img {
    height: 100%;
}

.fw4img dd {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 300px;
    height: 50%;
}

.fwbox4 .list li a {
    color: #dbe3e3;
}

.fw4dd {
    position: relative;
    left: -10px;
}

.fw4ddiv .slick-list li {
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0;
}

.fw4ddiv .slick-list li small {
    display: block;
    font-size: 0;
}

.fw4ddiv .slick-list li img {
    max-width: 100%;
}

.fw4ddiv .slick-current li:nth-child(1) {
    animation: slideInRight 1.8s ease 0s both;
    -webkit-animation: slideInRight 1.8s ease 0s both;
    -moz-animation: slideInRight 1.8s ease 0s both;
    -o-animation: slideInRight 1.8s ease 0s both;
    opacity: 1;
}

.fw4ddiv .slick-current li:nth-child(2) {
    animation: slideInRight 1.8s ease 0.2s both;
    -webkit-animation: slideInRight 1.8s ease 0.2s both;
    -moz-animation: slideInRight 1.8s ease 0.2s both;
    -o-animation: slideInRight 1.8s ease 0.2s both;
    opacity: 1;
}

.fw4ddiv .slick-current li:nth-child(3) {
    animation: slideInRight 1.8s ease 0.4s both;
    -webkit-animation: slideInRight 1.8s ease 0.4s both;
    -moz-animation: slideInRight 1.8s ease 0.4s both;
    -o-animation: slideInRight 1.8s ease 0.4s both;
    opacity: 1;
}

.fw4ddiv .slick-current li:nth-child(4) {
    animation: slideInRight 1.8s ease 0.6s both;
    -webkit-animation: slideInRight 1.8s ease 0.6s both;
    -moz-animation: slideInRight 1.8s ease 0.6s both;
    -o-animation: slideInRight 1.8s ease 0.6s both;
    opacity: 1;
}

.fw4ddiv .slick-dots {
    text-align: center;
    position: relative;
    left: -20px;
}

.fw4ddiv .slick-dots li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 0;
}

.fw4ddiv .slick-dots li button {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #000;
    font-size: 0;
    border: none;
}

.fw4ddiv .slick-dots li.slick-active button {
    background-color: #09452c;
}

.fwbox5 .fwbg:after {
    background-color: rgba(255,255,255,.7);
}

.fwbox6 .fwbg:after {
    background-color: rgba(107,115,119,.8);
}
/* ======================================================================================02-case.html*/
.inside-tit h2 span {
    display: block;
}

.inside-tit h2 span.en {
    font-size: 60px;
    font-family: "Times New Roman","微软雅黑";
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 5px;
}

.inside-tit h2 span.en:after {
    display: block;
    content: "";
    width: 40px;
    height: 4px;
    background: #fff;
    margin: 15px 0;
}

.cen {
    font-size: 50px;
    font-family: "Times New Roman","微软雅黑";
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    color: #fff;
}

.cen:after {
    display: block;
    content: "";
    width: 40px;
    height: 4px;
    background: #fff;
    margin: 15px auto;
    text-align: center;
}

.nbandiv .inside-tit h2 span.cen {
    color: #fff;
    letter-spacing: 2px;
}

.inside-tit p {
    font-size: 34px;
}

.case-tit {
    margin-top: 10px;
}

.case-tit h2 span {
    color: #9e9e9e;
}

.case-tit p {
    color: #333333;
}

.casenav {
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 90px;
    margin-bottom: 90px;
}

.casenav li {
    float: left;
    margin-left: 30px;
    margin-right: 30px;
}

.casenav li a {
    float: left;
    height: 26px;
    line-height: 26px;
    position: relative;
    color: #636363;
    font-size: 16px;
}

.casenav li a:after,
.casenav li a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background-color: #333333;
}

.casenav li a:after {
    bottom: 0;
    right: 0;
}

.casenav li a:before {
    top: 0;
    left: 0;
}

.casenav li a,
.casenav li a:after,
.casenav li a:before {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.casenav li a {
    color: #333333;
}
/*
瀑布流*/
.casepbl {
    margin-right: -40px;
}

#container {
    position: relative;
    width: 100%;
    margin: auto;
}

#container .grid {
    width: 46%;
    margin-right: 2%;
    float: left;
    -webkit-transition: top 1s ease, left 1s ease;
    -moz-transition: top 1s ease, left 1s ease;
    -o-transition: top 1s ease, left 1s ease;
    -ms-transition: top 1s ease, left 1s ease;
}

.case-pbldl {
    margin-bottom: 0;
}

.case-pbldl dt {
    position: relative;
    overflow: hidden;
}

.case-pbldl dt small {
    font-size: 0;
    display: block;
}

.case-pbldl dt small img {
    width: 100%;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.case-pblddiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(199,56,60,.85);
    opacity: 0;
}

.case-pblddiv a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.case-pblddiv h3 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 35px;
    position: relative;
    top: 50px;
    letter-spacing: 2px;
}

.case-pblddiv div span {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    position: relative;
    height: 45px;
    line-height: 45px;
    opacity: 0;
    position: relative;
    top: 50px;
    transition: all 0.5s ease 0.1s;
    -webkit-transition: all 0.5s ease 0.1s;
    -moz-transition: all 0.5s ease 0.1s;
    -o-transition: all 0.5s ease 0.1s;
}

.case-pblddiv div span:after,
.case-pblddiv div span:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 50%;
    height: 1px;
    background-color: #fff;
}

.case-pblddiv div span:after {
    bottom: 0;
}

.case-pblddiv div span:before {
    top: 0;
}

.case-pbldl dd {
    padding-top: 15px;
    padding-bottom: 40px;
    position: relative;
    padding-left: 20px;
    padding-right: 120px;
}

.case-pbldl dd h3 {
    margin-bottom: 10px;
}

.case-pbldl dd h3 a {
    font-size: 24px;
    color: #333333;
}

.case-pbldl dd p {
    font-size: 16px;
    color: #979797;
}

.case-but {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
}

.case-but:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #eaeaea;
    border-radius: 100%;
}

.case-but small {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    position: relative;
    line-height: 0;
}

.case-but small img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.case-pblddiv,
.case-pblddiv h3,
.case-pblddiv div span:after,
.case-pblddiv div span:before,
.case-but small img,
.case-but:after {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

@keyframes casebut {
    0% {
        left: -10px;
    }

    80% {
        left: 10px;
    }

    100% {
        left: -10px;
    }
}

@-webkit-keyframes casebut {
    0% {
        left: -10px;
    }

    80% {
        left: 10px;
    }

    100% {
        left: -10px;
    }
}

@-moz-keyframes casebut {
    0% {
        left: -10px;
    }

    80% {
        left: 10px;
    }

    100% {
        left: -10px;
    }
}

@-o-keyframes casebut {
    0% {
        left: -10px;
    }

    80% {
        left: 10px;
    }

    100% {
        left: -10px;
    }
}
/* ======================================================================================03-case-text.html*/
.caseban-img {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.caseban-img {
    width: 100%;
}

.caseban-img:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/banbg.png) repeat-x bottom;
}

.caseban-img>div {
    width: 100%;
    height: 100%;
    background-size: cover !important;
}

.caseban-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 50px;
}

.caseban-txt h1 {
    font-size: 34px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.caseban-txt div p {
    font-size: 18px;
    color: #fff;
    line-height: 32px;
}

.casetxt-ml {
    position: fixed;
    z-index: 8;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 90%;
    height: 70px;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}

.ml-but {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 70px;
    height: 70px;
}

.ml-prev {
    left: 8%;
}

.ml-tit {
    left: 0;
    right: 0;
    margin: auto;
}

.ml-next {
    right: 8%;
}

.ml-but small {
    display: block;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 0;
    border-radius: 100%;
    background-color: rgba(0,0,0,.4);
    position: absolute;
}

.ml-prev small {
    left: 0;
}

.ml-next small {
    right: 0;
}

.ml-but small img {
    display: inline-block;
    vertical-align: middle;
}

.mlbut-div {
    position: absolute;
    z-index: -1;
    top: 0;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    overflow: hidden;
    background-color: rgba(0,0,0,.4);
    border-radius: 70px;
}

.mlbut-div span {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}

.ml-but .mlbut-div {
    width: 70px;
    opacity: 0;
}

.ml-prev .mlbut-div {
    right: 0px;
    padding-right: 50px;
}

.ml-tit .mlbut-div,
.ml-next .mlbut-div {
    padding-left: 50px;
    left: 0px;
}

.ml-but,
.ml-but small,
.ml-but .mlbut-div {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.ml-buts,.ml-buts small {
    width: 50px;
    height: 50px;
}

.ml-buts small {
    line-height: 50px;
}

.ml-buts.ml-prev small img,
.ml-buts.ml-next small img {
    width: 20px;
}

.ml-buts.ml-prev .mlbut-div {
    padding-right: 30px;
}

.ml-buts.ml-tit .mlbut-div,
.ml-buts.ml-next .mlbut-div {
    padding-left: 30px;
}

.ml-buts .mlbut-div {
    height: 50px;
    line-height: 50px;
}

.casetxt-tit {
    text-align: center;
    padding-top: 90px;
    padding-bottom: 90px;
}

.view {
    display: inline-block;
}

.view span,.view small {
    display: inline-block;
    vertical-align: middle;
}

.view span {
    height: 35px;
    line-height: 35px;
    position: relative;
}

.view span:after,.view span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background-color: #c7383c;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.view span:after {
    top: 0;
    left: 0;
}

.view span:before {
    bottom: 0;
    right: 0;
}

.view span a {
    font-size: 18px;
    color: #c7383c;
    letter-spacing: 3px;
}

.view small {
    margin-left: 15px;
    position: relative;
}

.shuom h2 {
    font-size: 50px;
    color: #000000;
    font-family: "Microsoft JhengHei","微软雅黑";
    margin: 0;
}

.casetxt-txt p {
    margin-bottom: 0;
}

.casetxt-txt img {
    display: block;
    margin: auto;
    max-width: 100%;
}

.like {
    margin-top: 100px;
    margin-bottom: 100px;
    text-align: center;
}

.like a {
    display: inline-block;
}

.like small {
    display: block;
    width: 85px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    font-size: 0;
    margin: auto;
    background-color: #c7383c;
    border-radius: 100%;
    position: relative;
    z-index: 1;
}

.like small:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(32,98,49,.5);
    border-radius: 100%;
    animation: like 1.7s ease 0s infinite;
    -webkit-animation: like 1.7s ease 0s infinite;
    -moz-animation: like 1.7s ease 0s infinite;
    -o-animation: like 1.7s ease 0s infinite;
}

.like small i {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 100%;
}

.like small img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.like small img:nth-child(2) {
    opacity: 0;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

@keyframes like {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes like {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes like {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        opacity: 0;
    }
}

@-o-keyframes like {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        opacity: 0;
    }
}

.like-img {
    margin-bottom: 20px;
}

.like-sp span {
    font-size: 16px;
    color: #c7383c;
    padding-left: 5px;
}

.like small:after {
    background-color: rgba(32,98,49,.5);
}

.like.active small {
    background-color: #fff;
}

.like.active small:after {
    background-color: rgba(255,255,255,.5);
}/*
.like.active i,.like.active small{
    background-color: #fff;
}
.like.active small img{
    opacity: 0;
    animation: tada 1s ease 0s 1;
    -webkit-animation: tada 1s ease 0s 1;
    -moz-animation: tada 1s ease 0s 1;
    -o-animation: tada 1s ease 0s 1;
}
.like.active small img:nth-child(2){
    opacity: 1;
}*/
.zlcasetit {
    margin-bottom: 30px;
    margin-top: 70px;
}

.zlcasetit h2 {
    margin-top: 0;
}
/* ======================================================================================04-kehupj.html*/
.nban {
    position: relative;
}

.nban small {
    font-size: 0;
}

.nban small img {
    width: 100%;
}

.nbandiv {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-height: 700px;
}

.nbandiv .inside-tit h2 span.en,.nbandiv .case-tit p {
    color: #fff;
    letter-spacing: 2px;
}

.nnavlist {
    background-color: #c7383c;
}

.nnavlist ul {
    margin-bottom: 0;
}

.nnavlist li {
    text-align: center;
    height: 150px;
    position: relative;
    z-index: 1;
}

.nnavlist li:after,
.nnavlist li:before {
    content: "";
    background-color: #fff;
    position: absolute;
    z-index: -1;
    height: 50%;
    width: 0;
}

.nnavlist li:after {
    top: 0;
    left: 0;
}

.nnavlist li:before {
    bottom: 0;
    right: 0;
}

.nnavlist li a {
    display: block;
    height: 100%;
}

.nnavlist li small {
    display: inline-block;
    position: relative;
    font-size: 0;
    margin-bottom: 20px;
}

.nnavlist li small img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.nnavlist li span {
    font-size: 20px;
    color: #fff;
}

.nnavlist li:after,.nnavlist li:before,.nnavlist li small,.nnavlist li span,.nnavlist li small img {
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.nnavlist li.active:after,
.nnavlist li.active:before {
    width: 100%;
}

.nnavlist li.active small img {
    opacity: 0;
}

.nnavlist li.active small img:nth-child(2) {
    opacity: 1;
}

.nnavlist li.active span {
    color: #c7383c;
}

.kjlist {
    padding-top: 35px;
}

.listdiv {
    margin-top: 45px;
}

.khjingdl {
    position: relative;
    margin-bottom: 0;
}

.khjingdl dt {
    position: absolute;
    box-shadow: 10px 10px 30px 5px rgba(0,0,0,.1);
    overflow: hidden;
}

.khjingdl dt small {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 70px;
    height: 70px;
    background-color: rgba(0,0,0,.4);
    text-align: center;
    line-height: 70px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
    top: 50%;
}

.khjingdl dt small img {
    display: inline-block;
    vertical-align: middle;
}

.khjingdl dd,.khjinglidiv {
    width: 825px;
}

.khjingdl dd {
    padding-top: 55px;
    padding-bottom: 65px;
}

.khjingli {
    background-color: #f8f8f8;
    padding-top: 30px;
    padding-bottom: 30px;
}

.khjingsmdiv1 {
    margin-bottom: 30px;
}

.khjingtit h3 a,.khjingtit span {
    font-size: 20px;
    color: #333333;
}

.khjingtit h3,.khjingtit span {
    float: left;
    margin: 0;
    line-height: 22px;
}

.khjingtit span {
    margin-left: 25px;
    margin-right: 25px;
}

.tmspan {
    font-size: 14px;
    color: #8a8888;
    line-height: 22px;
}

.khjingsmdiv2 p {
    font-size: 14px;
    color: #767676;
    line-height: 26px;
}

.khjingsmdiv2 p a {
    color: #767676;
}

.khjinglidiv {
    position: relative;
}

.jlphoto,.jlname {
    display: inline-block;
    vertical-align: middle;
}

.jlphoto {
    margin-right: 30px;
}

.jlphoto small {
    display: block;
    font-size: 0;
    width: 95px;
    height: 95px;
    border-radius: 100%;
    overflow: hidden;
}

.jlphoto small img {
    max-width: 100%;
}

.jlname h4 {
    margin-bottom: 0;
}

.jlname h4 span,.jlname h4 strong {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
}

.jlname p {
    font-size: 14px;
    color: #8a8888;
    line-height: 20px;
}

.jlbut {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 55px;
}

.jlbut a {
    display: block;
    width: 175px;
    height: 55px;
    border: solid 1px #c7383c;
    text-align: center;
    line-height: 53px;
    border-radius: 5px;
}

.jlbut a small {
    position: relative;
    display: inline-block;
    line-height: 0;
}

.jlbut a small img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.jlbut a span {
    font-size: 18px;
    color: #c7383c;
    margin-left: 15px;
}

.jlload {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
}

.jlload a {
    display: inline-block;
}

.jlload a small {
    position: relative;
}

.jlload a strong,.jlload a span {
    line-height: 26px;
    display: block;
}

.jlload a strong {
    font-size: 18px;
    color: #c7383c;
    margin-top: 20px;
}

.jlload a span {
    font-size: 16px;
    color: #979797;
}

.khjingdl dt {
    width: 286px;
}

.khjingdl dt img {
    max-width: 100%;
}

.khjingdl dt img,
.khjingdl dt small {
    transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
}

.khjingtit h3 a,
.khjingsmdiv2 p a,
.jlbut a,
.jlbut a small img,
.jlbut a span {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

@keyframes jlbut {
    0% {
        top: -10px;
    }

    80% {
        top: 10px;
    }

    100% {
        top: -10px;
    }
}

@-webkit-keyframes casebut {
    0% {
        top: -10px;
    }

    80% {
        top: 10px;
    }

    100% {
        top: -10px;
    }
}

@-moz-keyframes casebut {
    0% {
        top: -10px;
    }

    80% {
        top: 10px;
    }

    100% {
        top: -10px;
    }
}

@-o-keyframes casebut {
    0% {
        top: -10px;
    }

    80% {
        top: 10px;
    }

    100% {
        top: -10px;
    }
}
/* ======================================================================================05-fuwuqy.html*/
.serve {
    padding-top: 80px;
    padding-bottom: 80px;
}

.serve .title {
    position: relative;
    margin-bottom: 25px;
}

.serve .title h3,.serve .title p {
    margin: 0;
}

.serve .title h3 {
    font-size: 30px;
    color: #cacaca;
    font-family: "Times New Roman","微软雅黑";
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 5px;
}

.serve .title p {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
}

.servebut {
    position: absolute;
    bottom: 0;
    right: 0;
}

.servebut a {
    display: block;
    width: 130px;
    height: 30px;
    border: solid 1px #c7383c;
    border-radius: 5px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    color: #c7383c;
}

.serveul {
    margin-bottom: 0;
    overflow: hidden;
    display: none;
}

.serveul>div {
    margin-left: -5px;
    margin-right: -5px;
}

.serveul li {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    margin-bottom: 10px;
}

.servelidiv {
    position: relative;
}

.servelidiv small img {
    max-width: 100%;
}

.servelismdiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(32,98,49,.9);
    visibility: hidden;
    opacity: 0;
}

.servelismdiv a {
    display: block;
    width: 100%;
    height: 100%;
}

.servelismdiv h3,.servelismdiv p {
    color: #fff;
    margin: 0;
    line-height: 30px;
    position: relative;
    top: 30px;
    opacity: 0;
}

.servelismdiv h3 {
    font-size: 18px;
}

.servelismdiv p {
    font-size: 12px;
}

.serve:nth-child(2n+1) {
    background-color: #fff;
}

.serve:nth-child(2n+1) li .servelidiv {
    background-color: #f8f8f8;
}

.serve:nth-child(2n) {
    background-color: #f8f8f8;
}

.serve:nth-child(2n) li .servelidiv {
    background-color: #fff;
}

.fwmore {
    margin-top: 20px;
}

.fwmore a {
    font-size: 14px;
    color: #9e9e9e;
    background: url(../images/fwmore.png) no-repeat center right;
    padding-right: 25px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.fwmore a.active {
    background: url(../images/fwmore3.png) no-repeat center right;
}

.servelismdiv,
.servelismdiv h3,
.fwmore a,
.serveul,
.servebut a {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.servelismdiv p {
    transition: all 0.5s ease 0.15s;
    -webkit-transition: all 0.5s ease 0.15s;
    -moz-transition: all 0.5s ease 0.15s;
    -o-transition: all 0.5s ease 0.15s;
}
/* ======================================================================================06-zhishixx.html*/
#zhishipbl {
    position: relative;
    width: 100%;
    margin: auto;
    margin-top: 50px;
}

.zhisdl {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
}

.zhisdl:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 20px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #c7383c;
    opacity: 0;
}

.zhisdldiv {
    position: relative;
}

.zhisdl .flei small {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
}

.zhisdl .flei small img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.zhisdl .flei span {
    font-size: 14px;
    color: #c7383c;
    margin-top: 10px;
    display: inline-block;
}

.zhisdl .title {
    margin-top: 50px;
    margin-bottom: 45px;
}

.zhisdl .title h3 a {
    font-size: 20px;
    color: #333333;
    line-height: 32px;
}

.zhisdl .txt p {
    font-size: 0;
    margin-bottom: 15px;
}

.zhisdl .txt p span,
.zhisdl .txt p small {
    font-size: 12px;
    color: #ababab;
    line-height: 20px;
}

.zhisdl .txt p small {
    margin-left: 5px;
    margin-right: 5px;
}

.zhisdl .img {
    overflow: hidden;
}

.zhisdl .img a {
    display: block;
    font-size: 0;
}

.zhisdl .img a img {
    width: 100%;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.zhisdl .flei span,
.zhisdl .flei small img,
.zhisdl .title h3 a {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.zhisdl:after {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
/* ======================================================================================07-juece.html*/
.zlbandiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.zlbandiv h2 {
    margin-top: 0px;
}

.zlbandiv h2 span {
    display: block;
    font-size: 40px;
    font-weight: bolder;
    color: #fff;
    letter-spacing: 1px;
    line-height: 64px;
}

.zlbandiv h2 span:after {
    display: block;
    content: "";
    width: 40px;
    height: 4px;
    background: #fff;
    margin: 15px 0;
}

.zlbanbut {
    margin-top: 70px;
}

.zlbanbut a {
    display: inline-block;
    width: 185px;
    height: 55px;
    border: solid 1px #296d3b;
    text-align: center;
    line-height: 55px;
    border-radius: 3px;
    font-size: 18px;
    color: #c7383c;
    letter-spacing: 1px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.zlbananbut {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 105px;
    height: 105px;
    text-align: center;
    line-height: 105px;
    font-size: 0;
}

.zlbananbut a {
    display: block;
}

.zlbananbut img {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    animation: banbut 1.5s ease 0s infinite;
    -webkit-animation: banbut 1.5s ease 0s infinite;
    -moz-animation: banbut 1.5s ease 0s infinite;
    -o-animation: banbut 1.5s ease 0s infinite;
}

.juececount {
    background-color: #c7383c;
    padding-top: 45px;
    padding-bottom: 45px;
}

.juececount ul {
    margin-left: -28px;
    margin-right: -28px;
    text-align: center;
    margin-bottom: 0;
}

.juececount ul li {
    display: inline-block;
    margin-left: 50px;
    margin-right: 50px;
    text-align: left;
}

.juececount ul li>div {
    display: inline-block;
    vertical-align: bottom;
}

.juececount ul li span {
    display: block;
    font-size: 80px;
    color: #fff;
    line-height: 60px;
    font-family: "ukijqolyazma";
}

.juececount ul li small {
    display: block;
    font-size: 18px;
    color: #fff;
}

.zl-tit {
    text-align: center;
}

.zl-tit h2 {
    position: relative;
    padding-bottom: 20px;
}

.zl-tit h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 1px;
    width: 40px;
    background-color: #000000;
}

.zl-tit h2 span {
    display: block;
}

.zl-tit h2 span.en {
    font-size: 36px;
    color: #dadada;
    font-family: "Times New Roman","微软雅黑";
    text-transform: uppercase;
}

.zl-tit h2 span.cn {
    font-size: 34px;
    color: #272727;
    font-family: "Microsoft JhengHei","微软雅黑";
}

.title.zl-tit {
    padding-top: 30px;
    padding-bottom: 30px;
}

.title.zl-tit p {
    margin-top: 15px;
    font-size: 18px;
    color: #666666;
}

.zl1-txt {
    padding-bottom: 100px;
}

.zl1-txtdiv {
    padding-top: 80px;
    padding-bottom: 60px;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,.1);
}

.juecelogo {
    overflow: hidden;
}

.juecelogo>div {
    position: relative;
    top: -1px;
    left: -1px;
}

.juecelogo li {
    float: left;
    width: 12.5%;
    border: dashed 1px #cbcbcb;
    border-right: none;
    border-bottom: none;
}

.juecelogo li span {
    display: block;
    overflow: hidden;
}

.juecelogo li img {
    max-width: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    opacity: .7;
}

.ckpj a {
    display: block;
    margin: auto;
    width: 215px;
    height: 50px;
    font-size: 16px;
    color: #c7383c;
    border: solid 1px #c7383c;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.swiper-juece .swiper-slide {
    padding-left: 10px;
    padding-right: 10px;
}

.zlswiperdiv {
    padding-left: 10px;
    padding-right: 10px;
}

.zl-dl {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}

.zl-dl dt {
    position: relative;
    overflow: hidden;
}

.zl-dl dt img {
    width: 100%;
}

.zl-dl dt span {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    color: #fff;
}

.zl-dl dd {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(199,56,60,.85);
    height: 100%;
    opacity: 0;
}

.zl-dl dd h3 {
    margin: 0;
    text-align: left;
    text-align: center;
    margin-bottom: 25px;
    position: relative;
    top: 30px;
}

.zl-dl dd h3 a {
    font-size: 20px;
    color: #fff;
    display: block;
    letter-spacing: 2px;
}

.zl-dl dd span {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    position: relative;
    top: 50px;
}

.zl-dl dd span a {
    font-size: 16px;
    color: #fff;
}

.zl-dl dd span:after,.zl-dl dd span:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 40px;
    height: 1px;
    background-color: #fff;
}

.zl-dl dd span:after {
    top: 0;
}

.zl-dl dd span:before {
    bottom: 0;
}

.zl-dl dt span,.zl-dl dd,.zl-dl dd h3,.zl-dl dd span {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.hm1fldivs {
    position: relative;
}

.zlswiper-but {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 64px;
    height: 64px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.zlswiper-prev {
    left: 50px;
    opacity: 0;
}

.zlswiper-next {
    right: 50px;
    opacity: 0;
}

.ckpj {
    margin-top: 50px;
}

.jueceslider .item {
    padding-left: 20px;
    padding-right: 20px;
}

.juece small img {
    max-width: 100%;
}

.juecebg1 {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.juecebg1sm {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 600px;
}

.juecebgdiv {
    overflow: hidden;
    background-color: #ddebdf;
    position: relative;
}

.juecebg1 .title {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 233px;
    width: 100%;
    text-align: center;
}

.juecebglist {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto;
    width: 510px;
    height: 230px;
}

.juecebglist div {
    position: relative;
    top: 270px;
    left: 235px;
}

.juecebglist li {
    float: left;
    margin-right: 50px;
}

.juecemlg {
    background: url(../images/1.jpg) fixed no-repeat center bottom;
    background-size: auto 80%;
    position: relative;
}

.blbox {
    position: absolute;
    z-index: 2;
    top: 140px;
    left: 0;
    width: 100%;
    overflow: hidden;
}

.bldiv2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.bldiv3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blbox {
    text-align: center;
}

.blbox img {
    width: auto !important;
    display: inline-block;
}

.bldiv2 img {
    margin-left: 1000px;
}

.juecemlg img {
    width: 100%;
}

.juecemtxt {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 140px;
}

.juecebig p {
    font-size: 32px;
}

.juecebig p.pbig {
    font-size: 50px;
    color: #000000;
}

.juecesml {
    margin-top: 0px;
    margin-bottom: 90px;
}

.juecesml p {
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 25px;
}

.juecesml p span {
    display: block;
}

.juecembut a {
    display: block;
    margin: auto;
    border: solid 1px #296d3b;
    width: 225px;
    height: 60px;
    text-align: center;
    line-height: 58px;
    font-size: 18px;
    color: #c7383c;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.zhltit h2 {
    font-size: 60px;
    color: #ffffff;
    opacity: 0.5;
    text-transform: uppercase;
    font-family: "Times New Roman","微软雅黑";
    margin: 0;
    position: relative;
}

.zhltit p {
    font-size: 50px;
    color: #ffffff;
    position: relative;
}

.juecelast {
    padding-bottom: 100px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

/* ======================================================================================08-newlist.html*/
.mntitle {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 50px;
}

.mntitle h2 {
    font-size: 60px;
    color: #dadada;
    text-transform: uppercase;
    font-family: "Times New Roman","微软雅黑";
    margin: 0;
}

.mntitle span {
    font-size: 40px;
    color: #272727;
}

.newli dl {
    border-bottom: solid 1px #dfdfdf;
    margin-bottom: 0;
}

.newli dl dt {
    overflow: hidden;
}

.newli dl dt img {
    max-width: 100%;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.newli:nth-child(1) dl {
    border-top: solid 1px #dfdfdf;
}

.newli dl .month {
    font-size: 30px;
    color: #333333;
    margin-right: 20px;
    font-family: "Microsoft JhengHei","微软雅黑";
}

.newli dl .year {
    font-size: 14px;
    color: #333333;
}

.newli dd {
    display: none;
}

.newli dl .tit h3 {
    position: relative;
    margin-bottom: 0;
}

.newli dl .tit h3:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 1px;
    background-color: #0f0f0f;
}

.newli dl .tit h3 a {
    font-size: 26px;
    color: #0f0f0f;
    letter-spacing: 2px;
}

.newli,
.newli dl .time,
.newli dl h3,
.newli dl .tit h3:after {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
/* ======================================================================================10-text.html*/
.alltext .title {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 70px;
}

.alltext .title h1 {
    font-size: 34px;
    color: #202020;
    margin-bottom: 30px;
}

.alltext .title div {
    background-color: #f8f8f8;
    height: 40px;
    line-height: 40px;
}

.alltext .title span {
    font-size: 14px;
    color: #6c6c6c;
    margin-left: 35px;
    margin-right: 35px;
}

.alltext .text p {
    font-size: 16px;
    color: #4f4f4f;
    line-height: 28px;
}

.alltext img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto !important;
}
/* ======================================================================================11-join.html*/
.title.mntitle {
    padding-left: 15px;
    padding-right: 15px;
}

.title.mntitle p {
    margin-top: 60px;
    font-size: 16px;
    color: #333333;
    line-height: 32px;
}

.joinlist li {
    margin-bottom: 10px;
}

.joinlitit {
    padding-left: 50px;
    padding-right: 50px;
    background-color: #f8f8f8;
    height: 70px;
    position: relative;
    cursor: pointer;
}

.joinlitit h3,.joinlitit span {
    height: 70px;
    line-height: 70px;
}

.joinlitit h3 {
    font-size: 22px;
    color: #333333;
    text-decoration: underline;
    float: left;
    margin: 0;
}

.joinlitit span {
    font-size: 14px;
    color: #333333;
    float: right;
    margin-right: 340px;
}

.joinlitit i {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    margin: auto;
    width: 19px;
    height: 15px;
    background: url(../images/joinico1.png) no-repeat center center;
    background-size: 100% !important;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.joinlitit.active i {
    background: url(../images/joinico2.png) no-repeat center center;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}

.joinlitxt {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 40px;
    padding-bottom: 40px;
    display: none;
}

.joinlitxt p {
    font-size: 16px;
    color: #393939;
    line-height: 28px;
}

.telbg {
    background-color: rgba(0,0,0,.5);
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.telbg.vis {
    opacity: 1;
    visibility: visible;
}

.seachdiv {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: #333;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.seachdiv.vis {
    opacity: 1;
    visibility: visible;
    width: 100%;
}

.seachxx {
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.seachfm {
    padding-left: 35px;
    padding-right: 35px;
}

.seachfmdiv {
    position: relative;
}

.seachinp input {
    width: 100%;
    height: 150px;
    display: block;
    border-bottom: solid 1px #3a4951;
    background-color: rgba(0,0,0,0);
    font-size: 30px;
    color: #fff;
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
    background: url(../images/seachbut.png) no-repeat center left;
}

.seachinp input::-webkit-input-placeholder {
    color: #9ca1a4;
}

.seachbut {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
    font-size: 20px;
    color: #fff;
}

.seachbut input {
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0);
    padding-left: 30px;
}

.telseach {
    position: fixed;
    z-index: 99;
    top: 0;
    left: -100%;
    width: 78%;
    background-color: #c7383c;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.telseach.vis {
    opacity: 1;
    visibility: visible;
    left: 0;
}

.seachtelxx {
    position: absolute;
    top: 25px;
    right: 20px;
    font-size: 0;
}

.seachlogo {
    margin-bottom: 20px;
}

.seachlogo img {
    width: 73px;
}

.seachtelxx img {
    width: 13px;
}

.seachtelinp input {
    background: url(../images/telseach.png) no-repeat left 10px center;
    background-size: 14px 14px;
    background-color: #fff;
    width: 100%;
    height: 40px;
    font-size: 12px;
    color: #333;
    border-radius: 40px;
    padding-left: 30px;
    padding-right: 30px;
}

.seachtelinp input::-webkit-input-placeholder {
    color: #a9a9a9;
}

.seachlist {
    margin-top: 25px;
}

.seachlist li {
    line-height: 45px;
}

.seachlist small {
    display: inline-block;
    width: 33px;
    margin-right: 10px;
    text-align: center;
}

.seachlist small img {
    width: 22px;
}

.seachlist span {
    font-size: 15px;
    color: #fff;
}

.seachtelbut {
    margin-top: 40px;
}

.okdiv,.qingc {
    float: left;
}

.okdiv {
    margin-right: 10px;
}

.okdiv input {
    width: 96px;
    height: 32px;
    background-color: #fff;
    color: #c7383c;
    border-radius: 3px;
    font-size: 13px;
}

.qingc a {
    display: block;
    text-align: center;
    width: 96px;
    height: 32px;
    line-height: 30px;
    border: solid 1px #fff;
    border-radius: 3px;
    font-size: 13px;
    color: #fff;
}

.telnav {
    position: fixed;
    z-index: 99;
    top: 0;
    right: -100%;
    width: 78%;
    height: 100%;
    background-color: #c7383c;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 35px;
    padding-right: 35px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.telnav.vis {
    opacity: 1;
    visibility: visible;
    right: 0;
}

.navtelist {
    border-top: solid 1px #fff;
}

.navtelist li {
    background: url(../images/telnav.png) no-repeat right center;
    background-size: 15px 15px;
    border-bottom: solid 1px #fff;
}

.navtelist li a {
    display: block;
    font-size: 15px;
    color: #ffffff;
    line-height: 45px;
}

.teliph {
    margin-top: 50px;
}

.teliph small {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    font-size: 0;
    margin-right: 15px;
}

.teliph small img {
    width: 100%;
}

.teliph span {
    display: block;
}

.teliph .small {
    font-size: 12px;
    color: #ffffff;
}

.teliph .big {
    font-size: 20px;
    color: #ffffff;
}

.teliph>div {
    display: inline-block;
    vertical-align: middle;
}
/* ======================================================================================09-contact.html*/
.mapdivcont {
    position: relative;
    z-index: 1;
}

.mapcont,.maplist {
    float: left;
}

.maplist {
    width: 113px;
    border-right: solid 1px #dfdfdf;
    height: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
}

.maplist li {
    line-height: 56px;
    font-size: 18px;
    position: relative;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.maplist li:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    margin: auto;
    width: 1px;
    height: 30px;
    background-color: #343434;
    opacity: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.maplist li.active {
    font-weight: bold;
}

.maplist li.active:after {
    opacity: 1;
}

.mapul {
    background-color: #fff;
    position: absolute;
    border-radius: 5px;
    width: 96%;
    bottom: 70px;
}

.mapcont {
    overflow: hidden;
    width: 1020px;
    padding-left: 65px;
}

.mapcont {
    position: relative;
    height: 150px;
}

.mapcontul {
    visibility: hidden;
    position: absolute;
    top: 10px;
    margin-left: -35px;
    margin-right: -35px;
    height: 150px;
    margin-bottom: 0;
}

.mapcontul.vis {
    top: 0;
    visibility: visible;
}

.mapcontul li {
    float: left;
    padding-left: 25px;
    padding-right: 25px;
}

.mapcontul li small,.mapcontul li div {
    float: left;
}

.mapcontul li small {
    margin-right: 10px;
    display: inline-block;
}

.mapcontul li small img {
    width: 100%;
}

.mapcontul li div span,.mapcontul li div strong {
    display: block;
    color: #333;
    line-height: 28px;
}

.mapcontul li div span {
    font-size: 18px;
    letter-spacing: 1px;
}

.mapcontul li div span:nth-child(2) {
    line-height: 20px;
    margin-top: 5px;
}

.mapcontul li div strong {
    font-size: 20px;
}

.map li {
    display: none;
    position: relative;
}

.map img {
    width: 100%;
}

.map li.vis {
    display: block;
}

.map li div {
    width: 215px;
    height: 55px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.map li div a {
    display: block;
    height: 55px;
    background-color: #c7383c;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 55px;
    margin-top: 45px;
}

.fmsect {
    padding-top: 30px;
    padding-bottom: 100px;
}

.fmsect .title {
    padding-left: 110px;
}

.fmsect .title h2 {
    font-size: 28px;
    color: #252525;
    margin-top: 0;
}

.fmsect .title {
    margin-bottom: 25px;
}

.fmform div {
    margin-bottom: 20px;
}

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

.fmform label,.fmform input {
    float: left;
}

.fmform label {
    font-size: 16px;
    color: #2f2f2f;
    font-weight: initial;
    width: 90px;
    text-align: right;
    margin-right: 20px;
    height: 45px;
    line-height: 45px;
    margin-bottom: 0;
}

.fmform input,.fmform textarea,.fmform select {
    width: 400px;
    border: solid 1px #d4d4d4;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    color: #333;
}

.fmform input,.fmform select {
    height: 45px;
}

.fmform select {
    background: url(../images/selectbg.png) no-repeat right 10px center;
}

.fmform textarea {
    height: 95px;
    line-height: 45px;
}

.fmform input::-webkit-input-placeholder,.fmform textarea::-webkit-input-placeholder {
    color: #858585;
}

.fmdiv {
    padding-left: 110px;
}

.fmyz {
    margin-bottom: 45px;
}

.fmform .fmyz input {
    width: 230px;
    margin-right: 10px;
}

.fmform .fmyz input,.fmyz a {
    float: left;
}

.fmyz a {
    height: 45px;
}

.fmyz a img {
    height: 100%;
}

.fmform .fmbut input {
    width: 160px;
    height: 45px;
    color: #fff;
    text-align: center;
    background-color: #c7383c;
    border: none;
}

#xhr_banner_2 ul {
    height: 100% !important;
}

.xful {
    position: fixed;
    z-index: 9;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 326px;
    height: 190px;
}

.xful li {
    width: 62px;
    height: 62px;
    margin-bottom: 2px;
    border-radius: 3px;
    overflow: hidden;
}

.xful li a {
    display: block;
    width: 100%;
    height: 100%;
}

.xful li.xftel {
    background: url(../images/xftel2.png) no-repeat center center #c7383c;
    background-size: 100%;
}

.xful li:hover.xftel {
    background: url(../images/xftel2.png) no-repeat center center #000;
    background-size: 100%;
}

.xful li.xfzx {
    background: url(../images/xfzx2.png) no-repeat center center #c7383c;
    background-size: 100%;
}

.xful li:hover.xfzx {
    background: url(../images/xfzx2.png) no-repeat center center #000;
    background-size: 100%;
}

.xful li.xfqq {
    background: url(../images/xfqq2.png) no-repeat center center #c7383c;
    background-size: 100%;
}

.xful li:hover.xfqq {
    background: url(../images/xfqq.png) no-repeat center center #000;
    background-size: 100%;
}

.xful li.xfly {
    background: url(../images/xfly2.png) no-repeat center center #000;
    background-size: 100%;
}

.xful li:hover.xfly {
    background: url(../images/xfly.png) no-repeat center center #000;
    background-size: 100%;
}

.xful li.xftop {
    background: url(../images/xftop.png) no-repeat center center #c7383c;
    background-size: 100%;
}

.xful li:hover.xftop {
    background: url(../images/xftop.png) no-repeat center center #000;
    background-size: 100%;
}

.fotxfdiv {
    position: fixed;
    z-index: 9;
    bottom: -55px;
    left: 0;
    width: 100%;
    background-color: #091b25;
    height: 50px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.fotxfdiv.vis {
    bottom: 0;
}

.fotxfdiv .tit,.fotxfdiv .tel,.fotxfdiv .mfjiet,.fotxfdiv .but {
    float: left;
}

.fotxfdiv .tit {
    margin-right: 15px;
}

.fotxfdiv h2 {
    margin: auto;
}

.fotxfdiv h2 span {
    color: #fff;
    height: 50px;
    line-height: 50px;
}

.fotxfdiv h2 span.big {
    font-size: 24px;
    text-transform: uppercase;
}

.fotxfdiv h2 span.sml {
    font-size: 20px;
}

.fotxfdiv .tel {
    height: 50px;
    line-height: 50px;
}

.fotxfdiv .tel small,
.fotxfdiv .tel a {
    display: inline-block;
    vertical-align: middle;
}

.fotxfdiv .tel a {
    font-size: 20px;
    color: #ffffff;
    margin-left: 5px;
}

.mfjiet {
    height: 50px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.inpdiv input,.mfjtbut {
    height: 36px;
    border-radius: 3px;
}

.inpdiv input {
    width: 210px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 2px;
    font-size: 16px;
    color: #333;
}

.inpdiv input::-webkit-input-placeholder {
    color: #b2b2b2;
}

.mfjtbut {
    width: 110px;
    background-color: #c7383c;
    color: #fff;
    font-size: 16px;
}

.fotxfdiv .but {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-left: 10px;
}

.fotxfdiv .but a {
    background-color: #c7383c;
    display: block;
    width: 110px;
    height: 36px;
    border-radius: 3px;
    text-align: center;
    line-height: 36px;
}

.fotxfdiv .but span {
    font-size: 16px;
    color: #fff;
}

.xfxxico {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -85px;
    width: 25px;
    height: 25px;
    margin: auto;
    cursor: pointer;
}

.tandiv {
    position: fixed;
    z-index: 9;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 690px;
    height: 370px;
    overflow: hidden;
    visibility: hidden;
}

.tandiv_div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    background-color: #2b6a3c;
    padding: 18px;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    opacity: 0;
}

.tandiv.block {
    visibility: visible;
}

.tandiv.vis .tandiv_div {
    left: 0;
    opacity: 1;
}

.inpdivinp {
    width: 210px;
    position: relative;
    margin-right: 2px;
}

.inpdivinp label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 0 10px;
    margin: 0;
    cursor: text;
    border-radius: 3px;
}

.inpdivinp label img {
    max-width: 100%;
}

.tansmldiv {
    width: 100%;
    height: 100%;
    border: dashed 1px rgba(255,255,255,.4);
    position: relative;
}

.tanxx {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.tanxx:hover {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

.tanxx:hover img {
    animation: tanxx 0.7s ease 0s 1;
    -webkit-animation: tanxx 0.7s ease 0s 1;
    -moz-animation: tanxx 0.7s ease 0s 1;
    -o-animation: tanxx 0.7s ease 0s 1;
}

@keyframes tanxx {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
    }

    40% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
    }
}

.tantext h2 {
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    margin: auto;
    letter-spacing: 2px;
}

.tantext h2 span {
    display: block;
}

.tanbut {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.logo .slogan {
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    font-size: 18px;
    color: #666666;
    margin-left: 20px;
    width: 200px;
    line-height: 26px;
}

.tanbut a {
    display: inline-block;
    width: 239px;
    height: 57px;
    line-height: 57px;
    border-radius: 3px;
    background-color: #fff;
    font-size: 26px;
    color: #c7383c;
}

.tansmldiv .tel {
    text-align: center;
}

.tansmldiv .tel a {
    display: inline-block;
    font-size: 26px;
    color: #fff;
    position: relative;
}

.tansmldiv .tel a:after,
.tansmldiv .tel a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 1px;
    background-color: #80a68a;
}

.tansmldiv .tel a:after {
    left: -70px;
}

.tansmldiv .tel a:before {
    right: -70px;
}

/*修改*/
.hmmore {
    position: absolute;
    right: 0;
    bottom: 0;
}

.hmmore span,.hmmore small {
    display: inline-block;
    vertical-align: middle;
}

.hmmore span {
    font-size: 20px;
    font-family: "Times New Roman","微软雅黑";
    color: #979797;
    text-transform: uppercase;
    margin-right: 25px;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.hmmore small {
    position: relative;
    left: 0;
}

.logo:after {
    height: 80%;
}

.juecebglist1 {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
}

.juecebglist1 img {
    width: 100%;
}
/*修改*/
.layui-layer-page .layui-layer-content {
    padding: 20px 15px 20px 20px;
}

.maptan1div {
    position: fixed;
    z-index: 9;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    height: 0;
    opacity: 0;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.maptan1div.vis {
    visibility: visible;
    opacity: 1;
    height: 100%;
}

.maptanbut {
    position: absolute;
    z-index: 9;
    top: 85px;
    right: 20px;
    background-color: #c7383c;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.maptanbut img {
    display: inline-block;
    vertical-align: middle;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
}

@media screen and (min-width: 1024px) {
    .khjingsmdiv2 p {
        min-height: 52px;
    }
}

.fotli ul li:hover a {
    text-decoration: underline !important;
}

.mapcontul li {
    width: 33.333%;
    text-align: center;
    border-right: dashed 1px #dfdfdf;
}

.mapcontul li:nth-child(3) {
    border: none;
}

.mapcontul li small, .mapcontul li div {
    float: initial;
}

.mapcont {
    padding-left: 0;
}

.mapcontul {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.mapcont {
    width: 100%;
}

.mapcont,.maplist,.mapcontul {
    height: 220px;
}

.mapcontul li div {
    margin-top: 10px;
}

 /*联系我们--修改*/
.fmright .tit {
    text-align: center;
    line-height: 50px;
    margin-bottom: 30px;
}

.fmright .tit h2 {
    font-size: 0;
    display: table;
    width: 100%;
}

.fmright .tit h2 span {
    display: inline-block;
    vertical-align: middle;
    font-size: 36px;
    color: #252525;
}

.fmright .tit p {
    font-size: 20px;
    color: #252525;
}

.contfm {
    width: 1020px;
    margin: auto;
}

.contfm form {
    margin: 0 -10px;
}

.fminpdiv {
    padding: 0 10px;
    margin-bottom: 20px;
}

.contfm input,.contfm select,.fminpdiv textarea {
    width: 100%;
    height: 45px;
    border: solid 1px #a6a6a6;
    border-radius: 3px;
    padding: 0 10px;
    font-size: 16px;
    color: #333;
}

.contfm select {
    background: url(../images/selectbg.png) no-repeat right 10px center;
}

.fminpdiv textarea {
    height: 155px;
    padding: 10px;
}

.contfm .fmdiv {
    padding-left: 0;
    width: 390px;
    margin: auto;
}

.contfm .fmyz input {
    width: 205px;
    float: left;
}

.contfm .fmyz a {
    float: right;
}

.contfm .fmbut {
    margin-top: 20px;
}

.contfm .fmbut input {
    border: none;
    background-color: #c7383c;
    color: #fff;
}

.hm2text .ckaaa {
    margin: 10px auto 0;
    display: block;
}

.p_iphimg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.p_iphimg img {
    min-width: 100%;
    height: 100%;
}

.topul {
    display: block;
}

.hm6li1 .hm6but a,.hm6li2 .hm6but a {
    position: relative;
}

.hm6li1 .hm6but a:after,.hm6li2 .hm6but a:after {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 5px;
}

.hm6li1 .hm6but a:before,.hm6li2 .hm6but a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.hm6li1 .hm6but a:after {
    border: solid 2px #c7383c;
}

.hm6li2 .hm6but a:after {
    border: solid 2px #fff;
}

.hm6li1 .hm6but a:before {
    border: solid 2px #d2d2d2;
}

.hm6li2 .hm6but a:before {
    border: solid 2px #f6f6f6;
}

.hm6li1 .hm6but a,.hm6li1 .hm6but a:after,
.hm6li2 .hm6but a,.hm6li2 .hm6but a:after {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.bshare-custom a {
    width: 18px;
    height: 15px;
    margin: 0 10px;
}

.bshare-custom .bshare-weixin {
    background: url(../images/fotico1s.png) no-repeat center center !important;
    opacity: 0.5;
}

.bshare-custom .bshare-sinaminiblog {
    background: url(../images/fotico2s.png) no-repeat center center !important;
    opacity: 0.5;
}

.bshare-custom .bshare-qqim {
    background: url(../images/fotico3s.png) no-repeat center center !important;
    opacity: 0.5;
}

.bshare-custom a:hover {
    opacity: 1 !important;
}

.bshare-custom .bshare-more.more-style-addthis,
.bshare-custom .bshare-share-count {
    display: none !important;
}
/* =========================================20180914*/
.nnavlist li {
    height: 100px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.nnavlist li small {
    margin-bottom: 10px;
}

.nnavlist li span {
    font-size: 18px;
}

.nnavlist li:after, .nnavlist li:before {
    width: 0 !important;
}

.nnavlist li.active {
    background-color: #fff !important;
}

.mapcontul li div span {
    height: 28px;
}

.mapcontul {
    top: 0;
}

.mapcontul li {
    position: relative;
    top: 20px;
    opacity: 0;
}

.mapcontul.vis li {
    top: 0;
    opacity: 1;
    -webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}

.contfm input::-webkit-input-placeholder, .fminpdiv textarea::-webkit-input-placeholder {
    color: #d1d1d1;
}

.xful li {
    position: relative;
    overflow: visible;
}

.xful li div {
    position: absolute;
    z-index: -1;
    top: 0;
    right: -240px;
    height: 100%;
    width: 240px;
    background-color: #091b25;
    padding: 0 10px;
    border-radius: 4px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.xful li:hover div {
    right: 0;
}

.xful li div p {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 2px;
}

.hm2text .ckaaa {
    border: solid 1px #d2d2d2;
    color: #c7383c;
}

.hm5but .hmswp-but {
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    margin: auto;
}

.hm5-left {
    left: 10px;
}

.hm5-right {
    right: 10px;
}

.mapcontul li.bjdizhi div span:nth-child(2) {
    font-size: 15px;
}

.zl-dl dt span {
    display: none;
}

.bsBox {
    width: 232px !important;
    height: 257px !important;
}

.khjingtit h3 a {
    cursor: text !important;
}

.swiper-ban,.swiper-wrapper,.swiper-slide,.ban_box {
    height: 100% !important;
    width: 100%;
}

.fowmm {
    position: relative;
    width: 100%;
    height: 100%;
}

.casenav-swip {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 15px 0;
    visibility: hidden;
}

.casenav-swip li {
    float: left;
    width: auto;
}

.casenav-swip li a {
    display: block;
    padding: 5px 25px;
    font-size: 14px;
    color: #333333;
}

.casenav-swip li a.active {
    color: #c7383c;
}

.disabled small {
    background-color: rgba(0,0,0,.2);
}

.zlbananbut {
    display: none;
}

.casediv {
    visibility: hidden;
    background: #ffffff;
}

.swiper-iphswiper {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
}

.swiper-iphswiper .swiper-pagination-switch {
    display: inline-block;
    width: 30px;
    height: 2px;
    background-color: rgba(255,255,255,.5);
    margin: 0 3px;
}

.swiper-iphswiper .swiper-active-switch {
    background-color: #c7383c;
}

.newsbox {
    padding-bottom: 50px;
}

.fotxfdiv_zhan {
    position: fixed;
    z-index: 9;
    left: -205px;
    bottom: 0px;
    background-color: #091b25;
    width: 205px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.fotxfdiv_zhan.vis {
    visibility: visible;
    opacity: 1;
    left: 0;
}

.fotxfdiv_zhan .tit {
    margin: 0;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
}

.fotxfdiv_zhan .i_img {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.newsbox .title.mntitle {
    padding-top: 35px;
}

#juece_ban {
    position: relative;
    opacity: 0;
    width: 100%;
    overflow: hidden;
}

#juece_ban ul {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
}

#juece_ban ul li .intro {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

#juece_ban ul li {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#juece_ban ul li.on {
    opacity: 1;
}

.all_img,.all_img a,.all_img a img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
}

.all_img,.all_img a {
    width: 100%;
    height: 100%;
}

.juece_bandot {
    position: absolute;
    z-index: 8;
    bottom: 40px;
    text-align: center;
    width: 100%;
}

.juece_bandot span {
    display: inline-block;
    width: 50px;
    height: 6px;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
}

.juece_bandot span:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    background: #999;
}

.juece_bandot span em {
    display: block;
    position: absolute;
    width: 0%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    background: #c7383c;
}

.juece_bandot span:last-child {
    margin-right: 0;
}

#player,#player video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.juece_banner_text {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    z-index: 10;
    color: #fff;
    text-align: center;
    width: 100%;
}

.juece_banner_text h3 {
    color: #fff;
    font-size: 80px;
    text-align: center;
}

.juece_banner_text h4 {
    color: #fff;
    font-size: 50px;
    font-weight: normal;
    text-align: center;
}

.juece_banner_text span {
    color: #fff;
    font-size: 14px;
    box-shadow: 1px,1px,3px,#666;
    display: inline-block;
    padding: 5px 30px;
    border: 2px solid #fff;
    border-radius: 3px;
    margin-top: 50px;
}

.juece_banner_text span em {
    color: #fff;
    padding-left: 10px;
    font-family: "Arial";
    box-shadow: 1px,1px,3px,#666;
}

.index_banner_new .video_button img {
    display: none;
}

.lt9 .index_banner_new  .video_button img {
    display: block;
}

.lt9 .juece_banner_text {
    margin: -230px 0 0 0px;
    left: 0px!important;
}

.lt9 .index_banner_new  .ba_left .juece_banner_text {
    left: 10%!important;
    width: auto;
}

.lt9 .index_banner_new  .ba_right .juece_banner_text {
    left: 60%!important;
    width: auto;
}

video {
    width: 100%;
}

@media screen and (max-width: 1600px) {
    .juece_banner_text h3 {
        font-size: 70px;
    }

    .juece_banner_text h4 {
        font-size: 40px;
    }
}

@media screen and (max-width: 1400px) {
    .juece_banner_text h3 {
        font-size: 60px;
    }

    .juece_banner_text h4 {
        font-size: 30px;
    }
}

@media screen and (max-width: 1300px) {
    .juece_banner_text h3 {
        font-size: 50px;
    }

    .juece_banner_text h4 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .index_banner_new ul li .intro {
        width: 100%;
        height: 0px;
        padding-bottom: 44%;
    }

    .juece_banner_text h3 {
        font-size: 40px;
    }

    .juece_banner_text h4 {
        font-size: 20px;
    }

    .juece_banner_text span {
        margin-top: 10px;
        padding: 3px 10px;
    }
}

@media screen and (max-width: 1000px) {
    .juece_banner_text h3 {
        font-size: 30px;
    }

    .juece_banner_text h4 {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .juece_banner_text h3 {
        font-size: 20px;
    }

    .juece_banner_text h4 {
        font-size: 12px;
    }

    .juece_banner_text span {
        font-size: 12px;
    }
}

.zhulimg {
    width: 730px;
    display: block;
}

.zhulimg img {
    width: 100%;
}

.font_16 {
    font-size: 16px!important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.jc-about {
    padding-left: 80px;
    position: relative;
    margin: 100px 0;
}

.jc-about::after {
    display: block;
    content: "";
    width: 58px;
    height: 1px;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 10px;
}

.about-title {
    font-size: 18px;
    padding-bottom: 38px;
}

.about-text {
    line-height: 26px;
    padding-bottom: 25px;
    text-align: justify;
    font-size: 18px;
}

.about-texts {
    line-height: 26px;
    padding: 15px 0;
    color: #555;
}

.about-texts p {
    font-size: 18px;
    padding: 0 0 10px 0;
    color: #222;
}

.mbot-30 {
    padding-bottom: 88px;
}

.se-sec {
    padding-left: 80px;
    position: relative;
    margin: 0 auto;
    height: 800px;
    color: #333;
}

.se-title {
    font-size: 18px;
    padding-bottom: 26px;
}

.se-text {
    line-height: 26px;
    padding-bottom: 25px;
    text-align: justify;
    font-size: 16px
}

.homes {
    width: 100%;
}

.about-left {
    width: 50%;
    padding-right: 15px;
    box-sizing: border-box;
    float: left;
}

.about-right {
    width: 50%;
    padding-left: 15px;
    box-sizing: border-box;
    float: right;
}

.about-imgs {
    position: relative;
    margin-bottom: 30px;
}

.about-imgs img {
    width: 100%;
}

.about-i-name {
    position: absolute;
    z-index: 999;
    bottom: 5%;
    left: 5%;
    font-size: 20px;
    letter-spacing: 2px;
    color: #fff;
    padding-bottom: 5px;
}

.about-i-name::after {
    display: block;
    content: "";
    width: 35px;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
}

.compant-img {
    margin-top: 60px;
    margin-bottom: 60px;
}

.footer-in {
    width: 1180px;
    margin: 0 auto;
    color: #a9a9a9
}

.footer1 {
    padding-right:15px;
}

.footer1-1 {
    width: 102px;
    font-size: 12px;
    text-align: center;
    color: #a9a9a9
}

.footer1-2 {
    width: 225px;
    font-size: 14px;
    color: #a9a9a9;
    line-height: 26px;
}

.footer1-2 img {
    display: block;
    margin-bottom: 20px
}

.ftewm01 {
    padding: 0 15px;
}

.ftewm01 p {
    width: 100%;
    text-align: center;
}

.ftewm02 {
    padding: 0 0 0 15px;
}

.ftewm02 p {
    width: 100%;
    text-align: center;
}

.footer2 {
    padding-left:15px;
    padding-right:15px;
    display: flex;
    justify-content: space-between;
    width: 60%;
    max-width: 900px;
}

.footer2 dl {
    float: left;
}

.footer2 dl dt {
    font-size: 16px;
    margin-bottom: 20px;
    color: #999
}

.footer2 dl dt a {
    color: #bebebe;
}

.footer2 dl dd {
    line-height: 32px;
}

.footer2 dl dd a {
    color: #a9a9a9;
    transition: all .3s ease;
    font-size: 15px;
    display: block;
    line-height: 32px
}

.footer2 dl dd a:hover {
    color: #fff
}

.footer3 {
    font-size: 14px;
    color: #a9a9a9;
    line-height: 24px;
    display: flex;
    padding-left: 15px;
}

.footer-bottom {
    margin-top: 25px
}

.footer-bottom h3 {
    color: #6a6a6a;
    font-size: 14px
}

.footer-bottom ul li {
    width: 12.5%;
    float: left
}

.footer-bottom ul li a {
    font-size: 12px;
    color: #6a6a6a;
    transition: all .3s ease;
    line-height: 24px;
    display: block
}

.footer-bottom ul li a:hover {
    color: #fff
}

.left {
    float: left
}

.right {
    float: right
}

.t-footer {
    display: none
}

.t-footer .t-footer-bottom .left {
    width: 55%;
}

.cop {
    font-size: 15px;
}

.clears {
    clear: both!important;
}

.clear::after {
    zoom: 1;
}


 




/************/

.prz {
    position: relative;
    zoom: 1;
}

.pra {
    position: absolute;
}

.us-service {
    width: 100%;
    background: #f5f5f5;
    padding-bottom: 30px;
    padding-top: 1px;
}

.us-service .w1200 {
    height: 100%
}

.us-service .head-box {
    margin-top: 55px;
}

.us-service .head-cn {
    color: #000;
    text-align: center
}

.us-service .head-en {
    color: #7d7d7d;
    text-align: center
}

.us-service .bd-line {
    width: 99px;
    height: 50px;
    background: url(../images/ly_img06.png) no-repeat center;
    margin: 0 auto;
}

.us-service .head-txt {
    color: #7d7d7d;
    line-height: 30px;
    text-align: center
}

.us-service .ser-proc {
    width: 830px;
    height: 330px;
    margin: 110px auto 0 auto
}

.us-service .ser-proc .ser-step {
    width: 43px;
    height: 43px;
    background: url(../images/ly_serPoint.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    opacity: 0;
}

.us-service .ser-proc .ser-step.move {
    opacity: 1
}

.us-service .ser-proc .ser-step1 {
    left: 0;
    top: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.step-txt1 {
    left: -78px;
    top: -60px;
    -webkit-transition: all 0.5s 0.4s;
    -moz-transition: all 0.5s 0.4s;
    -o-transition: all 0.5s 0.4s;
    -ms-transition: all 0.5s 0.4s;
    transition: all 0.5s 0.4s;
}

.us-service .ser-proc .ser-curve1 {
    width: 0;
    height: 94px;
    background: url(../images/ly_ser01.png) no-repeat left top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    left: 43px;
    top: 22px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.us-service .ser-proc .ser-curve1.move {
    width: 94px;
}

.us-service .ser-proc .ser-step2 {
    left: 114px;
    top: 114px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.step-txt2 {
    left: -58px;
    top: 110px;
    -webkit-transition: all 0.5s 0.8s;
    -moz-transition: all 0.5s 0.8s;
    -o-transition: all 0.5s 0.8s;
    -ms-transition: all 0.5s 0.8s;
    transition: all 0.5s 0.8s
}

.us-service .ser-proc .ser-curve2 {
    width: 0;
    height: 94px;
    background: url(../images/ly_ser02.png) no-repeat left top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    left: 133px;
    top: 155px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.us-service .ser-proc .ser-curve2.move {
    width: 94px;
}

.us-service .ser-proc .ser-step3 {
    left: 223px;
    top: 224px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.step-txt3 {
    left: 216px;
    top: 286px;
    -webkit-transition: all 0.5s 1.2s;
    -moz-transition: all 0.5s 1.2s;
    -o-transition: all 0.5s 1.2s;
    -ms-transition: all 0.5s 1.2s;
    transition: all 0.5s 1.2s;
}

.us-service .ser-proc .ser-curve3 {
    width: 0;
    height: 94px;
    background: url(../images/ly_ser03.png) no-repeat left top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    left: 261px;
    top: 155px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.us-service .ser-proc .ser-curve3.move {
    width: 94px;
}

.us-service .ser-proc .ser-step4 {
    left: 334px;
    top: 114px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.step-txt4 {
    left: 382px;
    top: 170px;
    -webkit-transition: all 0.5s 1.6s;
    -moz-transition: all 0.5s 1.6s;
    -o-transition: all 0.5s 1.6s;
    -ms-transition: all 0.5s 1.6s;
    transition: all 0.5s 1.6s;
}

.us-service .ser-proc .ser-curve4 {
    width: 0;
    height: 94px;
    background: url(../images/ly_ser04.png) no-repeat left top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    left: 356px;
    top: 23px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.us-service .ser-proc .ser-curve4.move {
    width: 94px
}

.us-service .ser-proc .ser-step5 {
    left: 446px;
    top: 1px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.step-txt5 {
    left: 438px;
    top: -65px;
    -webkit-transition: all 0.5s 2s;
    -moz-transition: all 0.5s 2s;
    -o-transition: all 0.5s 2s;
    -ms-transition: all 0.5s 2s;
    transition: all 0.5s 2s;
}

.us-service .ser-proc .ser-curve5 {
    width: 0;
    height: 93px;
    background: url(../images/ly_ser05.png) no-repeat left top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    left: 487px;
    top: 23px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.us-service .ser-proc .ser-curve5.move {
    width: 93px;
}

.us-service .ser-proc .ser-step6 {
    left: 560px;
    top: 112px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.step-txt6 {
    left: 618px;
    top: 108px;
    -webkit-transition: all 0.5s 2.4s;
    -moz-transition: all 0.5s 2.4s;
    -o-transition: all 0.5s 2.4s;
    -ms-transition: all 0.5s 2.4s;
    transition: all 0.5s 2.4s;
}

.us-service .ser-proc .ser-curve6 {
    width: 0;
    height: 96px;
    background: url(../images/ly_ser06.png) no-repeat left top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    left: 580px;
    top: 152px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.us-service .ser-proc .ser-curve6.move {
    width: 224px;
}

.us-service .ser-proc .ser-step7 {
    left: 782px;
    top: 112px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.step-txt7 {
    left: 780px;
    top: 50px;
    -webkit-transition: all 0.5s 2.8s;
    -moz-transition: all 0.5s 2.8s;
    -o-transition: all 0.5s 2.8s;
    -ms-transition: all 0.5s 2.8s;
    transition: all 0.5s 2.8s;
}

.step-txt {
    opacity: 0;
}

.step-txt.move {
    opacity: 1;
}

.step-txt .cn {
    color: #000;
}

.step-txt .en {
    color: #969696;
    font-size: 14px;
    margin-top: 5px;
    white-space: nowrap
}

@media only screen and (max-width: 1440px) {
    .EC-list-2 {
        left: 43%;
    }

    .EC-list-3 {
        left: 67%;
    }
}
/*1199px ~ 1080px*/
@media only screen and (max-width: 1199px) {
}
/*1079px ~ 960px*/
@media only screen and (max-width: 1079px) {
    .step-txt1 {
        left: -50px;
    }

    .step-txt7 {
        left: 745px
    }
}

/*959px ~ 768px*/
@media only screen and (max-width: 959px) {
    .us-service {
        height: 405px;
    }

    .us-service .ser-proc {
        width: 664px;
        height: 264px;
    }

    .us-service .ser-proc .ser-step {
        width: 35px;
        height: 35px;
    }

    .step-txt .en {
        font-size: 12px;
    }

    .step-txt1 {
        left: -42px;
        top: -55px;
    }

    .step-txt2 {
        left: -20px;
        top: 108px;
    }

    .step-txt3 {
        left: 172px;
        top: 226px;
    }

    .step-txt4 {
        left: 306px;
        top: 130px;
    }

    .step-txt5 {
        left: 362px;
        top: -55px;
    }

    .step-txt6 {
        left: 500px;
        top: 108px;
    }

    .step-txt7 {
        left: 585px;
        top: 42px;
    }

    .us-service .ser-proc .ser-step2 {
        left: 92px;
        top: 89px;
    }

    .us-service .ser-proc .ser-step3 {
        left: 183px;
        top: 180px;
    }

    .us-service .ser-proc .ser-step4 {
        left: 272px;
        top: 91px;
    }

    .us-service .ser-proc .ser-step5 {
        left: 364px;
    }

    .us-service .ser-proc .ser-step6 {
        left: 456px;
        top: 92px;
    }

    .us-service .ser-proc .ser-step7 {
        left: 635px;
        top: 92px;
    }

    .us-service .ser-proc .ser-curve1.move {
        width: 75px;
    }

    .us-service .ser-proc .ser-curve1 {
        height: 75px;
        left: 33px;
        top: 16px;
    }

    .us-service .ser-proc .ser-curve2.move {
        width: 75px;
    }

    .us-service .ser-proc .ser-curve2 {
        height: 75px;
        left: 109px;
        top: 123px;
    }

    .us-service .ser-proc .ser-curve3.move {
        width: 75px;
    }

    .us-service .ser-proc .ser-curve3 {
        height: 75px;
        left: 216px;
        top: 124px;
    }

    .us-service .ser-proc .ser-curve4.move {
        width: 75px;
    }

    .us-service .ser-proc .ser-curve4 {
        height: 75px;
        left: 291px;
        top: 19px;
    }

    .us-service .ser-proc .ser-curve5.move {
        width: 75px;
    }

    .us-service .ser-proc .ser-curve5 {
        height: 75px;
        left: 398px;
        top: 18px;
    }

    .us-service .ser-proc .ser-curve6.move {
        width: 180px;
    }

    .us-service .ser-proc .ser-curve6 {
        height: 77px;
        left: 474px;
        top: 125px;
    }
}
/*767px ~ 640px*/
@media only screen and (max-width: 767px) {
    .us-service {
        height: 360px;
    }

    .us-service .ser-proc {
        width: 532px;
        height: 211px;
    }

    .us-service .ser-proc .ser-step {
        width: 28px;
        height: 28px;
    }

    .step-txt2 {
        left: -23px;
        top: 87px;
    }

    .step-txt3 {
        left: 138px;
        top: 186px;
    }

    .step-txt4 {
        left: 243px;
        top: 106px;
    }

    .step-txt5 {
        left: 286px;
        top: -55px;
    }

    .step-txt6 {
        left: 402px;
        top: 91px;
    }

    .step-txt7 {
        left: 455px;
        top: 26px;
    }

    .us-service .ser-proc .ser-step2 {
        left: 73px;
        top: 73px;
    }

    .us-service .ser-proc .ser-step3 {
        left: 145px;
        top: 147px;
    }

    .us-service .ser-proc .ser-step4 {
        left: 218px;
        top: 74px;
    }

    .us-service .ser-proc .ser-step5 {
        left: 291px;
    }

    .us-service .ser-proc .ser-step6 {
        left: 364px;
        top: 75px;
    }

    .us-service .ser-proc .ser-step7 {
        left: 510px;
        top: 75px;
    }

    .us-service .ser-proc .ser-curve1.move {
        width: 60px;
    }

    .us-service .ser-proc .ser-curve1 {
        height: 60px;
        left: 26px;
        top: 14px;
    }

    .us-service .ser-proc .ser-curve2.move {
        width: 60px;
    }

    .us-service .ser-proc .ser-curve2 {
        height: 60px;
        left: 86px;
        top: 100px;
    }

    .us-service .ser-proc .ser-curve3.move {
        width: 60px;
    }

    .us-service .ser-proc .ser-curve3 {
        height: 60px;
        left: 172px;
        top: 100px;
    }

    .us-service .ser-proc .ser-curve4.move {
        width: 60px;
    }

    .us-service .ser-proc .ser-curve4 {
        height: 60px;
        left: 233px;
        top: 16px;
    }

    .us-service .ser-proc .ser-curve5.move {
        width: 60px;
    }

    .us-service .ser-proc .ser-curve5 {
        height: 60px;
        left: 318px;
        top: 16px;
    }

    .us-service .ser-proc .ser-curve6.move {
        width: 144px;
    }

    .us-service .ser-proc .ser-curve6 {
        height: 62px;
        left: 379px;
        top: 101px;
    }
}




/*639px ~ 480px*/
@media only screen and (max-width: 639px) {

    .us-service {
        height: 310px;
    }

    .us-service .ser-proc {
        width: 426px;
        height: 169px;
        margin: 100px auto 0 auto;
    }

    .us-service .ser-proc .ser-step {
        width: 22px;
        height: 22px;
    }

    .step-txt1 {
        left: -17px;
        top: -50px;
    }

    .step-txt2 {
        top: 85px;
    }

    .step-txt3 {
        left: 105px;
        top: 148px;
    }

    .step-txt4 {
        left: 186px;
        top: 95px;
    }

    .step-txt5 {
        left: 224px;
        top: -50px;
    }

    .step-txt6 {
        left: 312px;
        top: 22px;
    }

    .step-txt7 {
        left: 319px;
        top: 115px;
    }

    .step-txt7 .cn {
        text-align: right
    }

    .us-service .ser-proc .ser-step2 {
        left: 58px;
        top: 58px;
    }

    .us-service .ser-proc .ser-step3 {
        left: 116px;
        top: 116px;
    }

    .us-service .ser-proc .ser-step4 {
        left: 174px;
        top: 58px;
    }

    .us-service .ser-proc .ser-step5 {
        left: 233px;
    }

    .us-service .ser-proc .ser-step6 {
        left: 291px;
        top: 58px;
    }

    .us-service .ser-proc .ser-step7 {
        left: 408px;
        top: 60px;
    }

    .us-service .ser-proc .ser-curve1.move {
        width: 48px;
    }

    .us-service .ser-proc .ser-curve1 {
        height: 48px;
        left: 20px;
        top: 11px;
    }

    .us-service .ser-proc .ser-curve2.move {
        width: 48px;
    }

    .us-service .ser-proc .ser-curve2 {
        height: 48px;
        left: 69px;
        top: 79px;
    }

    .us-service .ser-proc .ser-curve3.move {
        width: 48px;
    }

    .us-service .ser-proc .ser-curve3 {
        height: 48px;
        left: 137px;
        top: 79px;
    }

    .us-service .ser-proc .ser-curve4.move {
        width: 48px;
    }

    .us-service .ser-proc .ser-curve4 {
        height: 48px;
        left: 186px;
        top: 12px;
    }

    .us-service .ser-proc .ser-curve5.move {
        width: 48px;
    }

    .us-service .ser-proc .ser-curve5 {
        height: 48px;
        left: 253px;
        top: 11px;
    }

    .us-service .ser-proc .ser-curve6.move {
        width: 115px;
    }

    .us-service .ser-proc .ser-curve6 {
        height: 50px;
        left: 303px;
        top: 79px;
    }
}

/*479px ~ 360px*/
@media only screen and (max-width: 479px) {
 

    .us-service {
        height: 270px;
    }

    .us-service .ser-proc {
        width: 310px;
        height: 135px;
        margin: 100px auto 0 auto;
    }

    .us-service .ser-proc .ser-step {
        width: 15px;
        height: 15px;
    }

    .step-txt .en {
        white-space: normal;
        line-height: 1
    }

    .step-txt7 .en {
        text-align: right
    }

    .step-txt2 {
        top: 40px;
        left: -32px;
        width: 82px;
    }

    .step-txt3 {
        left: 65px;
        top: 100px;
    }

    .step-txt4 {
        left: 130px;
        top: 56px;
        width: 86px;
    }

    .step-txt5 {
        left: 145px;
        top: -45px;
    }

    .step-txt6 {
        left: 218px;
        top: 6px;
    }

    .step-txt7 {
        left: 280px;
        top: 63px;
    }

    .us-service .ser-proc .ser-step2 {
        left: 39px;
        top: 39px;
    }

    .us-service .ser-proc .ser-step3 {
        left: 80px;
        top: 77px;
    }

    .us-service .ser-proc .ser-step4 {
        left: 119px;
        top: 39px;
    }

    .us-service .ser-proc .ser-step5 {
        left: 160px;
    }

    .us-service .ser-proc .ser-step6 {
        left: 200px;
        top: 39px;
    }

    .us-service .ser-proc .ser-step7 {
        left: 280px;
        top: 42px;
    }

    .us-service .ser-proc .ser-curve1.move {
        width: 33px;
    }

    .us-service .ser-proc .ser-curve1 {
        height: 33px;
        left: 14px;
        top: 8px;
    }

    .us-service .ser-proc .ser-curve2.move {
        width: 33px;
    }

    .us-service .ser-proc .ser-curve2 {
        height: 33px;
        left: 48px;
        top: 53px;
    }

    .us-service .ser-proc .ser-curve3.move {
        width: 33px;
    }

    .us-service .ser-proc .ser-curve3 {
        height: 33px;
        left: 95px;
        top: 52px;
    }

    .us-service .ser-proc .ser-curve4.move {
        width: 33px;
    }

    .us-service .ser-proc .ser-curve4 {
        height: 33px;
        left: 128px;
        top: 7px;
    }

    .us-service .ser-proc .ser-curve5.move {
        width: 33px;
    }

    .us-service .ser-proc .ser-curve5 {
        height: 33px;
        left: 175px;
        top: 7px;
    }

    .us-service .ser-proc .ser-curve6.move {
        width: 80px;
    }

    .us-service .ser-proc .ser-curve6 {
        height: 35px;
        left: 208px;
        top: 53px;
    }
}
/*379px ~ 360px*/
@media only screen and (max-width: 379px) {
    .step-txt7 .cn {
        text-align: right
    }

    .step-txt1 {
        left: 6px;
    }

    .step-txt2 {
        left: 3px;
        top: 64px;
        width: 76px;
    }

    .step-txt3 {
        left: 70px;
        top: 102px;
    }

    .step-txt4 {
        left: 133px;
        top: 51px;
        width: 90px;
    }

    .step-txt5 {
        left: 140px;
        top: -46px;
    }

    .step-txt6 {
        left: 218px;
        top: 0;
    }

    .step-txt7 {
        left: 235px;
        top: 82px;
    }

    .us-design .head-txt {
        width: 270px;
    }
}

/*359px ~ 320px*/
@media only screen and (max-width: 359px) {
    .EET-list-1 {
        left: 4%;
    }

    .EET-list-2 {
        left: 31%;
    }

    .EET-list-3 {
        left: 58%;
    }

    .step-txt7 {
        width: 65px;
        left: 226px;
    }
}

.service-bg {
    width: 100%;
}

.jc-team {
    width: 100%;
}

.jc-li-team {
    width: 50%;
    float: left;
}

.lines {
    border-bottom: 1px solid #e3e3e3;
}

.s4_join .join_text {
    text-align: center;
    position: relative;
    z-index: 5;
    padding-top: 1px;
}

.s4_join .join_text>h3 {
    height: 80px;
    position: relative;
    font-weight: normal;
    color: #fff;
    margin-top: 110px;
}

.s4_join .join_text>h3 span {
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 100px;
    height: 1px;
    background-color: #fff;
    transition: width 0.5s ease-out;
    transform: translateX(-50%);
}

.s4_join .join_text:hover>h3 span {
    width: 50px;
}

.s4_join .join_text div.p {
    color: #fff;
    line-height: 2;
    margin-top: 30px;
    font-size: 18px;
}

.s4_join .join_text div.more {
    margin-top: 70px;
    position: relative;
}

.s4_join .join_text div.more a {
    overflow: hidden;
    display: block;
    width: 226px;
    height: 50px;
    margin: 0 auto;
    line-height: 50px;
    text-align: center;
    border: 1px solid #fff;
    transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
    color: #fff;
}

.s4_join .join_text div.more a span {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
    position: relative;
}

.s4_join .join_text div.more a span:after {
    content: attr(data-tit);
    position: absolute;
    height: 50px;
    top: 0px;
    left: 0px;
    right: 0;
    color: transparent;
    transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    transform: translate(0,100%);
}

.s4_join .join_text div.more a:hover span {
    color: transparent;
    transform: translate(0,-100%);
}

.s4_join .join_text div.more a:hover {
    border: 1px solid #c7383c;
}

.s4_join .join_text div.more a:hover span:after {
    background-color: #c7383c;
    color: #fff;
}

.s4_join {
    position: relative;
    height: 0px;
    padding-bottom: 27%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
}

.s4_join>p {
    position: absolute;
    top: 0px;
    bottom: -1px;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
}

.n_join.s4_join>p {
    background: rgba(0,0,0,0.7);
}

@media only screen and (max-width: 1600px) {
    .s4_join .join_text div.more {
        margin-top: 50px;
    }

    .s4_join .join_text div.more a {
        width: 160px;
        height: 40px;
        line-height: 40px;
    }

    .s4_join .join_text div.more a span {
        height: 40px;
        line-height: 40px;
    }

    .s4_join .join_text div.more a span:after {
        height: 40px;
    }
}

@media only screen and (max-width: 1440px) {
    .s4_join .join_text>h3 {
        height: 60px;
        margin-top: 80px;
    }

    .s4_join .join_text div.p {
        font-size: 14px;
        margin-top: 35px;
        line-height: 2;
    }

    .s4_join .join_text div.p br {
        display: none;
    }
}

@media only screen and (max-width: 1366px) {
    .s4_join .join_text div.more {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 1280px) {
    .s4_join .join_text>h3 {
        height: 45px;
        margin-top: 65px;
    }

    .s4_join .join_text div.p {
        margin-top: 15px;
        line-height: 1.5;
    }

    .s4_join .join_text div.more {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1100px) {
    .s4_join .join_text div.more {
        margin-top: 20px;
    }

    .s4_join .join_text div.more a {
        width: 120px;
        height: 30px;
        line-height: 30px;
    }

    .s4_join .join_text div.more a span {
        height: 30px;
        line-height: 29px;
        font-size: 12px;
    }

    .s4_join .join_text div.more a span:after {
        height: 30px;
    }
}

@media only screen and (max-width: 900px) {
    .s4_join {
        padding-bottom: 38%;
    }

    .s4_join .join_text div.p {
        padding: 0 20px;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 650px) {
    .s4_join .join_text div.more {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 570px) {
    .s4_join .join_text>h3 {
        margin-top: 50px;
    }

    .s4_join {
        padding-bottom: 65%;
    }
}

@media only screen and (max-width: 420px) {
    .s4_join .join_text>h3 {
        margin-top: 60px;
    }

    .s4_join {
        padding-bottom: 75%;
    }
}

@media only screen and (max-width: 320px) {
    .s4_join .join_text>h3 {
        margin-top: 30px;
    }
}

.containerm {
    width: 56%;
    margin: 60px auto;
}

.divname {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 70%;
}

.divtime {
    float: right;
}

.disvcn {
    width: 100%;
    border-bottom: 1px solid #eee;
    float: left;
    height: 44px;
    line-height: 44px;
}

.disvcn a {
    color: #333;
    display: block;
    font-size: 16px
}

.flr {
    float: right;
}

.frl {
    float: left;
}

.jfl {
    float: left;
}

/****/
.ckpjs {
    width: 160px;
    height: 39px;
    margin: 30px auto;
    line-height: 37px;
    text-align: center;
    border: 1px solid #c7383c;
    position: relative;
}

.ckpjs:before {
    background: #c7383c;
    position: absolute;
    z-index: 1;
    width: 0;
    left: 0;
    top: 0;
    box-sizing: border-box;
    -webkit-transition: .5s;
    transition: .5s;
    content: '';
}

.ckpjs a {
    display: block;
    color: #c7383c;
}

.ckpjs:before:hover {
    background: #c7383c;
    position: absolute;
    z-index: 1;
    width: 160px;
    height: 39px;
    left: 0;
    top: 0;
    content: '';
}

.newlink {
    margin: 0 auto;
    border-bottom: 1px solid #e4e4e4;
    padding: 60px 0;
}

.t-footer-bottom {
    font-size: 14px;
    box-sizing: border-box;
}

.t1 {
    letter-spacing: 2px;
    line-height: 30px;
    display: block;
    font-size: 2em;
    margin-bottom: 10px;
    color: #333;
}

.t2 {
    display: block;
    font-size: 16px;
    letter-spacing: 2px;
    margin: 35px 0 20px 0;
    color: #666;
    line-height: 26px;
}

.jc-abs {
    padding: 10%;
    position: relative;
}

.t1::after {
    width: 30px;
    background: #c7383c;
    height: 3px;
    display: block;
    content: "";
    margin-top: 10px;
}

.fnt_16 {
    font-size: 18px;
}

.newslist {
    margin: 50px 0;
    width: 100%;
    float: left;
}

.newleft {
    float: left;
    margin-left: 15%;
}

.actc {
    display: inline-block;
    margin: 0 30px 0 0;
    height: 40px;
    line-height: 40px;
}

.actc:last-child {
    margin: 0;
}

.actc a {
    padding-bottom: 5px;
    color: #333;
    font-size: 17px;
}

.actc a:after {
    width: 1px;
    height: 16px;
    background: #898989;
    display: block;
    content: "";
    float: right;
    margin-left: 30px;
    margin-top: 14px;
}

.actc:nth-child(4) a:after {
    width: 1px;
    height: 20px;
    background: #fff;
    display: block;
    content: "";
    float: right;
    margin-left: 30px;
    margin-top: 5px;
}

.cur {
    color: #c7383c!important;
}

.newright {
    padding-left: 0;
}

.nlist {
    width: 100%;
    padding: 0 0 15px 0;
}

.nlist a {
    display: block;
}

.ntitle {
    font-size: 22px;
    letter-spacing: 1px;
    font-family: font2018;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0f0b09;
}

.ntime {
    display: block;
    color: #333;
    font-size: 16px;
    margin: 10px 0 30px 0;
    letter-spacing: 2px;
    font-family: 微软雅黑;
    letter-spacing: 0;
}

.pages {
    width: 100%;
    padding: 20px 0;
    float: left;
    text-align: center;
}

.pages a {
    min-width: 36px;
    padding: 0 8px;
    line-height: 36px;
    margin: 0 4px;
    height: 36px;
    background: #eee;
    color: #666;
    display: inline-block;
    text-align: center;
}

.pages a:hover {
    background: #c7383c;
    color: #fff;
}

.current {
    min-width: 36px;
    padding: 0 8px;
    line-height: 36px;
    margin: 0 4px;
    height: 36px;
    background: #c7383c;
    display: inline-block;
    text-align: center;
    color: #fff;
}

.contents {
    width: 100%;
    margin: 0;
}

.cn-nav {
    margin: 0;
    padding: 0;
}

.nlinks {
    border-right: 1px solid #e3e3e3;
    min-height: 880px;
}

.nrtitle {
    width: 100%;
    font-size: 20px;
    padding-bottom: 15px;
    font-weight: bolder;
}

.hname {
    width: 100%;
    color: #333;
    font-size: 16px;
}

.htime {
    width: 100%;
    color: #ccc;
    font-size: 14px;
}

.newbg {
    width: 100%;
    background: #f9f9f9;
    padding: 50px 0 80px;
}

.witbg {
    background: #fff;
    padding: 25px;
    box-sizing: border-box;
}

.atitle {
    padding: 0 0 30px;
    margin: 0 0 20px 0;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
}

.atitle h1 {
    font-size: 24px;
}

.atext {
    width: 100%;
    font-size: 16px;
    line-height: 26px;
    color: #333
}

.atext a {
    color: #333
}

.atext img {
    max-width: 100%;
}

.casetxt-txt {
    padding-bottom: 30px;
    background: #f2f3f7;
}

.wct {
    width: 100%;
}

.wct h2 {
    font-size: 60px;
    text-align: center;
    color: #fff;
    font-weight: bolder;
}

.wcts {
    width: 100%;
}

.wcts h2 {
    font-size: 60px;
    text-align: left;
    color: #fff;
    font-weight: bolder;
}

.wen-titles {
    font-size: 24px;
    text-align: left;
    color: #fff;
    margin: 0 auto;
    padding: 50px 0 0 0;
    line-height: 40px;
    letter-spacing: 2px;
}

.wcn-title {
    font-size: 60px;
    text-align: center;
    color: #fff;
}

.wen-title {
    font-size: 24px;
    text-align: center;
    color: #fff;
    max-width: 830px;
    margin: 0 auto;
    padding: 50px 0 0 0;
    line-height: 40px;
    letter-spacing: 2px;
}

.wico {
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
}

.onlins {
    width: 100%;
}

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

.onlins li {
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
}

.onlins li:hover .blue {
    display: none;
}

.onlins li:hover .red {
    display: block;
}

.onlins li:hover .nico-w {
    padding-top: 40%;
}

.blue {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(32,39,79,0.6);
    position: absolute;
}

.red {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(199,56,60,0.8);
    position: absolute;
    display: none;
}

.midd {
    display: inline-block;
    vertical-align: middle;
}

.mainbg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.nico-w {
    padding-top: 50%;
}

.nico-t {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding: 10px 0 0 0;
}

.wbgf {
    width: 100%;
    background: #efefef;
    padding: 20px 0 90px;
    margin: 55px 0;
}

.service-bgs {
    background: none;
    width: 100%;
}

.s168 {
    padding-bottom: 40px;
    float: left;
}

.cmbg {
    background: #5c5e83;
    padding: 30px;
    margin: 15px 0;
    color: #fff;
}

.xtitle {
    font-size: 20px;
    padding-bottom: 10px;
}

.xtitle:after {
    width: 40px;
    height: 1px;
    background: #fff;
    display: block;
    content: "";
    float: left;
    margin-right: 10px;
    margin-top: 15px;
}

.xconte {
    font-size: 16px;
    line-height: 28px;
    padding-left: 50px;
}

.rows {
    padding: 0;
    margin: 0;
}

.onepage {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

.web-lc {
    display: block;
    overflow: hidden;
    margin: 0;
    padding-top: 50px;
}

.web-lc dd {
    display: block;
    width: 50%;
    margin: 0 auto 20px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.web-lc dd h3 {
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
}

.web-lc dd h3 span {
    display: block;
    float: left;
    min-width: 100px;
    max-width: 10%;
    height: 1px;
    background: #ccc;
    margin: 10px 0 0 0;
}

.web-lc dd h3 strong {
    display: block;
    float: right;
    width: 88%;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 2px;
}

.web-lc dd h4 {
    display: block;
    letter-spacing: 2px;
    font-size: 2em;
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
}

.web-lc dd h5 {
    display: block;
    font-size: 17px;
    color: #999;
    letter-spacing: 2px;
}

.web-lc .recuite-info {
    display: block;
    width: 45%;
    margin: 0 auto;
    position: relative;
    padding-left: 5%;
    padding-bottom: 20px;
}

.web-lc .recuite-top {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    padding: 0 0 20px;
}

.web-lc .recuite-li {
    display: none;
    padding: 20px 0 50px 20%;
}

.web-lc .recuite-li span {
    display: block;
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 30px;
    color: #333;
}

.web-lc .recuite-top .left-line {
    height: 100%;
    position: absolute;
    width: 60px;
    left: 0;
    top: 0;
}

.web-lc .recuite-top .fa {
    display: block;
    width: 34px;
    height: 34px;
    background: #c7383c;
    border-radius: 50%;
    text-align: center;
    line-height: 34px;
    color: #fff;
    z-index: 1;
    position: relative;
    font-size: 14px;
}

.web-lc .recuite-top  p {
    z-index: 1;
    height: 100%;
    background: #c7383c;
    width: 1px;
    position: absolute;
    top: 0;
    left: 17px;
}

.web-lc .recuite-top .center-1 {
    display: block;
    float: left;
    font-size: 14px;
    letter-spacing: 0px;
    width: 20%;
    color: #666;
    text-transform: uppercase;
    font-family: "Arial"
}

.web-lc .recuite-top .center-2 {
    display: block;
    float: left;
    width: 70%;
}

.web-lc .recuite-top .center-2 h3 {
    display: block;
    overflow: hidden;
    margin-bottom: 0;
    margin-top: 0!important;
}

.web-lc .recuite-top .center-2 h3 span {
    display: block;
    float: left;
    width: 10%;
    height: 1px;
    background: #ccc;
    margin: 13px 0 0 0;
}

.web-lc .recuite-top .center-2 h3 strong {
    display: block;
    float: left;
    font-weight: normal;
    letter-spacing: 2px;
    font-size: 24px;
    width: 88%;
}

.web-lc .recuite-top .center-2 h4 {
    display: block;
    letter-spacing: 2px;
    color: #999;
    font-size: 14px;
}

.web-lc .recuite-top .center-3 {
    display: block;
    float: right;
    width: 10%;
    text-align: center;
}

.web-lc .on .recuite-top .center-3 .fa {
    background: none;
    color: #999;
    width: auto;
    height: auto;
    border: 0;
    border-radius: inherit;
    text-align: right;
}

.web-lc .on .recuite-top .center-3 .fa-long-arrow-up {
    display: none;
}

.web-lc .on .on .center-3 .fa-long-arrow-down {
    display: none;
}

.web-lc .on .on .center-3 .fa-long-arrow-up {
    display: block;
}

.web-lc .recuite-top:hover .center-1,.web-lc .recuite-top:hover .center-2 h3 strong,.web-lc .recuite-top:hover .center-3 .fa {
    color: #c7383c;
}

.tarr {
    background: url(../images/tarr.png) no-repeat center;
    width: 30px;
    height: 30px;
    background-size: 100%;
    padding: 0;
    margin: 0;
}

.darr {
    background: url(../images/darr.png) no-repeat center;
    width: 30px;
    height: 30px;
    background-size: 100%;
    padding: 0;
    margin: 0;
}

.flow {
    padding: 0 0 50px 0;
    background: #fdfbfb;
    margin: 30px 0;
}

.flows {
    padding: 0;
    background: #ffffff;
    margin: 0;
}

.casenbt {
    border: solid 1px #d2d2d2;
    color: #c7383c;
    margin: 20px auto 30px;
    width: 185px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: block;
    font-size: 16px;
}

.casenbt:hover {
    background: #c7383c;
    color: #fff;
    display: block;
    border: 1px solid #c7383c;
}

.mobi {
}

.mobs {
    background: #07706b;
    display: flex;
    padding: 30px;
    box-sizing: border-box;
    margin: 15px 0;
}

.mob-ico {
    padding-right: 25px;
}

.mob-text {
}

.mob-tit {
    font-size: 20px;
    padding-bottom: 15px;
    color: #fff;
}

.mob-con {
    font-size: 16px;
    color: #fff;
}

.wymob {
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 20px;
    margin: 15px;
    background: #fff;
}

.wymob-img {
    width: 100%;
    text-align: center;
}

.wymob-img img {
    height: 190px;
    width: auto;
    margin: 24px auto 34px;
    text-align: center;
}

.wymob-title {
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px;
    font-family: '微软雅黑';
}

.wymob-con {
    font-size: 14px;
    text-align: center;
    font-family: '微软雅黑';
}

.wym-bg {
    background: #f9f9f9;
    width: 100%;
    padding: 0 0 30px 0;
}

.xwym-bg {
    background: #fff;
    width: 100%;
    padding: 0 0 30px 0;
}

.wym-bgs {
    background: #fff;
    width: 100%;
    padding: 0 0 30px 0;
    margin: 0;
}

.wsym-bgs {
    background: #f9f9f9;
    width: 100%;
    padding: 0 0 30px 0;
    margin: 0;
}

.mall-tit {
    font-size: 30px;
    font-family: '微软雅黑';
    font-weight: bolder;
    padding-top: 200px;
}

.mall-con {
    font-size: 16px;
    padding-top: 30px;
    font-family: '微软雅黑';
    vertical-align: middle;
    display: inline-block;
}

.mall-gu {
    width: 100%;
}

.mall-gu a {
    width: 130px;
    background: #c7383c;
    color: #fff;
    display: block;
    margin-top: 20px;
    padding: 6px 25px;
    font-size: 16px;
    text-align: center;
}

.wbg {
    background: #fff;
    overflow: hidden;
}

.topLink {
    animation: downico 1.5s ease-out infinite;
}

.down-ico {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
    transition: 0.3s ease 0.6s;
    width: 43px;
    height: 43px;
    border-radius: 500px;
    display: block;
    border: 1px solid #fff;
}

.down-ico i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/ico_16.png) no-repeat center;
    animation: downico 1.5s ease-out infinite;
    position: relative;
}

.mt20 {
    margin-top: 30px;
}

.btn-0 {
    position: relative;
    display: block;
    margin: 10px auto;
    width: 100%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    max-width: 225px;
    text-transform: uppercase;
    overflow: hidden;
    border: 1px solid #c7383c;
    font-size: 16px;
    border-radius: 4px;
}

.btn-0 a {
    color: #c7383c;
}

.btn-0 a p {
    padding-right: 30px;
    background: url(../images/ico-arr.png) no-repeat 155px;
}

.btn-0:hover a p {
    padding-right: 30px;
    background: url(../images/ico-arrs.png) no-repeat 155px;
}

.btn-0 a i {
    background: url(../images/ico-arr.png) no-repeat;
    width: 18px;
    height: 15px;
    display: inline-block;
}

.btn-0:before {
    box-sizing: border-box;
    -webkit-transition: .5s;
    transition: .5s;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 46px;
    background: #c7383c;
    z-index: 1;
    color: #c7383c;
}

.btn-0:hover:before {
    width: 225px;
    color: #fff;
}

.btn-0:hover a {
    color: #fff;
    position: absolute;
    z-index: 2;
    width: 225px;
    text-align: center;
    left: 0;
    top: 0;
}

.btn-1 {
    position: relative;
    display: block;
    margin: 30px auto 20px;
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    max-width: 168px;
    text-transform: uppercase;
    overflow: hidden;
    border: 1px solid #c7383c;
    font-size: 14px;
}

.btn-1 a {
    color: #c7383c;
}

.btn-1 a p {
    padding-right: 18px;
    background: url(../images/ico-arr.png) no-repeat 126px;
    background-size: 14px;
}

.btn-1:hover a p {
    padding-right: 18px;
    background: url(../images/ico-arrs.png) no-repeat 126px;
    background-size: 14px;
}

.btn-1 a i {
    background: url(../images/ico-arr.png) no-repeat;
    width: 18px;
    height: 15px;
    display: inline-block;
}

.btn-1:before {
    box-sizing: border-box;
    -webkit-transition: .5s;
    transition: .5s;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 40px;
    background: #c7383c;
    z-index: 1;
    color: #c7383c;
}

.btn-1:hover:before {
    width: 168px;
    color: #fff;
}

.btn-1:hover a {
    color: #fff;
    position: absolute;
    z-index: 2;
    width: 168px;
    text-align: center;
    left: 0;
    top: 0;
}

.bnt-s {
    position: absolute;
    width: 58px;
    height: 58px;
    left: 50%;
    top: 50%;
    margin-left: -29px;
    margin-top: -29px;
    background: url(../images/ico-arr.png) rgba(255,255,255,0.7) no-repeat center;
    transition: all .5s;
    border: 1px solid #fff;
}

.bnt-s:hover {
    position: absolute;
    width: 58px;
    height: 58px;
    left: 50%;
    top: 50%;
    margin-left: -29px;
    margin-top: -29px;
    background: rgba(255,255,255,0.8);
    background: url(../images/ico-arrs.png) #c7383c no-repeat center;
    transition: all .5s;
    border: 1px solid #c7383c;
}

.cpnew {
    overflow: hidden;
}

.cpnew img {
    display: block;
    width: 100%;
    transition: all 1s;
}

.cpnew:hover img {
    transform: scale(1.03);
}

.cpnew:hover .bnt-s {
    position: absolute;
    width: 58px;
    height: 58px;
    left: 50%;
    top: 50%;
    margin-left: -29px;
    margin-top: -29px;
    background: rgba(255,255,255,0.8);
    background: url(../images/ico-arrs.png) #c7383c no-repeat center;
    transition: all .5s;
    border: 1px solid #c7383c;
}



    /***************关于我们*************/
.w1520 {
    width: 79%;
    margin: 0 auto;
}

.body-wrap {
    width: 100%;
    position: relative;
    transition: all 0.5s ease 0s;
    z-index: 1;
}

.about-ban .top-tit h4 {
    font-size: 42px;
    line-height: 26px;
    font-weight: bolder;
}

.about-ban .top-tit .date {
    font-size: 14px;
    line-height: 26px;
    margin-top: 20px;
}

.about-ban .top-tit .tit {
    font-size: 18px;
    line-height: 26px;
    margin-top: 24px;
}

.about-ban .cont-wrap {
    position: absolute;
    left: 10.5%;
    color: #fff;
    font-size: 20px;
    display: block;
}

.ins-ban {
    position: relative;
}

.abcd-s {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.disfix {
    display: flex;
}

.just {
    align-self: center;
}

.about-ban .cent-cont {
    border-top: 1px solid #bbbbbb;
    padding-top: 30px;
}

.about-ban .cent-cont .map-sign {
    display: inline-block;
    margin-right: 2.1%;
    width: 23.4%;
}

.about-ban .cent-cont .map-sign img {
    width: 100%;
}

.about-ban .num-top {
    position: absolute;
    right: 0;
    top: 0;
}

.about-ban .num-top li {
    padding-left: 30px;
    margin-left: 30px;
    text-align: center;
    color: #fff;
    position: relative;
    float: left;
    width: 200px;
}

.about-ban .num-top .line {
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    opacity: 0.15;
    filter: alpha(opacity=15);
}

.about-ban .num-top .cn-tt {
    font-size: 24px;
    line-height: 26px;
}

.about-ban .num-top .num {
    font-size: 80px;
    font-family: "Trump";
    line-height: 80px;
    margin-top: 15px;
}

.about-ban .num-top .en-tt {
    line-height: 24px;
    font-size: 18px;
    color: #fff;
    opacity: 0.6;
    filter: alpha(opacity=60);
    font-family: "Base-font";
}

.about-ban .list-cont li {
    width: 269px;
    border-right: 1px solid #bbbbbb;
    text-align: center;
    color: #fff;
    height: 175px;
    position: relative;
    background-size: 80% auto;
    float: left;
}

.about-ban .list-cont li .tit {
    font-size: 22px;
    line-height: 26px;
}

.about-ban .list-cont li .ico {
    display: block;
    height: 36px;
    margin-top: 15px;
    background-size: auto 100% !important;
}

.about-ban .list-cont li .ico1 {
    background: url(../images/ico_18.png) no-repeat center;
}

.about-ban .list-cont li .ico2 {
    background: url(../images/ico_19.png) no-repeat center;
}

.about-ban .list-cont li .ico3 {
    background: url(../images/ico_20.png) no-repeat center;
}

.about-ban .list-cont li .size {
    line-height: 60px;
}

.about-ban .list-cont li .size i {
    font-size: 18px;
    color: #fff;
    font-family: "Base-font";
    font-style: normal;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.about-ban .list-cont li .size .num {
    font-size: 50px;
    font-family: "Trump";
}

.about-ban .list-cont li .size .unit {
    font-size: 40px;
    font-family: "Trump";
}

.about-ban .list-cont .num-sign {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 1.5rem;
}

.about-ban .list-cont .num-sign .boxs {
    display: inline-block;
    width: 20px;
    position: absolute;
    bottom: 0;
}

.about-ban .list-cont .num-sign .boxs i {
    display: block;
    width: 100%;
    height: 0;
    transition: height 1s ease 0s;
    position: absolute;
    bottom: 0;
    left: 0;
}

.about-ban .list-cont .num-sign .box1 {
    left: 60px;
}

.about-ban .list-cont .num-sign .box1 i {
    background: url(../images/bg_07.png) no-repeat center bottom;
}

.about-ban .list-cont .num-sign .box2 {
    left: 80px;
}

.about-ban .list-cont .num-sign .box2 i {
    background: #fff;
}

.about-ban.active .list-cont .num-sign .boxs i {
    height: 100%;
}

.about-home {
    padding-top: 18px;
}

.about-home .fir-wrap {
    background-color: #f6f6f6;
}

.about-home .fir-wrap .left-cont {
    padding-top: 140px;
    width: 34.8%;
    margin-left: 5.7%;
}

.about-home .fir-wrap .left-cont p {
    font-size: 18px;
    line-height: 38px;
    color: #3e3c36;
}

.about-home .fir-wrap h4 {
    font-size: 80px;
    line-height: 82px;
    color: #333;
    font-family: "Base-font";
}

.about-home .fir-wrap .link-box {
    margin-top: 72px;
}

.about-home .fir-wrap .link {
    margin-top: 30px;
}

.about-home .fir-wrap .right-cont {
    padding-top: 90px;
    width: 40.8%;
    padding-right: 6.7%;
    padding-left: 6.5%;
    background-color: #fff;
    min-height: 420px;
}

.about-home .sec-wrap {
    position: relative;
    height: 630px;
}

.about-home .sec-wrap .cont-wrap {
    position: absolute;
    left: 5.7%;
    width: 32.9%;
    top: 50%;
    margin-top: -170px;
}

.about-home .sec-wrap .stit {
    font-size: 36px;
    line-height: 60px;
}

.about-home .sec-wrap .font {
    font-size: 16px;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.about-home .sec-wrap .num {
    font-family: "Arial";
}

.about-home .thi-wrap {
    padding-top: 75px;
    background-color: #f0f0f0;
    padding-bottom: 75px;
}

.about-home .thi-wrap .main-wrap {
    width: 88.4%;
    margin: 0 auto;
}

.about-home .thi-wrap .left-wrap {
    width: 41%;
}

.about-home .thi-wrap .font {
    font-size: 14px;
    line-height: 24px;
    margin-top: 28px;
}

.about-home .thi-wrap .num-list {
    margin-top: 58px;
}

.about-home .thi-wrap .num-list li {
    text-align: center;
    padding-right: 46px;
    margin-right: 46px;
    position: relative;
}

.about-home .thi-wrap .num-list li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.about-home .thi-wrap .num-list .line {
    display: inline-block;
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #e3e3e3;
}

.about-home .thi-wrap .num-list .num {
    font-size: 72px;
    line-height: 76px;
    color: #333;
    font-family: "Trump";
}

.about-home .thi-wrap .num-list .unit {
    line-height: 20px;
    color: #bcbcbc;
    font-family: "Base-font";
}

.about-home .thi-wrap .right-pic {
    width: 50.5%;
    margin-top: 10px;
}

.about-home .thi-wrap .right-pic img {
    width: 100%;
}

.f-cb {
    zoom: 1;
}

.f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

.list-cont {
    margin-top: 60px;
}

.top-tit {
    height: 160px;
}

.downico {
    margin: 20px auto 0;
    text-align: center;
    width: 43px;
}
 /***************关于我们*************/
.ctsxt {
    text-align: center;
}

.case-navs {
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 50px;
}

.case-navs ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%
}

.case-navs li {
    width: 33.3%;
    align-items: center;
    float: left;
    border-right: 1px solid #6d7680;
}

.case-navs li:nth-child(3) {
    border-right: 0;
}

.num {
    font-size: 24px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.number2 {
    font-family: "Trump";
    font-size: 80px;
    color: #fff;
}

.number3 {
    font-family: "Trump";
    font-size: 80px;
    color: #333333;
}

.mar {
    margin: 50px auto 0 !important;
}

.marleft {
    margin: 50px 0 0 0 !important;
}

.c-name {
    font-size: 34px;
    color: #fff;
    margin-top: 30px;
    letter-spacing: 2px;
}

.cname {
    font-size: 40px;
    color: #fff;
    margin-top: -200px;
}

.cont {
    padding: 60px 0 20px 0;
}

.listname {
    width: 100%;
    float: left;
    clear: both;
    border-bottom: 1px solid #eee;
    margin: 30px 0 0 0;
    padding: 0 0 30px 0;
}

.ncontent {
    font-size: 14px;
    padding-top: 30px;
    color: #5f6061;
}

.natar {
    color: #5f6061;
    font-size: 16px;
    padding-top: 50px;
    text-decoration: underline;
    padding-bottom: 5px;
}

.tnews {
    font-size: 30px;
    float: left;
    height: 40px;
    line-height: 40px;
}

.nleft-img {
    overflow: hidden;
}

.nleft-img img {
    display: block;
    width: 100%;
    transition: all 1s;
}

.nleft-img:hover img {
    transform: scale(1.03);
}

.up-down {
    width: 100%;
    border-top: 1px solid #e4e4e4;
    padding: 20px 0;
    margin: 20px 0;
}

.nup {
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    font-size: 16px;
    border: 1px solid #e4e4e4;
    overflow: hidden;
}

.nup:hover {
    background: #c7383c;
    transition: all 1s;
}

.nup:hover a {
    color: #fff;
    transition: all 1s;
}

.nup:hover i {
    color: #fff;
    background: url(../images/up_hover.png) no-repeat center;
    background-size: 40px;
    transition: all 1s;
}

.nup i {
    float: left;
    height: 40px;
    width: 40px;
    border-right: 1px solid #e4e4e4;
    background: url(../images/up.png) no-repeat center;
    background-size: 40px;
    content: "";
    margin-right: 20px;
}

.nup a {
    color: #333;
}

.nup span {
    float: right;
    font-size: 14px;
    padding-right: 15px;
}

.xgart {
    font-size: 26px;
    padding: 30px 0;
}

.ndown {
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    font-size: 16px;
    border: 1px solid #e4e4e4;
    margin-top: 10px;
    overflow: hidden;
}

.ndown i {
    float: left;
    height: 40px;
    width: 40px;
    border-right: 1px solid #e4e4e4;
    background: url(../images/down.png) no-repeat center;
    background-size: 40px;
    content: "";
    margin-right: 20px;
}

.ndown a {
    color: #333;
}

.ndown span {
    float: right;
    font-size: 14px;
    padding-right: 15px;
}

.ndown:hover {
    background: #c7383c;
    transition: all 1s;
}

.ndown:hover a {
    color: #fff;
    transition: all 1s;
}

.ndown:hover i {
    color: #fff;
    background: url(../images/down_hover.png) no-repeat center;
    background-size: 40px;
    transition: all 1s;
}

.classifier_left {
    padding: 10px 10px 0 0;
}

.classifier_right {
}

.fier_name {
    font-size: 20px;
    padding-bottom: 5px;
    font-weight: bold;
    color: #333;
}

.fier_name h1 {
    font-size: 20px;
    padding-bottom: 5px;
    font-weight: bold;
    color: #333;
    margin: 0;
    padding-bottom: 5px;
}

.fier_text {
    font-size: 14px;
    color: #666666;
}

.sollow {
    margin: 10px 0 0 0;
    box-shadow: 0px 1px 17px 0px #e2dfdf;
    padding: 20px 10px;
    display: flex;
}

.wxtop {
    margin: 40px 0;
    float: left;
    width: 100%;
}

.xcx_on {
    text-align: center;
    margin: 15px 0;
    padding: 20px;
    box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.56);
    background: #fff;
}

.xcx_on:hover {
    box-shadow: 0px 20px 50px 0px rgba(118, 141, 201, 0.2);
    background: #fff;
}

.xcx_img {
}

.xcx_img img {
    max-width: 100%
}

.xcx_title {
    font-weight: bold;
    font-size: 16px;
    padding: 10px 0;
}

.xcx_name {
    font-size: 14px;
    padding: 0;
    min-height: 40px;
    color: #666666;
}

.wxhome {
    width: 100%;
    text-align: center;
}

.wxhome img {
    max-width: 100%
}

.wx-atv {
    width: 100%;
    background: url(../images/case3_bg.png) no-repeat bottom center #f9f9f9;
    padding: 30px 0 80px 0;
}

.wx-atv .wm {
    margin: 15px 0;
}

.wx-atv .wm p {
    padding-top: 10px;
    line-height: 25px;
    font-size: 16px;
    color: #666;
    text-align: center;
}

.wx-atv .wm img {
    text-align: center;
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.wechatmall {
    width: 100%;
    background: #fafafa;
    padding: 40px 0;
}

.li1 {
    background: url(../images/f1_li1_bg.png) no-repeat 90% 90% #fff;
    height: 220px;
    margin: 10px 0;
    padding: 20px;
    box-shadow: 4px 3px 8px 0px #ececec;
}

.lin1 {
    background: url(../images/li1_top.png) no-repeat;
    padding: 0 0 0 46px;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}

.li2 {
    background: url(../images/f1_li2_bg.png) no-repeat 90% 90% #fff;
    height: 220px;
    margin: 10px 0;
    padding: 20px;
    box-shadow: 4px 3px 8px 0px #ececec;
}

.lin21 {
    background: url(../images/li2_top.png) no-repeat;
    padding: 0 0 0 46px;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}

.li3 {
    background: url(../images/f1_li3_bg.png) no-repeat 90% 90% #fff;
    height: 220px;
    margin: 10px 0;
    padding: 20px;
    box-shadow: 4px 3px 8px 0px #ececec;
}

.lin31 {
    background: url(../images/li3_top.png) no-repeat;
    padding: 0 0 0 46px;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}

.li4 {
    background: url(../images/f1_li4_bg.png) no-repeat 90% 90% #fff;
    height: 220px;
    margin: 10px 0;
    padding: 20px;
    box-shadow: 4px 3px 8px 0px #ececec;
}

.lin41 {
    background: url(../images/li4_top.png) no-repeat;
    padding: 0 0 0 46px;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}

.li5 {
    background: url(../images/f1_li5_bg.png) no-repeat 90% 90% #fff;
    height: 220px;
    margin: 10px 0;
    padding: 20px;
    box-shadow: 4px 3px 8px 0px #ececec;
}

.lin51 {
    background: url(../images/li5_top.png) no-repeat;
    padding: 0 0 0 46px;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}

.li6 {
    background: url(../images/f1_li6_bg.png) no-repeat 90% 90% #fff;
    height: 220px;
    margin: 10px 0;
    padding: 20px;
    box-shadow: 4px 3px 8px 0px #ececec;
}

.lin61 {
    background: url(../images/li6_top.png) no-repeat;
    padding: 0 0 0 46px;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}

.li7 {
    background: url(../images/f1_li7_bg.png) no-repeat 90% 90% #fff;
    height: 220px;
    margin: 10px 0;
    padding: 20px;
    box-shadow: 4px 3px 8px 0px #ececec;
}

.lin71 {
    background: url(../images/li7_top.png) no-repeat;
    padding: 0 0 0 46px;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}

.li8 {
    background: url(../images/f1_li8_bg.png) no-repeat 90% 90% #fff;
    height: 220px;
    margin: 10px 0;
    padding: 20px;
    box-shadow: 4px 3px 8px 0px #ececec;
}

.lin81 {
    background: url(../images/li8_top.png) no-repeat;
    padding: 0 0 0 46px;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}

.lit2 {
    padding: 20px 0 0 0;
    font-size: 16px;
    color: #7f8999;
    width: 75%;
}

.link {
    width: 90%;
    border-top: 1px solid #464646;
    padding-top: 15px;
    text-align: left;
    margin: 25px auto 15px;
}

.link a {
    color: #a9a9a9;
    font-size: 13px;
    padding: 0 8px;
}


/*微信TAB切换*/
.classes-wrap {
    overflow: hidden;
}

.contentnb {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.contentnb:after {
    content: '';
    clear: both;
    height: 0;
    display: block;
}

.clearfixm:after {
    content: " ";
    display: table;
    clear: both;
    width: 100%;
}

.classes-wrap .classes-item {
    cursor: pointer;
    padding: 20px 20px;
    margin: 15px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
}

.classes-wrap .classes-item.active:after {
    display: block;
}

.classes-wrap .classes-item:after {
    content: " ";
    position: absolute;
    z-index: 2;
    width: 36px;
    height: 18px;
    bottom: 0;
    left: 50%;
    margin-left: -18px;
    display: none;
}

.classes-wrap .classes-item .icon {
    width: 71px;
    height: 55px;
    display: block;
    margin: 0 auto;
}

.classes-wrap .classes-item.active .text {
    color: #ffffff;
    font-weight: 700;
    background: #c7383c;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border: 1px solid #c7383c;
    border-radius: 3px;
}

.classes-wrap .classes-item .text {
    font-size: 16px;
    color: #535353;
    display: block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dadada;
    padding: 0 20px;
    border-radius: 3px;
}

.list-wrap {
    background: #fff;
    padding: 50px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 40px;
    box-sizing: border-box;
    display: none;
}

.list-wrap.active {
    display: block;
}

.pagination {
    margin-top: 45px;
    text-align: right;
    display: block;
    width: 100%;
}

.pagination__item {
    padding: 8px 10.5px;
    margin: 0 4px;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #dadada;
    border-radius: 4px;
    font-size: 12px;
    color: #535353;
    background: #fff;
    cursor: pointer;
}

.pagination__item:hover {
    background-color: #b1b1b1;
    border-color: #999;
    color: #fff;
}

.pagination__item.is-active {
    background-color: #4381fd;
    border-color: #4381fd;
    color: #fff;
    cursor: default;
}

.tab_contact {
    width: 100%;
}

.tab_c_name {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    padding-bottom: 30px;
}

.tab_c_text {
    width: 100%;
    float: left;
    padding-bottom: 30px;
}

.tab_c_ico {
    padding: 0 0 0 30px;
    background: url(../images/ico_c01.jpg) no-repeat left center;
    float: left;
    width: 25%;
    height: 36px;
    line-height: 36px;
}

.tab_c_nbut {
    width: 100%;
    border-top: 1px solid #e4e4e4;
    float: left;
    margin-top: 30px;
    padding-top: 20px;
}

.tab_c_nbut a {
    padding: 10px 28px;
    background: #c7383c;
    color: #fff;
    float: right;
    border-radius: 5px;
}

.tab_rmb {
    float: left;
    padding-top: 25px;
    background: url(../images/hd.png) no-repeat 8px 0;
}

.tab_rmb span {
    font-size: 22px;
    color: #c7383c;
    font-weight: bolder;
}

.tab-na {
    width: 100%;
    text-align: center;
}
/*微信TAB切换*/

.superi {
    width: 100%;
    padding: 80px 0;
    background: #f9f9f9;
}

.superi_name {
    width: 100%;
    font-size: 34px;
    text-align: center;
    padding-bottom: 15px;
}

.superi_title {
    width: 100%;
    font-size: 20px;
    text-align: center;
}

.case-navsr {
    width: 80%;
    display: flex;
    align-items: center;
    padding-top: 50px;
    margin: 0 auto;
}

.case-navsr ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%
}

.case-navsr li {
    width: 33.3%;
    align-items: center;
    float: left;
    border-right: 1px solid #e2e3e4;
    text-align: center;
}

.case-navsr li:nth-child(3) {
    border-right: 0;
}

.hynews {
    width: 100%;
}

.hynews-name {
    font-size: 24px;
    line-height: 40px;
    color: #333;
    font-weight: normal;
    margin: 0 0 0 15px;
}

.hynews-title {
    display: block;
    line-height: 32px;
    margin-top: 10px;
    font-size: 16px;
    color: #666;
    margin: 15px 0 20px 15px;
}

.hynews-con {
    width: 100%;
    padding-bottom: 50px;
    float: left;
}

.hynews-name:after {
    display: block;
    content: "";
    width: 10px;
    height: 2px;
    background: #1c1c1c;
    margin-top: 10px;
}

.hylist {
    border: 1px solid #ececec;
    padding: 15px;
    transition: box-shadow 0.3s;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px;
    background: #fff;
}

.hylist h2 {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    margin-bottom: 17px;
}

.hylist p {
    font-size: 14px;
    color: #666;
    line-height: 22px;
}

.link-point {
    display: block;
    width: 24px;
    height: 8px;
    background: url(../images/ico_08.png) no-repeat center;
    margin-top: 38px;
}

.redmore {
    float: right;
    margin-right: 15px;
}

.jc {
    width: 50%;
    margin: 0 auto;
}

.casedivs {
    width: 100%;
}

.reg_nav {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    background: #fff;
}

.reg_navs {
    max-width: 980px;
    margin: 0 auto;
    padding: 10px 0;
}

.reg_cn {
    max-width: 980px;
    margin: 0 auto;
    background: #fff;
}

.reg_bg {
    background: #f3f7f9;
}

.r_navs_l {
    float: left;
}

.r_navs_r {
    float: right;
    padding-left: 30px;
    margin-top: 8px;
    background: url(../images/lb.png) no-repeat left center;
    background-size: 26px;
    font-size: 17px;
}

.resbg {
}

.rclear {
    clear: both;
}

.rg_l {
    float: left;
    width: 40%;
}

.rg_l img {
    max-width: 100%;
}

.rg_r {
    float: left;
    width: 60%
}

.rgname {
    font-size: 28px;
    color: rgba(58,64,91,1);
    text-align: center;
    font-family: MicrosoftYaHei;
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
}

.morb {
    border: solid 1px #e3e8f0;
    height: 46px;
    border-radius: 50px;
    width: 100%;
    background: #e4e4e4;
    padding: 15px;
    margin: 0 auto;
}

.rg_pad {
    width: 100%;
    box-sizing: border-box;
    padding: 60px 120px;
    float: left;
}

.rg01 {
    width: 100%;
    text-align: center;
    float: left;
    margin-bottom: 15px;
}

.rg02 {
    width: 100%;
    text-align: center;
    float: left;
}

.yzm {
    border: 1px solid #e4e4e4;
    height: 46px;
    border-radius: 50px;
    width: 100%;
    background: #e4e4e4;
    padding: 15px;
    max-width: 200px;
    margin: 0 auto;
    float: left;
}

.reg_sms_button {
    width: 117px;
    height: 45px;
    background-color: #f1f7ff;
    color: #2f82ff;
    border-radius: 22px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-family: MicrosoftYaHei;
    letter-spacing: 0;
    line-height: 45px;
    float: left;
    margin-left: 11px;
    cursor: pointer;
}

.rg03 {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.rg03 a {
    width: 100%;
    height: 50px;
    background-color: #0076fe;
    border-radius: 25px;
    font-size: 18px;
    line-height: 50px;
    color: #fff;
    margin-top: 16px;
    cursor: pointer;
    font-family: MicrosoftYaHei;
    display: block;
    text-align: center;
}

.copyreg {
    width: 100%;
    text-align: center;
    padding: 30px 0;
    margin-top: 30px;
}

.both {
    clear: both;
}

.reg_num {
    width: 100%;
    padding: 35px 0;
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: rgba(175,182,192,1)
}

.lins1 {
    font-size: 26px;
    padding: 0 2px;
}

.lins2 {
    width: 1px;
    height: 24px;
    background: #cccccc;
    display: inline-block;
    margin: 6px 20px 0 20px;
}

.roo {
    height: 40px;
    position: relative;
    width: 400px;
    margin: 0 auto;
    overflow: hidden;
}

.roo_font {
    font-size: 14px;
    line-height: 40px;
    width: 100%;
}

.nam-mob {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #e3e3e3;
    clear: both;
    float: left;
}

.coustm {
    width: 100%;
    font-size: 16px;
}

.coustm .s01 {
    float: left;
    width: 30%;
}

.coustm .s02 {
    float: left;
    width: 40%;
}

.coustm .s03 {
    float: left;
    width: 30%;
}

.chucu {
    width: 100%;
    margin: 20px 0 10px;
}

.chucu a {
    color: #333;
}

.home9 {
    background: #fff;
    width: 100%;
    padding: 50px 0;
}

.hynewsm {
    background: #eeeeee;
    padding: 20px 0;
}

.hylistm {
    border: 1px solid #d8d8d8;
    padding: 15px;
    transition: box-shadow 0.3s;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 15px;
}

.hylistm h2 {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    margin-bottom: 17px;
}

.hylistm p {
    font-size: 14px;
    color: #666;
    line-height: 22px;
}

.new_nav {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.wnews {
    width: 100%;
    background: #f9f9f9;
    padding: 30px 0;
}

.mob {
    width: 100%;
}

.wclear {
    clear: both;
}

#nb_icon_wrap {
    width: 42px!important;
    height: 42px!important;
}

#newBridge .nb-icon-wrap {
    width: 42px!important;
    height: 42px!important;
}

#newBridge .nb-icon-right-center {
    right: 0!important;
}

.jcshop {
    font-size: 18px;
    border-bottom: 1px solid #dfdfdf;
    padding: 10px 0 10px;
    margin-bottom: 10px;
}

.jcshop-li {
    font-size: 16px;
    padding: 8px 0;
}

.jcshop-li a {
    color: #333333;
}

.col-jc-2 {
    float: left;
    width: 25%;
    padding: 0 15px;
    box-sizing: border-box;
}

.nav_pc {
    width: 100%;
    float: left;
    margin: 0;
}

.navs {
    width: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    float: left;
}

.navs ul li {
    float: left;
    padding: 0 18px;
    transition: all .3s
}

.navs ul li .a1 {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #333;
    transition: all .3s;
    height: 36px;
    line-height: 36px;
}

.navs ul li:hover .a1 {
    color: #f08519;
    transition: all .3s
}

.navs ul li .div1 {
    display: none;
    background: #fff;
    width: 100%;
    left: 0px;
    position: absolute;
    top: 60px;
    z-index: 100;
    border-top: 1px solid #e6e6e6;
    padding: 20px 0;
}

.navs ul li .div1 .p1 {
    width: 57.4%;
    float: right;
    height: 65px;
    line-height: 65px
}

.navs ul li .div1 .p1 a {
    color: #999;
    font-size: 14px;
    text-transform: uppercase;
    background: url(../images/1_26.jpg) center bottom no-repeat;
    display: inline-block;
    height: 65px;
    line-height: 65px;
    margin-right: 5%;
    transition: all .5s
}

.navs ul li .div1 .p1 a:hover {
    background: url(../images/1_27.jpg) center bottom no-repeat;
    color: #1a1a1a
}

.navs ul li .mad3 .p1 .pad {
    margin-left: 30%
}

.navs ul li .mad4 .p1 .pad {
    margin-left: 44%
}

.navs ul li .mad5 .p1 .pad {
    margin-left: 45%
}

.navs ul li .mad6 .p1 {
    text-align: right
}

.navs ul li .a1 div {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    overflow: hidden;
}

.navs ul li:hover .a1 div span:nth-child(1) {
    margin-top: -18px;
}

.navs ul li .a1 div span {
    display: block;
    line-height: 18px;
    font-size: 18px;
    color: #333333;
    position: relative;
    top: 0;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.a_txt {
    display: none
}
/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
    .navs ul li .a1 {
        font-size: 14px
    }

    .navs ul li .div1 .p1 a {
        font-size: 12px
    }

    .foot_top ul {
        margin-left: 60px
    }

    .navs ul li .div1 .p1 {
        width: 58.1%
    }
}
/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px) {
    .navbox {
        display: none
    }

    .moblie_head {
        display: block;
        height: 44px;
        background: #fff;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        z-index: 9999;
        border-bottom: 1px solid #ddd
    }

    .moblie_head .lf {
        padding-top: 10px;
        padding-left: 5%
    }

    .moblie_head .lf img {
        height: 24px
    }

    .moblie_head .rg {
        padding-right: 5%;
        padding-top: 14px
    }

    .moblie_head .rg a img {
        height: 16px;
        vertical-align: top
    }

    .a_txt {
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 0px;
        height: 0px;
        overflow: hidden;
        z-index: 10000
    }

    .a_txt .div1 {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #0b0d19;
        filter: alpha(opacity=0);
        opacity: 0;
        left: 0px;
        top: 0px;
        z-index: 1
    }

    .a_txt .div2 {
        position: absolute;
        width: 20%;
        right: 0px;
        top: 5%;
        z-index: 100;
        text-align: center;
        filter: alpha(opacity=0);
        opacity: 0;
        z-index: 999
    }

    .a_txt .div3 {
        position: absolute;
        width: 80%;
        right: 0px;
        top: 0px;
        background: #000000;
        height: 100%;
        z-index: 100;
        right: -80%
    }

    .a_txt .div3 ul {
        padding-left: 5%;
        padding-right: 5%
    }

    .a_txt .div3 ul li {
        border-bottom: 1px solid rgba(255,255,255,0.28)
    }

    .a_txt .div3 ul li a {
        display: block;
        height: 45px;
        color: #fff;
        line-height: 45px;
        padding-left: 5%;
        font-size: 16px
    }

    .a_txt .div3 ul li .a_js2 {
        background: url(../images/plus.png) 95% center no-repeat;
        background-size:18px;
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        transition: all 0s
    }

    .a_txt .div3 ul li .a_js2_on {
        background: url(../images/reduce.png) 95% center no-repeat;
        background-size:26px;
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        transition: all 0s
    }
    .hov-logo{
        padding: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .hov-logo img{
        width: 118px;
    }

    .a_txt .div3 ul li .a_txt2 {
        display: none
    }

    .a_txt .div3 ul li .a_txt2 a {
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }
}


.width-auto {
  width: auto;
}
.width-0 {
  width: 0;
}
.width-10 {
  width: 10%;
}
.width-20 {
  width: 20%;
}
.width-30 {
  width: 30%;
}
.width-40 {
  width: 40%;
}
.width-50 {
  width: 50%;
}
.width-60 {
  width: 60%;
}
.width-70 {
  width: 70%;
}
.width-80 {
  width: 80%;
}
.width-90 {
  width: 90%;
}
.width-100 {
  width: 100%;
}
.max-width-10 {
  max-width: 10%;
}
.max-width-20 {
  max-width: 20%;
}
.max-width-30 {
  max-width: 30%;
}
.max-width-40 {
  max-width: 40%;
}
.max-width-50 {
  max-width: 50%;
}
.max-width-60 {
  max-width: 60%;
}
.max-width-70 {
  max-width: 70%;
}
.max-width-80 {
  max-width: 80%;
}
.max-width-90 {
  max-width: 90%;
}
.max-width-100 {
  max-width: 100%;
}
.max-width-all-100 * {
  max-width: 100%;
}
.height-auto {
  height: auto;
}
.height-50 {
  height: 50%;
}
.height-90 {
  height: 90%;
}
.height-100 {
  height: 100%;
}
.max-height-90 {
  max-height: 90%;
}
.max-height-50 {
  max-height: 50%;
}
.max-height-100 {
  max-height: 100%;
}
.com-obj-fit-cov {
  object-fit: cover;
}
.object-position-center-top {
  object-position: center top;
}
.com-width-101 {
  width: 101%;
  margin-left: -0.5%;
}
.com-width-1016 {
  width: 101.6%;
  margin-left: -0.8%;
}
.com-width-102 {
  width: 102%;
  margin-left: -1%;
}
.com-width-103 {
  width: 103%;
  margin-left: -1.5%;
}
.com-width-104 {
  width: 104%;
  margin-left: -2%;
}
.com-width-105 {
  width: 105%;
  margin-left: -2.5%;
}
.com-width-106 {
  width: 106%;
  margin-left: -3%;
}
.display-flex {
  display: flex;
}
.display-none {
  display: none;
}
.display-block {
  display: block;
}
.display-inline-block {
  display: inline-block;
}
.display-inline-flex {
  display: inline-flex;
}
.align-items-start {
  align-items: flex-start;
}
.align-items-center {
  align-items: center;
}
.align-items-end {
  align-items: flex-end;
}
.justify-content-start {
  justify-content: flex-start;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-around {
  justify-content: space-around;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-end {
  justify-content: flex-end;
}
.color-fff {
  color: #FFFFFF;
}
.color-000 {
  color: #000000;
}
.color-333 {
  color: #333333;
}
.color-666 {
  color: #666666;
}
.color-888 {
  color: #888888;
}
.color-999 {
  color: #999999;
}
.cursor-pointer {
  cursor: pointer;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.position-fixed {
  position: fixed;
}
.margin-auto {
  margin: auto;
}
.z-index-reduce-1 {
  z-index: -1;
}
.z-index-2 {
  z-index: 2;
}
.z-index-3 {
  z-index: 3;
}
.z-index-4 {
  z-index: 4;
}
.z-index-5 {
  z-index: 5;
}
.z-index-100 {
  z-index: 100;
}
.z-index-101 {
  z-index: 101;
}
.font-size-12 {
  font-size: 12px;
}
.font-size-13 {
  font-size: 13px;
}
.font-size-14 {
  font-size: 14px;
}
.font-size-15 {
  font-size: 15px;
}
.font-size-16 {
  font-size: 16px;
}
.font-size-18 {
  font-size: 18px;
}
.font-size-20 {
  font-size: 20px;
}
.font-size-22 {
  font-size: 22px;
}
.font-size-24 {
  font-size: 24px;
}
.font-size-26 {
  font-size: 26px;
}
.font-size-28 {
  font-size: 28px;
}
.font-size-30 {
  font-size: 30px;
}
.font-size-32 {
  font-size: 32px;
}
.font-size-34 {
  font-size: 34px;
}
.font-size-36 {
  font-size: 36px;
}
.font-size-38 {
  font-size: 38px;
}
.font-size-40 {
  font-size: 40px;
}
.font-size-42 {
  font-size: 42px;
}
.line-height-22 {
  line-height: 22px;
}
.line-height-24 {
  line-height: 24px;
}
.line-height-26 {
  line-height: 26px;
}
.line-height-28 {
  line-height: 28px;
}
.line-height-30 {
  line-height: 30px;
}
.line-height-32 {
  line-height: 32px;
}
.line-height-34 {
  line-height: 34px;
}
.line-height-36 {
  line-height: 36px;
}
.line-height-38 {
  line-height: 38px;
}
.line-height-40 {
  line-height: 40px;
}
.background-color-000 {
  background-color: #000000;
}
.background-color-fff {
  background-color: #FFFFFF;
}
.background-color-transparent {
  background-color: transparent;
}
.flex-grow-1 {
  flex-grow: 1;
}
.top-0 {
  top: 0;
}
.top-50 {
  top: 50%;
}
.top-100 {
  top: 100%;
}
.bottom-0 {
  bottom: 0;
}
.bottom-50 {
  bottom: 50%;
}
.bottom-100 {
  bottom: 100%;
}
.bottom-auto {
  bottom: auto;
}
.left-0 {
  left: 0;
}
.left-50 {
  left: 50%;
}
.left-100 {
  left: 100%;
}
.left-auto {
  left: auto;
}
.right-0 {
  right: 0;
}
.right-50 {
  right: 50%;
}
.right-100 {
  right: 100%;
}
.text-transform-uppercase {
  text-transform: uppercase;
}
.font-weight-bold {
  font-weight: bold;
}
.transform-translateY-reduce-50 {
  transform: translateY(-50%);
}
.transform-translateX-reduce-50 {
  transform: translateX(-50%);
}
.transform-translate-reduce-50 {
  transform: translate(-50%, -50%);
}
.transform-none {
  transform: none;
}
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.text-align-justify {
  text-align: justify;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.opacity-0 {
  opacity: 0;
}
.opacity-05 {
  opacity: 0.5;
}
.opacity-1 {
  opacity: 1;
}
.border-radius-50 {
  border-radius: 50%;
}
.transition-all-02 {
  transition: all 0.2s ease;
}
.transition-all-03 {
  transition: all 0.3s ease;
}
.transition-all-04 {
  transition: all 0.4s ease;
}
.transition-all-05 {
  transition: all 0.5s ease;
}
.transition-all-06 {
  transition: all 0.6s ease;
}
.transform-scale-105 {
  transform: scale(1.05);
}
.flex-wrap-wrap {
  flex-wrap: wrap;
}
.com-size-all {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.com-po-ab-start {
  position: absolute;
  top: 0;
  left: 0;
}
.outline-none {
  outline: none;
}
.overflow-ellipsis-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.overflow-ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@font-face {
  font-family: DINCond;
  src: url('../fonts/DINCond-Medium.otf');
}
@keyframes fadeInUp1 {
  0% {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInUp1 {
  animation-name: fadeInUp1;
}
@keyframes fadeInLeft1 {
  0% {
    opacity: 0;
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInLeft1 {
  animation-name: fadeInLeft1;
}
@keyframes fadeInRight1 {
  0% {
    opacity: 0;
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.fadeInRight1 {
  animation-name: fadeInRight1;
}
.com-backcolor-2 {
  background-color: #f0f0f0;
}
.com-backcolor-4 {
  background-color: #f6f6f6;
}
.com-color-se1 {
  color: #c7000a;
}
.com-conta-1720 {
  width: 89.58333333vw;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 2;
}
.com-conta-1600 {
  width: 83.33333333vw;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 2;
}
.com-conta-1500 {
  width: 78.125vw;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 2;
}
.com-conta-1200 {
  width: 1200px;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 2;
}
.com-conta-835 {
  width: 835px;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 2;
}
.com-fenye1 .sw1 .swiper-wrapper-jc {
  justify-content: center;
}
.com-fenye1 .sw1 .swiper-slide {
  width: 45px;
  height: 45px;
  font-size: 16px;
  color: #888888;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.com-fenye1 .sw1 .swiper-slide.active,
.com-fenye1 .sw1 .swiper-slide:hover {
  color: #000000;
}
.com-fenye1 .sw1 .swiper-slide:first-of-type,
.com-fenye1 .sw1 .swiper-slide:last-of-type {
  border: 1px solid #c7c7c7;
  margin: 0 40px;
  border-radius: 50%;
  color: #c7000a;
  font-weight: bold;
}
.com-fenye1 .sw1 .swiper-slide:first-of-type:hover,
.com-fenye1 .sw1 .swiper-slide:last-of-type:hover {
  background-color: #000000;
  color: #FFFFFF !important;
}
.com-cnti-18 {
  font-size: 18px;
}
.com-cnti-22 {
  font-size: 1.14583333vw;
}
.com-cnti-28 {
  font-size: 1.45833333vw;
}
.com-cnti-30 {
  font-size: 1.5625vw;
}
.com-cnti-32 {
  color: #333333;
  font-size: 1.66666667vw;
}
.com-cnti-36 {
  font-size: 1.875vw;
}
.com-cnti-40 {
  color: #333333;
  font-size: 2.08333333vw;
}
.com-cnti-42 {
  color: #333333;
  font-size: 2.1875vw;
}
.com-cnti-48 {
  color: #333333;
  font-size: 2.5vw;
}
.com-cnti-60 {
  font-size: 3.125vw;
}
.com-cnti-62 {
  color: #FFFFFF;
  font-size: 3.22916667vw;
}
.com-cnti-64 {
  color: #FFFFFF;
  font-size: 3.33333333vw;
}
.com-padding-top-20 {
  padding-top: 1.04166667vw;
}
.com-padding-top-30 {
  padding-top: 1.5625vw;
}
.com-padding-top-50 {
  padding-top: 2.60416667vw;
}
.com-padding-top-60 {
  padding-top: 3.125vw;
}
.com-padding-top-70 {
  padding-top: 3.64583333vw;
}
.com-padding-top-80 {
  padding-top: 4.16666667vw;
}
.com-padding-top-100 {
  padding-top: 5.20833333vw;
}
.com-padding-top-120 {
  padding-top: 6.25vw;
}
.com-padding-top-160 {
  padding-top: 8.33333333vw;
}
.com-padding-top-180 {
  padding-top: 9.375vw;
}
.com-padding-bottom-40 {
  padding-bottom: 2.08333333vw;
}
.com-padding-bottom-60 {
  padding-bottom: 3.125vw;
}
.com-padding-bottom-80 {
  padding-bottom: 4.16666667vw;
}
.com-padding-bottom-100 {
  padding-bottom: 5.20833333vw;
}
.com-padding-bottom-120 {
  padding-bottom: 6.25vw;
}
.com-padding-bottom-160 {
  padding-bottom: 8.33333333vw;
}
.com-padding-bottom-180 {
  padding-bottom: 9.375vw;
}
.com-richtext1 {
  font-size: 16px;
  line-height: 30px;
}
.com-ban1 {
  height: 31.25vw;
}
.com-ban1 .sw1 .swiper-slide .dn-words {
  z-index: 5;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
}
.com-ban1 .sw1 .swiper-slide .dn-words .sw2 .swiper-wrapper-jc {
  justify-content: center;
}
.com-ban1 .sw1 .swiper-slide .dn-words .sw2 .swiper-slide {
  width: auto;
  margin: 0 3.90625vw;
}
.com-ban1 .sw1 .swiper-slide .dn-words .sw2 .swiper-slide .dp-num1 {
  font-size: 3.85416667vw;
  font-family: DINCond;
}
.com-ban1 .sw1 .swiper-slide .dn-words .sw2 .swiper-slide .dp-intr1 {
  font-size: 16px;
}
.com-btn1 {
  /*
   width: 270/1920*100vw;
   height: 70/1920*100vw;
   border: 2px solid #aaaaaa;
   .display-flex;
   .align-items-center;
   .justify-content-center;
   .font-size-18;
   .color-333;
   .transition-all-03;
    */
  padding: 0.15625vw 2.60416667vw;
  border-radius: 2.60416667vw;
  display: flex;
  align-items: center;
  font-size: 16px;
  transition: all 0.3s ease;
  border: 1px solid #c7000a;
  color: #c7000a;
  /*
      &:hover {
         background-color: @se1;
         border: 2px solid @se1;
         .color-fff;
      }

    */
}
.com-btn1 .iconfont {
  font-size: 1.875vw;
  margin: 0 0 0 1.04166667vw;
}
.com-btn1:hover {
  box-shadow: 0 0 1.04166667vw rgba(199, 0, 10, 0.7);
  background-color: #c7000a;
  color: #FFFFFF;
}
.com-zix {
  border-top: 1px solid #ececec;
  position: relative;
  background: #ffffff;
}
.com-zix .dn-upper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 5;
}
.com-zix .dn-upper .dp-left {
  background-color: #c7000a;
  width: 6.77083333vw;
  height: 6.77083333vw;
  border-radius: 50%;
  text-align: center;
  margin: 0 0 0 2.08333333vw;
  padding: 1.04166667vw 0 0;
  transition: all 0.3s ease;
}
.com-zix .dn-upper .dp-left * {
  color: #FFFFFF;
}
.com-zix .dn-upper .dp-left p {
  font-size: 0.83333333vw;
  margin: 0 0 0.52083333vw;
}
.com-zix .dn-upper .dp-left .iconfont {
  font-size: 3.64583333vw;
}
.com-zix .dn-upper .dp-left:hover {
  animation: swing 0.5s ease both;
  box-shadow: 0 0 1.04166667vw rgba(199, 0, 10, 0.7);
}
.com-zix .dn-upper .dp-right {
  text-align: right;
}
.com-zix .dn-lower {
  text-transform: uppercase;
  font-size: 13.54166667vw;
  color: #fafafa;
  font-weight: bold;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2.60416667vw;
}
.com-header {
  padding: 1.5625vw 0;
  width: 100%;
  z-index: 5;
  border-bottom: 1px solid #e3e3e3;
  position: relative;
}
.header-app .com-header {
  position: absolute;
  left: 0;
  top: 0;
  border-bottom: none;
}
.header-app .com-header * {
  color: #FFFFFF;
}
.header-app .com-header .header-logo .img-000 {
  display: none;
}
.header-app .com-header .header-logo .img-fff {
  display: block;
}
.com-header * {
  color: #000000;
}
.com-header .com-contant {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.com-header .header-logo .img-fff {
  display: none;
}
.com-header .header-nav .sw1 .swiper-slide {
  width: auto;
  margin: 0 2.08333333vw;
  font-size: 18px;
}
.com-header .header-nav .sw1 .swiper-slide .dn-top a {
  display: block;
  padding: 1.04166667vw 0;
}
.com-header .header-nav .sw1 .swiper-slide .dn-top a:before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  background-color: #c7000a;
  bottom: 0;
  width: 0;
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  .com-header .header-nav .sw1 .swiper-slide .dn-top a.active,
  .com-header .header-nav .sw1 .swiper-slide .dn-top a:hover {
    color: #c7000a;
  }
  .com-header .header-nav .sw1 .swiper-slide .dn-top a.active:before,
  .com-header .header-nav .sw1 .swiper-slide .dn-top a:hover:before {
    width: 100%;
  }
}
.com-header .header-fr {
  display: flex;
  align-items: center;
}
.com-header .header-sear i {
  font-size: 22px;
  cursor: pointer;
}
.com-header .header-code {
  cursor: pointer;
}
.com-header .header-code:hover * {
  color: #c7000a;
}
.com-header .header-code i {
  font-size: 24px;
  transition: all 0.3s ease;
}
.com-header .header-code .dn-nei {
  display: none;
}
.com-header .header-menu {
  display: none;
  margin: 0 0 0 2.66666667vw;
}
.com-header .header-menu i {
  font-size: 6.4vw;
}
.com-header .header-menu .icon-close {
  display: none;
}
.com-header .header-menu.active .icon-open {
  display: none;
}
.com-header .header-menu.active .icon-close {
  display: block;
}
.com-sidebar1 {
  position: fixed;
  z-index: 101;
  right: 0;
  bottom: 5.20833333vw;
}
.com-sidebar1 .com-array-list .com-array-box {
  display: block;
  height: 66px;
  margin: 0 0 1px;
  position: relative;
}
.com-sidebar1 .com-array-list .com-array-box * {
  color: #FFFFFF;
}
.com-sidebar1 .com-array-list .com-array-box:last-of-type .dp-top {
  background: #eef1f4;
}
.com-sidebar1 .com-array-list .com-array-box:last-of-type * {
  color: #666666;
}
.com-sidebar1 .com-array-list .com-array-box:not(.no-bot):hover .dp-top {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  right: 180px;
}
.com-sidebar1 .com-array-list .com-array-box:not(.no-bot):hover .dp-bot {
  right: 0;
}
.com-sidebar1 .com-array-list .com-array-box.no-bot:hover .dp-top {
  right: 6px;
}
.com-sidebar1 .com-array-list .com-array-box .dp-top {
  height: 100%;
  width: 70px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.3s ease;
  background: #c7000a;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 12px;
}
.com-sidebar1 .com-array-list .com-array-box .dp-top .com-a-all {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.com-sidebar1 .com-array-list .com-array-box .dp-top i {
  font-size: 30px;
}
.com-sidebar1 .com-array-list .com-array-box .dp-bot {
  height: 100%;
  font-size: 18px;
  width: 180px;
  position: absolute;
  top: 0;
  right: -180px;
  transition: all 0.3s ease;
  background: #c7000a;
}
.com-sidebar1 .com-array-list .com-array-box .dp-bot .dp-nei {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
}
.com-code1 {
  width: 105px;
}
.com-footer {
  background-color: #000000;
  color: #bebebe;
}
.com-footer a {
  color: #bebebe;
}
.com-footer .footer-top {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.com-footer .footer-top .foot-intr .dp-xia {
  line-height: 32px;
  margin: 1.04166667vw 0 0;
  font-size: 16px;
}
.com-footer .footer-top .foot-intr .dp-xia .dp2 {
  display: flex;
}
.com-footer .footer-top .foot-intr .dp-xia .dp2 .iconfont {
  margin: 0 5px 0 0;
  font-size: 20px;
  color: #c7000a;
}
.com-footer .footer-top .footer-nav .sw1 .swiper-slide {
  width: auto;
  margin: 0 2.08333333vw;
}
.com-footer .footer-top .footer-nav .sw1 .swiper-slide .dn-top {
  font-size: 16px;
}
.com-footer .footer-top .footer-nav .sw1 .swiper-slide .dn-bot {
  line-height: 32px;
  margin: 1.04166667vw 0 0;
}
.com-footer .footer-top .footer-nav .sw1 .swiper-slide .dn-bot a {
  display: block;
  transition: all 0.3s ease;
}
.com-footer .footer-top .footer-nav .sw1 .swiper-slide .dn-bot a:hover {
  transform: translateY(-1px);
  color: #FFFFFF;
  opacity: 0.9;
}
.com-footer .footer-top .footer-code .sw1 .swiper-slide {
  width: auto;
  text-align: center;
}
.com-footer .footer-top .footer-code .sw1 .swiper-slide:not(:first-of-type) {
  margin: 0 0 0 2.08333333vw;
}
.com-footer .footer-top .footer-code .sw1 .swiper-slide .img1 {
  width: 5.46875vw;
  margin: 0 0 10px;
}
.com-footer .footer-bot {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: 1.5625vw 0;
}
@keyframes downico {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 50%;
    opacity: 0;
  }
  65% {
    top: -50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
 
.index-ban .sw1 .swiper-slide-active .img-words {
  animation: fadeInUp1 0.5s 0.8s ease both;
}
.index-ban .sw1 .swiper-pagination {
  bottom: 1.04166667vw;
}
.index-ban .sw1 .swiper-pagination .swiper-pagination-bullet {
  border-radius: inherit;
  width: 50px;
  height: 3px;
  background: rgba(255, 255, 255, 0.2);
  opacity: 1;
  position: relative;
}
.index-ban .sw1 .swiper-pagination .swiper-pagination-bullet:before {
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c7000a;
  width: 0;
}
.index-ban .sw1 .swiper-pagination .swiper-pagination-bullet-active:before {
  width: 100%;
  transition: all 5s linear;
}
.index-ban .sw1 .link {
  display: flex;
  width: 2.34375vw;
  height: 2.34375vw;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  left: 12.5vw;
  bottom: 13.54166667vw;
  z-index: 5;
  color: #FFFFFF;
  overflow: hidden;
  transition: all 0.3s ease;
}
.index-ban .sw1 .link:hover {
  color: #c7000a;
  border: 1px solid #c7000a;
}
.index-ban .sw1 .link .iconfont {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  animation: downico 1.5s ease-out infinite;
  font-size: 1.5625vw;
}
.index-block .sw1 .swiper-slide {
  width: 32.33333333%;
  margin: 0 0.5%;
  background-color: #eef1f4;
  border-radius: 3px;
  transition: all 0.3s ease;
  padding: 1.5625vw 2.08333333vw 2.34375vw 2.5vw;
}
.index-block .sw1 .swiper-slide:nth-of-type(3n+1) .dp-top .dp-right .i-quan {
  left: 12%;
  top: 5%;
}
.index-block .sw1 .swiper-slide:nth-of-type(3n+2) .dp-top .dp-right .i-quan {
  left: 42%;
  top: -14%;
}
.index-block .sw1 .swiper-slide:nth-of-type(3n+3) .dp-top .dp-right .i-quan {
  left: -34%;
  top: 25%;
}
.index-block .sw1 .swiper-slide:hover {
  background-color: #c7000a;
}
.index-block .sw1 .swiper-slide:hover * {
  color: #FFFFFF !important;
}
.index-block .sw1 .swiper-slide:hover .dp-top .dp-right {
  animation: swing 0.5s ease both;
}
.index-block .sw1 .swiper-slide:hover .dp-top .dp-right .i-quan {
  color: #000000 !important;
  z-index: 5;
}
.index-block .sw1 .swiper-slide:hover .dp-bot i {
  opacity: 0;
  left: 50%;
}
.index-block .sw1 .swiper-slide:hover .dp-bot .dp-intr1 {
  opacity: 1;
  left: 0;
}
.index-block .sw1 .swiper-slide .dp-top {
  display: flex;
  justify-content: space-between;
}
.index-block .sw1 .swiper-slide .dp-top .dp-left .dp-enti1 {
  font-size: 0.9375vw;
}
.index-block .sw1 .swiper-slide .dp-top .dp-right {
  position: relative;
}
.index-block .sw1 .swiper-slide .dp-top .dp-right .i-icon {
  font-size: 1.875vw;
  color: #000000;
  position: relative;
  z-index: 5;
}
.index-block .sw1 .swiper-slide .dp-top .dp-right .i-quan {
  color: #c7000a;
  font-size: 1.5625vw;
  position: absolute;
  left: 0;
  top: 0;
}
.index-block .sw1 .swiper-slide .dp-bot {
  height: 4.16666667vw;
  margin: 4.42708333vw 0 0;
  position: relative;
}
.index-block .sw1 .swiper-slide .dp-bot i {
  font-size: 1.14583333vw;
  color: #333333;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.4s ease;
}
.index-block .sw1 .swiper-slide .dp-bot .dp-intr1 {
  font-size: 1.04166667vw;
  line-height: 1.5625vw;
  position: absolute;
  left: -2.60416667vw;
  bottom: 0;
  opacity: 0;
  transition: all 0.4s ease;
}
.index-block2 .sw1 .swiper-wrapper-jc {
  justify-content: space-between;
}
.index-block2 .sw1 .swiper-slide {
  width: 30.33333333%;
  background-color: #f0f0f0;
  transition: all 0.3s ease;
  height: 27.08333333vw;
}
.index-block2 .sw1 .swiper-slide .com-size-all {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.index-block2 .sw1 .swiper-slide:hover {
  background-color: #c7000a;
}
.index-block2 .sw1 .swiper-slide:hover * {
  color: #FFFFFF !important;
}
.index-block2 .sw1 .swiper-slide:hover .dp-intr1 {
  opacity: 1;
}
.index-block2 .sw1 .swiper-slide .dp-icon .iconfont {
  font-size: 3.125vw;
  color: #c7000a;
}
.index-block2 .sw1 .swiper-slide .com-cnti-32 {
  margin: 4.16666667vw 0 0;
}
.index-block2 .sw1 .swiper-slide .dp-enti1 {
  margin: 0.26041667vw 0 0;
}
.index-block2 .sw1 .swiper-slide .dp-intr1 {
  margin: 1.5625vw 0 0;
  line-height: 28px;
  opacity: 0;
}
.index-block2 .sw1 .swiper-slide .dp-a {
  margin: 1.5625vw 0 0;
  color: #c7000a;
}
.index-block2 .sw1 .swiper-slide .dp-a .iconfont {
  font-size: 2.08333333vw;
}
.index-serv .dn-lower .sw1 .swiper-wrapper-jc {
  flex-wrap: wrap;
  align-items: center;
}
.index-serv .dn-lower .sw1 .swiper-slide {
  width: 25%;
  margin: 1.5625vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mark-app .index-serv .dn-lower .sw1 .swiper-slide {
  width: 20%;
}
.index-serv .dn-lower .sw1 .swiper-slide .img1 {
  max-width: 80%;
  max-height: 5.20833333vw;
  filter: grayscale(100%);
  filter: gray;
  transition: all 0.3s ease;
}
.index-serv .dn-lower .sw1 .swiper-slide:hover .img1 {
  filter: none;
  transform: translateY(-0.52083333vw);
}
.index-cases .dn-upper .sw1 .swiper-slide {
  width: 33.33333333%;
  height: 28.38541667vw;
}
.index-cases .dn-upper .sw1 .swiper-slide:hover .dp-bg1 {
  opacity: 0.2;
}
.index-cases .dn-upper .sw1 .swiper-slide:hover .dp-words .dp-xi1 {
  width: 100px;
  opacity: 1;
}
.index-cases .dn-upper .sw1 .swiper-slide:hover .dp-words i {
  opacity: 1;
  margin: 2.60416667vw 0 0;
  animation: fadeInUp1 0.4s 0.1s ease both;
}
.index-cases .dn-upper .sw1 .swiper-slide .dp-bg1 {
  background-color: #000000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
}
.index-cases .dn-upper .sw1 .swiper-slide .dp-words {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 2.60416667vw 2.60416667vw;
  color: #FFFFFF;
  z-index: 5;
}
.index-cases .dn-upper .sw1 .swiper-slide .dp-words .dp-xi1 {
  width: 15px;
  height: 2px;
  background-color: #FFFFFF;
  transition: all 0.4s ease;
  opacity: 0.8;
}
.index-cases .dn-upper .sw1 .swiper-slide .dp-words .dp-intr1 {
  font-size: 15px;
  margin: 1.04166667vw 0 0;
  opacity: 0.8;
}
.index-cases .dn-upper .sw1 .swiper-slide .dp-words i {
  opacity: 0;
  font-size: 20px;
  transition: all 0.3s ease;
  display: block;
}
.index-cases .dn-upper .sw1 .swiper-slide .dp-words2 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 2.60416667vw 2.60416667vw;
  color: #FFFFFF;
  z-index: 5;
}
.index-cases .dn-upper .sw1 .swiper-slide .dp-words2 .dp-ti1 {
  font-size: 1.875vw;
}
.index-cases .dn-lower {
  /*
      .display-flex;
      .justify-content-center;
      padding: 35/1920*100vw 0 50/1920*100vw;


      border-bottom: 1px solid @xi3;
 */
}
.index-cases .dn-lower .dp-a1 {
  padding: 1.97916667vw 0;
  transition: all 0.3s ease;
  font-size: 18px;
  display: flex;
  justify-content: center;
  background-color: #f0f0f0;
  color: #333333;
  /*
                  .color-fff;
                  border-radius: 50/1920*100vw;

                  .iconfont {
                     font-size: 36/1920*100vw;
                     margin: 0 0 0 20/1920*100vw;
                  }

          */
}
.index-cases .dn-lower .dp-a1:hover {
  /*
            box-shadow: 0 0 20/1920*100vw rgba(199, 0, 10, .7);

             */
  background-color: #c7000a;
  color: #FFFFFF;
}
.index-cases .dn-lower .dp-a2 {
  padding: 1.82291667vw 0 1.82291667vw;
  background-color: #f0f0f0;
  display: flex;
  justify-content: center;
  transition: all 0.3s ease;
  font-size: 18px;
}
.index-about .dn-center .sw1 .swiper-wrapper-jc {
  justify-content: center;
}
.index-about .dn-center .sw1 .swiper-wrapper-jc .swiper-slide {
  width: auto;
  text-align: center;
  margin: 0 5.20833333vw;
  font-size: 16px;
}
.index-about .dn-center .sw1 .swiper-wrapper-jc .swiper-slide .dp-num1 {
  color: #c7000a;
  font-size: 5.20833333vw;
  font-family: DINCond;
}
.index-about .dn-lower {
  display: flex;
  justify-content: center;
}
.index-experience .dn-lower {
  padding-left: 3.125vw;
  padding-right: 3.125vw;
  position: relative;
}
.index-experience .dn-lower .swiper-button-all .swiper-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease;
}
.index-experience .dn-lower .swiper-button-all .swiper-button .iconfont {
  font-size: 1.5625vw;
}
.index-experience .dn-lower .swiper-button-all .swiper-button:hover {
  color: #c7000a;
}
.index-experience .dn-lower .swiper-button-all .swiper-prev {
  left: 0;
}
.index-experience .dn-lower .swiper-button-all .swiper-next {
  right: 0;
}
.index-experience .dn-lower .sw1 .swiper-slide {
  width: 23%;
  margin: 0 1%;
  background-color: #FFFFFF;
  padding: 0.9375vw;
  /*
                        &:before {
                           content: '';
                           .com-size-all;
                           .com-po-ab-start;
                           background-color: rgba(0, 0, 0, .4);
                           .z-index-2;
                        }

             */
}
.index-experience .dn-lower .sw1 .swiper-slide:hover {
  /*
               .dp-words {
                  .dp-ti1 {
                     animation: fadeInUp1 .3s ease both;
                  }

                  .dp-intr1 {
                     .display-block;
                     animation: fadeInUp1 .25s .1s ease both;
                  }
               }

                */
}
.index-experience .dn-lower .sw1 .swiper-slide:hover .dp-picture .img-bg1 {
  transform: scale(1.05);
}
.index-experience .dn-lower .sw1 .swiper-slide .dp-picture {
  height: 15.625vw;
  overflow: hidden;
}
.index-experience .dn-lower .sw1 .swiper-slide .dp-picture .img-bg1 {
  transition: all 0.4s ease;
}
.index-experience .dn-lower .sw1 .swiper-slide .dp-words {
  padding: 1.35416667vw 0;
  /*
                              .position-absolute;
                              .top-50;
                              .left-0;
                              .transform-translateY-reduce-50;
                              .width-100;
                              .z-index-5;

                */
}
.index-experience .dn-lower .sw1 .swiper-slide .dp-words .dp-ti1 {
  font-size: 1.14583333vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000000;
}
.index-experience .dn-lower .sw1 .swiper-slide .dp-words .dp-intr1 {
  margin: 0.9375vw 0 0;
  display: flex;
  align-items: center;
}
.index-experience .dn-lower .sw1 .swiper-slide .dp-words .dp-intr1 .iconfont {
  color: #c7000a;
  margin: 0 0.41666667vw 0 0;
}
.cases .dn-lower .sw1 {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  font-size: 15px;
}
.cases .dn-lower .sw1 * {
  color: #333333;
}
.cases .dn-lower .sw1 .swiper-slide {
  width: auto;
  height: 4.16666667vw;
  border-right: 1px solid #e3e3e3;
  display: inline-flex;
  align-items: center;
  padding: 0 2.60416667vw;
  transition: all 0.3s ease;
}
.cases .dn-lower .sw1 .swiper-slide i {
  font-size: 20px;
}
.cases .dn-lower .sw1 .swiper-slide:not(:first-of-type).active,
.cases .dn-lower .sw1 .swiper-slide:not(:first-of-type):hover {
  background-color: #c7000a;
  color: #FFFFFF;
}
.cases-detail .dn-upper {
  display: flex;
  justify-content: space-between;
}
.cases-detail .dn-upper .dn-left {
  flex: 1;
  padding: 0 1.5625vw 0 0;
}
.cases-detail .dn-upper .dn-left .dp-xi1 {
  width: 30px;
  height: 3px;
  background-color: #000000;
  margin: 1.5625vw 0 0 0.10416667vw;
}
.cases-detail .dn-upper .dn-right {
  width: 55.33333333%;
}
.cases-detail .dn-upper .dn-right .a-link1 {
  margin: 3.125vw 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 36px;
  border-radius: 30px;
  border: 2px solid #aaaaaa;
  color: #000000;
  transition: all 0.3s ease;
}
.cases-detail .dn-upper .dn-right .a-link1:hover {
  background-color: #c7000a;
  border: 2px solid #c7000a;
  color: #FFFFFF;
}
.cases-detail .dn-center {
  background: url("../images/bg1_03.jpg") repeat center;
  padding: 0 9.63541667vw;
}
.cases-detail .dn-center .a-pai {
  display: block;
  padding: 9.63541667vw 0 0;
}
.cases-detail .dn-center .a-pai .img1 {
  display: block;
  width: 100%;
}
.cases-detail .dn-lower {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
}
.cases-detail .dn-lower .a-pai {
  display: flex;
  align-items: center;
  color: #000000;
  transition: all 0.2s ease;
}
.cases-detail .dn-lower .a-pai:hover {
  color: #c7000a;
}
.cases-detail .dn-lower .a-pai:first-of-type,
.cases-detail .dn-lower .a-pai:last-of-type {
  width: 45%;
}
.cases-detail .dn-lower .a-pai:last-of-type {
  flex-direction: row-reverse;
}
.cases-detail .dn-lower .a-pai .icon-left2 {
  font-size: 14px;
  margin: 0 10px 0 0;
}
.cases-detail .dn-lower .a-pai .icon-caidan {
  font-size: 20px;
}
.cases-detail .dn-lower .a-pai .icon-right2 {
  font-size: 14px;
  margin: 0 0 0 10px;
}
.about-serv .dn-upper {
  display: flex;
  justify-content: space-between;
  color: #333333;
}
.about-serv .dn-upper .dn-left .com-richtext1 {
  margin: 2.08333333vw 0 0;
}
.about-serv .dn-upper .dn-right {
  padding: 0.78125vw 0 0;
}
.about-serv .dn-upper .dn-right .dp-bot {
  display: flex;
  align-items: center;
  margin: 2.08333333vw 0 0;
}
.about-serv .dn-upper .dn-right .dp-bot .sw1 {
  width: 23.4375vw;
}
.about-serv .dn-upper .dn-right .dp-bot .sw1 .swiper-slide {
  width: 3.64583333vw;
  height: 3.64583333vw;
  background-color: #808080;
  margin: 0 1.04166667vw 0 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.about-serv .dn-upper .dn-right .dp-bot .sw1 .swiper-slide .img1 {
  max-width: 90%;
  max-height: 90%;
}
.about-serv .dn-upper .dn-right .dp-bot .swiper-btn-all .swiper-btn {
  outline: none;
  cursor: pointer;
  color: #333333;
  font-weight: bold;
}
.about-serv .dn-upper .dn-right .dp-bot .swiper-btn-all .swiper-btn:hover {
  color: #c7000a;
  font-weight: bold;
}
.about-serv .dn-upper .dn-right .dp-bot .swiper-btn-all .swiper-btn i {
  font-size: 1.35416667vw;
}
.about-serv .dn-lower {
  margin: 3.64583333vw 0 0;
}
.about-serv .dn-lower .sw2 .swiper-slide {
  color: #333333;
  font-size: 16px;
  display: flex;
  align-items: center;
  margin: 0.52083333vw 0;
}
.about-serv .dn-lower .sw2 .swiper-slide .dp1 {
  font-weight: bold;
}
.about-serv .dn-lower .sw2 .swiper-slide .dp-xi1 {
  width: 1px;
  height: 16px;
  background-color: #c7c7c7;
  margin: 0 1.04166667vw;
}
.about-serv .dn-lower .sw2 .swiper-slide .dp2 {
  flex: 1;
  text-align: justify;
}
.about-value {
  padding: 13.54166667vw 0 12.5vw;
}
.about-value * {
  color: #FFFFFF;
}
.about-value .com-contant {
  display: flex;
  justify-content: flex-end;
}
.about-value .dn-nei {
  width: 44.66666667%;
}
.about-value .dn-nei .com-richtext1 {
  margin: 2.60416667vw 0 0 3px;
  line-height: 34px;
}
.about-advan .dn-lower .sw1 .swiper-slide {
  width: 24%;
  margin: 0 0.5%;
  height: 21.09375vw;
}
.about-advan .dn-lower .sw1 .swiper-slide:hover .dp-words {
  background-color: rgba(199, 0, 10, 0.7);
}
.about-advan .dn-lower .sw1 .swiper-slide:hover .dp-words .dp-ti1 {
  animation: fadeInUp1 0.3s ease both;
}
.about-advan .dn-lower .sw1 .swiper-slide:hover .dp-words .dp-xi1 {
  width: 3.125vw;
}
.about-advan .dn-lower .sw1 .swiper-slide:hover .dp-words .dp-intr1 {
  display: block;
  animation: fadeInUp1 0.25s 0.1s ease both;
}
.about-advan .dn-lower .sw1 .swiper-slide .dp-words {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 2.34375vw;
  z-index: 5;
  color: #FFFFFF;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.about-advan .dn-lower .sw1 .swiper-slide .dp-words .dp-ti1 {
  font-size: 1.5625vw;
}
.about-advan .dn-lower .sw1 .swiper-slide .dp-words .dp-xi1 {
  width: 0;
  height: 2px;
  margin: 1.04166667vw auto;
  background-color: #FFFFFF;
  transition: all 0.3s ease;
}
.about-advan .dn-lower .sw1 .swiper-slide .dp-words .dp-intr1 {
  line-height: 24px;
  margin: 1.04166667vw 0 0;
  display: none;
}
.about-news .dn-upper {
  display: flex;
  justify-content: center;
}
.about-news .dn-upper .dp-y {
  transform: translateY(-0.52083333vw);
}
.about-news .dn-upper .dp-y a {
  color: #000000;
}
.about-news .dn-upper .dp-y a:hover {
  color: #c7000a;
}
.about-news .dn-lower .sw1 {
  overflow: visible;
}
.about-news .dn-lower .sw1 .swiper-slide {
  width: 32.33333333%;
  margin: 0 0.5%;
  border: 1px solid #c7c7c7;
  padding: 1.5625vw;
  transition: all 0.3s ease;
}
.about-news .dn-lower .sw1 .swiper-slide:hover {
  box-shadow: 0 0 1.04166667vw rgba(0, 0, 0, 0.3);
  transform: translateY(-0.52083333vw);
}
.about-news .dn-lower .sw1 .swiper-slide:hover .dp-ti1,
.about-news .dn-lower .sw1 .swiper-slide:hover .dp-time1 {
  color: #c7000a;
}
.about-news .dn-lower .sw1 .swiper-slide .dp-ti1 {
  color: #000000;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.about-news .dn-lower .sw1 .swiper-slide .dp-intr1 {
  line-height: 24px;
  margin: 1.25vw 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.about-news .dn-lower .sw1 .swiper-slide .dp-time1 {
  color: #999999;
  margin: 2.29166667vw 0 0;
}
.about-news .dn-lower2 {
  display: flex;
  justify-content: center;
  padding: 2.60416667vw 0 0;
}
.about-news .dn-lower2 .dp-a1 {
  padding: 0.3125vw 3.125vw;
  border: 1px solid #c7000a;
  border-radius: 2.60416667vw;
  display: flex;
  align-items: center;
  font-size: 16px;
  transition: all 0.3s ease;
  color: #c7000a;
}
.about-news .dn-lower2 .dp-a1 .iconfont {
  font-size: 1.875vw;
  margin: 0 0 0 1.04166667vw;
}
.about-news .dn-lower2 .dp-a1:hover {
  box-shadow: 0 0 1.04166667vw rgba(199, 0, 10, 0.7);
  color: #FFFFFF;
  background-color: #c7000a;
}
.solu-solu .dn-lower .sw1 {
  overflow: visible;
}
.solu-solu .dn-lower .sw1 .swiper-wrapper-jc {
  justify-content: space-around;
}
.solu-solu .dn-lower .sw1 .swiper-slides {
  text-align: center;
  width: auto;
}
.solu-solu .dn-lower .sw1 .swiper-slides:nth-of-type(5n+1) .dp-icon {
  background-color: #eda600;
}
.solu-solu .dn-lower .sw1 .swiper-slides:nth-of-type(5n+2) .dp-icon {
  background-color: #e67933;
}
.solu-solu .dn-lower .sw1 .swiper-slides:nth-of-type(5n+3) .dp-icon {
  background-color: #287de5;
}
.solu-solu .dn-lower .sw1 .swiper-slides:nth-of-type(5n+4) .dp-icon {
  background-color: #22c37c;
}
.solu-solu .dn-lower .sw1 .swiper-slides:nth-of-type(5n+5) .dp-icon {
  background-color: #e05800;
}
.solu-solu .dn-lower .sw1 .swiper-slides:hover .dp-icon {
  transform: translateY(-0.78125vw) scale(1.05);
}
.solu-solu .dn-lower .sw1 .swiper-slides .dp-icon {
  width: 8.33333333vw;
  height: 8.33333333vw;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin: auto;
  transition: all 0.3s ease;
}
.solu-solu .dn-lower .sw1 .swiper-slides .dp-icon i {
  font-size: 3.64583333vw;
}
.solu-solu .dn-lower .sw1 .swiper-slides .dp-intr1 {
  color: #000000;
  font-size: 1.14583333vw;
  margin: 1.30208333vw 0 0;
}
.solu-patt .dn-lower .sw1 {
  overflow: visible;
}
.solu-patt .dn-lower .sw1 .swiper-slides {
  width: 19%;
  margin: 0 0.5%;
  height: 15.625vw;
  padding: 2.34375vw 0 0;
  background-color: #FFFFFF;
  text-align: center;
  transition: all 0.3s ease;
}
.solu-patt .dn-lower .sw1 .swiper-slides:hover {
  box-shadow: 0 0 1.04166667vw rgba(0, 0, 0, 0.3);
  transform: translateY(-0.52083333vw);
}
.solu-patt .dn-lower .sw1 .swiper-slides:hover .dp-ti1 {
  color: #c7000a;
}
.solu-patt .dn-lower .sw1 .swiper-slides .dp-num1 {
  font-size: 4.6875vw;
  color: #f1f1f1;
  font-family: DINCond;
  font-weight: bold;
}
.solu-patt .dn-lower .sw1 .swiper-slides .dp-ti1 {
  font-size: 1.875vw;
  line-height: 2.08333333vw;
  color: #000000;
  font-weight: bold;
  margin: -2.08333333vw 0 0;
}
.solu-patt .dn-lower .sw1 .swiper-slides .dp-intr1 {
  line-height: 26px;
  margin: 1.04166667vw 0 0;
}
.solu-custo .dn-lower .sw1 .swiper-slides {
  width: 19%;
  margin: 1.04166667vw 0.5%;
  height: 7.55208333vw;
  text-align: center;
  color: #333333;
}
.solu-custo .dn-lower .sw1 .swiper-slides:hover .iconfont {
  animation: swing 0.5s ease both;
}
.solu-custo .dn-lower .sw1 .swiper-slides:hover .dp-intr1 {
  color: #c7000a;
}
.solu-custo .dn-lower .sw1 .swiper-slides .iconfont {
  font-size: 3.125vw;
  display: inline-block;
}
.solu-custo .dn-lower .sw1 .swiper-slides .dp-intr1 {
  font-size: 18px;
  margin: 1.04166667vw 0 0;
}
.cont-map .dn-lower .allmap {
  height: 27.86458333vw;
}
.cont-intr .dn-com {
  padding: 3.90625vw 0 3.90625vw;
}
.cont-intr .dn-com:not(:last-of-type) {
  border-bottom: 1px solid #e3e3e3;
}
.cont-intr .intr-serv {
  display: flex;
  justify-content: space-between;
}
.cont-intr .intr-serv .dn-left {
  color: #333333;
}
.cont-intr .intr-serv .dn-left .com-richtext1 {
  margin: 0.41666667vw 0 0;
}
.cont-intr .intr-serv .dn-left .dp3 {
  margin: 1.5625vw 0 0;
  color: #c7000a;
  font-family: DINCond;
  font-weight: bold;
}
.cont-intr .intr-serv .dn-left .dp3 i {
  margin: 0 0.52083333vw 0 0;
  font-size: 1.35416667vw;
}
.cont-intr .intr-serv .dn-right {
  width: auto;
}
.cont-intr .intr-serv .dn-right .sw1 {
  overflow: visible;
}
.cont-intr .intr-serv .dn-right .sw1 .swiper-slides {
  width: auto;
  margin: 0 0 0 1.14583333vw;
  text-align: center;
}
.cont-intr .intr-serv .dn-right .sw1 .swiper-slides:hover .dp-icon {
  box-shadow: 0 0 1.04166667vw rgba(0, 0, 0, 0.3);
  transform: translateY(-0.52083333vw);
}
.cont-intr .intr-serv .dn-right .sw1 .swiper-slides .dp-icon {
  width: 6.25vw;
  height: 6.25vw;
  border-radius: 0.3125vw;
  border: 1px solid #e3e3e3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0.625vw;
  transition: all 0.3s ease;
}
.cont-intr .intr-serv .dn-right .sw1 .swiper-slides .dp-icon .img1 {
  width: 70%;
}
.cont-intr .intr-infor .sw1 .swiper-wrapper-jc {
  justify-content: space-between;
}
.cont-intr .intr-infor .sw1 .swiper-slides {
  width: auto;
}
.cont-intr .intr-infor .sw1 .swiper-slides .dp1 {
  font-size: 18px;
  color: #999999;
}
.cont-intr .intr-infor .sw1 .swiper-slides .dp2 {
  font-size: 20px;
  color: #333333;
  margin: 0.41666667vw 0 0;
}
.cont-intr .intr-mess {
  color: #333333;
}
.cont-intr .intr-mess .form1 {
  margin: 1.25vw 0 0;
}
.cont-intr .intr-mess .form1 .sw1 .swiper-wrapper-jc {
  justify-content: space-between;
}
.cont-intr .intr-mess .form1 .sw1 .swiper-slides {
  width: auto;
  height: 50px;
}
.cont-intr .intr-mess .form1 .sw1 .swiper-slides:nth-of-type(1),
.cont-intr .intr-mess .form1 .sw1 .swiper-slides:nth-of-type(2) {
  width: 24%;
}
.cont-intr .intr-mess .form1 .sw1 .swiper-slides:nth-of-type(3) {
  width: calc(100% - 360 / 1500 * 100% * 2 - 135px - 40 / 1920 * 100vw);
}
.cont-intr .intr-mess .form1 .sw1 .swiper-slides:nth-of-type(4) {
  width: 135px;
}
.cont-intr .intr-mess .form1 .sw1 .swiper-slides .input1 {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  border: 1px solid #e3e3e3;
  padding: 0 0 0 0.9375vw;
  transition: all 0.3s ease;
}
.cont-intr .intr-mess .form1 .sw1 .swiper-slides .input1:hover {
  border: 1px solid #c7000a;
  box-shadow: inset 0 0 0.625vw rgba(199, 0, 10, 0.2);
}
.cont-intr .intr-mess .form1 .sw1 .swiper-slides .btn1 {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  cursor: pointer;
  border: 1px solid #e3e3e3;
  font-size: 16px;
  transition: all 0.3s ease;
  background-color: transparent;
}
.cont-intr .intr-mess .form1 .sw1 .swiper-slides .btn1:hover {
  background-color: #c7000a;
  color: #FFFFFF;
  border: 1px solid #c7000a;
}
.cont-intr2 {
  background-color: #c7000a;
  padding-top: 15.625vw;
  margin-top: -11.45833333vw;
}
.cont-intr2 * {
  color: #FFFFFF !important;
}
.cont-intr2 .sw1 {
  overflow: visible;
}
.cont-intr2 .sw1 .swiper-wrapper-jc {
  justify-content: space-between;
}
.cont-intr2 .sw1 .swiper-slides {
  width: auto;
  text-align: center;
}
.cont-intr2 .sw1 .swiper-slides:hover .dp-top {
  transform: translateY(-0.52083333vw);
}
.cont-intr2 .sw1 .swiper-slides .dp-top {
  width: 6.25vw;
  height: 6.25vw;
  border: 1px solid #ffffff;
  border-radius: 3px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.cont-intr2 .sw1 .swiper-slides .dp-top .iconfont {
  font-size: 3.125vw;
}
.cont-intr2 .sw1 .swiper-slides .dp-bot {
  margin: 1.04166667vw 0 0;
  font-size: 0.9375vw;
  line-height: 1.5625vw;
  text-align: left;
}
.intr-join {
  color: #333333;
}
.intr-join .dn-lower .sw1 {
  margin-top: 1.25vw;
  overflow: visible;
}
.intr-join .dn-lower .sw1 .swiper-slides {
  width: 46%;
  margin: 0 2% 4%;
  border: 1px solid #e3e3e3;
  padding: 1.5625vw;
  transition: all 0.3s ease;
}
.intr-join .dn-lower .sw1 .swiper-slides:hover {
  box-shadow: 0 0 1.04166667vw rgba(0, 0, 0, 0.3);
  transform: translateY(-0.52083333vw);
}
.intr-join .dn-lower .sw1 .swiper-slides:hover .dp-ti1 {
  color: #c7000a;
}
.intr-join .dn-lower .sw1 .swiper-slides .dp-ti1 {
  font-size: 20px;
  color: #333333;
  border-bottom: 1px solid #e3e3e3;
  padding: 0 0 1.04166667vw;
}
.intr-join .dn-lower .sw1 .swiper-slides .dp-intr1 {
  font-size: 15px;
  line-height: 30px;
  color: #333333;
  margin: 1.25vw 0 0;
}
.intr-join .dn-lower .sw1 .swiper-slides .dp-mail {
  color: #888888;
  font-size: 15px;
  margin: 1.5625vw 0 0;
}
.mark-mech {
  background-color: #f6f6f6;
}
.mark-mech .dn-lower .sw1 {
  overflow: visible;
}
.mark-mech .dn-lower .sw1 .swiper-slides {
  width: 32.33333333%;
  margin: 0.5%;
  background-color: #FFFFFF;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 1.5625vw 2.08333333vw;
  transition: all 0.3s ease;
}
.mark-mech .dn-lower .sw1 .swiper-slides:last-of-type,
.mark-mech .dn-lower .sw1 .swiper-slides:nth-last-child(2) {
  width: 49%;
}
.mark-mech .dn-lower .sw1 .swiper-slides:hover {
  box-shadow: 0 0 1.04166667vw rgba(0, 0, 0, 0.3);
  transform: translateY(-0.26041667vw);
}
.mark-mech .dn-lower .sw1 .swiper-slides:hover .dp-num1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0.78125vw;
  border-bottom-left-radius: 0.78125vw;
}
.mark-mech .dn-lower .sw1 .swiper-slides .dp-num1 {
  width: 2.60416667vw;
  height: 2.60416667vw;
  background-color: #c7000a;
  color: #FFFFFF;
  font-size: 1.25vw;
  font-family: DINCond;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 0.78125vw;
  border-bottom-right-radius: 0.78125vw;
  transition: all 0.3s ease;
}
.mark-mech .dn-lower .sw1 .swiper-slides .dp-xi1 {
  height: 2.60416667vw;
  width: 1px;
  background-color: #e3e3e3;
  margin: 0 1.35416667vw;
}
.mark-mech .dn-lower .sw1 .swiper-slides .dp-intr1 {
  flex: 1;
  font-size: 16px;
  color: #000000;
}
.mark-serv * {
  color: #FFFFFF;
}
.mark-serv .com-contant {
  padding: 0 2.86458333vw;
}
.mark-serv .dn-upper {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.mark-serv .dn-lower {
  display: flex;
  justify-content: space-between;
}
.mark-serv .dn-lower .dn-left {
  width: 215px;
}
.mark-serv .dn-lower .dn-left .sw1 {
  height: 320px;
}
.mark-serv .dn-lower .dn-left .sw1 .swiper-slides {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #FFFFFF;
  cursor: pointer;
  border: 1px solid #ffffff;
  border-radius: 40px;
  margin: 9px 0;
  transition: all 0.3s ease;
}
.mark-serv .dn-lower .dn-left .sw1 .swiper-slides.swiper-slide-thumb-active,
.mark-serv .dn-lower .dn-left .sw1 .swiper-slides:hover {
  background-color: #c7000a;
  border: 1px solid #c7000a;
  color: #FFFFFF;
}
.mark-serv .dn-lower .dn-right {
  width: calc(100% - 215px);
  padding: 0 7.55208333vw 0 9.375vw;
}
.mark-serv .dn-lower .dn-right .sw1 {
  width: auto;
}
.mark-serv .dn-lower .dn-right .sw1 .swiper-slides .iconfont {
  font-size: 3.125vw;
}
.mark-serv .dn-lower .dn-right .sw1 .swiper-slides .com-cnti-30 {
  margin: 1.30208333vw 0 0;
}
.mark-serv .dn-lower .dn-right .sw1 .swiper-slides .dp-xi1 {
  width: 55px;
  height: 3px;
  background-color: #FFFFFF;
  margin: 1.30208333vw 0 0;
}
.mark-serv .dn-lower .dn-right .sw1 .swiper-slides .com-richtext1 {
  margin: 1.875vw 0 0;
  opacity: 0.9;
}
.solu-busi .mark-serv .dn-lower .dn-right .sw1 .swiper-slides .com-richtext1 {
  margin: 0.83333333vw 0 0;
}
.mark-media .dn-lower .sw1 .swiper-slides {
  width: 11.5%;
  margin: 0.41666667vw 0.5%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 9.375vw;
  background: url("../images/bg2_03.png") no-repeat center / cover;
  transition: all 0.3s ease;
}
.mark-media .dn-lower .sw1 .swiper-slides:hover {
  transform: translateY(-0.52083333vw);
}
.mark-media .dn-lower .sw1 .swiper-slides .img1 {
  max-width: 80%;
  max-height: 80%;
}
.mark-proc .dn-upper * {
  color: #FFFFFF;
}
.mark-proc .dn-lower .sw1 {
  overflow: visible;
}
.mark-proc .dn-lower .sw1 .swiper-slides {
  width: 14.28571429%;
  height: 17.96875vw;
  background-color: #FFFFFF;
  text-align: center;
  font-size: 18px;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border: 1px solid #e3e3e3;
  border-right: none;
}
.mark-proc .dn-lower .sw1 .swiper-slides:hover {
  background-color: #f0f0f0;
  transform: scale(1.05);
  z-index: 5;
}
.mark-proc .dn-lower .sw1 .swiper-slides:hover .dp-icon {
  transform: translateY(-0.52083333vw);
}
.mark-proc .dn-lower .sw1 .swiper-slides .dp-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 15px;
  transition: all 0.3s ease;
}
.mark-proc .dn-lower .sw1 .swiper-slides .dp-icon .i-quan {
  width: 45px;
  height: 45px;
  background-color: #fbebec;
  border-radius: 50%;
}
.mark-proc .dn-lower .sw1 .swiper-slides .dp-icon .i-icon {
  font-size: 40px;
  margin: -22px 0 0 -22px;
}
.cons-cust .dn-lower .sw1 {
  border: 1px solid #c7c7c7;
}
.cons-cust .dn-lower .sw1 .swiper-slides {
  width: 20%;
  transition: all 0.3s ease;
  display: flex;
  padding: 3.38541667vw 0;
}
.cons-cust .dn-lower .sw1 .swiper-slides:not(:last-of-type) {
  border-right: 1px solid #c7c7c7;
}
.cons-cust .dn-lower .sw1 .swiper-slides.active {
  background-color: #c7000a;
  width: 40%;
}
.cons-cust .dn-lower .sw1 .swiper-slides.active * {
  color: #FFFFFF !important;
}
.cons-cust .dn-lower .sw1 .swiper-slides.active .dp-box1 {
  width: 12.5vw;
}
.cons-cust .dn-lower .sw1 .swiper-slides.active .dp-box1 .dp-icon {
  background-color: rgba(255, 255, 255, 0.2);
}
.cons-cust .dn-lower .sw1 .swiper-slides.active .dp-box1 .dp-icon .img-se {
  display: none;
}
.cons-cust .dn-lower .sw1 .swiper-slides.active .dp-box1 .dp-icon .img-fff {
  display: block;
}
.cons-cust .dn-lower .sw1 .swiper-slides.active .dp-box2 {
  display: block;
}
.cons-cust .dn-lower .sw1 .swiper-slides .dp-box1 {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.cons-cust .dn-lower .sw1 .swiper-slides .dp-box1 .box-nei {
  height: 11.71875vw;
  padding: 2.60416667vw 0 0;
}
.cons-cust .dn-lower .sw1 .swiper-slides .dp-box1 .dp-icon {
  width: 2.34375vw;
  height: 2.34375vw;
  background-color: #fbebec;
  border-radius: 50%;
  position: relative;
  margin: auto;
  transform: translateX(-0.625vw);
}
.cons-cust .dn-lower .sw1 .swiper-slides .dp-box1 .dp-icon img {
  height: 2.29166667vw;
  position: absolute;
  left: 0.83333333vw;
  top: -0.83333333vw;
}
.cons-cust .dn-lower .sw1 .swiper-slides .dp-box1 .dp-icon .img-fff {
  display: none;
}
.cons-cust .dn-lower .sw1 .swiper-slides .dp-box1 .dp-ti1 {
  font-size: 20px;
  color: #333333;
  margin: 0.83333333vw 0 0;
}
.cons-cust .dn-lower .sw1 .swiper-slides .dp-box1 .dp-intr1 {
  margin: 0.52083333vw 0 0;
}
.cons-cust .dn-lower .sw1 .swiper-slides .dp-box2 {
  width: calc(100% - 240 / 1920 * 100vw);
  display: none;
}
.cons-cust .dn-lower .sw1 .swiper-slides .dp-box2 .box-nei {
  height: 11.71875vw;
  overflow: hidden;
  font-size: 0.72916667vw;
  line-height: 1.35416667vw;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0 1.82291667vw;
  text-align: justify;
}
.cons-choice .dn-lower .sw1 {
  overflow: visible;
}
.cons-choice .dn-lower .sw1 .swiper-slides {
  width: 32.33333333%;
  height: auto;
  margin: 0 0.5%;
  background-color: #FFFFFF;
  padding: 2.86458333vw 2.34375vw 4.6875vw 2.34375vw;
  transition: all 0.3s ease;
}
.cons-choice .dn-lower .sw1 .swiper-slides:hover {
  box-shadow: 0 0 1.04166667vw rgba(0, 0, 0, 0.3);
  transform: translateY(-0.52083333vw);
}
.cons-choice .dn-lower .sw1 .swiper-slides:hover .dp-top .dp-intr1 {
  color: #c7000a;
}
.cons-choice .dn-lower .sw1 .swiper-slides .dp-top {
  display: flex;
  align-items: center;
  color: #333333;
}
.cons-choice .dn-lower .sw1 .swiper-slides .dp-top .dp-num1 {
  font-size: 3.75vw;
  font-weight: bold;
  font-family: DINCond;
  margin: 0 1.82291667vw 0 0;
}
.cons-choice .dn-lower .sw1 .swiper-slides .dp-top .dp-intr1 {
  font-size: 1.14583333vw;
}
.cons-choice .dn-lower .sw1 .swiper-slides .dp-bot {
  line-height: 30px;
  text-align: justify;
}
.cons-advan .sw1 {
  overflow: visible;
}
.cons-advan .sw1 .swiper-slides {
  width: 50%;
  text-align: center;
  padding: 0 2.60416667vw;
}
.cons-advan .sw1 .swiper-slides:hover .dp-icon {
  box-shadow: 0 0 1.04166667vw rgba(0, 0, 0, 0.3);
  transform: translateY(-0.52083333vw);
}
.cons-advan .sw1 .swiper-slides:hover .com-cnti-42 {
  color: #c7000a;
}
.cons-advan .sw1 .swiper-slides .dp-icon {
  width: 7.5vw;
  height: 7.5vw;
  background-color: #e67933;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #FFFFFF;
  margin: auto;
  transition: all 0.3s ease;
}
.cons-advan .sw1 .swiper-slides .dp-icon i {
  font-size: 3.125vw;
}
.cons-advan .sw1 .swiper-slides .com-cnti-42 {
  margin: 1.04166667vw 0 0;
}
.cons-advan .sw1 .swiper-slides .dp-intr1 {
  font-size: 16px;
  line-height: 34px;
  margin: 1.04166667vw 0 0;
}
.cons-proc {
  color: #FFFFFF;
}
.cons-proc .com-cnti-42 {
  color: #FFFFFF;
}
.cons-proc .dn-lower .sw1 {
  overflow: visible;
}
.cons-proc .dn-lower .sw1 .swiper-wrapper-jc {
  justify-content: space-around;
}
.cons-proc .dn-lower .sw1 .swiper-slides {
  width: auto;
  text-align: center;
}
.cons-proc .dn-lower .sw1 .swiper-slides:hover .dp-icon {
  box-shadow: 0 0 1.04166667vw rgba(0, 0, 0, 0.3);
  transform: translateY(-0.52083333vw);
  background-color: #c7000a;
  color: #FFFFFF;
}
.cons-proc .dn-lower .sw1 .swiper-slides .dp-icon {
  width: 4.79166667vw;
  height: 4.79166667vw;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #FFFFFF;
  margin: auto;
  transition: all 0.3s ease;
  color: #333333;
}
.cons-proc .dn-lower .sw1 .swiper-slides .dp-icon .iconfont {
  font-size: 1.875vw;
}
.cons-proc .dn-lower .sw1 .swiper-slides .dp-intr1 {
  margin: 0.9375vw 0 0;
  font-size: 1.04166667vw;
}
.news .dn-center .sw1 .swiper-slides {
  width: auto;
  color: #333333;
  padding: 6px 25px;
  border: 1px solid #c7c7c7;
  border-radius: 50px;
  margin: 0 5px;
  transition: all 0.3s ease;
}
.news .dn-center .sw1 .swiper-slides:hover,
.news .dn-center .sw1 .swiper-slides.active {
  background-color: #c7000a;
  color: #FFFFFF;
  border: 1px solid #c7000a;
}
.news .dn-lower .sw1 .swiper-slides {
  width: 31.33333333%;
  margin: 0 1% 6%;
}
.news .dn-lower .sw1 .swiper-slides:hover .dp-picture .com-obj-fit-cov {
  transform: scale(1.05);
}
.news .dn-lower .sw1 .swiper-slides .dp-picture {
  height: 380px;
  overflow: hidden;
}
.news .dn-lower .sw1 .swiper-slides .dp-picture .com-obj-fit-cov {
  transition: all 0.3s ease;
}
.news .dn-lower .sw1 .swiper-slides .dp-words .dp-ti1 {
  color: #c7000a;
  font-size: 15px;
  margin: 20px 0 0;
}
.news .dn-lower .sw1 .swiper-slides .dp-words .dp-ti2 {
  font-size: 24px;
  color: #333333;
  margin: 14px 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cons-cases .dn-lower .sw1 {
  padding: 0 0 16px;
}
.cons-cases .dn-lower .sw1 .swiper-slides {
  width: 32.33333333%;
  margin: 0.5%;
  background-color: #f0f0f0;
  transition: all 0.3s ease;
}
.cons-cases .dn-lower .sw1 .swiper-slide:hover {
  background-color: #c7000a;
}
.cons-cases .dn-lower .sw1 .swiper-slides:hover * {
  color: #FFFFFF !important;
}
.cons-cases .dn-lower .sw1 .swiper-slides:hover .dp-picture .com-obj-fit-cov {
  transform: scale(1.05);
}
.cons-cases .dn-lower .sw1 .swiper-slides .dp-picture {
  height: 17.96875vw;
  overflow: hidden;
}
.cons-cases .dn-lower .sw1 .swiper-slides .dp-picture .com-obj-fit-cov {
  transition: all 0.3s ease;
}
.cons-cases .dn-lower .sw1 .swiper-slides .dp-words {
  padding: 1.5625vw 2.08333333vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #888888;
}
.cons-cases .dn-lower .sw1 .swiper-slides .dp-words .dp-ti1 {
  font-size: 1.14583333vw;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cons-cases .dn-lower .sw1 .swiper-slides .dp-words .dp-intr1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cons-cases .dn-lower .sw1 .swiper-scrollbar {
  bottom: 0;
  height: 6px;
  width: 100%;
  left: 0;
}
.cons-cases .dn-lower .sw1 .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #c7000a;
  cursor: move;
}
.cons-cases .dn-lower .swiper-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 3.125vw 0 0;
}
.cons-cases .dn-lower .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  margin: 0 10px;
  background-color: #d7d7d7;
  outline: none;
}
.cons-cases .dn-lower .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #838383;
}
.news-detail .dn-upper .dp-nav {
  display: flex;
  align-items: center;
}
.news-detail .dn-upper .dp-nav i {
  font-size: 14px;
  font-weight: bold;
  margin: 0 10px;
}
.news-detail .dn-upper .dp-nav i:last-of-type {
  display: none;
}
.news-detail .dn-upper .dp-nav a:last-of-type {
  color: #000000;
}
.news-detail .dn-upper .com-cnti-40 {
  margin: 20px 0 0;
}
.news-detail .dn-upper .com-cnti-18 {
  margin: 35px 0 0;
}
.news-detail .dn-center {
  padding: 75px 0 0;
}
.news-detail .dn-lower {
  padding: 80px 0 0;
  color: #000000;
  font-size: 18px;
}
.news-detail .dn-lower p {
  margin: 0 0 26px;
}
.swiper-wrapper-jc {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.dp .iconfont {
    margin: 0 5px 0 0;
    font-size: 20px;
    color: #c7000a;
}