@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;
}

dd {
    margin-bottom: 0;
}

dt {
    font-weight: 400;
}

:focus {
    outline: none !important;
}

.iph {
    display: none;
}

.no {
    display: none;
}

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

.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;
}

/* ======================================================================================index.html*/
/*
----------------------------------------------------header*/
.header {
    position: fixed;
    z-index: 2;
    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: 50px;
}

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

.navbox {
    padding-left: 200px;
    padding-left: 250px;
}

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

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

.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: #3398cc;
}

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

.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: #3398cc;
}

.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: #3398cc url(../img/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;
}

.zhulu_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: #3398cc;
    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,.bantxt,.banbut{
	visibility: hidden;
	opacity: 0;
	position: relative;
	top: 50px;
}*/
.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: 2;
    background-color: #091b25;
    padding-top: 110px;
    padding-bottom: 110px;
}

.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(../img/fotico1s.png) no-repeat center center !important;
    opacity: .4
}

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

.bds_sqq {
    background: url(../img/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: #3398cc;
    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: #3398cc;
    letter-spacing: 5px;
}

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

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

.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: 600px;
    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(../img/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(../img/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: #3398cc;
}

.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: 360px;
    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: 270px;
    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: #3398cc;
    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: #3398cc;
}

.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(../img/hm6img1.png) no-repeat center center;
}

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

.hm6li1 {
    background-color: #fff;
}

.hm6li2 {
    background-color: #3398cc;
}

.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(../img/hm6d1.png) repeat-y left;
}

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

.hm6li2 i {
    left: 20px;
}

.hm6li2 i:after {
    background: url(../img/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(../img/hm6d1.png) repeat-y left;
}

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

.hm6li2 em {
    right: 20px;
}

.hm6li2 em:after {
    background: url(../img/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 #3398cc;
    background-color: #3398cc;
    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(../img/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: #3398cc;
    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: #3398cc;
    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: #3398cc;
    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: #3398cc;
    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%;
}

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

.nnavlist {
    background-color: #3398cc;
}

.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: #3398cc;
}

.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 #3398cc;
    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: #3398cc;
    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: #3398cc;
    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 #3398cc;
    border-radius: 5px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    color: #3398cc;
}

.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(../img/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(../img/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: #3398cc;
    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: #3398cc;
    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-zhulu.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: #3398cc;
    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;
}

.zhulucount {
    background-color: #3398cc;
    padding-top: 45px;
    padding-bottom: 45px;
}

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

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

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

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

.zhulucount 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);
}

.zhululogo {
    overflow: hidden;
}

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

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

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

.zhululogo 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: #3398cc;
    border: solid 1px #3398cc;
    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-zhulu .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;
}

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

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

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

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

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

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

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

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

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

.zhulumlg {
    background: url(../img/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;
}

.zhulumlg img {
    width: 100%;
}

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

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

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

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

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

.zhulusml p span {
    display: block;
}

.zhulumbut a {
    display: block;
    margin: auto;
    border: solid 1px #296d3b;
    width: 225px;
    height: 60px;
    text-align: center;
    line-height: 58px;
    font-size: 18px;
    color: #3398cc;
    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;
}

.zhululast {
    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(../img/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(../img/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: 99;
    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(../img/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: #3398cc;
    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(../img/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: #3398cc;
    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: #3398cc;
    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(../img/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: #3398cc;
    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(../img/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: #3398cc;
    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(../img/xftel2.png) no-repeat center center #3398cc;
    background-size: 100%;
}

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

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

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

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

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

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

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

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

.xful li:hover.xftop {
    background: url(../img/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: #3398cc;
    color: #fff;
    font-size: 16px;
}

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

.fotxfdiv .but a {
    background-color: #3398cc;
    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;
}

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

.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%;
}

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

.zhulubglist1 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: #3398cc;
    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(../img/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: #3398cc;
    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 #3398cc;
}

.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(../img/fotico1s.png) no-repeat center center !important;
    opacity: 0.5;
}

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

.bshare-custom .bshare-qqim {
    background: url(../img/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: #3398cc;
}

.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: #3398cc;
}

.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: #3398cc;
}

.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;
}

#zhulu_ban {
    position: relative;
    opacity: 0;
    width: 100%;
    overflow: hidden;
}

#zhulu_ban ul {
    position: relative;
    z-index: 3;
    width: 100%;
    height: 100%;
}

#zhulu_ban ul li .intro {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

#zhulu_ban ul li {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#zhulu_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%;
}

.zhulu_bandot {
    position: absolute;
    z-index: 8;
    bottom: 40px;
    text-align: center;
    width: 100%;
}

.zhulu_bandot span {
    display: inline-block;
    width: 50px;
    height: 6px;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
}

.zhulu_bandot span:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    background: #999;
}

.zhulu_bandot span em {
    display: block;
    position: absolute;
    width: 0%;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    background: #3398cc;
}

.zhulu_bandot span:last-child {
    margin-right: 0;
}

#player,#player video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.zhulu_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%;
}

.zhulu_banner_text h3 {
    color: #fff;
    font-size: 80px;
    text-align: center;
}

.zhulu_banner_text h4 {
    color: #fff;
    font-size: 50px;
    font-weight: normal;
    text-align: center;
}

.zhulu_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;
}

.zhulu_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 .zhulu_banner_text {
    margin: -230px 0 0 0px;
    left: 0px!important;
}

.lt9 .index_banner_new  .ba_left .zhulu_banner_text {
    left: 10%!important;
    width: auto;
}

.lt9 .index_banner_new  .ba_right .zhulu_banner_text {
    left: 60%!important;
    width: auto;
}

video {
    width: 100%;
}

@media screen and (max-width: 1600px) {
    .zhulu_banner_text h3 {
        font-size: 70px;
    }

    .zhulu_banner_text h4 {
        font-size: 40px;
    }
}

@media screen and (max-width: 1400px) {
    .zhulu_banner_text h3 {
        font-size: 60px;
    }

    .zhulu_banner_text h4 {
        font-size: 30px;
    }
}

@media screen and (max-width: 1300px) {
    .zhulu_banner_text h3 {
        font-size: 50px;
    }

    .zhulu_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%;
    }

    .zhulu_banner_text h3 {
        font-size: 40px;
    }

    .zhulu_banner_text h4 {
        font-size: 20px;
    }

    .zhulu_banner_text span {
        margin-top: 10px;
        padding: 3px 10px;
    }
}

@media screen and (max-width: 1000px) {
    .zhulu_banner_text h3 {
        font-size: 30px;
    }

    .zhulu_banner_text h4 {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .zhulu_banner_text h3 {
        font-size: 20px;
    }

    .zhulu_banner_text h4 {
        font-size: 12px;
    }

    .zhulu_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 {
    background: #333;
    padding: 45px 0;
    width: 100%;
    clear: both;
}

.footer-in {
    width: 1180px;
    margin: 0 auto;
    color: #a9a9a9
}

.footer1 {
    width: 356px
}

.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
}

.footer2 {
    width: 640px;
    margin-left: 101px
}

.footer2 dl {
    float: left;
    margin-right: 130px;
}

.footer2 dl dt {
    font-size: 24px;
    border-bottom: 1px solid #6a6a6a;
    margin-bottom: 14px;
    color: #999
}
.footer2 dl dt a {
    color: #999999;
}

.footer2 dl dd {
    height: 24px
}

.footer2 dl dd a {
    color: #a9a9a9;
    transition: all .3s ease;
    font-size: 14px;
    display: block;
    line-height: 24px
}

.footer2 dl dd a:hover {
    color: #fff
}

.footer3 {
    width: 255px;
    font-size: 14px;
    color: #a9a9a9;
    line-height: 24px;
}

.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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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 #3398cc;
}

.s4_join .join_text div.more a:hover span:after {
    background-color: #3398cc;
    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 #3398cc;
    position: relative;
}

.ckpjs:before {
    background: #3398cc;
    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: #3398cc;
}

.ckpjs:before:hover {
    background: #3398cc;
    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;
    background: #333;
}

.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: #3398cc;
    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: #3398cc!important;
}

.newright {
    padding-left: 0;
}

.nlist {
    width: 100%;
    padding: 0 0 15px 0;
}

.nlist a {
    display: block;
}

.ntitle {
    font-size: 24px;
    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: #3398cc;
    color: #fff;
}

.current {
    min-width: 36px;
    padding: 0 8px;
    line-height: 36px;
    margin: 0 4px;
    height: 36px;
    background: #3398cc;
    display: inline-block;
    text-align: center;
    color: #fff;
}

.contents {
    width: 100%;
    margin: 0;
}

.cn-nav {
    margin: 0;
    padding: 0;
}



.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: #3398cc;
    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: #3398cc;
    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: #3398cc;
}

.tarr {
    background: url(../img/tarr.png) no-repeat center;
    width: 30px;
    height: 30px;
    background-size: 100%;
    padding: 0;
    margin: 0;
}

.darr {
    background: url(../img/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: #3398cc;
    margin: 20px auto 30px;
    width: 185px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: block;
    font-size: 16px;
}

.casenbt:hover {
    background: #3398cc;
    color: #fff;
    display: block;
    border: 1px solid #3398cc;
}

.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: #3398cc;
    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(../img/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: 52px;
    line-height: 52px;
    text-align: center;
    max-width: 225px;
    text-transform: uppercase;
    border-radius:4px;
    overflow: hidden;
    border: 1px solid #3398cc;
    font-size: 16px;
}

.btn-0 a {
    color: #3398cc;
}

.btn-0 a p {
    padding-right: 30px;
    background: url(../img/ico-arr.png) no-repeat 155px;
}

.btn-0:hover a p {
    padding-right: 30px;
    background: url(../img/ico-arrs.png) no-repeat 155px;
}

.btn-0 a i {
    background: url(../img/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: 52px;
    background: #3398cc;
    z-index: 1;
    color: #3398cc;
}

.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 #3398cc;
    font-size: 14px;
}

.btn-1 a {
    color: #3398cc;
}

.btn-1 a p {
    padding-right: 18px;
    background: url(../img/ico-arr.png) no-repeat 126px;
    background-size: 14px;
}

.btn-1:hover a p {
    padding-right: 18px;
    background: url(../img/ico-arrs.png) no-repeat 126px;
    background-size: 14px;
}

.btn-1 a i {
    background: url(../img/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: #3398cc;
    z-index: 1;
    color: #3398cc;
}

.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(../img/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(../img/ico-arrs.png) #3398cc no-repeat center;
    transition: all .5s;
    border: 1px solid #3398cc;
}

.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(../img/ico-arrs.png) #3398cc no-repeat center;
    transition: all .5s;
    border: 1px solid #3398cc;
}



 	/***************关于我们*************/
.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(../img/ico_18.png) no-repeat center;
}

.about-ban .list-cont li .ico2 {
    background: url(../img/ico_19.png) no-repeat center;
}

.about-ban .list-cont li .ico3 {
    background: url(../img/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(../img/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: 18px;
    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: #3398cc;
    transition: all 1s;
}

.nup:hover a {
    color: #fff;
    transition: all 1s;
}

.nup:hover i {
    color: #fff;
    background: url(../img/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(../img/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(../img/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: #3398cc;
    transition: all 1s;
}

.ndown:hover a {
    color: #fff;
    transition: all 1s;
}

.ndown:hover i {
    color: #fff;
    background: url(../img/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(../img/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(../img/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(../img/li1_top.png) no-repeat;
    padding: 0 0 0 46px;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}

.li2 {
    background: url(../img/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(../img/li2_top.png) no-repeat;
    padding: 0 0 0 46px;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}

.li3 {
    background: url(../img/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(../img/li3_top.png) no-repeat;
    padding: 0 0 0 46px;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}

.li4 {
    background: url(../img/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(../img/li4_top.png) no-repeat;
    padding: 0 0 0 46px;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}

.li5 {
    background: url(../img/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(../img/li5_top.png) no-repeat;
    padding: 0 0 0 46px;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}

.li6 {
    background: url(../img/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(../img/li6_top.png) no-repeat;
    padding: 0 0 0 46px;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}

.li7 {
    background: url(../img/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(../img/li7_top.png) no-repeat;
    padding: 0 0 0 46px;
    font-size: 20px;
    height: 36px;
    line-height: 36px;
    font-weight: bold;
}

.li8 {
    background: url(../img/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(../img/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: 100%;
    border-top: 1px solid #464646;
    padding-top: 15px;
    text-align: center;
    margin-top: 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: #3398cc;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border: 1px solid #3398cc;
    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(../img/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: #3398cc;
    color: #fff;
    float: right;
    border-radius: 5px;
}

.tab_rmb {
    float: left;
    padding-top:25px;
    background:url(../img/hd.png) no-repeat 8px 0;
}

.tab_rmb span {
    font-size: 22px;
    color: #3398cc;
    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 #6d7680;
    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(../img/ico_08.png) no-repeat center;
    margin-top: 38px;
}

.redmore {
    float: right;
    margin-right: 15px;
}
.jc{
    width: 50%;
    margin:0 auto;
 }
.casedivs{
    overflow-x: hidden;
}

.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(../img/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;
   right:5px!important;
   display: none;

}
#newBridge .nb-icon-right-center{
  right: 0!important;
}