* {
    font-family:"PingFang SC", "Source Han Sans SC", "Noto Sans CJK SC", "Hiragino Sans GB", "Helvetica Neue", "Helvetica", sans-serif;
}

.nowrap, .nowrapall, .nowrapall * {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.break, .breakall, .breakall * {
    word-wrap: break-word;
    word-break: break-all;
}

.animate, .animateall, .animateall * {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.defaultstyle, .df {
    position: relative;
    margin: 0;
    padding: 0;
}

.clear::after {
    content: '\20';
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

body {
    margin: 0;
    padding: 0;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    border: 0;
}

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

/*CSShack*/
td, div, th, small {
    font-size: 14px;
}

body {
    min-width: 1200px \9;
    -webkit-tap-highlight-color: transparent;
}

a {
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

.maxsize {
    margin-left: auto;
    margin-right: auto;
}

@media all and (min-width: 0px) {
    body {
        min-width: auto;
    }
}

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

.tb {
    display: table;
    height: 100%;
    width: 100%;
}

.tb-c {
    display: table-cell;
    vertical-align: middle;
}

a {
    text-decoration: none;
    color: #666;
}

ul, dl, dt, dd {
    list-style: none;
    margin: 0;
    padding: 0;
}

input:focus, select:focus, textarea:focus {
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
    border: 0;
}

h1, h2, h3, h4, h5, p {
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

table {
    border-collapse: collapse;
}

.table {
    overflow: hidden;
}

.table .tr {
    overflow: hidden;
}

.table .tr .td, .table .tr .th {
    float: left;
}

.hide {
    display: none;
}

.block {
    display: block;
}

.inb {
    display: inline-block;
}

.posr {
    position: relative;
}

.posa {
    position: absolute;
}

.poss {
    position: static;
}

.row {
    overflow: hidden;
}

.row .fl {
    float: left;
}

.cl {
    clear: both;
}

.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.md1 {
    width: 8.3333%;
}
.mlianxi{ display:none;}
.pclianxi{ display: block;}
.md2 {
    width: 16.6666%;
}

.md3 {
    width: 25%;
}

.md4 {
    width: 33.3333%;
}

.md5 {
    width: 41.6666%;
}

.md6 {
    width: 50%;
}

.md7 {
    width: 58.3333%;
}

.md8 {
    width: 66.6666%;
}

.md9 {
    width: 75%;
}

.md10 {
    width: 83.3333%;
}

.md11 {
    width: 91.6666%;
}

.md12 {
    width: 100%;
}

.mp0 {
    margin: 0 !important;
    padding: 0 !important;
}

.md1, .md2, .md3, .md4, .md5, .md6,
.md7, .md8, .md9, .md10, .md11, .dv {
    float: left;
}

.pb80 {
    padding-bottom: 80px;
}

.p-100 {
    padding: 0px 100px;
}

input[type="text"], input[type="password"], input[type="button"], input[type="submit"],
select, textarea {
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    border: 0;
}

input::-webkit-input-placeholder {
    color: #aaa !important;
}

input:-moz-placeholder {
    color: #aaa !important;
}

input::-moz-placeholder {
    color: #aaa !important;
}

input:-ms-input-placeholder {
    color: #aaa !important;
}

.nicescroll::-webkit-scrollbar {
    width: 9px;
    background-color: rgba(255, 255, 255, 0.7);
}

.nicescroll::-webkit-scrollbar-thumb {
    border: none;
    width: 5px;
    background-color: rgba(0, 0, 0, 0.4);
}

.nicescroll::-webkit-scrollbar-corner {
    background-color: rgba(255, 255, 255, 0.7);
}

.nicescroll::-webkit-scrollbar:horizontal {
    height: 9px;
}

.cl:after, .clear:after {
    content: '';
    display: block;
    clear: both;
}

.cc {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.clip {
    -webkit-background-clip: text;
}

.clear:after, .cl:after {
    content: '';
    display: block;
    clear: both;
}

.maxsize {
    max-width: 1200px;
    width: 84%;
}

.helpFul {
    display: none;
}

@media screen and (max-width: 800px) {
    .maxsize {
        overflow-x: auto;
		width:95%;
    }

    .p-100 {
        padding: 0 0px;
    }
	.mlianxi{ display:block;}
	.pclianxi{ display:none;}
}

.cover-full {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.cover-w {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.cover-h {
    background-position: center center;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.cover-fixed {
    background-attachment: fixed;
}

.cover-repeat {
    background-repeat: no-repeat;
}

.home-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.play_btn, .play_btn img {
    width: 60px;
    height: 60px;
}

.play_btn {
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 26%;
    display: none;
}

.index .banner div.home-video {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
}

.index .banner div.home-video video {
    -webkit-appearance: none;
    appearance: none;
}

.goTop {
    position: fixed;
    font-size: 20px;
    color: #fff;
    display: none;
    width: 40px;
    bottom: 30px;
    right: 50px;
    cursor: pointer;
    height: 40px;
    margin-bottom: 15px;
    border-radius: 40px;
    line-height: 40px;
    background: rgba(63, 158, 126, .5);
}

.goTop > i {
    font-size: 20px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    font-style: normal;
}

/*公共样式*/
/*body { background: #333; }*/
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    padding: 0 105px;
    z-index: 9999999;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/*default height 74px*/
.header.fixed {
    top: 0;
    left: 0;
    right: 0;
}

.header .logo {
    position: absolute;
    width: 160px;
    height: 25px;
    top: 28px;
    left: 105px;
}

.header .functions {
    position: absolute;
    right: 105px;
    top: 0;
    line-height: 74px;
    padding: 0 15px;
}

.header .functions .lang {
    float: left;
    color: #b0b0b0;
    line-height: 74px;
    padding: 0 15px;
}

.header .functions .lang a {
    color: #666;
    font-size: 14px;
    display: inline-block;
    padding: 0 5px;
}

.header .functions .search {
    position: relative;
    float: left;
    display: inline-block;
    padding: 0 15px;
    color: #666;
    font-size: 22px;
}

.header .functions .contact {
    float: left;
    display: inline-block;
    padding: 0 15px;
    color: #666;
    font-size: 14px;
    font-weight: 500;
}

.header .functions .login {
    float: left;
    display: inline-block;
    padding: 0 12px;
    color: #666;
    font-size: 14px;
    font-weight: 500;
}

.header .functions .login:hover {
    color: #333;
    font-size: 14px;
}

.header .functions .lang:hover .langlist {
    display: block;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.header .functions .langlist {
    background: #fff;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 120px;
    margin-left: -60px;
    display: none;
}

.header .functions .langlist:before {
    content: '';
    display: block;
    left: 50%;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    margin-left: -8px;
}

.header .functions .langlist a {
    display: block;
    float: none;
    color: #666;
    text-align: center;
    line-height: 45px;
    border-bottom: 1px solid #3fa683;
}

.header .functions .langlist a:hover {
    background: #3fa683;
    color: #fff;
    border-color: #292929;
}

.header .searchinput {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    text-align: center;
    border-top: 1px solid #eaeaea;
    padding: 30px 0;
    display: none;
}

.header .searchinput .inb {
    overflow: hidden;
    border-bottom: 1px solid #3fa683;
}

.header .searchinput input {
    float: left;
    line-height: 35px;
    background: none;
    padding: 0 10px;
    height: 35px;
}

.header .searchinput input[type="text"] {
    width: 400px;
}

.header .searchinput input[type="button"],
.header .searchinput input[type="submit"] {
    font-size: 20px;
    color: #3fa683;
}

.header .searchinput .close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
    line-height: 40px;
    width: 40px;
    text-align: center;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    font-size: 20px;
}

.header .searchinput .close:hover {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    color: #3fa683;
}

.header .menu {
    text-align: left;
}

.header .menu .menulist {
    display: inline-block;
    padding-left: 180px;
}

.header .menu .menulist.on {
    opacity: 0;
    pointer-events: auto;
    visibility: hidden;
}

.header .menu .menulist li {
    float: left;
}

.header .menu .menulist li > a {
    display: block;
    line-height: 74px;
    font-size: 14px;
    padding: 0 24px;
    color: #404040;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.header .menu .menulist li:hover > a, .header .menu .menulist li.on > a {
    color: #3fa683;
}

.header .menu .menulist .sub {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    text-align: left;
    background: #efefef;
    padding: 10px 105px 30px 105px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.header .sub:before {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    left: 105px;
    right: 105px;
    height: 1px;
    background: #d9d9d9;
    display: none;
}

.header .sub b {
    color: #3f9e7e;
    font-size: 16px;
    letter-spacing: 5px;
    display: inline-block;
    line-height: 20px;
    background: #fff;
    position: relative;
    z-index: 2;
    padding-right: 5px;
    display: none;
}

/*.header .sub .submenus { padding-left: 50%; margin-left: -371px; width: 742px; overflow: hidden; }*/
.header .sub .submenus {
    margin-left: 150px;
}

.header .sub .submenus dl {
    float: left;
    width: 25%;
    position: relative;
    z-index: 2;
    max-width: 200px;
}

.header .sub .submenus dt {
    display: inline-block;
    padding-left: 20px;
    background: #efefef;
    line-height: 20px;
    font-size: 15px;
    color: #262626;
    letter-spacing: 5px;
    font-weight: 900;
    position: relative;
    margin-bottom: 10px;
}

.header .sub .submenus dt a {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.header .sub .submenus dt a:hover {
    color: #3fa683;
}

.header .sub .submenus dt:before {
    content: '';
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background: #262626;
    top: 50%;
    left: 0;
    margin-top: -3px;
    position: absolute;
    display: none;
}

.header .sub .submenus dd {
    padding-left: 20px;
}

.header .sub .submenus dd a {
    display: block;
    line-height: 32px;
    color: #808080;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.header .sub .submenus dd a:hover {
    color: #3fa683;
}

.header .menu .menulist li:hover .sub {
    display: block;
}

.menubtn {
    padding: 7px 0;
    display: none;
    width: 22px;
    position: absolute;
    z-index: 9999;
    top: 20px;
    right: 20px;
}

.menubtn i {
    height: 3px;
    background: #3fa683;
    border-radius: 3px;
    display: block;
    position: relative;
}

.menubtn i:before {
    content: '';
    display: block;
    bottom: 100%;
    margin-bottom: 3px;
    position: absolute;
    left: 0;
    right: 0;
    background: #3fa683;
    height: 100%;
    border-radius: 3px;
}

.menubtn i:after {
    content: '';
    display: block;
    top: 100%;
    margin-top: 3px;
    position: absolute;
    left: 0;
    right: 0;
    background: #3fa683;
    height: 100%;
    border-radius: 3px;
}

@media screen and (max-width: 1600px) {
    .header {
        padding: 0 75px;
    }

    .header .logo {
        left: 75px;
    }

    .header .functions {
        right: 75px;
    }
}

@media screen and (max-width: 1400px) {
    .header {
        padding: 0 50px;
    }

    .header .logo {
        left: 50px;
    }

    .header .functions {
        right: 50px;
    }

    .header .menu .menulist li > a {
        padding: 0 15px;
    }

    .header .menu .menulist .sub {
        padding: 10px 50px 30px 50px;
    }

    .header .sub .submenus dt {
        letter-spacing: 0;
        font-size: 14px;
    }

    .header .sub b {
        letter-spacing: 0;
        font-size: 15px;
    }


}

@media screen and (max-width: 1080px) {
    .header {
        padding: 0 20px;
        left: 0px;
        right: 0px;
        top: 0;
    }

    .header .logo {
        left: 20px;
    }

    .header .functions {
        right: 20px;
    }

    .header .sub .submenus dd a {
        line-height: 25px;
    }

    .header .menu .menulist li > a {
        padding: 0 10px;
    }

    .header .menu .menulist .sub {
        padding: 10px 20px 20px 20px;
    }

    .header .functions .lang a {
        font-size: 14px;
    }

    .header .functions .search {
        margin-left: 5px;
        padding: 0 5px;
    }

    .header .logo {
        top: 15px;
    }

    .header .menu .menulist li > a,
    .header .functions .search,
    .header .functions .login,
    .header .functions .contact,
    .header .functions .lang {
        line-height: 55px;
    }

    article.pro {
        padding-top: 56px;
    }

    .header .menu .menulist {
        padding-left: 140px;
    }
}

@media screen and (max-width: 900px) {

    .play_btn {
        display: none;
    }

    .header .functions .lang {
        display: none;
    }

    .menubtn {
        display: block;
    }

    .header .functions {
        right: 55px;
    }

    .header .functions .login {
        font-size: 16px;
    }

    .header .functions .search {
        font-size: 16px;
    }

    .header {
        height: 55px;
    }

    .header .menu {
        position: absolute;
        left: 0;
        right: 0;
       /* background: #fff;
        border-top: 1px solid #eaeaea;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);*/
    }

    .header .menu .menulist {
        display: block;
    }

    .header .menu .menulist li {
        float: none;
        width: auto;
    }

    .header .menu .menulist li > a {
        line-height: 35px;
        text-align: left;
        padding: 0 20px;
    }

    .header .menu .menulist .sub {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        padding: 10px 20px 0 20px;
        background: #fafafa;
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
    }

    .header .sub b,
    .header .sub:before {
        display: none;
    }

    .header .sub .submenus {
        width: auto;
        margin: 0;
        padding: 0;
    }

    .header .sub .submenus dl {
        width: 50%;
        margin-bottom: 10px;
    }

    .header .sub .submenus dl:nth-child(2n+1) {
        clear: both;
    }

    .header .sub .submenus dt {
        background: none;
        margin-bottom: 6px;
    }

    .header .sub .submenus dd a {
        font-size: 12px;
        line-height: 24px;
    }

    .header .searchinput input[type="text"] {
        width: 250px;
    }

    .header .searchinput .close {
        display: none;
    }
}

.uikit_gradinentbg {
    background: #37b8ab;
    background: -moz-linear-gradient(left, #37b8ab 0%, #3cc78d 100%);
    background: -webkit-linear-gradient(left, #37b8ab 0%, #3cc78d 100%);
    background: linear-gradient(to right, #37b8ab 0%, #3cc78d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37b8ab', endColorstr='#3cc78d', GradientType=1);
}

.uikit_clip {
    background: #37b8ab;
    background: -moz-linear-gradient(left, #37b8ab 0%, #3cc78d 100%);
    background: -webkit-linear-gradient(left, #37b8ab 0%, #3cc78d 100%);
    background: linear-gradient(to right, #37b8ab 0%, #3cc78d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37b8ab', endColorstr='#3cc78d', GradientType=1);
    -webkit-background-clip: text;
    color: transparent;
}

.growbtn {
    background: #37b8ab;
    background: -moz-linear-gradient(left, #37b8ab 0%, #3cc78d 100%);
    background: -webkit-linear-gradient(left, #37b8ab 0%, #3cc78d 100%);
    background: linear-gradient(to right, #37b8ab 0%, #3cc78d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37b8ab', endColorstr='#3cc78d', GradientType=1);
    box-shadow: 0 5px 30px #27c480;
    display: inline-block; /*text-shadow: 0 2px 4px rgba(48,71,64,.3);*/
}

.growbtn2 {
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    display: inline-block; /*text-shadow: 0 2px 4px rgba(48,71,64,.3);*/
}


.index > section {
    position: relative;
    z-index: 2;
}
.m-slider {
    overflow-x: hidden;
    width: 100%;
    position: relative;
    margin: 0;
	display:none;
 
}
.slider-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    position: relative;
    z-index: 1;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
.slider-item {
    width: 100%;
    height: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #f6f6f6;
}
.slider-item img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}
.slider-pagination {
    text-align: right;
    position: absolute;
    width: 100%;
    z-index: 2;
    right: 0;
    bottom: 15px;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.slider-pagination > .slider-pagination-item {
    margin: 0 .25rem;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background-color: #3d4c59;
}
.slider-pagination > .slider-pagination-item.slider-pagination-item-active {
    background-color: #ffffff;
    border-radius: 100%;
}
.index .banner {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    z-index: 1;
    overflow: hidden;
    background: #fff;
	display:block;
}


.index .banner .bg {
    z-index: 0;
    position: relative;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    opacity: 1;
}

.index .banner .text, .index .banner .btns {
    position: absolute;
    z-index: 1;
}

.index .banner .text {
    color: #fff;
    position: relative;
    display: inline-block;
    padding: 40px 0 0;
    text-align: center;
    width: 100%;
    background: url("../images/alan-banner-bg.png") no-repeat center center;
    background-size: cover;
    height: 160px;
    box-sizing: border-box;
}

.index .banner .text h1 {
    font-size: 42px;
    font-weight: normal;
    letter-spacing: 12px;
    margin-bottom: 15px;
}

.index .banner .text h3 {
    font-size: 42px;
    font-weight: normal;
    letter-spacing: 12px;
    margin-bottom: 15px;
}

.index .banner .text small {
    display: block;
    font-size: 20px;
    letter-spacing: 7px;
    color: #fff;
}

.index .Tbtn {
    right: 0;
    margin-right: 45px;
    bottom: 50%;
    transform: translateY(50%);
    position: fixed;
    z-index: 2222;
    opacity: 0;
    pointer-events: none;
}

.index .Tbtn a {
    color: #fff;
}

.index .Tbtn ul {
    width: 40px;
    margin: 0 auto;
    padding-bottom: 30px;
    position: relative;
}

.index .Tbtn ul:before {
    content: '';
    display: none;
    left: 50%;
    bottom: 100%;
    height: 9999px;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
}

.index .Tbtn ul:after {
    content: '';
    display: none;
    left: 50%;
    top: 100%;
    height: 9999px;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    margin-top: -30px;
}

.index .Tbtn ul li {
    height: 40px;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 40px;
    line-height: 40px; /*border: 1px solid; */
    background: rgba(63, 158, 126, .5);
    position: relative;
}

.index .Tbtn ul li:after {
    content: '';
    display: none;
    left: 19px;
    width: 1px;
    height: 16px;
    top: 100%;
    background: rgba(255, 255, 255, .2);
    position: absolute;
}

.index .Tbtn ul li i {
    font-size: 20px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    font-style: normal;
}

.index .Tbtn ul li span {
    display: none;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    right: 100%;
    top: 0;
}

.index .Tbtn ul li:hover {
    border-color: #fff;
}

.index .Tbtn ul li:hover i {
    background: rgba(63, 158, 126, 1);
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.index .Tbtn ul li:hover span {
    display: block;
    background: rgba(63, 158, 126, 1);
    padding-left: 20px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.index .banner .bg:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 3;
    display: none;
}

.index .banner .growbtn {
    line-height: 54px;
    width: 192px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 5px;
    border-radius: 54px;
    font-weight: normal;
    z-index: 3;
    position: relative;
}

.pd .Tbtn {
    right: 0;
    margin-right: 45px;
    bottom: 50%;
    transform: translateY(50%);
    position: fixed;
    z-index: 2222;
    opacity: 0;
    pointer-events: none;
}

.pd .Tbtn a {
    color: #fff;
}

.pd .Tbtn ul {
    width: 40px;
    margin: 0 auto;
    padding-bottom: 30px;
    position: relative;
}

.pd .Tbtn ul:before {
    content: '';
    display: none;
    left: 50%;
    bottom: 100%;
    height: 9999px;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
}

.pd .Tbtn ul:after {
    content: '';
    display: none;
    left: 50%;
    top: 100%;
    height: 9999px;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    margin-top: -30px;
}

.pd .Tbtn ul li {
    height: 40px;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 40px;
    line-height: 40px; /*border: 1px solid; */
    background: rgba(63, 158, 126, .5);
    position: relative;
}

.pd .Tbtn ul li:after {
    content: '';
    display: none;
    left: 19px;
    width: 1px;
    height: 16px;
    top: 100%;
    background: rgba(255, 255, 255, .2);
    position: absolute;
}

.pd .Tbtn ul li i {
    font-size: 20px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    font-style: normal;
}

.pd .Tbtn ul li span {
    display: none;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    right: 100%;
    top: 0;
}

.pd .Tbtn ul li:hover {
    border-color: #fff;
}

.pd .Tbtn ul li:hover i {
    background: rgba(63, 158, 126, 1);
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.pd .Tbtn ul li:hover span {
    display: block;
    background: rgba(63, 158, 126, 1);
    padding-left: 20px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.index .about {
    padding: 200px 0;
    background: #fff url('../images/index-about-bg.png') no-repeat center center;
    background-size: cover;
}

.index .about .title {
    padding-bottom: 20px;
}

.index .about .title h1 {
    font-size: 40px;
    font-weight: normal;
    color: #262626;
    letter-spacing: 5px;
    margin-bottom: 10px;
}

.index .about .title h1 font {
    color: #3fa683;
}

.index .about .title small {
    color: #c2c2c2;
    letter-spacing: 3px;
}

.index .about .icon {
    position: relative;
    padding: 85px;
}

.index .about .icon .hover {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100%;
    border: 1px solid #3fa683;
    background-size: cover;
    background-position: center;
    height: 0px;
    margin: 0px;
    width: 0px;
    z-index: 3;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.index .about .icon:hover .hover {
    width: 194px;
    height: 194px;
    margin: -97px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.index .about .icon:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    height: 85px;
    left: 50%;
    width: 1px;
    background: #46a988
}

.index .about .icon .iconfont {
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    background: #fff;
    font-size: 40px;
    color: #000;
    display: inline-block;
    border-radius: 100%;
    border: 2px solid #46a988;
    position: relative;
}

.index .about .icon .iconfont:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 20px solid;
    margin: -20px;
    border-radius: 100%;
    z-index: 2;
    border-color: #e8f7f6;
    -webkit-animation: indexaboutcirclea 2s infinite ease-out;
    -o-animation: indexaboutcirclea 2s infinite ease-out;
    -moz-animation: indexaboutcirclea 2s infinite ease-out;
    animation: indexaboutcirclea 2s infinite ease-out;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.index .about .icon .iconfont:after {
    content: '';
    display: block;
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    border: 20px solid;
    margin: -20px;
    border-radius: 100%;
    z-index: 1;
    border-color: #f5fbfb;
    -webkit-animation: indexaboutcircleb 2s infinite ease-out;
    -o-animation: indexaboutcircleb 2s infinite ease-out;
    -moz-animation: indexaboutcircleb 2s infinite ease-out;
    animation: indexaboutcircleb 2s infinite ease-out;
}

.index .about .cont {
    padding: 0 20px;
}

.index .about .cont h2 {
    color: #21a67a;
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 5px;
    margin-bottom: 30px;
    margin-top: 10px;
}

.index .about .cont h2 br {
    display: none;
}

.index .about .cont p {
    font-size: 14px;
    color: #000;
    display: inline-block;
    padding-left: 30px;
    position: relative;
    letter-spacing: 2px;
}

.index .about small {
    font-size: 32px;
    margin: 20px 0;
    display: block;
    color: #afd6ca;
}

@media screen and (max-width: 1400px) {
    .index .about .cont h2 {
        font-size: 22px;
        letter-spacing: 0;
        margin-bottom: 15px;
    }

    .index .about .cont p {
        font-size: 13px;
        letter-spacing: 0;
    }

    .index .about .title h1 {
        letter-spacing: 0;
        margin-bottom: 5px;
    }

    .index .about {
        padding: 50px 0
    }
}

@media screen and (max-width: 1024px) {
    .index .banner .text h1 {
        font-size: 35px;
        margin-bottom: 5px;
    }

    .index .banner .text h3 {
        font-size: 35px;
        margin-bottom: 5px;
    }

    .index .banner .text small {
        font-size: 15px;
        letter-spacing: 0;
    }

    .index .banner .btns {
        top: 40%;
    }

    .index .about {
        padding: 40px 0;
    }

    .index .about .title h1 {
        font-size: 35px;
    }

    .index .about .title small {
        letter-spacing: 0;
    }

    .index .about .cont h2 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .index .about .cont p {
        font-size: 12px;
    }

    .index .about .icon {
        padding: 60px;
    }

    .index .about .icon:after {
        height: 60px;
    }

    .index .about .icon .iconfont {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 35px;
    }

    .index .about .icon:hover .hover {
        width: 150px;
        height: 150px;
        margin: -75px;
    }
}

@media screen and (max-width: 800px) {
    .index .banner {
        position: relative;
		display:none;
    }
.m-slider {
display:block;margin-top: 45px;}
    .index .banner .bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .index .banner .bg .cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: 0;
    }

    /*大海在2017-5-4修改*/
    .index .banner .bg video { /*display: none;*/
        height: 100%;
    }


    .index .banner .text h1 {
        font-size: 25px !important;
    }

    .index .banner .text h3 {
        font-size: 25px !important;
    }

    .index .banner .text small {
        font-size: 12px !important;
    }

    .index .about .title h1 {
        font-size: 25px;
        margin-bottom: 0px;
    }

    .index .about {
        padding: 30px 10px;
    }

    .index .about .icon .iconfont {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 25px;
    }

    .index .about .icon {
        padding: 20px;
    }

    .index .about .cont {
        padding: 0 10px;
    }

    .index .about .icon:after {
        height: 20px;
    }

    .index .about .cont h2 {
        font-size: 15px;
        line-height: 20px;
        height: 40px;
    }

    .index .about .cont p {
        font-size: 10px;
        line-height: 15px;
    }

    .index .about .icon:hover .hover {
        width: 100px;
        height: 100px;
        margin: -50px;
    }

    .index .banner .btns ul li:hover span {
        display: none;
    }

    .index .banner .btns ul li:hover .iconfont {
        position: relative;
    }

    /*.index .about .icon .hover { display: block; width: 80px; height: 80px; margin: -40px; opacity: 1}*/
}

@media screen and (max-width: 480px) {
    .index .banner {
        background-size: cover;
        background-position: 75% center;
		display:none;
    }

.m-slider {
display:block;margin-top: 45px;}
    .index .banner .btns {
        top: auto;
        bottom: 140px;
        left: 0;
        right: 0;
        margin: 0;
    }

    .index .banner .btns ul {
        display: inline-block;
        width: auto;
    }

    .index .banner .btns ul li {
        float: left;
        margin: 0 5px;
    }

    .index .banner .btns ul li:after {
        display: none;
    }

    .index .about .cont p {
        display: none;
    }

    .index .about .cont h2 br {
        display: block;
    }

    .index .banner .text h1 {
        letter-spacing: 0px;
    }

    .index .banner .text h3 {
        letter-spacing: 0px;
    }

    /*.index .about .md6 { width: auto; float: none;margin-bottom: 10px; }*/
}

@media screen and (max-width: 320px) {
    .index .banner .text h1 {
        letter-spacing: 3px;
    }

    .index .banner .text h3 {
        letter-spacing: 3px;
    }
}

.solution {
    background: #fff; /*height: 600px;*/
    height: 542px;
    position: relative;
    z-index: 10;
    padding: 0 100px;
    overflow: hidden;
}

.solution > .posr {
    height: 100%;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.solution .contain {
    width: 50%;
    height: 100%;
    position: relative;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    z-index: 1;
    position: absolute;
    top: 0;
    overflow: hidden;
    overflow: hidden;
}

@media screen and (min-width: 800px) {
    .solution > .posr:hover .contain {
        width: 20%;
        z-index: 1;
    }

    .solution > .posr .contain:hover {
        width: 80%;
        z-index: 2;
    }
}

.solution .contain > * {
    z-index: 2;
    position: relative;
}

.solution .contain .bg {
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.solution .contain .bg > div {
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: -10px;
    top: -10px;
    background-size: cover;
    background-position: center;
    filter: url(blur.svg#blur);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);
}

.solution .contain .bg:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2;
}

.solution .contain .videobg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
}

.solution .contain .videobg:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
}

.solution .contain .videobg video {
    width: 960px;
    height: 100%; /*padding-left: 50%; margin-left: -960px;*/
}

.solution .audio {
    left: 0;
    background: #333;
}

.solution .video {
    right: 0; /*background: #666;*/
}

.solution .text {
    position: absolute;
    top: 20px;
    left: 5%;
    color: #fff;
}

.solution .text h1 {
    font-size: 30px;
    letter-spacing: 5px;
    font-weight: normal;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.solution .text h2 {
    font-size: 30px;
    letter-spacing: 5px;
    font-weight: normal;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.solution .text small {
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.solution .btns {
    position: absolute;
    top: 65%;
    right: 50px;
    width: 340px;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    height: 130px;
}

.solution .contain:hover .btns {
    border-color: rgba(255, 255, 255, 0);
}

.solution .btns ul {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
}

.solution .btns ul:before {
    content: '';
    display: block;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    position: absolute;
    z-index: 0;
    height: 0;
    border-radius: 5px;
    overflow: hidden;
}

.solution .btns ul li {
    float: left;
    width: 25%;
    flex-grow: 1;
    position: relative;
    z-index: 1;
    text-align: center;
    display: none;
    height: 100%;
}

.solution .audio .btns ul li {
    width: 33.333%;
}

.solution .btns ul li:before {
    content: '';
    left: 0;
    top: 9px;
    bottom: 0;
    width: 1px;
    background: #e0e0e0;
    position: absolute;
}

.solution .btns ul li:first-of-type:before {
    display: none;
}

.solution .btns ul li a {
    padding: 25px;
    display: block;
}

.solution .btns ul li a:hover {
    color: #3fa683;
}

.solution .btns ul li a:hover i {
    color: #3fa683;
}

.solution .btns ul li a:before {
    content: 'MORE';
    font-size: 12px;
    line-height: 60px;
    padding-left: 40px;
    color: #fff;
    background: #37b8ab;
    background: -moz-linear-gradient(left, #37b8ab 0%, #3cc78d 100%);
    background: -webkit-linear-gradient(left, #37b8ab 0%, #3cc78d 100%);
    background: linear-gradient(to right, #37b8ab 0%, #3cc78d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37b8ab', endColorstr='#3cc78d', GradientType=1);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    text-align: left;
    -webkit-animation: flipIn .5s ease-out;
    -o-animation: flipIn .5s ease-out;
    -moz-animation: flipIn .5s ease-out;
    animation: flipIn .5s ease-out;
    display: none;
    transform-origin: top center;
}

.solution .btns ul li a:after {
    content: '\e64e';
    font-family: 'iconfont';
    position: absolute;
    line-height: 60px;
    top: 100%;
    right: 0;
    padding-right: 40px;
    font-size: 30px;
    color: #fff;
    display: none;
    transform-origin: top center;
    -webkit-animation: flipIn .5s ease-out;
    -o-animation: flipIn .5s ease-out;
    -moz-animation: flipIn .5s ease-out;
    animation: flipIn .5s ease-out;
    display: none;
    transform-origin: top center;
}

.solution .btns ul li .iconfont {
    font-size: 40px;
    color: #444;
    display: block;
    line-height: 50px;
    margin-bottom: 10px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.solution .btns ul li p {
    font-size: 14px;
    letter-spacing: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.solution .btns:before {
    content: '\e61a';
    display: none;
    font-family: 'iconfont';
    line-height: 55px;
    width: 55px;
    text-align: center;
    border-radius: 100%;
    background: #37b8ab;
    background: -moz-linear-gradient(left, #37b8ab 0%, #3cc78d 100%);
    background: -webkit-linear-gradient(left, #37b8ab 0%, #3cc78d 100%);
    background: linear-gradient(to right, #37b8ab 0%, #3cc78d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37b8ab', endColorstr='#3cc78d', GradientType=1);
    color: #fff;
    font-size: 20px;
    position: absolute;
    left: -60px;
    top: -22px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    opacity: 1;
}

.solution .btns > p {
    position: absolute;
    left: -158px;
    top: 130px;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    text-transform: uppercase;
    width: 450px;
    border-top: 1px solid #fff;
}

.solution.on .btns > p {
    left: 10%;
    width: 100%;
}

.solution.on .contain {
    position: relative;
}

.solution:hover .contain .btns {
    opacity: 0;
}

.solution:hover .contain:hover .btns {
    opacity: 1;
}

.solution .contain:hover .videobg {
    opacity: 1;
}

.solution .contain:hover .videobg:before {
    opacity: 0.5;
}

.solution .contain:hover .btns {
    width: 700px;
}

.solution .contain:hover .btns:before {
    opacity: 0;
}

.solution .contain:hover .btns > p {
    opacity: 0;
}

.solution .contain:hover .btns ul li {
    display: block;
}

.solution .contain:hover .btns ul:before {
    height: 100%;
    transition: all .5s ease-out .5s;
    -webkit-transition: all .5s ease-out .5s;
    -o-transition: all .5s ease-out .5s;
    -moz-transition: all .5s ease-out .5s;
}

/*.solution .btns ul li:hover a:after ,
	.solution .btns ul li:hover a:before { display: block; }*/
.solution .btns ul li:hover .iconfont {
    color: #2fc296;
}

@media screen and (max-width: 1600px) {
    .solution {
        height: 550px;
        padding: 0 75px;
    }
}

@media screen and (max-width: 1400px) {
    .solution {
        height: 540px;
    }

    .solution {
        padding: 0 50px;
    }

    .solution .contain .btns {
        height: 100px;
    }

    .solution .contain:hover .btns {
        width: 660px;
        height: 100px;
    }

    .solution .btns ul li a {
        padding: 15px 0;
    }

    .solution .btns ul li .iconfont {
        font-size: 30px;
        line-height: 40px;
    }

    .solution .btns ul li p {
        letter-spacing: 0;
        font-size: 13px;
    }

    .solution .btns ul li:hover a:after,
    .solution .btns ul li:hover a:before {
        line-height: 50px;
        padding: 0 20px;
    }

    .solution .text {
        top: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .solution {
        padding: 0;
    }

    .solution {
        height: 500px;
    }
}

@media screen and (max-width: 1024px) {
    .solution {
        height: 480px;
        padding: 0;
    }

    .solution .btns {
        width: 250px;
    }

    .solution .contain:hover .btns,
    .solution .contain .btns {
        height: 90px;
    }

    .solution .contain:hover .btns {
        width: 500px;
    }

    .solution .btns ul li a {
        padding: 10px 0;
    }

    .solution .btns ul li .iconfont {
        font-size: 30px;
        line-height: 40px;
    }

    .solution .btns ul li p {
        letter-spacing: 0;
        font-size: 12px;
    }

    .solution .text h1 {
        font-size: 35px;
        margin-bottom: 5px;
        letter-spacing: 0;
    }

    .solution .text h2 {
        font-size: 35px;
        margin-bottom: 5px;
        letter-spacing: 0;
    }

    .solution .btns {
        top: 60%;
    }

    .solution .btns ul li:hover a:after,
    .solution .btns ul li:hover a:before {
        line-height: 40px;
        padding: 0 10px;
    }

    .solution .btns:before {
        font-size: 15px;
        line-height: 40px;
        width: 40px;
        left: -45px;
    }
}

@media screen and (max-width: 800px) {
    .solution .text h1 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .solution .text h2 {
        font-size: 16px;
        margin-bottom: 0;
    }

    .solution .text small {
        font-size: 10px;
    }

    .solution .text {
        top: 30px;
    }

    .solution {
        height: auto;
    }

    .solution .contain {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        float: none;
        width: auto;
        height: 480px;
    }

    .solution .contain:hover {
        width: auto;
    }

    .solution:hover .contain {
        width: auto;
    }

    .solution .contain .videobg {
        display: block !important;
    }

    .solution .btns > p,
    .solution .btns:before {
        display: none !important;
    }

    .solution .btns ul:before {
        display: none;
    }

    .solution .btns ul {
        background: #fff;
    }

    .solution .btns ul li {
        display: block !important;
    }

    .solution .btns ul li p {
        white-space: normal;
        line-height: 1.5;
    }

    .solution .btns {
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        width: auto;
    }

    .solution .contain:hover .btns:before {
        display: none;
    }

    .solution .contain .btns,
    .solution .contain:hover .btns,
    .solution:hover .contain .btns {
        width: auto;
        display: block !important;
        opacity: 1;
        height: auto;
        border-bottom: 2px solid #3fa683;
    }

    .solution .contain .bg:before {
        background: rgba(0, 0, 0, 0.4);
    }

    .solution .contain .bg > div {
        filter: url(blur.svg#blur);
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: blur(0px);
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false);
    }
}

@media screen and (max-width: 480px) {
    .solution .btns ul li .iconfont {
        font-size: 25px;
        line-height: 30px;
    }

    .solution .contain {
        height: 160px;
    width: 50%;
    float: left;
    }
#new-solution{ padding-bottom:0px;}
}

.index .products {
    background: #fff;
    position: relative;
    padding: 80px 0 0;
}

.index .products:before {
    content: 'products';
    position: absolute;
    z-index: 0;
    font-size: 160px;
    font-weight: 900;
    font-family: Arial;
    color: #f9f9f9;
    right: 50%;
    margin-right: -600px;
    bottom: 20%;
    line-height: 1;
}

.index .products .item {
    position: relative;
    height: 602px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.index .products .item a {
    display: block;
    width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    color: #fff;
    height: 100%;
}

@media screen and (min-width: 800px) {
    .index .products .item a .tb {
        width: 428px;
    }

    .solution.on .posr {
        display: flex;
        justify-content: space-between;
    }
}

.index .products .item a h2 {
    font-size: 30px;
    letter-spacing: 3px;
    margin-bottom: 30px;
}

.index .products .item a p {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
}

.index .products .text {
    position: absolute;
    right: 55%;
    left: 0;
    top: 50%;
    height: 220px;
    margin-top: -210px;
    z-index: 1;
    color: #fff;
    padding: 100px 100px;
}

.index .products .text:before {
    content: '';
    display: block;
    width: 75%;
    right: 50%;
    margin-right: 100px;
    height: 2px;
    margin-top: -1px;
    background: #f2f2f2;
    position: absolute;
    top: 50%;
    display: none;
}

.index .products .text h2 {
    position: absolute;
    bottom: 50%;
    margin-bottom: 25px;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 3px;
}

.index .products .text p {
    position: absolute;
    top: 50%;
    margin-top: 25px;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 4px;
}

.index .products .face {
    position: relative;
    width: 65%;
    float: right;
    height: 590px;
    background-size: contain;
    background-position: center;
    z-index: 0;
    background-repeat: no-repeat;
}

.index .products .pages {
    position: absolute;
    top: 0;
    right: -200px;
    width: 450px;
    text-align: right;
    z-index: 3;
}

.index .products .pages p {
    color: #646464;
    position: relative;
    font-family: Arial;
    border-bottom: 1px solid #3fa683;
}

.index .products .pages p sup {
    position: absolute;
    top: 0;
    right: 90px;
    font-size: 30px;
}

.index .products .pages p strong {
    font-size: 90px;
    line-height: 1;
    letter-spacing: 8px;
}

.index .products .pages .pager {
    margin-top: 15px;
    padding-right: 8px;
}

.index .products .pages .pager li {
    border: 1px solid #3fa683;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    margin: 0 3px;
}

.index .products .pages .pager li a {
    background: #fff;
    text-indent: 999px;
    overflow: hidden;
    display: block;
    position: relative;
    line-height: 10px;
    border-radius: 100%;
}

.index .products .pages .pager li.active a:before {
    -webkit-animation: widerthenwider 3s linear;
    -o-animation: widerthenwider 3s linear;
    -moz-animation: widerthenwider 3s linear;
    animation: widerthenwider 3s linear;
    content: '';
    display: block;
    width: 0%;
    background: #3fa683;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.index .products .bx-controls {
    text-align: center;
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
}

.index .products .bx-pager {
    display: inline-block;
    margin-top: 30px;
}

.index .products .bx-pager .bx-pager-item {
    float: left;
    position: relative;
    padding: 0 20px;
}

.index .products .bx-pager .bx-pager-item a {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: rgba(255, 255, 255, .5);
    text-indent: -99999px;
    position: relative;
}

.index .products .bx-pager .bx-pager-item a.active {
    background: rgba(255, 255, 255, 1);
}

@media screen and (max-width: 1600px) {
    .index .products .pages {
        right: 10px;
    }
}

@media screen and (max-width: 1400px) {
    /*.index .products .pages { display: none; }*/
    .
    .index .products:before {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        margin: 0;
        padding: 0;
        font-size: 40px;
        color: #ccc;
        padding-left: 20px;
        font-weight: normal;
        text-transform: uppercase;
        font-family: 'enfont';
        content: '产品 products';
        line-height: 1;
        display: none;
    }

    .index .products .face {
        height: 500px;
    }

    .index .products .text {
        height: 180px;
        margin-top: -190px;
    }
}

@media screen and (max-width: 800px) {
    .index .products .text p {
        letter-spacing: 0;
    }

    .index .products .pages p {
        display: none;
    }

    .index .products .pages {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        top: auto;
        z-index: 99;
    }

    .index .products {
        padding: 30px 0;
    }

    .index .products .pages {
        width: auto;
    }

    .index .products .pages .pager {
        margin: 0;
        text-align: center;
    }

    .index .products .pages .pager li {
        margin: 0 5px;
    }

    .index .products:before {
        font-size: 35px;
        margin-bottom: 15px;
    }

    .index .products .items {
        padding-bottom: 50px;
    }

    .index .products .face {
        height: 300px;
        width: 60%;
        background-size: cover;
        background-position: center;
    }

    .index .products .text {
        margin: 0;
        padding: 0;
        top: 0;
        left: 0;
        bottom: 0;
        right: 60%;
        width: auto;
        position: absolute;
        height: auto;
        padding: 30px;
    }

    .index .products .text:before {
        display: none;
    }

    .index .products .text h2, .index .products .text p {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
    }

    .index .products .text h2 {
        font-size: 20px;
        margin-bottom: 10px;
        letter-spacing: 0;
        font-weight: normal;
        line-height: 1.5;
    }

    .index .products .text p {
        line-height: 1.5;
    }
}

@media screen and (max-width: 480px) {
    .index .products {
        padding: 10px 0;
        padding-top: 0;
    }

    .index .products .text {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
        padding: 20px;
    }

    .index .products .text h2 br {
        display: none;
    }

    .index .products .face {
        height: 250px;
        width: auto;
        float: none;
    }
}

.index .slogan {
    background: #fff;
    position: relative;
    display: none;
}

.index .slogan .text {
    padding: 250px 0;
    position: relative;
}

.index .slogan .text:after {
    content: '';
    display: block;
    bottom: 0;
    margin-top: 40px;
    height: 200px;
    left: 50%;
    width: 1px;
    background: #b2dbcd;
    position: absolute;
}

.index .slogan .text h1 {
    padding-left: 100px;
    font-weight: normal;
    font-size: 40px;
    color: #262626;
}

.index .slogan .text h1 font {
    color: #3fa683;
}

.index .slogan .text small {
    display: block;
    text-align: center;
}

.index .slogan .years {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
}

.index .slogan .years:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    letter-spacing: 0;
    background: url('../images/shadow.png') no-repeat top center;
    z-index: 3;
}

.index .slogan .years strong {
    font-size: 300px;
    font-weight: 900;
    display: block;
    line-height: 420px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -250px;
    width: 500px;
    text-align: center;
}

@media screen and (max-width: 800px) {
    .index .slogan {
        display: none;
    }

    .index .products .item a {
        width: 100%;
    }

    .index .news h2 {
        text-indent: 20px;
        width: 100%;
    }

    .index .news .new .text {
        padding-left: 20px;
        width: 100%;
    }

    .index .products .item a h2 {
        font-size: 18px;
        letter-spacing: 3px;
        margin-bottom: 20px;
        width: 95%;
        padding-top: 20px;
    }

    .index .products .item a p {
        font-size: 12px;
        line-height: 2;
        letter-spacing: 1px;
        width: 95%;
    }

    .index .products .item a .tb-c {
        vertical-align: top;
    }

    .index .products .bx-controls {
        bottom: 20px;
    }

    .index .products .item {
        height: 400px;
    }

    .index .products .item::before {
        position: absolute;
        content: '';
        display: none;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .3);
        z-index: 0;
    }

    .index .products .item a {
        padding: 0 20px;
        position: relative;
        z-index: 1;
    }


}

.index .friends {
    background: #f3f3f4;
    padding: 50px 0;
}

.index .friends .title {
    margin-bottom: 20px;
}

.index .friends .title h1 {
    font-weight: normal;
    font-size: 30px;
    letter-spacing: 5px;
    color: #595757;
}

.index .friends .title span {
    font-weight: normal;
    font-size: 30px;
    letter-spacing: 5px;
    color: #595757;
}

.index .friends .title h1 font {
    color: #3fa683;
}

.index .friends .title span font {
    color: #3fa683;
}

.index .friends .tabs li {
    float: left;
    width: 50%;
}

.index .friends .tabs li a {
    margin: 2px;
    border-bottom: 2px solid #b3b3b3;
    display: block;
    padding: 10px;
    color: #b3b3b3;
}

.index .friends .tabs li p {
    font-size: 14px;
    line-height: 1.2;
}

.index .friends .tabs li p em {
    font-style: normal;
    font-weight: normal;
}

.index .friends .tabs li p small {
    display: block;
    opacity: 0.5;
}

.index .friends .tabs li:hover a,
.index .friends .tabs li.active a {
    color: #3fa683;
    border-color: #3fa683;
}

.index .friends .uikit_tabpages {
}

.index .friends .page {
    margin-top: 30px;
    display: none;
}

.index .friends .page.active {
    display: block;
}

.index .friends .page li {
    width: 20%;
    float: left;
    margin-top: 15px;
    text-align: left;
}

.index .friends .growbtn2 {
    margin-top: 35px;
    line-height: 55px;
    border-radius: 55px;
    padding: 0 40px;
    color: #fff;
    font-size: 15px;
    letter-spacing: 2px;
    box-shadow: 0px 10px 32px rgba(68, 224, 171, .3);
}

@media screen and (max-width: 1400px) {
    .index .friends {
        padding: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .index .friends {
        padding: 30px;
    }

    .index .friends .title h1 {
        font-size: 35px;
        letter-spacing: 0;
    }

    .index .friends .title span {
        font-size: 35px;
        letter-spacing: 0;
    }

    .index .friends .page {
        margin-top: 20px;
    }

    .index .friends .growbtn {
        margin-top: 60px;
    }
}

@media screen and (max-width: 800px) {
    .index .friends {
        padding: 20px;
    }

    .index .friends .title h1 {
        font-size: 25px;
    }

    .index .friends .title span {
        font-size: 25px;
    }

    .index .friends .title {
        margin-bottom: 10px;
        line-height: 32px;
    }

    .index .friends .growbtn {
        margin-top: 40px;
    }
}

@media screen and (max-width: 480px) {
    .index .friends .page li {
        width: 50%;
    }

    .index .friends .growbtn {
        margin-top: 20px;
    }

    /*.index .friends .title h1 { display: none; }*/
}

.index {
    overflow: hidden;
}

.index .advantage {
    background: #fff;
    background-size: cover;
    padding: 40px 0;
}

.index .advantage h2.tac {
    font-size: 18px;
    font-weight: normal;
    color: #000;
    letter-spacing: 4px;
}

.index .advantage .items {
    margin: 0 -42px;
    position: relative;
    z-index: 1;
    padding: 100px 0;
}

.index .advantage .items .item {
    float: left;
    width: 33.333%;
}

.index .advantage .items .item:nth-child(2) {
    margin: -30px 0;
}

.index .advantage .items .item .card {
    margin: 0 42px;
    background: #fff;
    box-shadow: 9px 0 60px rgba(0, 0, 0, 0.14);
    padding: 40px 55px;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
}

.index .advantage .card:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

.index .advantage .items .item:nth-child(2) .card {
    padding: 70px 55px;
}

.index .advantage .card .face {
    display: inline-block;
    width: 140px;
    height: 140px;
    border-radius: 100%;
    background-size: cover;
    background-position: center;
    margin-bottom: 43px;
}

.index .advantage .card .title {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.index .advantage .card .title h1 {
    font-size: 28px;
    font-weight: normal;
    color: #000;
    line-height: 1;
    margin-bottom: 15px;
}

.index .advantage .card .title small {
    color: #000;
    opacity: .5;
    font-size: 14px;
}

.index .advantage .card .title:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 2px;
    left: 0;
    right: 0;
    background: #37b8ab;
    background: -moz-linear-gradient(left, #37b8ab 0%, #3cc78d 100%);
    background: -webkit-linear-gradient(left, #37b8ab 0%, #3cc78d 100%);
    background: linear-gradient(to right, #37b8ab 0%, #3cc78d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37b8ab', endColorstr='#3cc78d', GradientType=1);
}

.index .advantage .card p {
    line-height: 40px;
    font-size: 14px;
    color: #404040;
    letter-spacing: 2px;
}

@media screen and (max-width: 1400px) {
    .index .advantage:before {
        display: none;
    }

    .index .advantage .items {
        margin: 0 -21px;
    }

    .index .advantage .items .item .card {
        margin: 0 21px;
    }
}

@media screen and (max-width: 1024px) {
    .index .advantage .items .item .card {
        padding: 30px;
    }

    .index .advantage .items .item:nth-child(2) {
        margin: -20px 0;
    }

    .index .advantage .items .item:nth-child(2) .card {
        padding: 50px 30px;
    }

    .index .advantage .card .face {
        width: 100px;
        height: 100px;
        margin-bottom: 20px;
    }

    .index .advantage .card .title h1 {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .index .advantage .card .title small {
        font-size: 12px;
    }

    .index .advantage .card .title {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .index .advantage .card p {
        line-height: 2.5;
        font-size: 13px;
    }

    .index .advantage {
        padding: 30px 0;
    }
}

@media screen and (max-width: 800px) {
    .index .advantage .items .item:nth-child(n) {
        margin: 0;
        padding: 0;
        float: none;
        width: auto;
    }

    .index .advantage .items .item:nth-child(n) .card {
        padding: 25px;
        margin-bottom: 10px;
    }

    .index .advantage .items .item:nth-child(n) .card:hover {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }

    .index .advantage {
        padding: 20px 0;
    }
}

@media screen and (max-width: 480px) {
    .index .advantage .items {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .index .advantage .items .item {
        float: none;
    }

    .index .advantage .items .item .card {
        box-shadow: none;
        margin: 0;
        padding: 20px;
        text-align: center;
    }

    .index .advantage .bx-controls {
        text-align: center;
    }

    .index .advantage .bx-pager {
        display: inline-block;
        overflow: hidden;
    }

    .index .advantage .bx-pager-item {
        display: inline-block;
        margin: 0 2px;
        float: left;
    }

    .index .advantage .bx-pager-item a {
        display: inline-block;
        width: 20px;
        height: 4px;
        border: 1px solid #3fa683;
        text-indent: -999px;
        overflow: hidden;
    }

    .index .advantage .bx-pager-item a.active {
        background: #3fa683
    }

    .index .advantage .card p {
        font-size: 14px;
    }

    .index .advantage {
        display: none;
    }
}

.index .news {
    background: #fff;
    padding: 50px 0;
}

.index .news .title {
    margin-bottom: 40px;
    position: relative;
}

.index .news .title:after {
    content: '';
    display: none;
    bottom: -70px;
    height: 60px;
    position: absolute;
    left: 50%;
    background: #b2dbcd;
    width: 1px;
}

.index .news .title h1 {
    font-size: 40px;
    letter-spacing: 4px;
    color: #252525;
    font-weight: normal;
    text-align: left;
}

.index .news .title h3 {
    font-size: 40px;
    letter-spacing: 4px;
    color: #252525;
    font-weight: normal;
    text-align: left;
}

.index .news .title h1 font {
    color: #3fa683;
}

.index .news .title h3 font {
    color: #3fa683;
}

.index .news h2 {
    width: 90%;
    margin-bottom: 24px;
    text-align: left;
    line-height: 70px;
    font-size: 24px;
    font-weight: normal;;
    color: #000;
    letter-spacing: 5px;
    position: relative;
    border-bottom: 1px solid #9fa0a0;
}

.index .news .new h2:before {
    content: '';
    display: none;
    width: 9999px;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    background: #f6f6f6;
}

.index .news .new .text {
    width: 90%;
}

.index .news .new h5 {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 5px;
    color: #3fa683;
    font-weight: normal;
    margin-bottom: 10px;
}

.index .news .new small {
    font-size: 12px;
    letter-spacing: 1px;
    color: #bcbcbc;
    display: block;
    margin-bottom: 20px;
}

.index .news .new p {
    line-height: 14px;
    line-height: 24px;
    color: #000;
    letter-spacing: 1px;
}

.index .news .new {
    position: relative;
}

.index .news .new a {
    display: inline-block;
    font-size: 14px;
    width: 140px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    background: url("../images/alan-btn-bg.png") no-repeat center center;
    background-size: cover;
    border-radius: 5px;
}

.index .news .new a:hover {
    background: #3fa683;
    color: #fff;
}

.index .news .new a:hover:after {
    color: #fff;
}

.index .news .hot h2 {
    width: 100%;
}

.index .news .hot .face {
    position: relative;
    overflow: hidden;
}

.index .news .hot .face img {
    width: 100%;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.index .news .hot .face:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.index .news .hot .face p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 50px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    line-height: 2;
    letter-spacing: 1px;
}

.index .news .hot .face #hot-con {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 50px;
    height: 28px;
    background: rgba(0, 0, 0, 0.4);
}

.index .news .hot .face #hot-con ul {
    width: 100%;
    height: 28px;
    position: absolute;
}

.index .news .hot .face #hot-con ul > li {
    color: #fff;
    line-height: 2;
    letter-spacing: 1px;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index .news .hot .face #hot-con ul > li > a {
    color: #fff;
    line-height: 2;
    letter-spacing: 1px;
    display: inline-block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index .news .text {
    display: none;
}

.index .news .text.active {
    display: block;
}

.index .news .pages {
    position: absolute;
    bottom: 90px;
    left: -180px;
    right: 50px;
    border-bottom: 1px solid #e1e1e1;
}

.index .news .pages .page {
    position: relative;
}

.index .news .pages .page sup {
    position: absolute;
    top: 0;
    left: -60px;
    font-size: 30px;
}

.index .news .pages .page strong {
    font-size: 96px;
    line-height: 1.2;
}

@media screen and (max-width: 1400px) {
    .index .news .title {
        margin-bottom: 50px;
    }

    .index .news .title h1 {
        font-size: 35px;
    }

    .index .news .title h3 {
        font-size: 35px;
    }

    .index .news h2 {
        font-size: 22px;
        letter-spacing: 0;
        font-weight: normal;
        line-height: 60px;
    }

    .index .news .new .text {
        padding-top: 45px;
    }

    .index .news .new a {
        margin-top: 50px;
    }
}

@media screen and (max-width: 1200px) {
    .index .news .pages {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    .header .functions {
        background: none;
        padding: 0 10px;
    }

    .index .news .new .text {
        padding-top: 0;
    }

    .header .functions .contact,
    .header .functions .login,
    .header .functions .search {
        color: #292929;
        padding: 0 5px;
    }

    .index .news .title h1 {
        font-size: 25px;
        text-align: center;
    }

    .index .news .title h3 {
        font-size: 25px;
        text-align: center;
    }

    .index .news .title {
        margin-bottom: 20px;
    }

    .index .news {
        padding: 25px 0;
    }

    .index .news .new h5 {
        letter-spacing: 0;
        font-size: 20px;
    }

    .index .news .new small {
        letter-spacing: 0;
    }

    .index .news .new p {
        letter-spacing: 0;
    }

    .index .news .hot .face p {
        padding: 10px;
        letter-spacing: 0;
        font-size: 12px;
        line-height: 1.5;
    }

    .index .news .new a {
        margin-top: 30px;
        margin-bottom: 25px;
    }

    .index .news .new a:after {
        right: 20px;
        font-size: 20px;
    }

    .index .news h2 {
        font-size: 16px;
        line-height: 45px;
        text-indent: 20px;
    }
}

@media screen and (max-width: 480px) {
    .index .news .md6 {
        float: none;
        width: auto;
        margin-bottom: 15px;
    }
}

.index .gotop {
    background: #f3f3f4;
    padding: 50px 0;
    display: none;
}

.index .gotop a {
    display: block;
    color: #bbb;
    letter-spacing: 5px;
}

.index .gotop .dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #3fa683;
    position: relative;
    margin-bottom: 10px;
}

.index .gotop .dot:before {
    content: '';
    display: block;
    position: absolute;
    left: 100%;
    margin-left: 10px;
    width: 80px;
    height: 1px;
    background: #ccc;
    top: 50%;
}

.index .gotop .dot:after {
    content: '';
    display: block;
    position: absolute;
    right: 100%;
    margin-right: 10px;
    width: 80px;
    height: 1px;
    background: #ccc;
    top: 50%;
}


.footer img {
    height: 25px;
    float: left;
}

.footer p {
    float: left;
    line-height: 25px;
    color: #7d7d7d;
    font-size: 14px;
    padding-left: 50px;
    position: relative;
}

/*.footer p:before { content: '';display: block; width: 50px; height: 1px; position: absolute; left: 15px; background: #fff; top: 50%; }*/

@media screen and (max-width: 480px) {
    .index .gotop {
        padding: 20px 0;
        padding-top: 0;
        display: none;
    }

    .footer {
        padding: 10px 20px;
    }

    .footer img {
        float: none;
        height: 20px;
    }

    .footer p {
        float: none;
        margin-top: 10px;
        letter-spacing: 0;
        font-size: 12px;
        padding: 0;
        line-height: 1;
        color: #aaa;
    }

    .footer p:before {
        content: '';
        display: none;
    }

    .index .news {
        padding-bottom: 0;
    }

    .index .news .md6 {
        margin-bottom: 0;
    }
}

/*字体引入*/
.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'iconfont';  /* project id 221123 */
    src: url('//at.alicdn.com/t/font_mt85woz5f43lq5mi.eot');
    src: url('//at.alicdn.com/t/font_mt85woz5f43lq5mi.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_mt85woz5f43lq5mi.woff') format('woff'),
    url('//at.alicdn.com/t/font_mt85woz5f43lq5mi.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_mt85woz5f43lq5mi.svg#iconfont') format('svg');
}

.enfont, .enfont * {
    font-family: 'enfont';
}

@font-face {
    font-family: 'enfont';
    src: url('fonts/enfont.eot');
    src: url('fonts/enfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/enfont.woff') format('woff'),
    url('fonts/enfont.ttf') format('truetype'),
    url('fonts/enfont.svg#enfont') format('svg');
}

.notice {
    background: #4cb2d6;
    color: #fff;
    position: relative;
    z-index: 9999999;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.notice .maxsize {
    position: relative;
    padding: 20px;
}

.notice p {
    padding-right: 100px;
    font-size: 14px;
    line-height: 24px;
}

.notice .btn {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 20px;
    line-height: 22px;
    font-size: 14px;
    background: #fff;
    padding: 0 20px;
    border-radius: 4px;
    border: 1px solid #fff;
    color: #4cb2d6;
}

.notice .btn:hover {
    background: #4cb2d6;
    color: #fff;
}

.loading .circular {
    -webkit-animation: sm-rotate 2s linear infinite;
    -o-animation: sm-rotate 2s linear infinite;
    animation: sm-rotate 2s linear infinite;
    transform-origin: center center;
}

.loading .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: sm-dash 1.5s ease-in-out infinite, sm-color 6s ease-in-out infinite;
    -o-animation: sm-dash 1.5s ease-in-out infinite, sm-color 6s ease-in-out infinite;
    animation: sm-dash 1.5s ease-in-out infinite, sm-color 6s ease-in-out infinite;
    stroke-linecap: round
}

@keyframes sm-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes sm-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes sm-color {
    100%, 0% {
        stroke: #d9534f
    }
    40% {
        stroke: #2ca1c3
    }
    66% {
        stroke: #94bd31
    }
    80%, 90% {
        stroke: #f0ad4e
    }
}


@keyframes 'indexaboutcirclea' {
    0% {
        border: 0px solid;
        border-color: rgba(60, 199, 185, 0);
        margin: -0;
    }
    50% {
        border: 0px solid;
        border-color: rgba(60, 199, 185, .1);
        margin: -20px;
    }
    100% {
        border: 40px solid;
        border-color: rgba(60, 199, 185, 0);
        margin: -40px;
    }
}

@-webkit-keyframes 'indexaboutcirclea' {
    0% {
        border: 0px solid;
        border-color: rgba(60, 199, 185, .0);
        margin: -0px;
    }
    50% {
        border: 20px solid;
        border-color: rgba(60, 199, 185, .1);
        margin: -20px;
    }
    100% {
        border: 40px solid;
        border-color: rgba(60, 199, 185, 0);
        margin: -40px;
    }
}

@keyframes 'indexaboutcircleb' {
    0% {
        border: 0px solid;
        border-color: rgba(60, 199, 185, 0);
        margin: 0px;
    }
    50% {
        border: 20px solid;
        border-color: rgba(60, 199, 185, .1);
        margin: -20px;
    }
    100% {
        border: 40px solid;
        border-color: rgba(60, 199, 185, 0);
        margin: -40px;
    }
}

@-webkit-keyframes 'indexaboutcircleb' {
    00% {
        border: 0px solid;
        border-color: rgba(60, 199, 185, 0);
        margin: 0px;
    }
    50% {
        border: 20px solid;
        border-color: rgba(60, 199, 185, .1);
        margin: -20px;
    }
    100% {
        border: 40px solid;
        border-color: rgba(60, 199, 185, 0);
        margin: -40px;
    }
}


@-webkit-keyframes flipIn {
    0% {
        -webkit-transform: perspective(400px) rotateX(-90deg);
        transform: perspective(400px) rotateX(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes flipIn {
    0% {
        -webkit-transform: perspective(400px) rotateX(-90deg);
        -ms-transform: perspective(400px) rotateX(-90deg);
        transform: perspective(400px) rotateX(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes 'widerthenwider' {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

@-webkit-keyframes 'widerthenwider' {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

.index .tiyan {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.4);
    display: none;
}

.index .tiyan .win {
    width: 750px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 100px;
    bottom: 100px;
    margin-left: -375px;
}

.index .tiyan .win .nicescroll {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.index .tiyan .close {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 60px;
}

.index .tiyan .win .face {
    height: 230px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.index .tiyan .win .cont {
    padding: 30px 45px;
    padding-top: 10px;
}

.index .tiyan .win h3 {
    line-height: 50px;
    font-size: 16px;
    color: #262626;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    font-weight: normal;
    margin-bottom: 10px;
}

.index .tiyan .win p {
    font-size: 13px;
    line-height: 24px;
    color: #262626;
}

.index .tiyan .win .form {
    padding: 20px 0;
}

.index .tiyan .win .input {
    padding: 10px 30px;
}

.index .tiyan .win .input input {
    border-bottom: 1px solid #d9d9d9;
    line-height: 40px;
    width: 100%;
    height: 40px;
}

.index .tiyan .win .tip {
    color: #a6a6a6;
    margin-bottom: 20px;
}

.index .tiyan .win a.btn {
    line-height: 45px;
    color: #fff;
    display: inline-block;
    padding: 0 40px;
    border-radius: 45px;
    font-size: 16px;
    box-shadow: none;
}

@media screen and (max-width: 800px) {
    .index .tiyan .win {
        width: auto;
        margin: 0;
        left: 10px;
        right: 10px;
    }

    .index .tiyan .win .input {
        padding: 10px;
    }

    .index .tiyan .win .face {
        height: 200px;
    }

    .index .tiyan .win .cont {
        padding: 20px;
    }

    .index .tiyan .close {
        width: 35px;
        height: 35px;
        right: -10px;
        top: -10px;
        line-height: 35px;
        font-size: 20px;
    }
}

@media screen and (max-width: 480px) {
    .index .tiyan .win .face {
        height: 150px;
    }

    .index .tiyan .win h3 {
        line-height: 35px;
        font-size: 14px;
    }

    .index .tiyan .win p {
        font-size: 12px;
        line-height: 1.5;
    }

    .index .tiyan .win .form .md6 {
        float: none;
        width: auto;
    }

    .index .tiyan .win .input input {
        line-height: 30px;
    }
}


.pd .tiyan {
    position: fixed;
    top: 55px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    background: rgba(0, 0, 0, 0.4);
    display: none;
}

.pd .tiyan .win {
    width: 750px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 100px;
    bottom: 100px;
    margin-left: -375px;
}

.pd .tiyan .win .nicescroll {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.pd .tiyan .close {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 60px;
}

.pd .tiyan .win .face {
    height: 230px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.pd .tiyan .win .cont {
    padding: 30px 45px;
    padding-top: 10px;
}

.pd .tiyan .win h3 {
    line-height: 50px;
    font-size: 16px;
    color: #262626;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    font-weight: normal;
    margin-bottom: 10px;
}

.pd .tiyan .win p {
    font-size: 13px;
    line-height: 24px;
    color: #262626;
}

.pd .tiyan .win .form {
    padding: 20px 0;
}

.pd .tiyan .win .input {
    padding: 10px 30px;
}

.pd .tiyan .win .input input {
    border-bottom: 1px solid #d9d9d9;
    line-height: 40px;
    width: 100%;
    height: 40px;
}

.pd .tiyan .win .tip {
    color: #a6a6a6;
    margin-bottom: 20px;
}

.pd .tiyan .win a.btn {
    line-height: 45px;
    color: #fff;
    display: inline-block;
    padding: 0 40px;
    border-radius: 45px;
    font-size: 16px;
    box-shadow: none;
}

@media screen and (max-width: 800px) {
    .pd .tiyan .win {
        width: auto;
        margin: 0;
        left: 10px;
        right: 10px;
    }

    .pd .tiyan .win .input {
        padding: 10px;
    }

    .pd .tiyan .win .face {
        height: 200px;
    }

    .pd .tiyan .win .cont {
        padding: 20px;
    }

    .pd .tiyan .close {
        width: 35px;
        height: 35px;
        right: -10px;
        top: -10px;
        line-height: 35px;
        font-size: 20px;
    }
}

@media screen and (max-width: 480px) {
    .pd .tiyan .win .face {
        height: 150px;
    }

    .pd .tiyan .win h3 {
        line-height: 35px;
        font-size: 14px;
    }

    .pd .tiyan .win p {
        font-size: 12px;
        line-height: 1.5;
    }

    .pd .tiyan .win .form .md6 {
        float: none;
        width: auto;
    }

    .pd .tiyan .win .input input {
        line-height: 30px;
    }
}


.askbtn {
    position: fixed;
    top: 60%;
    right: 20px;
    z-index: 2;
}

.askbtn > a {
    color: #fff;
    padding: 0 15px;
    line-height: 42px;
    border-radius: 42px;
}

.askbtn > a .iconfont {
    display: inline-block;
    float: left;
}

.askbtn > a span {
    width: 0;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    float: left;
    letter-spacing: 5px;
}

.askbtn > a:hover span {
    width: 80px;
    margin-left: 10px;
}

.zixun {
    position: fixed;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 60px rgba(0, 0, 0, .1);
    left: 50%;
    top: 50%;
    display: none;
    margin: -200px;
    z-index: 99;
}

.zixun .cont {
    position: relative;
    z-index: 9;
    padding: 20px 45px;
    background: #fff;
    border-radius: 6px;
    width: 310px;
}

.zixun:before {
    content: '';
    left: -999px;
    right: -999px;
    top: -999px;
    bottom: -999px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: -1;
}

.zixun .close {
    position: absolute;
    top: -10px;
    right: -10px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background: #000;
    border-radius: 100%;
    z-index: 10;
}

.zixun h3 {
    font-size: 18px;
    color: #000;
    font-weight: normal;
    margin-bottom: 10px;
}

.zixun .labels li {
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.zixun .form {
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    overflow: hidden;
    margin: 15px 0;
}

.zixun .form .bottom,
.zixun .form .top {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px;
}

.zixun .form .top input {
    width: 100%;
    line-height: 30px;
    height: 30px;
}

.zixun .form .bottom textarea {
    width: 100%;
}

.zixun .form .code {
    padding: 10px;
}

.zixun .growbtn {
    line-height: 42px;
    padding: 0 30px;
    color: #fff;
    border-radius: 42px;
    box-shadow: none;
}

.zixun .btn {
    position: relative;
}

.zixun .btn .pic {
    position: absolute;
    top: 50%;
    margin-top: -20px;
}

@media screen and (max-width: 800px) {
    .askbtn {
        position: fixed;
        bottom: 20px;
        right: 20px;
        top: auto;
        z-index: 9;
    }

    .zixun {
        position: fixed;
        top: 50%;
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0;
        margin-top: -200px;
    }

    .zixun .cont {
        padding: 20px;
        width: auto;
    }
}

.index > section.solution {
    z-index: 5;
}

.qrcodewin {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -100px;
    width: 200px;
    margin-top: -100px;
    top: 50%;
    z-index: 99;
    background: #fff;
    display: none;
}

.qrcodewin .title {
    position: relative;
    border-bottom: 1px solid #eaeaea;
    padding: 0 20px;
}

.qrcodewin .cont {
    padding: 10px;
}

.qrcodewin .title h1 {
    font-weight: normal;
    font-size: 16px;
    line-height: 35px;
}

.qrcodewin .title a.close {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 35px;
    width: 35px;
    border-left: 1px solid #eaeaea;
    text-align: center;
}

.footer {
    background: #5f5f5f;
    padding: 0;
}

.footer .sitemap {
    padding-bottom: 30px;
    padding-top: 15px;
}

.footer .sitemap dl {
    float: left;
    width: 14.2857%;
}

.footer .sitemap dt a {
    margin-bottom: 20px;
    color: #fff;
    font-size: 16px;
    display: block;
}

.footer .sitemap dd a {
    display: block;
    line-height: 30px;
    font-size: 14px;
}

.footer .sitemap dd a:hover {
    color: #fff;
}

.footer .sitemap dd.sns a {
    display: inline-block;
    margin-right: 10px;
}

.footer .sitemap .iconfont {
    font-size: 20px;
    line-height: 25px;
    width: 25px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
}

.footer .sitemap a {
    color: #868686;
}

.footer .copy {
    background: #565656;
    display: block;
    padding: 20px 0;
    text-align: center;
}
.footer .copy a{
    color:#868686;
}

@media screen and (max-width: 800px) {
    .footer .sitemap {
        padding-bottom: 0px;
		display:none;
    }

    .footer_mobile dl {
        width: 25% !important;
        text-align: center;
    }
}


/*partner*/
.uikit_slogan {
    text-align: center;
    position: relative;
    padding-top: 120px;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.uikit_slogan .text {
    padding: 120px 0;
}

.uikit_slogan .text h1 {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 8px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 33px;
    padding-bottom: 33px;
    position: relative;
}

.uikit_slogan .text h1:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 6px;
    height: 6px;
    margin: -3px;
    background: #fff;
    border-radius: 100%;
    opacity: 0;
}

.uikit_slogan .text h1 font {
    color: #3fa683;
}

.uikit_slogan .text small {
    font-size: 16px;
    letter-spacing: 10px;
    display: block;
}

.uikit_slogan .text .btns {
    margin-top: 50px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.uikit_slogan .text .btns a {
    display: block;
    float: left;
    width: 18%;
    border: 1px solid #fff;
    line-height: 60px;
    margin: 0 1.5%;
    border-radius: 5px;
}

.uikit_slogan .text .btns a span {
    display: inline-block;
    color: #fff;
    position: relative;
    padding-top: 28px;
    font-size: 14px;
}

.uikit_slogan .text .btns a span .iconfont {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 30px;
    margin-top: -15px;
    color: rgba(255, 255, 255, 1);
    font-size: 26px;
}

.uikit_slogan .text .btns a span font {
    letter-spacing: 3px;
}

.partner > .tabs {
    background: #f2f4f5;
}

.partner > .tabs .md4 .con {
    padding: 65px 10px;
    text-align: center;
    display: block;
    position: relative;
}

.partner > .tabs .icon {
    background: #3cc78d;
    background: -moz-linear-gradient(top, #3cc78d 0%, #3cc7b9 100%);
    background: -webkit-linear-gradient(top, #3cc78d 0%, #3cc7b9 100%);
    background: linear-gradient(to bottom, #3cc78d 0%, #3cc7b9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3cc78d', endColorstr='#3cc7b9', GradientType=0);
    display: inline-block;
    width: 150px;
    height: 150px;
    border-radius: 100%;
}

.partner > .tabs .icon h2 {
    line-height: 148px;
    margin: 1px;
    background: #f2f4f5;
    border-radius: 100%;
    font-size: 14px;
    color: #404040;
    letter-spacing: 3px;
}

.partner > .tabs p {
    margin-top: 25px;
    font-size: 13px;
    color: #595959;
}

.partner > .tabs .active .icon h2 {
    background: none;
    color: #fff;
}

.partner > .tabs .active p {
    color: #4ecaab;
}

.partner > .tabs .md4.active .con:after {
    content: '';
    width: 1px;
    height: 1px;
    position: absolute;
    bottom: 0;
    border: 20px solid;
    margin-left: -20px;
    left: 50%;
    border-color: transparent transparent #fff;
}

.partner > .content {
    padding: 45px 0;
    background: #fff;
}

.tobepartner {
    letter-spacing: 3px;
    padding: 30px 0;
}

.tobepartner a {
    color: #3fa683;
    padding-left: 20px;
    font-style: normal;
}

.tobepartner a font {
    text-decoration: underline;
}

.tobepartner a .iconfont {
    padding-left: 5px;
}

.partner .whytitle {
    border-bottom: 1px solid #d9d9d9;
    padding: 40px 0;
    position: relative;
    margin-bottom: 30px;
}

.partner .whytitle:after {
    content: '';
    display: block;
    width: 50px;
    height: 14px;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -25px;
    background: url('../images/arrowDown.png');
}

.partner .whytitle h1 {
    font-size: 42px;
    color: #262626;
    font-weight: normal;
    letter-spacing: 10px;
    margin-bottom: 20px;
}

.partner .whytitle p {
    font-size: 12px;
    color: #a8a8a8;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.partner .content .block {
    margin-bottom: 30px;
}

.partner .content .block .title {
    text-align: center;
    padding: 30px 0;
}

.partner .content .block .title h1 {
    position: relative;
    font-size: 22px;
    color: #000;
    font-weight: normal;
    letter-spacing: 10px;
    padding-bottom: 25px;
    position: relative;
}

.partner .content .block .title h1:after {
    content: '';
    opacity: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50px;
    height: 2px;
    background: #3fa683;
    margin-left: -25px;
}

.partner .reason .con {
    padding: 0 14px;
    text-align: center;
}

.partner .reason .con img {
    width: 100%;
}

.partner .reason .con p {
    display: inline-block;
    padding-left: 25px;
    margin-top: 25px;
    font-size: 14px;
    color: #404040;
    letter-spacing: 4px;
    position: relative;
}

.partner .reason .con p:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    background: #e5e5e5;
    margin: -2px;
    border-radius: 100%;
}

.partner .support ul {
    padding: 0 20px;
}

.partner .support li {
    float: left;
    width: 20%;
    text-align: center;
}

.partner .support li .con {
    padding: 0 30px;
}

.partner .support li .icon {
    line-height: 95px;
    border: 1px solid #e5e5e5;
    margin-bottom: 25px;
}

.partner .support li .icon .iconfont {
    display: block;
    font-size: 30px;
    color: #3cc7a0;
}

.partner .support li p {
    font-size: 14px;
    color: #595959;
    letter-spacing: 3px;
    line-height: 24px;
}

.partner .step li {
    float: left;
    width: 33.333%;
    text-align: center;
}

.partner .step li img {
    width: 100%;
}

.partner .step li p {
    margin-top: 25px;
    display: inline-block;
    letter-spacing: 2px;
    padding-right: 25px;
    display: inline-block;
    position: relative;
}

.partner .step li p:after {
    content: '\e685';
    font-family: 'iconfont';
    color: #3cc7a0;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 50%;
    line-height: 30px;
    margin-top: -15px;
}

.partner .form .top {
    background: #f7f7f7;
    padding: 20px 50px;
    margin-bottom: 19px;
}

.partner .form .md8 label {
    float: left;
    width: 25%;
    position: relative;
}

.partner .form .md8 label span {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    line-height: 30px;
}

.partner .form .md8 label input {
    text-indent: 50px;
    width: 100%;
    line-height: 30px;
    height: 30px;
    background: none;
    border-bottom: 1px solid transparent;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.partner .form .md8 label input:focus {
    border-bottom: 1px solid #3cc78d;
    transform: translateY(2px);
    -o-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -webkit-transform: translateY(2px);
}

.partner .form .md4 select {
    float: left;
    width: 23.333%;
    margin: 0 5%;
    background: url(../images/xiala.png) no-repeat top right;
    height: 30px;
    line-height: 30px;
}

.partner .form .bottom {
    background: #f7f7f7;
    padding: 20px 50px;
    margin-bottom: 19px;
}

.partner .form .bottom textarea {
    width: 100%;
    line-height: 30px;
    height: 90px;
    background: none;
}

.partner .form .growbtn2 {
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    line-height: 35px;
    padding: 0 50px;
    border-radius: 8px;
    box-shadow: 0 10px 26px rgba(68, 224, 171, .4);
}

.uikit_gotop {
    text-align: center;
    padding-top: 30px;
    display: none;
}

.uikit_gotop a {
    display: inline-block;
    padding: 0 50px;
    line-height: 50px;
    color: #b3b3b3;
    border: 1px solid #b3b3b3;
}

.partner .plist {
    position: relative;
}

.partner .plist .title {
    padding: 44px 0;
    text-align: center;
}

.partner .plist .title h1 {
    font-size: 28px;
    color: #262626;
    font-weight: normal;
    margin-bottom: 50px;
    letter-spacing: 10px;
}

.partner .plist .title p {
    font-style: italic;
    font-size: 16px;
    color: #262626;
    letter-spacing: 5px;
}

.partner .plist ul li {
    float: left;
    width: 20%;
}

.partner .plist ul li .con {
    padding: 20px;
    text-align: center;
}

.partner .plist ul li .icon {
    height: 80px;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
}

.partner .plist ul li p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #8c8c8c;
    font-style: italic;
    font-size: 14px;
    line-height: 30px;
}

.plogin {
    background-position: top center;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
}

.plogin .win {
    width: 100%;
    max-width: 350px;
    display: inline-block;
    padding-top: 100px;
}

.plogin .win .title {
    margin-bottom: 80px;
}

.plogin .win .tabs {
    position: relative;
    text-align: left;
    margin-bottom: 30px;
}

.plogin .win .tabs a {
    font-size: 16px;
    color: #c8c8c8;
    font-size: 16px;
    font-weight: 900;
    display: inline-block;
    padding: 0 10px;
    position: relative;
}

.plogin .win .tabs a.active {
    color: #4c9e83;
}

.plogin .win .tabs a.active:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -32px;
    left: 50%;
    width: 16px;
    height: 9px;
    margin-left: -8px;
    background: url('../images/arrowUp.jpg') no-repeat top center;
    z-index: 9;
}

.plogin .win .tabs .forget {
    position: absolute;
    top: 50%;
    right: 0;
    line-height: 40px;
    margin-top: -20px;
    font-weight: normal;
    font-size: 13px;
    color: #4c9e83;
}

.plogin .win .page {
    text-align: left;
    display: none;
}

.plogin .win .page.active {
    display: block;
}

.plogin .win .page .input {
    background: #f2f4f5;
    border-top: 1px solid #c2c3c4;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px;
}

.plogin .win .page .input .iconfont {
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    text-align: center;
    color: #4c9e83;
    line-height: 40px;
    margin-top: -20px;
}

.plogin .win .page .input input {
    width: 100%;
    background: none;
    text-indent: 40px;
    line-height: 55px;
}

.plogin .win .page .input input[type="button"],
.plogin .win .page .input input[type="submit"] {
    text-indent: 0;
    background: #3cc78d;
    background: -moz-linear-gradient(top, #3cc78d 0%, #3cc7b9 100%);
    background: -webkit-linear-gradient(top, #3cc78d 0%, #3cc7b9 100%);
    background: linear-gradient(to bottom, #3cc78d 0%, #3cc7b9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3cc78d', endColorstr='#3cc7b9', GradientType=0);
    color: #fff;
    border: 0;
    font-size: 18px;
    letter-spacing: 2px;
}

.plogin .win .page > .tac {
    font-size: 13px;
}

.plogin .win .page > .tac a {
    color: #4c9e83;
    text-decoration: underline;
}

.pfooter {
    background: rgba(0, 0, 0, 0.25);
    position: fixed;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 20px 0;
}

.pfooter p {
    max-width: 1200px;
    display: inline-block;
    color: #fff;
}

.dl .slogan {
    padding-top: 120px;
    background-size: cover;
    background-position: center;
    text-align: center;
}

.dl .slogan .text {
    padding: 120px 0;
    color: #fff;
}

.dl .slogan .text h1 {
    font-size: 40px;
    font-weight: normal;
    letter-spacing: 10px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
}

.dl .slogan .text h1:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: -3px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #fff;
}

.dl .content {
    background: #fff;
    padding: 80px 0;
}

.dl .content .block {
    margin-bottom: 50px;
}

.dl .content .block .list {
    padding-left: 50px;
}

.dl .content .block .list li {
    list-style: disc;
    padding: 10px 0;
    position: relative;
}

.dl .content .block .list.go a:after {
    content: '\e635';
    font-family: 'iconfont';
    font-size: 16px;
    line-height: 30px;
    margin-top: -15px;
    top: 50%;
    position: absolute;
    left: 100%;
    margin-left: 20px;
    color: #78d8db;
}

.dl .content .block .list li a {
    text-decoration: underline;
    position: relative;
    display: inline-block;
}

.dl .content .block .list li a:hover {
    color: #78d8db;
}

.dl .content .block .title {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.dl .content .block .title h1 {
    display: inline-block;
    background: #fff;
    font-size: 28px;
    letter-spacing: 5px;
    color: #262626;
    z-index: 3;
    position: relative;
}

.dl .content .block .title h1:after {
    content: '';
    display: block;
    top: 50%;
    left: 100%;
    margin-left: 20px;
    width: 9999px;
    height: 1px;
    background: #e6e6e6;
    position: absolute;
    z-index: 0;
}

.dl .content .block .bao li {
    float: left;
    width: 20%;
    text-align: center;
}

.dl .content .block .bao li .icon {
    background: #3cc78d;
    background: -moz-linear-gradient(top, #3cc78d 0%, #3cc7b9 100%);
    background: -webkit-linear-gradient(top, #3cc78d 0%, #3cc7b9 100%);
    background: linear-gradient(to bottom, #3cc78d 0%, #3cc7b9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3cc78d', endColorstr='#3cc7b9', GradientType=0);
    color: #fff;
    border: 0;
    font-size: 18px;
    letter-spacing: 2px;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    position: relative;
    display: inline-block;
}

.dl .content .block .bao li .icon .iconfont {
    line-height: 150px;
    height: 118px;
    text-align: center;
    background: #fff;
    border-radius: 100%;
    width: 118px;
    display: block;
    margin: 1px;
    color: #404040;
    font-size: 25px;
}

.dl .content .block .bao li .icon span {
    display: block;
    position: absolute;
    background: #fff;
    color: #404040;
    font-size: 13px;
    line-height: 20px;
    top: 30%;
    margin-top: -10px;
    margin: 0 15%;
    width: 70%;
}

.dl .content .ziliao {
    padding: 0 20px;
}

.dl .content .ziliao .con {
    padding: 10px;
    text-align: center;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.dl .content .ziliao .con:hover {
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}

.dl .content .ziliao .con a {
    display: block;
}

.dl .content .ziliao .con img {
    width: 100%;
}

.dl .content .ziliao .con p {
    margin: 35px 0 15px;
    font-size: 14px;
    color: #595959;
}

.dl .content .ziliao .con small {
    color: #c8d1d1;
    font-size: 14px;
    letter-spacing: 3px;
}


/*小秋做的*/
.innerheader {
    z-index: 999;
}

.innerheader .header {
    left: 0;
    right: 0;
    top: 0;
}

.mobile {
    display: none;
}

@media screen and (max-width: 640px) {
    .pc {
        display: none;
    }

    .mobile {
        display: block;
    }
}

.picbg, .row {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.picbg {
    height: 100%;
    width: 100%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: block;
    height: 0;
    width: 100%;
    clear: both;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

.clearboth {
    width: 100%;
    height: 0;
    clear: both;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

.fake:after,
.fake:before {
    content: "";
    position: absolute;
}

.common_btn {
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.common_btn:after,
.common_btn:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #32c08a;
}

.common_btn:after {
    opacity: .2;
    background: #fff;
    height: 50%;
}

.common_btn:hover:before {
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    bottom: 0;
}

.common_btn:hover:after {
    bottom: -50%;
    transition: all .4s ease-out .25s;
    -webkit-transition: all .4s ease-out .25s;
    -o-transition: all .4s ease-out .25s;
    -moz-transition: all .4s ease-out .25s;
    -ms-transition: all .4s ease-out .25s;
}

.common_btn:hover {
    color: #fff !important;
}

.ani {
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
}

.backtop,
.morebtn {
    width: 165px;
    height: 50px;
    border: 1px solid #b3b3b3;
    text-align: center;
    line-height: 50px;
    color: rgba(0, 0, 0, .5);
    display: block;
    margin: 0 auto;
    margin-top: 60px;
}

.backtop {
    opacity: 0;
    display: none;
}

/*分页*/
.page_box {
    text-align: center;
    margin-top: 70px;
}

.page_box .page {
    display: inline-block;
}

.page_box .page a {
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    padding: 0 10px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.page_box .page a:hover {
    color: #3cc792;
}

.page_box .page a.active {
    color: #3fa683;
}


.page_box .page a.prev,
.page_box .page a.next {
    width: 40px;
    padding: 0;
    border-radius: 50%;
    color: #cdcdcd;
}

.page_box .page a.prev {
    margin-right: 10px;
}

.page_box .page a.next {
    margin-left: 10px;
}

.page_box .page a.prev:hover,
.page_box .page a.next:hover {
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    box-shadow: 0 6px 18px rgba(68, 224, 171, .5);
}

/*共用背景颜色*/
.commonbg {
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    box-shadow: 0 6px 18px rgba(68, 224, 171, .5);
    color: #fff;
}

/*弹出层*/
.pop {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 999;
    top: 0;
    left: 0;
    display: none;
}

.pop .maxsize {
    max-width: 800px;
    background: #fff;
    padding: 10px;
    height: 500px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.pop .close {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    top: -0px;
    right: -32px;
    background: #fff;
    color: #b4b4b4;
    position: absolute;
    cursor: pointer;
}


/*内页导航*/
.nav_box {
    padding: 25px 0;
    border-bottom: 1px solid #e6e6e6;
}

.nav_bar {
    height: 35px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.nav_bar .nav_list {
    position: relative;
    left: 0;
}

.nav_bar .nav_list ul {
    position: relative;
    display: inline-block;
}

.nav_bar .nav_list ul li {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.nav_bar .nav_list ul li a {
    display: block;
    padding: 0 20px;
    line-height: 35px;
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
}

/*.nav_bar .nav_list ul li a:hover{color: #3fa683;}*/
.nav_bar .nav_list ul li.active a {
    color: #fff;
}

.nav_bar .nav_list ul li.active a {
    background: #3fa683;
    border-radius: 8px;
}

.nav_bar .nav_list ul li.sideline {
    position: absolute;
    height: 35px;
    left: 0;
    top: 0;
    pointer-events: none;
    padding: 0;
    z-index: 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
}

.nav_bar .nav_list ul li.sideline span {
    display: block;
    height: 100%;
    border-radius: 8px;
    border: 1px solid #3fa683;
    box-sizing: border-box;
}

@media screen and (max-width: 640px) {
    .nav_box {
        padding: 0;
    }

    .nav_bar {
        margin: 0 15px;
        height: 30px;
    }

    .nav_bar .nav_list {
        position: absolute;
    }

    .nav_bar .nav_list ul {
        font-size: 0;
        white-space: nowrap;
        display: block;
    }

    .nav_bar .nav_list ul li a {
        line-height: 30px;
    }

    .nav_bar .nav_list ul li.sideline {
        height: 30px;
    }

    .nav_bar .nav_list ul li.active a,
    .nav_bar .nav_list ul li.sideline {
        border-radius: 0;
    }
}

.body_box { /*padding-top: 74px;*/
    line-height: 1;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.innerbanner {
    position: relative;
    overflow: hidden;
    height: 245px;
    padding-top: 120px;
}

.innerbanner .picbg {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -o-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
    transition: all 5s ease-out;
    -webkit-transition: all 5s ease-out;
    -o-transition: all 5s ease-out;
    -moz-transition: all 5s ease-out;
    -ms-transition: all 5s ease-out;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.innerbanner .picbg.animated {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.innerbanner .con {
    width: 100%;
    height: 100%;
    top: 60px;
    left: 0;
    text-align: center;
    color: #fff;
}

.innerbanner h3 {
    font-size: 30px;
    font-size: 40px;
    letter-spacing: 6px;
    text-transform: uppercase;
}

.innerbanner h3 span {
    color: #3fa683; /*padding-left:20px;*/
}

.innerbanner .circle {
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    margin: 10px auto;
    opacity: 0;
}

.innerbanner h4 {
    font-size: 16px;
    letter-spacing: 6px;
}

.innerbanner h3.animated {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.innerbanner h4.animated {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.common_tit1 {
    color: #000;
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: bold;
    letter-spacing: 3px;
    margin-top: 60px;
}

.about .content {
   /* padding: 80px 0;*/
    color: #000;
}

.about_box .pc {
    text-align: center;
    margin-top: 100px;
}

.about_box .txt p,
.about_box .txt {
    line-height: 40px;
}

.about_box .value_box {
    margin-bottom: 50px;
}

.about_box .list {
    position: relative;
    margin-top: 40px;
    width: 50%;
}

.about_box .list:before {
    width: 0;
    border-left: 1px dashed #c5e2d8;
    top: 60px;
    bottom: 60px;
    left: 100%;
}

.about_box .list li {
    width: 100%;
    position: relative;
    z-index: 1;
}

.about_box .list li:nth-child(2n) {
    margin-left: 100%;
}

.about_box .list li:after,
.about_box .list li:before {
    border-radius: 50%;
    top: 50%;
    background: #3cc792;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
}

.about_box .list li:before {
    background: #d6eee8;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
}

.about_box .list li:after {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.about_box .list li:nth-child(2n+1):after {
    right: -8px;
}

.about_box .list li:nth-child(2n+1):before {
    right: -16px;
}

.about_box .list li:nth-child(2n):after {
    left: -8px;
}

.about_box .list li:nth-child(2n):before {
    left: -16px;
}

.about_box .list li .item {
    border: 1px solid #d9d9d9;
    position: relative;
}

.about_box .list li .box {
    position: relative;
}

.about_box .list li:nth-child(2n+1) .item {
    margin-right: 95px;
}

.about_box .list li:nth-child(2n) .item {
    margin-left: 95px;
}

.about_box .list li .item:after,
.about_box .list li .item:before {
    width: 0;
    height: 0;
    top: 50%;
}

.about_box .list li .item:before {
    border: 6px solid;
    margin-top: -6px;
}

.about_box .list li .item:after {
    border: 5px solid;
    margin-top: -5px;
}

.about_box .list li:nth-child(2n+1) .item:before {
    border-color: transparent transparent transparent #d9d9d9;
    left: 100%;
}

.about_box .list li:nth-child(2n+1) .item:after {
    border-color: transparent transparent transparent #fff;
    left: 100%;
}

.about_box .list li:nth-child(2n) .item:before {
    border-color: transparent #d9d9d9 transparent transparent;
    right: 100%;
}

.about_box .list li:nth-child(2n) .item:after {
    border-color: transparent #fff transparent transparent;
    right: 100%;
}

.about_box .list li .item dl {
    padding: 25px;
}

.about_box .list li .item dt,
.about_box .list li .item dd {
    position: relative;
    padding-left: 20px;
}

.about_box .list li .item dt {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.about_box .list li .item dd {
    line-height: 24px;
}

.about_box .list li .item dd:before {
    width: 6px;
    height: 6px;
    background: #3cc792;
    border-radius: 50%;
    left: 0;
    margin-top: -3px;
    top: 50%;
}

.about_box .list li .item dl:after {
    width: 0;
    height: 2px;
    bottom: -1px;
    left: 0;
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.about_box .list li:hover:after,
.about_box .list li:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.about_box .list li:hover .item {
    box-shadow: 0 3px 15px rgba(0, 0, 0, .1);
}

.about_box .list li:hover .item dl:after {
    width: 100%;
}

.about_box .list li:hover .item dt {
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.navtab .sideline {
    position: absolute;
    display: none;
}

.navtab li {
    float: left;
    text-align: center;
    padding: 20px 0;
    position: relative;
    cursor: pointer;
}

.navtab li:hover .box {
    transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

.navtab1 {
    background: #fff;
    box-shadow: 2px 0 20px rgba(0, 0, 0, .2);
    margin: 40px 0;
}

.navtab1 li {
    width: 14.285%;
}

.navtab1 li i {
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: block;
    font-size: 35px;
}

.navtab li span {
    display: block;
    line-height: 24px;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.navtab1 li:after {
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    height: 2px;
    width: 40px;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
}

.navtab1 li.active:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.navtab1 li:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.navtab1 li:hover {
    color: #3f9e7e;
}

.navtab2 {
    border-bottom: 2px solid #47d8b8;
    margin-bottom: 60px;
    position: relative;
}

.navtab2 .nav_list {
    overflow-y: auto;
    height: 180px;
}

.navtab2 li {
    width: 20%;
    padding-bottom: 30px;
}

.navtab2 li i {
    height: 95px;
}

.navtab2 li i img {
    width: 240px;
    height: 95px;
}

.navtab2:after,
.navtab2:before {
    top: 100%;
    left: 50%;
}

.navtab2:before {
    margin-left: -12px;
    border: 12px solid;
    border-color: #47d8b8 transparent transparent transparent;
}

.navtab2:after {
    margin-left: -10px;
    border: 10px solid;
    border-color: #fff transparent transparent transparent;
}

.case_box {
    padding-bottom: 50px;
}

.case_box .list li {
    position: relative;
    margin-bottom: 15px;
}

.case_box .list li a {
    display: block;
    color: #262626;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}

.case_box .list li a:after,
.case_box .list li a:before {
    top: 0;
    width: 1px;
    height: 100%;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.case_box .list li a:before {
    background: #e5e5e5;
    left: 20%;
}

.case_box .list li a:after {
    width: 2px;
    height: 0;
    background: #3cc7a3;
    right: -1px;
}

.case_box .list .pic {
    width: 20%;
}

.case_box .list .con {
    width: 80%;
    line-height: 32px;
}

.case_box .list .txt {
    padding: 20px;
    padding-left: 70px;
    position: relative;
}

.case_box .list .txt:before {
    width: 8px;
    height: 8px;
    border-radius: 50%; /*background: #000;*/
    top: 32px;
    left: 40px;
}

.case_box .list li:hover {
    box-shadow: 12px 0 42px rgba(0, 0, 0, .1);
    transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}

.case_box .list li:hover a:after {
    height: 100%;
}

.z9 {
    position: relative;
    z-index: 9;
}

.sel_box {
    text-align: center;
}

.sel_box .sel {
    display: inline-block;
    width: 280px;
    background: #f5f6f7;
    position: relative;
}

.sel_box .sel:hover .down {
    display: block;
    background: #f5f6f7;
}

.sel_box .txt {
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    color: #262626;
    position: relative;
}

.sel_box .txt:after {
    width: 0;
    height: 0;
    border: 6px solid;
    border-color: #999 transparent transparent transparent;
    right: 20px;
    top: 50%;
    margin-top: -3px;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
}

.sel_box .txt.active:after {
    border-color: transparent transparent #999 transparent;
    margin-top: -6px;
}

.sel_box .down {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99
}

.sel_box .down li {
    border-top: 1px solid #ebebeb;
    line-height: 35px;
    cursor: pointer;
}

.news_box .list li {
    margin-top: 80px;
}

.news_box .list li:hover {
    box-shadow: 0 15px 42px rgba(0, 0, 0, .1);
    transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}

.news_box .list a {
    display: block;
    color: #262626;
}

.news_box .list .pic {
    height: 225px;
    width: 32.5%;
}

.news_box .list .con {
    width: 67.5%;
}

.news_box .list .txt {
    padding: 0 30px;
}

.news_box .list .txt,
.news_box .list .txt p {
    line-height: 32px;
}

.news_box .list .name {
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.news_box .list .time {
    font-size: 15px;
    color: #000;
    padding: 20px 0;
}

/*企业荣誉*/
.body_box h6,
.body_box h5,
.body_box h4,
.body_box h3,
.body_box h2 {
    font-weight: normal;
}

.honor_box dl {
    margin-top: 50px;
}

.honor_box dl dt {
    margin-bottom: 70px;
    color: #3f9e7e;
    font-size: 20px;
    text-indent: 54px;
}

.honor_box dl dd {
    border: 1px solid #3fa683;
}

.honor_box dl .list {
    padding: 0 39px;
    margin-top: -40px;
}

.honor_box dl .list li {
    margin-bottom: 25px;
    float: left;
    width: 25%;
    text-align: center;
    color: #747474;
    cursor: pointer;
}

.honor_box dl .list .pic {
    height: 160px;
    border: 1px solid #d9d9d9;
    margin: 0 15px;
    width: auto;
}

.honor_box dl .list h4 {
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    margin-top: 15px;
    padding: 0 15px;
}

.honor_box dl .list {
    display: flex;
    flex-wrap: wrap;
}

.honor_box .pop {
    text-align: center;
}

.honor_box .pop .pic {
    height: 340px;
}

.honor_box .pop .pic img {
    height: 440px;
}

.honor_box .pop h4 {
    height: 50px;
    margin-top: 10px;
}

@media screen and (max-width: 1440px) {
    .pop .maxsize {
        height: 400px;
        width: 640px;
    }

    .honor_box .pop .pic img {
        height: 350px;
    }
}

@media screen and (max-width: 800px) {
    .pop .maxsize {
        height: 200px;
        width: 290px;
    }

    .honor_box .pop .pic {
        height: 150px;
    }

    .honor_box .pop .pic img {
        height: 150px;
    }

    .pop .close {
        right: 2px;
        top: 0;
    }
}

/*市场活动*/
.activity_box {
    padding-bottom: 80px;
}

.activity_box .list li {
    position: relative;
}

.activity_box .list .picbg {
    top: 0;
    left: 0;
    z-index: 1;
}

.activity_box .list .box,
.activity_box .list .con {
    min-height: 390px;
}

.activity_box .list .box {
    z-index: 2;
    padding: 70px 0;
    text-align: right;
}

.activity_box .list .con {
    padding: 30px 55px;
    display: inline-block;
    text-align: left;
    width: 460px;
    background: #fff;
    box-shadow: 0 6px 60px rgba(0, 0, 0, .07);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.activity_box .list .name {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    margin-bottom: 25px;
    line-height: 36px;
}

.activity_box .list small {
    font-size: 16px;
    color: #010101;
}

.activity_box .list .txt {
    line-height: 32px;
    margin: 20px 0;
}

.activity_box .list .weixin i {
    font-size: 20px;
    color: #3f9e7e;
}

.activity_box .list .btn {
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    font-size: 12px;
    border-radius: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -25px;
    letter-spacing: 2px;
}

.activity_box .list .btn:after {
    content: '\e64e';
    font-family: 'iconfont';
    font-size: 40px;
    right: 25px;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
}

.activity_box .list .btn:hover:after {
    transform: translateX(5px);
    -o-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -webkit-transform: translateX(5px);
}

.activity_box .list .over {
    text-align: center;
    background: #808080;
    color: #fff;
    box-shadow: none;
    text-indent: 0;
}

.activity_box .list .over:after {
    display: none;
}

/*社会责任*/
.duty_box .fixnav {
    position: absolute;
    top: 120px;
    left: 87.5%;
}

.duty_box .fixnav ul {
    background: #edeff0;
}

.duty_box .fixNav {
    position: fixed;
    top: 140px;
}

.duty_box .fixnav a {
    width: 40px;
    height: 40px;
    border-bottom: 1px solid #fff;
    text-align: center;
    line-height: 40px;
    color: #fff;
    display: block;
    font-size: 22px;
}

.duty_box .fixnav .current,
.duty_box .fixnav li:hover a {
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
}

.duty_box dl {
    margin: 0 -30px;
    margin-bottom: 60px;
}

.duty_box dl dt i {
    font-size: 26px;
    float: left;
    color: #3f9e7e;
    margin-right: 15px;
    font-weight: normal;
}

.duty_box dl dd,
.duty_box dl dd p {
    line-height: 36px;
    color: #262626;
}

.duty_box dl dd {
    padding: 0 45px;
}

/*小秋做的结束*/


.k .filter {
    position: relative;
    padding: 100px 0;
}

.k .filter .clear {
    padding: 0 13px;
    border-bottom: 2px solid #3cc7a4;
}

.k .filter .con {
    padding: 0 13px;
    text-align: center;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: .5;
    position: relative;
    display: block;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.k .filter .md4:hover .con,
.k .filter .active .con {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
}

.k .filter .active .con:before {
    content: '';
    border: 12px solid;
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -12px;
    border-color: transparent transparent #3cc7a4 transparent;
}

.k .filter .active .con:after {
    content: '';
    border: 10px solid;
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -10px;
    border-color: transparent transparent #fff transparent;
}

.k .filter img {
    width: 100%;
}

.k .filter .text {
    padding: 40px 0;
    position: relative;
}

.k .filter .text p {
    margin-bottom: 10px;
    font-size: 16px;
    color: #3cc7a4;
}

.k .filter .text small {
    color: #ccc;
}

.k .jiazhiguan .img {
    padding-bottom: 100px;
}

.k .jiazhiguan {
    padding-bottom: 100px;
}

.k .jiazhiguan .items {
    padding: 0 100px;
    padding-top: 50px;
}

.k .jiazhiguan .items .item {
    margin-bottom: 45px;
    position: relative;
    overflow: hidden;
}

.k .jiazhiguan .items .item .text {
    width: 50%;
    float: right;
}

.k .jiazhiguan .items .item .text .con {
    padding: 70px 100px;
}

.k .jiazhiguan .items .item .text h5 {
    display: inline-block;
    color: #595959;
    letter-spacing: 10px;
    font-size: 16px;
    border-bottom: 1px solid #3cc78d;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.k .jiazhiguan .items .item .text p {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 5px;
}

.k .jiazhiguan .items .item .face {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    left: 0;
    background-size: cover;
    background-position: center;
}

.k .jiazhiguan .items .item:nth-child(2n+2) .text {
    float: left;
}

.k .jiazhiguan .items .item:nth-child(2n+2) .face {
    left: auto;
    right: 0;
}

.k .fuli {
    padding-top: 40px;
    padding-bottom: 60px;
}

.k .fuli .con {
    margin: 0 20px;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 12px 50px rgba(0, 0, 0, 0.14);
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.k .fuli .con:hover {
    transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}

.k .fuli .con > .iconfont {
    color: #f7f7f7;
    font-size: 100px;
    position: absolute;
    right: -20px;
    bottom: -20px;
    line-height: 1;
    z-index: 0;
}

.k .fuli .con .text {
    position: relative;
    z-index: 2;
    padding: 40px 60px 40px 150px;
}

.k .fuli .con .text h5 {
    font-size: 14px;
    letter-spacing: 3px;
    margin-bottom: 15px;
    color: #404040;
}

.k .fuli .con .text p {
    color: #595959;
    font-size: 13px;
    line-height: 24px;
    height: 48px;
}

.k .fuli .con .icon .iconfont {
    font-size: 40px;
    position: absolute;
    line-height: 100px;
    top: 50%;
    margin-top: -50px;
    left: 0;
    width: 150px;
    text-align: center;
    display: block;
    color: #63d2b4;
}


@media screen and (max-width: 800px) {
    .k .fuli .con {
        margin: 12px 10px;
    }

    .k .fuli .con .text {
        padding: 60px 10px 10px;
    }

    .k .fuli .con > .iconfont {
        display: none;
    }

    .k .fuli .con {
        overflow: visible;
        height: 230px;
    }

    .k .fuli .con .icon .iconfont {
        top: 15%;
    }
}


.k .fengcai {
    padding-bottom: 100px;
}

.k .fengcai .title h1 {
    font-size: 28px;
    letter-spacing: 14px;
    font-weight: normal;
    color: #262626;
    padding-bottom: 50px;
    position: relative;
}

.k .fengcai .title h1:before {
    content: '';
    border: 11px solid;
    position: absolute;
    left: 50%;
    bottom: -1px;
    margin-left: -11px;
    border-color: transparent transparent #3cc7a4 transparent;
}

.k .fengcai .title h1:after {
    content: '';
    border: 10px solid;
    position: absolute;
    left: 50%;
    bottom: -1px;
    margin-left: -10px;
    border-color: transparent transparent #fff transparent;
}

.k .fengcai .frame {
    margin: 0 100px;
    border: 1px solid #3cc7a4;
}

.k .fengcai .items {
    margin: 0 -100px;
    padding-top: 45px;
}

.k .fengcai .items .item {
    float: left;
    width: 33.333%;
    margin-bottom: 45px;
}

.k .fengcai .items .item .con {
    padding: 0 32px;
}

.k .fengcai .items .item i {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #404040;
    margin-top: 20px;
}

.k .fengcai .items .item .img {
    border: 5px solid #e6e6e6;
}

.k .peixun .items {
    padding: 0 70px;
}

.k .peixun .items .item {
    transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    border: 1px solid #d9d9d9;
    padding: 40px 100px;
    margin-bottom: 35px;
}

.k .peixun .items .item .con {
    transform: skew(10deg);
    -ms-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -webkit-transform: skew(10deg);
    -o-transform: skew(10deg);
    text-align: center;
}

.k .peixun .items .item h5 {
    font-size: 15px;
    color: #595959;
    margin-bottom: 20px;
    letter-spacing: 10px;
}

.k .peixun .items .item p {
    font-size: 13px;
    line-height: 24px;
    color: #595959;
}

.k .shzp {
    padding: 100px 0;
}

.k .shzp .title {
    padding-bottom: 40px;
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}

.k .shzp .title:after {
    content: '\e677';
    font-family: 'iconfont';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50px;
    text-align: center;
    margin-left: -25px;
    color: #aec0c8;
    font-size: 18px;
}

.k .shzp .title h1 {
    font-size: 28px;
    letter-spacing: 14px;
    color: #262626;
    font-weight: normal;
}

.k .shzp .clear {
    margin: 0 -22px;
}

.k .shzp .con {
    padding: 30px;
    margin: 0 22px;
    box-shadow: 0 9px 60px rgba(51, 51, 51, .16);
}

.k .shzp .con h1 {
    border-bottom: 1px solid #3cc78d;
    margin: 0 40px;
    font-size: 16px;
    color: #5e8192;
    letter-spacing: 5px;
    text-align: center;
    padding-bottom: 30px;
}

.k .shzp .con ul {
    padding: 20px 0; /* height: 200px;*/
}

.k .shzp .con ul li a {
    line-height: 40px;
    border-radius: 40px;
    padding: 0 50px;
    display: block;
    position: relative;
}

.k .shzp .con ul li a:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 22px;
    background: #494949;
    margin-top: -3px;
}

.k .shzp .con ul li a:hover {
    background: #3cc79f;
    color: #fff;
}

.k .shzp .con ul li a:hover:before {
    background: #fff;
}

.k .shzp .con ul li a:hover:after {
    content: 'MORE';
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 12px;
    color: #fff;
    line-height: 40px;
    display: block;
}

.k .shzp .btns {
    padding-top: 60px;
}

.k .shzp .btns a {
    display: inline-block;
    padding: 0 50px;
    line-height: 30px;
}

.k .shzp .btns a span {
    text-decoration: underline;
    padding-right: 20px;
}

.k .shzp .btns a .iconfont {
    color: #3ec7a1;
    font-size: 16px;
}

.sj .slogan {
    padding-top: 120px;
    background-size: cover;
    background-position: center;
}

.sj .slogan .text {
    padding: 160px 0;
    color: #fff;
}

.sj .slogan h1 {
    font-size: 38px;
    letter-spacing: 30px;
    font-weight: normal;
    margin-bottom: 20px;
}

.sj .slogan p {
    font-size: 14px;
    letter-spacing: 16px;
    margin-bottom: 50px;
}

.sj .slogan .growbtn2 {
    color: #fff;
    line-height: 42px;
    border-radius: 42px;
    padding: 0 50px;
    font-size: 18px;
    letter-spacing: 4px;
    display: inline-block;
}

.sj .slogan ul {
    margin-top: 100px;
    color: #404040;
}

.sj .slogan ul li {
    padding: 0 45px;
    display: inline-block;
    text-decoration: underline;
    font-style: italic;
}

.sj .slogan ul li a {
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.sj .slogan ul li a:hover {
    color: #3cc7a4;
}

.sj .title h1 {
    text-align: center;
    position: relative;
    font-size: 28px;
    color: #262626;
    font-weight: normal;
    letter-spacing: 10px;
    padding-bottom: 50px;
}

.sj .xuqiu {
    padding-top: 80px;
}

.sj .xuqiu .item {
    float: left;
    width: 33.33%;
}

.sj .xuqiu .item .con {
    margin: 0 50px;
    margin-bottom: 50px;
    border: 1px solid #dcdcdc;
    position: relative;
    overflow: hidden;
    height: 128px;
}

.sj .xuqiu .item .con .info {
    padding: 40px 0;
    text-align: center;
}

.sj .xuqiu .item .con .info h5 {
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: normal;
    color: #404040;
}

.sj .xuqiu .item .con .info p {
    color: #aaa;
    font-style: italic;
    letter-spacing: 3px;
}

.sj .xuqiu .item .con .hideinfo {
    position: absolute;
    bottom: -41px;
    overflow: hidden;
    left: 0;
    right: 0;
    border-top: 1px solid #dcdcdc;
}

.sj .xuqiu .item .con .hideinfo a {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
}

.sj .xuqiu .item .con .hideinfo a:hover {
    color: #3cc78d;
}

.sj .xuqiu .item .con:hover {
    transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.14);
}

.sj .xuqiu .item .con:hover .info {
    padding: 20px 0 60px 0;
}

.sj .xuqiu .item .con:hover .hideinfo {
    bottom: 0;
}

.sj .xingcheng {
    padding-top: 80px;
}

.sj .xingcheng .table {
    margin: 0 50px;
    box-shadow: 0 9px 60px rgba(0, 0, 0, 0.1);
}

.sj .xingcheng .table table {
    width: 100%;
}

.sj .xingcheng .table table th,
.sj .xingcheng .table table td {
    padding: 8px;
    text-align: center;
    border: 1px solid #f5f5f5;
}

.sj .xingcheng .table table th {
    border: 0;
    background: #49daad;
    color: #fff;
}

@media screen and (max-width: 800px) {
    .sj .xingcheng .table {
        margin: 0 10px;
    }
}

.sj .liucheng {
    padding-top: 80px;
}

.sj .liucheng .title h1:before {
    content: '';
    border: 11px solid;
    position: absolute;
    left: 50%;
    bottom: -1px;
    margin-left: -11px;
    border-color: transparent transparent #3cc7a4 transparent;
}

.sj .liucheng .title h1:after {
    content: '';
    border: 10px solid;
    position: absolute;
    left: 50%;
    bottom: -1px;
    margin-left: -10px;
    border-color: transparent transparent #fff transparent;
}

.sj .liucheng .img {
    border: 1px solid #3cc7ad;
    padding: 50px;
    margin: 0 50px;
}

.sj .faq {
    padding: 80px 0;
}

.sj .faq .title {
    border-bottom: 2px solid #3cc7a4;
    margin: 0 50px;
}

.sj .faq .title h1:before {
    content: '';
    border: 12px solid;
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -12px;
    border-color: transparent transparent #3cc7a4 transparent;
}

.sj .faq .title h1:after {
    content: '';
    border: 10px solid;
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -10px;
    border-color: transparent transparent #fff transparent;
}

.sj .faq dl {
    padding: 30px 50px;
}

.sj .faq dl p {
    line-height: 2;
}

.sj .faq dd {
    padding: 20px 0;
    padding-left: 50px;
}

.sj .faq dd h5 {
    position: relative;
    font-size: 14px;
    color: #4eac82;
    margin-bottom: 15px;
}

.sj .faq dd h5:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -22px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    margin-top: -2px;
    background: #494949;
}

.touzi .filter {
    border-bottom: 2px solid #3cc799;
    margin: 50px 0;
}

.touzi .filter .clear {
    margin: 0 -6px;
}

.touzi .filter li {
    float: left;
    width: 25%;
    position: relative;
}

.touzi .filter .con {
    margin: 0 6px;
    position: relative;
    margin-bottom: 40px;
    background: #f7f7f7;
    color: #404040;
    font-size: 14px;
    text-align: center;
    padding: 15px;
    height: 70px;
    display: block;
}

.touzi .filter .con h5 {
    line-height: 70px;
    display: inline-block;
    font-style: italic;
    font-size: 14px;
}

.touzi .filter li.active .con,
.touzi .filter li:hover .con {
    background: #3cc79a;
    color: #fff;
}

.touzi .filter .con h5:after,
.touzi .filter .con h5:before {
    content: ' - ';
}

/*.touzi .filter li.active h5,*/
/*.touzi .filter li:hover h5 { line-height: 30px; }*/
.touzi .filter li:hover .con h5:after,
.touzi .filter li:hover .con h5:before,
.touzi .filter li.active .con h5:after,
.touzi .filter li.active .con h5:before {
    display: none;
}

.touzi .filter .con i,
.touzi .filter .con small {
    display: none;
    line-height: 20px;
}

.touzi .filter li.active .con small,
.touzi .filter li.active .con i,
.touzi .filter li:hover .con small,
.touzi .filter li:hover .con i {
    display: block;
}

.touzi .filter li.active .con:before {
    content: '';
    border: 12px solid;
    position: absolute;
    left: 50%;
    bottom: -42px;
    margin-left: -12px;
    border-color: transparent transparent #3cc7a4 transparent;
}

.touzi .filter li.active .con:after {
    content: '';
    border: 10px solid;
    position: absolute;
    left: 50%;
    bottom: -42px;
    margin-left: -10px;
    border-color: transparent transparent #fff transparent;
}

.touzi .nl {
    position: relative;
    padding-bottom: 80px;
}

.touzi .nl .title {
    text-align: center;
    margin-bottom: 50px;
}

.touzi .nl .title h1 {
    font-size: 28px;
    letter-spacing: 4px;
    font-weight: normal;
    color: #000;
    margin-bottom: 15px;
}

.touzi .nl .title p {
    letter-spacing: 4px;
    font-size: 12px;
    color: #cbcbcb;
}

.touzi .nl dl {
    padding-bottom: 50px;
}

.touzi .nl dd a {
    position: relative;
    display: block;
}

.touzi .nl dd a:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #000;
    position: absolute;
    top: 50%;
    left: 140px;
    margin-top: -2px;
}

.touzi .nl dd p {
    padding: 0 160px;
    padding-right: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 75px;
}

.touzi .nl dd small {
    position: absolute;
    right: 100px;
    display: block;
    line-height: 75px;
    top: 0;
    color: #c7c7c7;
}

.touzi .nl dd a:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
}

.touzi .pager {
    text-align: center;
}

.touzi .pager ul li {
    display: inline-block;
}

.touzi .pager ul li a {
    display: block;
    line-height: 45px;
    width: 45px;
    text-align: center;
    border-radius: 100%;
    font-weight: 600;
}

.touzi .pager ul li a:hover {
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    color: #fff;
}

.touzi .nl .contact {
    overflow: hidden;
}

.touzi .contact .face {
    float: left;
    width: 50%;
}

.touzi .contact .text {
    float: left;
    width: 50%;
}

.touzi .contact .text .con {
    padding-left: 60px;
}

.touzi .contact .text .iconlogo {
    padding: 50px 50px;
}

.touzi .contact .text table {
    border-top: 1px solid #E6e6e6;
    width: 100%;
}

.touzi .contact .text table tr:nth-child(2n+1) {
    background: #fafafa;
}

.touzi .contact .text table th,
.touzi .contact .text table td {
    padding: 35px 0;
    font-style: italic;
    line-height: 1.5;
}

.touzi .contact .text table th {
    color: #3fa683;
    font-weight: normal;
    font-style: normal;
    width: 150px;
}

.touzi .nd {
    padding: 0;
    max-width: 800px;
    margin: 0 auto;
}

.touzi .pt0 {
    padding-top: 0px;
}

.touzi .nd .title {
    text-align: center;
    padding-bottom: 50px;
    border-bottom: 1px solid #f5f5f5;
}

.touzi .nd .title h1 {
    font-size: 28px;
    letter-spacing: 4px;
    font-weight: normal;
    color: #000;
    margin-bottom: 15px;
}

.touzi .nd .title p {
    letter-spacing: 4px;
    font-size: 12px;
    color: #cbcbcb;
}

.touzi .nd .detial {
    padding-top: 80px;
}

.touzi .nd .detial p {
    line-height: 24px;
    margin-bottom: 24px;
    font-size: 14px;
}

.touzi .nd .detial .growbtn2 {
    font-size: 16px;
    color: #fff;
    padding: 0 60px;
    line-height: 45px;
    border-radius: 45px;
    margin-top: 50px;
}

.touzi .nd {
    overflow: hidden;
}

.touzi .nd .more {
    margin: 0 -1px;
    margin-top: 50px;
}

.touzi .nd .more table {
    width: 100%;
}

.touzi .nd .more table td {
    border: 1px solid #f5f5f5;
}

.touzi .nd .more table td a {
    display: block;
    padding: 20px 40px;
    position: relative;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.touzi .nd .more table td a:hover {
    background: #3fa683;
    color: #fff;
}

.touzi .nd .more table td a.prev {
    text-align: left;
}

.touzi .nd .more table td a.next {
    text-align: right;
}

.touzi .nd .more table td .iconfont {
    font-size: 40px;
    line-height: 20px;
}

.touzi .nd .more table td a p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


@media screen and (max-width: 800px) {
    .touzi .contact .face {
        display: none;
    }

    .touzi .contact .text table th,
    .touzi .contact .text table td {
        padding: 15px 0;
    }

    .touzi .contact .text {
        width: 100%;
    }

    .touzi .contact .text .con {
        padding-left: 0;
    }

    .touzi .contact .text table th {
        width: 84px;
        display: block;
    }

    .touzi .nd .title h1 {
        font-size: 18px;
    }

    .touzi .nd {
       /* padding: 40px 15px;*/
    }

    .touzi .contact .text .iconlogo {
        display: none;
    }

    .touzi .nd .detial {
        padding-top: 20px;
    }

    .touzi .nd .more table td a p {
        white-space: normal;
    }
}

.sr.maxsize {
    max-width: 900px;
    padding: 100px 0;
}

.sr .search {
    text-align: center;
}

.sr .hl {
    color: #3fa683;
    text-decoration: underline;
}

.sr .con {
    border: 1px solid #ccc;
    display: inline-block;
    width: 400px;
    position: relative;
    margin-bottom: 20px;
}

.sr .con .text {
    float: left;
    width: 75%;
    line-height: 50px;
    height: 50px;
    text-indent: 10px;
}

.sr .con .iconfont {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 50px;
    height: 50px;
    font-size: 20px;
    text-align: center;
    width: 25%;
    cursor: pointer;
}

.sr .con .iconfont:hover {
    background: #3fa683;
    color: #fff;
}

.sr .list {
    padding: 50px 0;
}

.sr .list .item {
    margin-bottom: 10px;
}

.sr .list .item a {
    display: block;
    padding: 20px;
}

.sr .list .item:hover a {
    transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.sr .list .item h5 {
    font-weight: normal;
    font-size: 18px;
    line-height: 40px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 15px;
}

.sr .list .item h5 span {
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #dadada;
}

.sr .list .item p {
    line-height: 24px;
    font-size: 14px;
}

.sr .pager {
    text-align: center;
}

.sr .pager ul {
    display: inline-block;
}

.sr .pager ul li {
    display: inline-block;
}

.sr .pager ul li a {
    display: block;
    margin: 0 5px;
    min-width: 15px;
    text-align: center;
    padding: 0 10px;
    line-height: 35px;
    border: 1px solid #dadada;
}

.sr .pager ul li a.active,
.sr .pager ul li a:hover {
    background: #3fa683;
    color: #fff;
    border-color: #3fa683;
}

.ct .contact { /* padding: 50px 0; */
}

.ct .contact .face {
    float: left;
    width: 50%;
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
}

.ct .contact .face .qrcode {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 130px;
}

.ct .contact .text {
    float: right;
    width: 50%;
}

.ct .contact .text .con {
    padding: 35px 0;
    padding-left: 60px;
}

.ct .contact .t h2 {
    font-size: 28px;
    letter-spacing: 5px;
    padding-left: 10px;
    font-weight: normal;
    margin-bottom: 30px;
    color: #000;
}

.ct .contact .l {
    padding: 15px 0;
}

.ct .contact h5 {
    font-size: 20px;
    font-weight: normal;
    color: #3f9e7e;
    /*margin-bottom: 10px;*/
	 padding: 15px 0px;
}

.ct .contact p {
    font-size: 14px;
    color: #262626;
}

.pro {
    padding-top: 75px;
    background: #fff;
}

.pro .filter {
    margin: 20px 0 50px;
    text-align: center;
}

.pro .filter .bg {
    height: 125px;
    background: url('../images/product_filter.png') no-repeat top center;
    display: inline-block;
    width: 700px;
    overflow: hidden;
}

.pro .filter .bg a {
    float: left;
    width: 50%;
    display: block;
    height: 125px;
}

.pro .filter2 {
    border-bottom: 1px solid #3cc78d;
}

.pro .filter2 .item {
    float: left;
    width: 150px;
    position: relative;
}

.pro .filter2 .item.active:before {
    content: '';
    border: 12px solid;
    position: absolute;
    left: 50%;
    bottom: -1px;
    margin-left: -12px;
    border-color: transparent transparent #3cc7a4 transparent;
}

.pro .filter2 .item.active:after {
    content: '';
    border: 10px solid;
    position: absolute;
    left: 50%;
    bottom: -1px;
    margin-left: -10px;
    border-color: transparent transparent #fff transparent;
}

.pro .filter2 .item a {
    display: block;
    padding-bottom: 55px;
}

.pro .filter2 .item .iconfont {
    font-size: 50px;
    display: block;
    margin-bottom: 30px;
}

.pro .filter2 .item p {
    font-size: 12px;
    letter-spacing: 3px;
    font-style: italic;
    color: #aaa;
    line-height: 20px;
    height: 20px;
}

.pro .filter2 .item:hover .iconfont,
.pro .filter2 .item.active .iconfont {
    color: #3cc7a4;
}

.pro .filter2 .item:hover p,
.pro .filter2 .item.active p {
    color: #666;
    font-size: 15px;
}

.pro .list {
    padding: 0 120px;
    padding-top: 30px;
}

.pro .list .item {
    margin-bottom: 30px;
    float: left;
    width: 33.33%;
    text-align: center;
}

.pro .list .item a {
    display: block;
    padding: 0 25px;
}

.pro .list .item .face {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    height: 160px;
}

.pro .list .item p {
    margin-top: 10px;
    font-size: 12px;
    color: #999;
}

.pro .list .item h5 {
    margin-top: 25px;
    font-size: 14px;
    color: #262626;
    font-weight: bolder;
}

.pro .list .item .face:before {
    content: '';
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    opacity: 0;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.pro .list .item .face:after {
    content: attr(hovertext);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 160px;
    font-size: 18px;
    color: #fff;
    letter-spacing: 4px;
    font-weight: 900;
    opacity: 0;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.pro .list .item a:hover .face:after {
    opacity: 1;
}

.pro .list .item a:hover .face:before {
    opacity: .8;
}

.filter .inb a {
}

.jd {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    display: none;
}

.jd .cont {
    background: #fff;
    margin-top: 100px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    padding: 30px 85px;
}

.jd .cont .close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 25px;
}

.jd .title {
    border-bottom: 1px solid #3cc7a4;
    padding-bottom: 30px;
}

.jd .title h5 {
    font-size: 16px;
    color: #595959;
    margin-bottom: 10px;
}

.jd .title small {
    display: block;
    font-size: 12px;
    letter-spacing: 3px;
    color: #aaa;
    text-transform: uppercase;
}

.jd .con {
    padding: 30px 20px;
    height: 320px;
    overflow-y: scroll;
}

.jd .btns {
    margin-top: 50px;
}

.jd .btns a {
    display: inline-block;
    line-height: 35px;
    width: 150px;
    margin: 0 17px;
    color: #fff;
    font-size: 14px;
    background: #3cc78e;
    border-radius: 5px;
    overflow: hidden;
}

.jd .btns a.upload {
    background: #27c4b5;
}

@media screen and (max-width: 1600px) {
    .jd .cont {
        margin-top: 80px;
        padding: 20px 50px;
    }

    .jd .title {
        padding-bottom: 20px;
    }

    .jd .con {
        padding: 10px 20px;
        height: 220px;
    }

    .jd .btns {
        margin-top: 30px;
    }
}

.pd {
    padding-top: 90px;
    padding-bottom: 30px;
}

/*.alan-pd.pd {
    padding-top: 170px;
}*/

.pd .filter {
    padding: 40px 0;
    position: fixed;
    background: #fff;
    padding: 20px 0;
    top: 74px;
    left: 0;
    right: 0;
    z-index: 99999;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    background: #fff;
}

.pd .filter.fixed {
    top: 74px;
}

.pd .filter a {
    display: inline-block;
    line-height: 35px;
    padding: 0 20px;
    border-radius: 35px;
    margin: 0 10px;
   /* font-style: italic;*/
    text-decoration: underline;
}

.pd .filter a:hover,
.pd .filter a.active {
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    color: #fff;
    font-style: normal;
    text-decoration: none;
}

.pd .bg {
    background: url('../images/diwen.jpg') no-repeat center;
}

.pd .xiangqing .title {
    padding: 0 0 25px;
    position: relative;
    margin-bottom: 25px;
}

.pd .xiangqing .title:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    width: 36px;
    margin-left: -18px;
    height: 2px;
    background: #3cc78e;
    bottom: 0;
}

.pd .xiangqing .title h1 {
    font-size: 56px;
    font-weight: normal;
    color: #000;
}

.pd .xiangqing .block {
    margin-top: 30px;
    padding-bottom: 70px;
    position: relative;
}

.pd .xiangqing .block.type1 {
    text-align: center;
}

.pd .xiangqing .block.type2 {
    text-align: center;
}

.pd .xiangqing .block.type1 h2 {
    font-size: 16px;
    letter-spacing: 4px;
    color: #000;
    margin-bottom: 30px;
}

.pd .xiangqing .block.type1 p {
    font-size: 14px;
    line-height: 24px;
    color: #3e464c;
    margin-bottom: 24px;
    max-width: 730px;
    display: inline-block;
    text-align: left;
}

.pd .xiangqing .block.type1 > .tac {
    margin-top: 20px;
}

.pd .xiangqing .block.type2 h1 {
    font-size: 28px;
    display: block;
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
    font-weight: normal;
    color: #262626;
}

.pd .xiangqing .block.type2 h1:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    width: 36px;
    margin-left: -18px;
    height: 2px;
    background: #3cc78e;
    bottom: 0;
}

.pd .xiangqing .block.type2 p {
    font-size: 14px;
    line-height: 24px;
    color: #3e464c;
    margin-bottom: 24px;
}

.pd .xiangqing .block.type3,
.pd .xiangqing .block.type4 {
    overflow: hidden;
    margin: 0;
    padding: 0;
    padding: 10px 0;
}

.pd .xiangqing .block.type3 .face {
    float: right;
}

.pd .xiangqing .block.type4 .face {
    float: left;
}

.pd .xiangqing .block.type3 .text {
    left: 0;
    right: 55%;
}

.pd .xiangqing .block.type4 .text {
    right: 0;
    left: 55%;
}

.pd .xiangqing .block > .text {
    position: absolute;
    top: 0;
    bottom: 0;
}

.pd .xiangqing .block > .text h3 {
    font-size: 28px;
    letter-spacing: 3px;
    font-weight: normal;
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
}

.pd .xiangqing .block > .text h3:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 36px;
    height: 2px;
    background: #3cc78e;
    bottom: 0;
}

.pd .xiangqing .block > .text p {
    font-size: 14px;
    line-height: 32px;
    color: #262626;
}

.pd .pages .page {
    display: none;
    padding: 0 10px;
}

.pd .pages .page.active {
    display: block;
}

.pd .ziliao {
    padding-bottom: 80px;
}

.pd .ziliao table {
    width: 100%;
    table-layout: fixed;
}

.pd .ziliao th,
.pd .ziliao td {
    border: 1px solid #e5e5e5;
    padding: 5px 15px;
    color: #666;
    line-height: 30px;
}

.pd .ziliao th {
    color: #000;
}

.pd .ziliao td .iconfont {
    font-size: 16px;
    padding-right: 10px;
    color: #3cc793;
}

.pd .software {
    padding-bottom: 80px;
}

.pd .software table {
    width: 100%;
}

.pd .software th,
.pd .software td {
    border: 1px solid #e5e5e5;
    padding: 5px 15px;
    color: #666;
    line-height: 30px;
}

.pd .software th {
    color: #000;
}

.pd .software td span {
    position: relative;
}

.pd .software td span.new {
    padding-left: 35px;
}

.pd .software td span.new:before {
    content: 'NEW';
    display: inline-block;
    position: absolute;
    width: 30px;
    background: #3cc793;
    color: #fff;
    line-height: 14px;
    font-size: 12px;
    border-radius: 4px;
    text-align: center;
    top: 50%;
    margin-top: -7px;
    left: 0;
}

.pd .peijian {
    padding-bottom: 100px;
}

.pd .peijian .title {
    text-align: center;
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 32px;
    padding-top: 0px;
}

.pd .peijian .title:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    width: 36px;
    margin-left: -18px;
    height: 2px; /*background: #3cc78e;*/
    bottom: 0;
}

.pd .peijian .title h1 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 10px;
}

.pd .peijian table { /*width: 100%;*/
}

.pd .peijian table:nth-of-type(1) {
    margin: auto;
}

.pd .peijian table td {
    padding: 20px;
    border: 1px solid #dadada;
    vertical-align: top;
}

.pd .peijian table h4 {
    color: #3cc78e;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 20px;
}

.pd .peijian table ul {
    list-style: disc;
    padding-left: 20px
}

.pd .peijian table ul li {
    margin-bottom: 10px;
    font-size: 14px;
    word-break: break-word;
}

.pd .peijian table ul a {
    color: #3cc78e;
}


.pd .anli {
    padding-bottom: 100px;
}

.pd .anli li {
    overflow: hidden;
}

.pd .anli .title {
    text-align: center;
    position: relative;
    margin-bottom: 60px;
    padding-bottom: 32px;
    padding-top: 50px;
}

.pd .anli .title:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    width: 36px;
    margin-left: -18px;
    height: 2px;
    background: #3cc78e;
    bottom: 0;
}

.pd .anli .title h1 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 10px;
}

.pd .anli li .item {
    width: 33.333%;
    float: left;
    text-align: center;
    padding: 20px 0;
}

.pd .anli .bx-pager {
    text-align: center;
    padding-top: 50px;
}

.pd .anli .bx-pager-item {
    display: inline-block;
    margin: 0 5px;
}

.pd .anli .bx-pager-item a {
    display: block;
    height: 5px;
    width: 15px;
    background: #dadada;
    border-radius: 5px;
    text-indent: -9999px;
    overflow: hidden;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.pd .anli .bx-pager-item a.active {
    width: 25px;
    background: #3cc78e;
}

.pd .video {
    position: relative;
    margin-top: 60px;
}

.pd .video h1, .pd .video h2 {
    font-size: 16px;
    font-weight: normal;
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    line-height: 60px;
    border-bottom: 1px solid #dadada;
}

.pd .video .cont {
    margin-left: 175px;
    height: 380px;
    position: relative;
}

.pd .video .cont .play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.pd .video .cont .play .playbtn {
    text-align: center;
}

.pd .video .playlist {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.pd .video .playlist li {
    float: left;
    width: 33.333%;
}

.pd .video .playlist li a {
    line-height: 50px;
    padding: 0 20px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, .5);
}

.pd .video .playlist li.active a {
    color: #fff;
    background: rgba(60, 199, 184, .5);
}


footer {
    position: relative;
    z-index: 1;
}

.footer {
    z-index: 3;
    position: relative;
}

body {
    position: relative;
    z-index: 2;
    overflow-x: hidden;
}

.footer .sns a {
    position: relative;
}

.footer .sns .qrcode {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 120px;
    z-index: 100;
    margin-left: -70px;
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    display: none;
}

.footer .sns a:hover .qrcode {
    display: block;
}

.footer .sns .qrcode:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    border: 10px solid;
    border-color: #fff transparent transparent transparent;
    bottom: -20px;
    margin-left: -10px;
}

.footer .sns .qrcode img {
    height: auto;
    width: 100%;
}


.activity_box .list .box .weixin {
    position: relative;
}

.activity_box .list .box .weixin .sub {
    position: absolute;
    bottom: 100%;
    margin-bottom: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    left: 50%;
    width: 110px;
    margin-left: -60px;
    padding: 5px;
    display: none;
    background: #fff;
}

.activity_box .list .box .weixin:hover .sub {
    display: block;
}

.activity_box .list .box .weixin .sub:after {
    content: '';
    display: block;
    position: absolute;
    border: 10px solid;
    border-color: #fff transparent transparent transparent;
    margin-left: -10px;
    left: 50%;
    top: 100%;
}

.canshu .maxsize {
    position: relative;
    overflow: hidden;
}

.pd .duibi {
    overflow: auto;
    height: calc(100vh - 74px - 75px - 50px);
}

.t170406 {
    overflow: visible !important;
    position: relative;
}

.canshu table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #dadada;
    margin: 0;
    table-layout: fixed;
}

.canshu table th {
    min-width: 160px;
}

.canshu table tr:first-of-type {
    background: #f5f5f5;
}

.canshu table tr:nth-child(2) {
    border-bottom: 1px solid #dadada;
}

.canshu table tr:nth-child(2) th a {
    display: inline-block;
    padding: 10px 43px;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 6px;
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    font-weight: normal;
    color: #fff;
    position: relative;
}

.canshu table th {
    border-right: 1px solid #dadada;
}

.canshu table th span,
.canshu table td span,
.canshu table a {
    display: block;
    padding: 10px 10px;
    text-decoration: none;
    text-align: center;
}

.canshu table a {
    border: 1px solid #dadada;
    border-left: 0;
    border-top: 0;
}

.canshu table td a {
    text-align: center;
}

.canshu table td a {
    display: inline-block;
    padding: 10px 43px;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 6px;
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    font-weight: normal;
    color: #fff;
    position: relative;
}

.canshu table td a:after {
    content: '\e677';
    font-family: 'iconfont';
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
}

.pddownload {
    margin-top: 50px;
    line-height: 45px;
    padding: 0 50px;
    color: #fff;
    border-radius: 45px;
}


@media screen and (max-width: 768px) {
    .pd .peijian .title {
        padding-bottom: 0px;
        margin-bottom: 0;
        padding-top: 0;
    }


    .pd .filter {
        padding: 10px 0;
    }

    .t170406 table td img, .duibi table td img {
        width: 70px !important; /*height: 70px!important;*/
    }

    .t170406 table th, .duibi table th {
        min-width: 20px;
    }

    .t170406 table tr:nth-child(2) th a, .duibi table tr:nth-child(2) th a {
        margin: 0;
        padding: 0;
        background: none;
        color: #000;
    }

    .t170406 table tr:last-child td img, .duibi table tr:last-child td img {
        width: 262px !important;
    }

    .pd .xiangqing .block.type3 .face {
        display: block;
        position: relative;
        float: none;
    }

    .pd .xiangqing .block.type3 .text {
        display: block;
        position: relative;
        float: none;
        height: 250px;
        left: 0;
        right: 0;
    }

    .pd .xiangqing .block.type4 .face {
        display: block;
        position: relative;
        float: none;
    }

    .pd .xiangqing .block.type4 .text {
        display: block;
        position: relative;
        float: none;
        height: 250px;
        left: 0;
    }
}

@media screen and (min-width: 800px) {
    .pages {
    }
}


/*alan 05-20 修改*/
.alan-banner .tb-c {
    vertical-align: bottom;
}

.video {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.alan-page .con {
    width: 960px;
    margin: 0 auto;
}

.alan-page .page-tt {
    height: 34px;
    line-height: 34px;
    background: linear-gradient(to right, #54d473, #3ab7cf);
}

.alan-page .page-tt .con {
    display: flex;
    justify-content: flex-start;
}

.alan-page .page-tt a {
    width: 108px;
    display: block;
    float: left;
    height: 34px;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.alan-page .page-tt a.active {
    color: #3fa683;
    background-color: #efefef;
}

.alan-page .page-cc {
    min-height: 90px;
    background-color: #efefef;
}

.alan-page .page-cc .item {
    float: left;
    width: 155px;
    position: relative;
}

.alan-page .page-cc .item a {
    display: block;
    text-align: center;
    padding-top: 25px;
}

.alan-page .page-cc .item .iconfont {
    font-size: 36px;
    display: block;
    margin-bottom: 18px;
}

.alan-page .page-cc .item p {
    font-size: 12px;
    font-weight: bolder;
    letter-spacing: 1px;
    color: #595757;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.alan-page .page-cc .item:hover .iconfont,
.alan-page .page-cc .item.active .iconfont {
    color: #3fa683;
}

.alan-page .page-cc .item:hover p,
.alan-page .page-cc .item.active p {
    color: #3fa683;
    font-size: 15px;
}

@media screen and (max-width: 800px) {
    .alan-page .con {
        width: 90%;
        margin: 0 5%;
    }

    .alan-page .page-cc .item {
        width: 33.333%;
    }
}

.alan.products {
    display: block;
    background: #fff;
    position: relative;
    padding: 60px 0 0;
}

.alan.products:before {
    content: '';
    position: absolute;
    z-index: 0;
    font-size: 160px;
    font-weight: 900;
    font-family: Arial;
    color: #f9f9f9;
    right: 50%;
    margin-right: -600px;
    bottom: 20%;
    line-height: 1;
}

.alan.products .item {
    position: relative;
    height: 340px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.alan.products .item a {
    display: block;
    width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    color: #fff;
    height: 100%;
}


@media screen and (min-width: 800px) {
    .alan.products .item a .tb {
        width: 428px;
    }
}

.alan.products .item a h2 {
    font-size: 30px;
    letter-spacing: 3px;
    margin-bottom: 30px;
}

.alan.products .item a p {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 4px;
}

.alan.products .bx-controls {
    text-align: center;
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
}

.alan.products .bx-pager {
    display: inline-block;
    margin-top: 30px;
}

.alan.products .bx-pager .bx-pager-item {
    float: left;
    position: relative;
    padding: 0 20px;
}

.alan.products .bx-pager .bx-pager-item a {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: rgba(255, 255, 255, .5);
    text-indent: -99999px;
    position: relative;
}

.alan.products .bx-pager .bx-pager-item a.active {
    background: rgba(255, 255, 255, 1);
}


@media screen and (max-width: 1400px) {

    .index .banner .text {
        height: 120px;
        padding-top: 20px;
    }

    .index .banner .text h1 {
        font-size: 38px;
    }

    .index .banner .text h3 {
        font-size: 38px;
    }

    .index .banner .text small {
        font-size: 16px;
    }

}

@media screen and (max-width: 800px) {

    .alan.products .item a h2 {
        font-size: 18px;
        letter-spacing: 3px;
        margin-bottom: 20px;
        width: 95%;
        padding-top: 20px;
    }

    .alan.products .item a p {
        font-size: 12px;
        line-height: 2;
        letter-spacing: 4px;
        width: 95%;
    }

    .alan.products .item {
        height: 400px;
    }

    .alan.products .item::before::before {
        position: absolute;
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .3);
        z-index: 0;
    }

    .alan.products .item a {
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .alan.products .item a .tb-c {
        vertical-align: top;
    }

    .alan.products .bx-controls {
        bottom: 20px;
    }

}

.news-video {
    height: 400px;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.news-video video {
    display: block;
    margin: 0 auto;
}

.news-video .play-btn {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}

.news-video .play-btn i {
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}

li img.honor_list_img {
    width: 246px;
}


/*下载页*/

#download_box {
    margin: 0 18.75%;
    background-color: #fff;
    padding-top: 30px;
    box-shadow: 0 12px 60px rgba(0, 34, 41, 0.15);
}

#download_box a {
    cursor: pointer;
}

#download_box .download_top {
    height: 65px;
    padding: 0 50px;
}

#download_box .download_top .type {
    display: inline-block;
    font-size: 24px;
    color: #595959;
    height: 100%;
    margin-right: 18px;
    position: relative;
    line-height: 65px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

#download_box .download_top .type:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    bottom: 0;
    left: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

#download_box .download_top .type:hover {
    color: #3fa683;
}

#download_box .download_top .type:hover:after {
    height: 3px;
    background-color: #3fa683;
}

#download_box .download_top .active {
    color: #3fa683;
}

#download_box .download_top .active:after {
    height: 3px;
    background-color: #3fa683;
}

#download_box .download_center .download_row {
    min-height: 35px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    position: relative;
    pointer-events: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

#download_box .download_center .download_type {
    line-height: 56px;
    font-size: 14px;
    color: #808080;
    padding: 20px 50px;
    pointer-events: auto;
}

#download_box .download_center .download_type .downType {
    display: inline-block;
    border-radius: 14px;
    height: 28px;
    line-height: 28px;
    min-width: 82px;
    border: 1px solid #3fa683;
    font-size: 14px;
    padding: 0 15px;
    color: #8c8c8c;
    text-align: center;
    margin: 0 7px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

#download_box .download_center .download_childType {
    background-color: #f3f5f4;
    position: relative;
}

#download_box .download_center .download_childType:after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0;
    border-style: solid;
    border-width: 10px;
    border-color: #fff transparent transparent transparent;
    top: -1px;
    left: 50%;
}

#download_box .download_center .download_childType:before {
    content: '';
    position: absolute;
    width: 0px;
    height: 0;
    border-style: solid;
    border-width: 11px;
    border-color: rgba(0, 0, 0, 0.15) transparent transparent transparent;
    top: -1px;
    left: calc(50% - 1px);
}

#download_box .download_center .download_type .downType:hover {
    color: #fff;
    background-color: #3fa683;
}

#download_box .download_center .download_type .downType:first-child {
    margin-left: 7px;
}

#download_box .download_center .download_type .active {
    color: #fff;
    background-color: #3fa683;
}

#download_box .download_center .download_search {
    box-shadow: 0 12px 60px rgba(0, 34, 41, 0.15);
    padding: 25px 50px;
    height: 60px;
    left: -50px;
    top: 45px;
    position: absolute;
    pointer-events: auto;
    width: 100%;
    background-color: #fff;
}

#download_box .download_center .download_search .leftCol {
    position: absolute;
    height: 60px;
    line-height: 60px;
    left: 100px;
    top: 25px;
}

#download_box .download_center .download_search .leftCol > span {
    display: inline-block;
    width: 40px;
    position: relative;
}

#download_box .download_center .download_search .leftCol > span > i {
    color: #3fa683;
    cursor: pointer;
}

#download_box .download_center .download_search .leftCol > span:after {
    content: '';
    height: 50%;
    width: 1px;
    background-color: rgba(89, 89, 89, 0.15);
    right: 0;
    top: 25%;
    position: absolute;
}

#download_box .download_center .download_search .leftCol > input {
    height: 30px;
    border: none;
    margin: 15px;
    color: rgba(89, 89, 89, 0.5);
}

#download_box .download_center .download_search .rightCol {
    position: absolute;
    height: 60px;
    line-height: 60px;
    right: 100px;
    bottom: 25px;
}

#download_box .download_center .download_search .rightCol > a {
    font-size: 12px;
    color: #808080;
    display: inline-block;
    margin: 0 12px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

#download_box .download_center .download_search .rightCol > a:last-child {
    margin-right: 0;
}

#download_box .download_center .download_search .rightCol > a > i {
    margin-right: 6px;
    vertical-align: middle;
    font-size: 20px;
    color: #8c8c8c;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

#download_box .download_center .download_search .rightCol > a:hover {
    color: #3fa683;
}

#download_box .download_center .download_search .rightCol a.active {
    color: #3fa683;
}

#download_box .download_center .download_search .rightCol a.active i {
    color: #3fa683;
}

#download_box .download_center .download_search .rightCol > a:hover > i {
    color: #3fa683;
}

#download_box .download_center .download_col {
    padding: 0 50px;
    padding-bottom: 60px;
}

#download_box .download_center .download_col .download_txt {
    display: inline-block;
    position: relative;
    transition: all 0.3s;
    width: calc(100% - 300px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    height: 100%;
    pointer-events: auto;
    line-height: 110px;
    font-size: 14px;
    font-weight: bold;
}

#download_box .download_center .download_col .download_txt .small {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    font-weight: 100;
    height: 40px;
    line-height: 40px;
    color: #bfbfbf;
    width: 100%;
    left: 0;
    bottom: 0;
    letter-spacing: 2px;
}

#download_box .download_center .download_col .rightCol {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
}

#download_box .download_center .download_col .rightCol .downloadSet {
    display: inline-block;
    height: 50px;
    pointer-events: auto;
    line-height: 50px;
    margin-left: 15px;
    font-size: 14px;
    color: rgba(89, 89, 89, 0.7);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

#download_box .download_center .download_col .rightCol .downloadSet > i {
    margin-right: 6px;
    vertical-align: middle;
    font-size: 20px;
    color: #d9d9d9;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

#download_box .download_center .download_col .rightCol .downloadSet:first-child {
    min-width: 40px;
}

#download_box .download_center .download_col .download_row:hover {
    border-color: #3fa683;
}

#download_box .download_center .download_col .download_row:hover .download_txt {
    color: #3fa683;
}

#download_box .download_center .download_col .download_row:hover .rightCol .downloadSet {
    color: #3fa683;
}

#download_box .download_center .download_col .download_row:hover .rightCol .downloadSet > i {
    color: #3fa683;
}

#download_box .download_page {
    height: 120px;
    line-height: 120px;
    text-align: center;
}

#download_box .download_page > a {
    font-size: 16px;
    color: #bfbfbf;
    margin: 0 6px;
    display: inline-block;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

#download_box .download_page > a:hover {
    color: #3fa683;
}

#download_box .download_page .active {
    color: #3fa683;
}

#download_box .download_page .TpageSet {
    margin: 0 15px;
}

#download_box .download_page .TpageSet:last-child {
    transform-origin: 50% 49%;
    transform: rotate(180deg);
}

#download_box .download_page .TpageSet > i {
    vertical-align: middle;
}

#download_box .zixun .star .active i {
    color: #3fa683;
}

.starList {
    margin: 0 5px;
    cursor: pointer;
}

.starList i {
    font-size: 20px;
    vertical-align: middle;
    color: #ccc;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
}


/* L添加 */
.pd .pages .btns {
    right: 0;
    margin-right: 45px;
    bottom: 50%;
    transform: translateY(50%);
    position: fixed;
}

.pd .pages .btns a {
    color: #fff;
}

.pd .pages .btns ul {
    width: 40px;
    margin: 0 auto;
    padding-bottom: 30px;
    position: relative;
}

.pd .pages .btns ul:before {
    content: '';
    display: none;
    left: 50%;
    bottom: 100%;
    height: 9999px;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
}

.pd .pages .btns ul:after {
    content: '';
    display: none;
    left: 50%;
    top: 100%;
    height: 9999px;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    margin-top: -30px;
}

.pd .pages .btns ul li {
    height: 40px;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 40px;
    line-height: 40px; /*border: 1px solid; */
    background: rgba(63, 158, 126, .5);
    position: relative;
}

.pd .pages .btns ul li:after {
    content: '';
    display: none;
    left: 19px;
    width: 1px;
    height: 16px;
    top: 100%;
    background: rgba(255, 255, 255, .2);
    position: absolute;
}

.pd .pages .btns ul li i {
    font-size: 20px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    font-style: normal;
}

.pd .pages .btns ul li span {
    display: none;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    right: 100%;
    top: 0;
}

.pd .pages .btns ul li:hover {
    border-color: #fff;
}

.pd .pages .btns ul li:hover i {
    background: rgba(63, 158, 126, 1);
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.pd .pages .btns ul li:hover span {
    display: block;
    background: rgba(63, 158, 126, 1);
    padding-left: 20px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.fd:not(#so-box) .btns {
    right: 0;
    margin-right: 45px;
    bottom: 50%;
    transform: translateY(50%);
    position: fixed;
    z-index: 100;
}

.fd:not(#so-box) .btns a {
    color: #fff;
}

.fd:not(#so-box) .btns ul {
    width: 40px;
    margin: 0 auto;
    padding-bottom: 30px;
    position: relative;
}

.fd:not(#so-box) .btns ul:before {
    content: '';
    display: none;
    left: 50%;
    bottom: 100%;
    height: 9999px;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
}

.fd:not(#so-box) .btns ul:after {
    content: '';
    display: none;
    left: 50%;
    top: 100%;
    height: 9999px;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    margin-top: -30px;
}

.fd:not(#so-box) .btns ul li {
    height: 40px;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 40px;
    line-height: 40px; /*border: 1px solid; */
    background: rgba(63, 158, 126, .5);
    position: relative;
}

.fd:not(#so-box) .btns ul li:after {
    content: '';
    display: none;
    left: 19px;
    width: 1px;
    height: 16px;
    top: 100%;
    background: rgba(255, 255, 255, .2);
    position: absolute;
}

.fd:not(#so-box) .btns ul li i {
    font-size: 20px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    font-style: normal;
}

.fd:not(#so-box) .btns ul li span {
    display: none;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    right: 100%;
    top: 0;
}

.fd:not(#so-box) .btns ul li:hover {
    border-color: #fff;
}

.fd:not(#so-box) .btns ul li:hover i {
    background: rgba(63, 158, 126, 1);
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.fd:not(#so-box) .btns ul li:hover span {
    display: block;
    background: rgba(63, 158, 126, 1);
    padding-left: 20px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.fd ~ .btns {
    right: 0;
    margin-right: 45px;
    bottom: 50%;
    transform: translateY(50%);
    position: fixed;
    z-index: 100;
}

.fd ~ .btns a {
    color: #fff;
}

.fd ~ .btns ul {
    width: 40px;
    margin: 0 auto;
    padding-bottom: 30px;
    position: relative;
}

.fd ~ .btns ul:before {
    content: '';
    display: none;
    left: 50%;
    bottom: 100%;
    height: 9999px;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
}

.fd ~ .btns ul:after {
    content: '';
    display: none;
    left: 50%;
    top: 100%;
    height: 9999px;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    margin-top: -30px;
}

.fd ~ .btns ul li {
    height: 40px;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 40px;
    line-height: 40px; /*border: 1px solid; */
    background: rgba(63, 158, 126, .5);
    position: relative;
}

.fd ~ .btns ul li:after {
    content: '';
    display: none;
    left: 19px;
    width: 1px;
    height: 16px;
    top: 100%;
    background: rgba(255, 255, 255, .2);
    position: absolute;
}

.fd ~ .btns ul li i {
    font-size: 20px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    font-style: normal;
}

.fd ~ .btns ul li span {
    display: none;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    right: 100%;
    top: 0;
}

.fd ~ .btns ul li:hover {
    border-color: #fff;
}

.fd ~ .btns ul li:hover i {
    background: rgba(63, 158, 126, 1);
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.fd ~ .btns ul li:hover span {
    display: block;
    background: rgba(63, 158, 126, 1);
    padding-left: 20px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.header + .btns {
    right: 0;
    margin-right: 45px;
    bottom: 50%;
    transform: translateY(50%);
    position: fixed;
    z-index: 100;
}

.header + .btns a {
    color: #fff;
}

.header + .btns ul {
    width: 40px;
    margin: 0 auto;
    padding-bottom: 30px;
    position: relative;
}

.header + .btns ul:before {
    content: '';
    display: none;
    left: 50%;
    bottom: 100%;
    height: 9999px;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
}

.header + .btns ul:after {
    content: '';
    display: none;
    left: 50%;
    top: 100%;
    height: 9999px;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    margin-top: -30px;
}

.header + .btns ul li {
    height: 40px;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 40px;
    line-height: 40px; /*border: 1px solid; */
    background: rgba(63, 158, 126, .5);
    position: relative;
}

.header + .btns ul li:after {
    content: '';
    display: none;
    left: 19px;
    width: 1px;
    height: 16px;
    top: 100%;
    background: rgba(255, 255, 255, .2);
    position: absolute;
}

.header + .btns ul li i {
    font-size: 20px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    font-style: normal;
}

.header + .btns ul li span {
    display: none;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    right: 100%;
    top: 0;
}

.header + .btns ul li:hover {
    border-color: #fff;
}

.header + .btns ul li:hover i {
    background: rgba(63, 158, 126, 1);
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.header + .btns ul li:hover span {
    display: block;
    background: rgba(63, 158, 126, 1);
    padding-left: 20px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.pd .btns {
    opacity: 0;
    pointer-events: none;
    right: 0;
    margin-right: 45px;
    bottom: 50%;
    transform: translateY(50%);
    position: fixed;
    z-index: 100;
}

.pd .btns a {
    color: #fff;
}

.pd .btns ul {
    width: 40px;
    margin: 0 auto;
    padding-bottom: 30px;
    position: relative;
}

.pd .btns ul:before {
    content: '';
    display: none;
    left: 50%;
    bottom: 100%;
    height: 9999px;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
}

.pd .btns ul:after {
    content: '';
    display: none;
    left: 50%;
    top: 100%;
    height: 9999px;
    width: 1px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    margin-top: -30px;
}

.pd .btns ul li {
    height: 40px;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 40px;
    line-height: 40px; /*border: 1px solid; */
    background: rgba(63, 158, 126, .5);
    position: relative;
}

.pd .btns ul li:after {
    content: '';
    display: none;
    left: 19px;
    width: 1px;
    height: 16px;
    top: 100%;
    background: rgba(255, 255, 255, .2);
    position: absolute;
}

.pd .btns ul li i {
    font-size: 20px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    font-style: normal;
}

.pd .btns ul li span {
    display: none;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    right: 100%;
    top: 0;
}

.pd .btns ul li:hover {
    border-color: #fff;
}

.pd .btns ul li:hover i {
    background: rgba(63, 158, 126, 1);
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.pd .btns ul li:hover span {
    display: block;
    background: rgba(63, 158, 126, 1);
    padding-left: 20px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}


.pd .downDate .title {
    position: relative;
    margin-bottom: 45px;
    padding-bottom: 45px;
    text-align: center;
}

.pd .downDate .title:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    background: #3cc78e;
    height: 2px;
    bottom: 0;
}

.pd .downDate .title h1 {
    font-size: 28px;
    letter-spacing: 5px;
    color: #000;
}

.pd .downDate .item {
    float: left;
    width: 33.333%;
    text-align: center;
}

.pd .downDate .item .con {
    display: inline-block;
}

.pd .downDate .item .picBox {
    padding: 10px;
    width: 365px;
    background-color: #fff;
    box-shadow: 0 10px 50px rgba(12, 45, 46, 0.15);
}

.pd .downDate .item .picBox img {
    width: 365px;
}

.pd .downDate .item .conTxt {
    padding: 30px 10px 0 10px;
    text-align: left;
    width: 365px;
}

.pd .downDate .item .conTxt h5 {
    color: #666;
    text-align: left;
    font-weight: 900;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}

.pd .downDate .item .conTxt p {
    color: #a6a6a6;
    text-align: left;
    font-weight: 100;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 16px;
}

.pd .downDate .item .conTxt a {
    color: #515a79;
    text-align: left;
    font-weight: 900;
    font-size: 16px;
    line-height: 36px;
    text-decoration: underline;
    text-transform: uppercase;
    cursor: pointer;
}

.pd .helpFul {
    background-color: #515a79;
    line-height: 100px;
}

.pd .helpFul .maxsize {
    font-size: 28px;
    color: #fff;
    position: relative;
}

.pd .helpFul .maxsize .helpFulBox {
    position: absolute;
    display: inline-block;
    height: 100%;
    width: 280px;
    right: 0;
    top: 0;
}

.pd .helpFul .maxsize .helpFulBox a {
    display: inline-block;
    font-size: 14px;
    width: 120px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 17px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    margin: 33px 0;
    cursor: pointer;
    transition: all 0.3s;
}

.pd .helpFul .maxsize .helpFulBox a:hover {
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    display: inline-block;
    /* text-shadow: 0 2px 4px rgba(48,71,64,.3); */
}


.fd .downDate .title {
    position: relative;
    margin-bottom: 45px;
    padding-bottom: 45px;
    text-align: center;
}

.fd .downDate .title:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    background: #3cc78e;
    height: 2px;
    bottom: 0;
}

.fd .downDate .title h1 {
    font-size: 28px;
    letter-spacing: 5px;
    color: #000;
}

.fd .downDate .item {
    float: left;
    width: 33.333%;
    text-align: center;
}

.fd .downDate .item .con {
    display: inline-block;
}

.fd .downDate .item .picBox {
    padding: 10px;
    width: 365px;
    background-color: #fff;
    box-shadow: 0 10px 50px rgba(12, 45, 46, 0.15);
}

.fd .downDate .item .picBox img {
    width: 365px;
}

.fd .downDate .item .conTxt {
    padding: 30px 10px 0 10px;
    text-align: left;
    width: 365px;
}

.fd .downDate .item .conTxt h5 {
    color: #666;
    text-align: left;
    font-weight: 900;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}

.fd .downDate .item .conTxt p {
    color: #a6a6a6;
    text-align: left;
    font-weight: 100;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 16px;
}

.fd .downDate .item .conTxt a {
    color: #515a79;
    text-align: left;
    font-weight: 900;
    font-size: 16px;
    line-height: 36px;
    text-decoration: underline;
    text-transform: uppercase;
    cursor: pointer;
}

.fd .helpFul {
    background-color: #515a79;
    line-height: 100px;
}

.fd .helpFul .maxsize {
    font-size: 28px;
    color: #fff;
    position: relative;
}

.fd .helpFul .maxsize .helpFulBox {
    position: absolute;
    display: inline-block;
    height: 100%;
    width: 280px;
    right: 0;
    top: 0;
}

.fd .helpFul .maxsize .helpFulBox a {
    display: inline-block;
    font-size: 14px;
    width: 120px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 17px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    margin: 33px 0;
    cursor: pointer;
    transition: all 0.3s;
}

.fd .helpFul .maxsize .helpFulBox a:hover {
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    display: inline-block;
    /* text-shadow: 0 2px 4px rgba(48,71,64,.3); */
}


#Tform {
    background-color: #fff;
    padding: 0 9%;
    max-width: 1200px;
    margin: auto;
    box-sizing: border-box;
    box-shadow: 0 12px 30px -8px rgba(0, 34, 41, 0.12);
}

#Tform .redDot {
    color: #ff0040;
}

#Tform .TdownRow {
    overflow: visible !important;
}

#Tform .cl {
    clear: both;
    margin-bottom: 28px;
}

#Tform .formMain {
    width: 100%;
    padding: 55px 0;
}

#Tform .formMain .Tradio {
    display: none;
}

#Tform .formMain .Tradio + label {
    border: 1px solid #bfbfbf;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: sub;
    margin: 0 7px;
}

#Tform .formMain .Tradio + label + b {
    color: #595959;
}

#Tform .formMain .Tradio:checked + label + b {
    color: #3fa683;
}

#Tform .formMain .Tradio:checked + label {
    border-color: #3fa683;
}

#Tform .formMain .Tradio:checked + label:after {
    content: '';
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #3fa683;
    top: 4px;
    left: 4px;
}

#Tform .formMain .Ttop {
    max-width: 625px;
    margin: auto;
}

#Tform .formMain .Ttop > h5 {
    color: #3fa683;
    font-size: 32px;
    text-align: center;
    margin-bottom: 54px;
}

#Tform .formMain .Ttop > p {
    color: rgba(89, 89, 89, 0.5);
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
}

#Tform .formMain .Tbottom {
    text-align: center;
    transform: translateY(-32px);
}

#Tform .formMain .Tbottom div:first-child {
    height: 30px;
    background-color: #fff;
    display: inline-block;
    padding: 0 20px;
    margin-bottom: 30px;
}

#Tform .formMain .Tbottom > button {
    background: #45d6c8;
    border: none;
    border-radius: 50px;
    font-size: 14px;
    width: 120px;
    text-align: center;
    color: #fff;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    transition: all 0.3s;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    display: inline-block;
    margin-top: 5px;
    text-transform: uppercase;
}

#Tform .formMain .Tline {
    clear: both;
    border-top: 1px solid #e5e5e5;
    margin: 20px 0;
}

#Tform .formMain .Tcenter {
    max-width: 625px;
    margin: auto;
}

#Tform .formMain .Tcenter .inputRow {
    overflow: hidden;
    margin-bottom: 28px;
}

#Tform .formMain .Tcenter .inputRow .Tinput {
    height: 38px;
    line-height: 38px;
    background-color: #f2f2f2;
    padding: 0 15px;
}

#Tform .formMain .Tcenter .inputRow .Tinput > input {
    border: none;
    background-color: transparent;
    height: 100%;
    width: 100%;
}

#Tform .formMain .Tcenter .inputRow .Tinput > textarea {
    height: 100%;
    width: 100%;
    background-color: transparent;
    border: none;
    padding: 8px 0;
    box-sizing: border-box;
}

#Tform .formMain .Tcenter .inputRow .TdownMain {
    position: absolute;
    width: 100%;
    background-color: #f2f2f2;
    display: none;
    z-index: 20;
    height: 224px;
    overflow: auto;
    box-shadow: 0 5px 6px -2px rgba(0, 14, 34, 0.12);
}

#Tform .formMain .Tcenter .inputRow .TdownMain > li {
    font-size: 13px;
    color: #595959;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    transition: all 0.3s;
    cursor: pointer;
}

#Tform .formMain .Tcenter .inputRow .TdownMain > li:hover {
    background-color: #e5e5e5;
}

#Tform .formMain .Tcenter .inputRow .downBox {
    position: relative;
}

#Tform .formMain .Tcenter .inputRow .downBox input {
    cursor: pointer;
}

#Tform .formMain .Tcenter .inputRow .downBox .Zdown {
    display: inline-block;
    position: absolute;
    cursor: pointer;
    width: 22px;
    height: 22px;
    background-color: #fff;
    top: 7px;
    right: 15px;
    line-height: 22px;
    text-align: center;
}

#Tform .formMain .Tcenter .inputRow .left {
    float: left;
    width: 49%;
    position: relative;
}

#Tform .formMain .Tcenter .inputRow .left div:first-child {
    font-weight: 700;
    font-size: 13px;
    color: #595959;
    height: 38px;
    line-height: 20px;
}

#Tform .formMain .Tcenter .inputRow .left div:first-child > span {
    color: #ff0040;
}

#Tform .formMain .Tcenter .inputRow .right {
    float: right;
    width: 49%;
    position: relative;
}

#Tform .formMain .Tcenter .inputRow .right div:first-child {
    font-weight: 700;
    font-size: 13px;
    color: #595959;
    height: 38px;
    line-height: 20px;
}

#Tform .formMain .Tcenter .inputRow .right div:first-child > span {
    color: #ff0040;
}

#Tform .formMain .Tcenter .startSearch {
    /*border: 1px solid #e5e5e5;*/
    border-radius: 50px;
    height: 48px;
    text-align: center;
    margin-bottom: 70px;
}

#Tform .formMain .Tcenter .startSearch > span {
    background-color: #fff;
    width: 185px;
    text-align: center;
    display: inline-block;
    min-height: 25px;
    line-height: 25px;
    font-size: 13px;
    color: #595959;
    transform: translateY(-12px);
}

#Tform .formMain .Tcenter .startSearch > button {
    background: #45d6c8;
    border: none;
    border-radius: 50px;
    font-size: 14px;
    width: 120px;
    text-align: center;
    color: #fff;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    transition: all 0.3s;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    display: inline-block;
    margin-top: 5px;
    text-transform: uppercase;
}

#Tform .formMain .Tcenter .Tcode > span {
    width: 207px;
    padding: 0 15px;
    transform: translateY(-58px);
}

#Tform .formMain .Tcenter .Tcode > button {
    transform: translateY(-46px);
}

#Tform .formMain .Tcenter .Tcode .right {
    padding: 0;
}

#Tform .formMain .Tcenter .Tcode .right > img {
    width: 100%;
    height: 38px;
}

#Tform .formMain .Tcenter .Ttip {
    margin-bottom: 30px;
}

#Tform .formMain .Tcenter .Ttip > h5 {
    color: #808080;
    font-weight: 700;
    font-size: 16px;
    min-height: 30px;
}

#Tform .formMain .Tcenter .Ttip > p {
    color: rgba(89, 89, 89, 0.5);
    line-height: 150%;
}

#Tform .formMain .Tcenter .Ttip > p > a {
    color: rgba(89, 89, 89, 0.5);
    font-style: italic;
    cursor: pointer;
}

#Tform .formMain .Tcenter .Ttip .radioMsg {
    color: rgba(89, 89, 89, 0.5);
    font-weight: 700;
    margin: 8px 0;
    overflow: hidden;
}

#Tform .formMain .Tcenter .Ttip .radioMsg > span {
    float: right;
}

#onepage_content .row.type_1_0 {
}

#onepage_content {
    padding-top: 0;
}

#onepage_title .content {
    padding-bottom: 0;
    padding-top: 110px;
}

#page_404 {
    height: 100vh;
}

#page_404 .pic_404 {
    max-width: 80% !important;
    margin: auto;
}

#page_404 .r1 {
    margin-top: 10vh;
}

#page_404 .maxsize {
    text-align: center;
}

#page_404 .maxsize p {
    color: #444;
}

#page_404 .maxsize p a {
    color: #4c9e83;
    font-size: 16px;
    cursor: pointer;
}

#page_404 .maxsize.r2 {
    text-align: left;
    width: 640px;
    margin: auto;
    margin-top: 60px;
}

#page_404 .r2 .search_404 {
    margin-top: 12px;
    overflow: hidden;
    height: 56px;
    margin-bottom: 45px;
}

#page_404 .r2 .search_404 input {
    float: left;
    height: 100%;
    width: calc(100% - 118px);
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 6px 12px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 16px;
}

#page_404 .r2 .search_404 a {
    float: left;
    height: 100%;
    background-color: #ccc;
    line-height: 56px;
    width: 118px;
    text-align: center;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
}

#page_404 .r2 .search_404 a i {
    color: #fff;
    font-size: 34px;
}

#page_404 .maxsize .note {
    margin-top: 16px;
}

#page_404 .r2 .ad_404 p {
    font-size: 18px;
    margin: 20px 0;
}


#contact_new {
    padding: 32px 25px;
    width: 488px;
    margin: auto;
    background-color: #fff;
    box-shadow: 0 4px 14px 4px rgba(4, 0, 0, 0.1);
}

.ct .contact .l p {
    font-size: 16px;
}

#contact_new h1 img, #contact_new h2 img {
    vertical-align: middle;
    margin-right: 20px;
}

#contact_new h1, #contact_new h2 {
    font-size: 18px;
    margin-bottom: 24px;
}

#contact_new div input[type=text] {
    background-color: #fbfbfb;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 0 12px;
    width: 100%;
    height: 42px;
    box-sizing: border-box;
}

#contact_new div textarea {
    background-color: #fbfbfb;
    border: 1px solid #eee;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    height: 120px;
}

#contact_new div input[type=submit] {
    background-color: #3ea987;
    color: #fff;
    border-radius: 5px;
    padding: 0 12px;
    width: 100%;
    height: 42px;
    box-sizing: border-box;
}

#contact_new div {
    margin-bottom: 24px;
    width: 100%;
}

/*.footer {
    margin-top: 100px;
}*/

.footer #Ta-btn {
    position: absolute;
    bottom: 100%;
    width: 100%;
    text-align: center;
    background-color: #fff;
}

.footer #Ta-btn.gbg {
    background-color: #f3f3f4;
}

.footer #Ta-btn a {
    display: inline-block;
    font-size: 14px;
    width: 140px;
    height: 36px;
    margin: 32px 16px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background: url(../images/alan-btn-bg.png) no-repeat center center;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
}

#ce_btn .Tbtn {
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
    position: fixed;
    z-index: 1000000;
}

#ce_btn .Tbtn a {
    color: #fff;
    padding: 16px 0;
    display: inline-block;
    position: relative;
    z-index: 5;
}

#ce_btn .Tbtn ul {
    width: 70px;
    margin: 0 auto;
    padding-bottom: 30px;
    position: relative;
}

#ce_btn .Tbtn ul .ma {
    display: none;
    position: absolute;
    padding: 10px;
    bottom: 0;
    right: 100%;
    width: 120px;
}

#ce_btn .Tbtn ul .ma:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    right: -6px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#ce_btn .Tbtn ul:before {
    content: '';
    display: none;
    left: 50%;
    bottom: 100%;
    height: 9999px;
    width: 1px;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
}

#ce_btn .Tbtn ul:after {
    content: '';
    display: none;
    left: 50%;
    top: 100%;
    height: 9999px;
    width: 1px;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    margin-top: -30px;
}

#ce_btn .Tbtn ul li {
    width: 100%;
    text-align: center;
    display: inline-block;
    /*border: 1px solid; */
    background: #f7f8f8;
    position: relative;
    cursor: pointer;
}

#ce_btn .Tbtn ul li:not(:last-of-type):after {
    content: '';
    position: absolute;
    bottom: 1px;
    width: 80%;
    border-bottom: 1px solid #bdbdbd;
    left: 0;
    right: 0;
    margin: auto;
}

#ce_btn .Tbtn ul li.ma-go:after {
    opacity: 0;
}

#ce_btn .Tbtn ul li i {
    font-size: 30px;
    margin-bottom: 8px;
    width: 40px;
    height: 32px;
    line-height: 32px;
    color: #3abe91;
    text-align: center;
    display: inline-block;
    font-style: normal;
    transition: all 0.3s ease-in-out;
}

#ce_btn .Tbtn ul li span {
    display: inline-block;
    color: #595757;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out;
}

#ce_btn .Tbtn ul li.ma-go:hover + .ma {
    display: inline-block;
}

#ce_btn .Tbtn ul .to-up {
    position: absolute;
    top: 95%;
}

#ce_btn .Tbtn ul .to-up a {
    padding: 24px 0;
}

#ce_btn .Tbtn ul li a.T-phone + small {
    display: inline-block;
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    padding-right: 78px;
    line-height: 80px;
    right: 0;
    padding-left: 10px;
    color: #fff;
    font-size: 16px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    background-color: #3abe91;
    pointer-events: none;
    white-space: nowrap;
}

#ce_btn .Tbtn ul li a.T-phone:hover i, #ce_btn .Tbtn ul li a.T-phone:hover span {
    color: #fff;
}

#ce_btn .Tbtn ul li a.T-phone:hover + small {
    opacity: 1;
    pointer-events: auto;
}

@media screen and (max-width: 800px) {
    #page_404 .maxsize .note {
        font-size: 16px;
    }

    #page_404 .maxsize.r2 {
        width: 80%;
    }

    #page_404 .r2 .search_404 {
        height: 45px;
    }

    #page_404 .r2 .search_404 a {
        width: 80px;
        line-height: 45px;
    }

    #page_404 .r2 .search_404 a i {
        font-size: 24px;
    }

    #page_404 .r2 .search_404 input {
        width: calc(100% - 80px);
    }

    #page_404 .r2 .ad_404 p {
        font-size: 16px;
    }

    #page_404 .maxsize p a {
        font-size: 14px;
    }

    #contact_new {
        width: 90%;
        padding: 30px;
        box-shadow: none;
    }

    #ce_btn .Tbtn ul {
        width: 50px;
    }

    #ce_btn .Tbtn ul > li {
        display: none;
    }

    #ce_btn .Tbtn ul > li:nth-of-type(2) {
        display: inline-block;
        width: 50px;
        height: 50px;
    }

    #ce_btn .Tbtn ul li span {
        display: none;
    }

    #ce_btn .Tbtn ul li:not(:last-of-type):after {
        display: none;
    }

    #ce_btn .Tbtn ul li i {
        margin-bottom: 0;
    }

    #ce_btn .Tbtn a {
        height: 50px;
        line-height: 50px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #ce_btn .Tbtn ul li a.T-phone:hover + small {
        line-height: 50px;
    }
}

.fd-line.title {
    position: relative;
    padding-bottom: 28px;
}

.fd-line.title:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    width: 36px;
    margin-left: -18px;
    height: 2px;
    background: #3cc78e;
    bottom: 0;
}


.f-tiyan {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10200000;
    background: rgba(0, 0, 0, 0.4);
    display: none;
}

.f-tiyan .win {
    width: 750px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 100px;
    bottom: 100px;
    margin-left: -375px;
}

.f-tiyan .win .nicescroll {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

.f-tiyan .close {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 60px;
}

.f-tiyan .win .face {
    height: 230px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.f-tiyan .win .cont {
    padding: 30px 45px;
    padding-top: 10px;
}

.f-tiyan .win h3 {
    line-height: 50px;
    font-size: 16px;
    color: #262626;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
    font-weight: normal;
    margin-bottom: 10px;
}

.f-tiyan .win p {
    font-size: 13px;
    line-height: 24px;
    color: #262626;
}

.f-tiyan .win .form {
    padding: 20px 0;
}

.f-tiyan .win .input {
    padding: 10px 30px;
}

.f-tiyan .win .input input {
    border-bottom: 1px solid #d9d9d9;
    line-height: 40px;
    width: 100%;
    height: 40px;
}

.f-tiyan .win .tip {
    color: #a6a6a6;
    margin-bottom: 20px;
}

.f-tiyan .win a.btn {
    line-height: 45px;
    color: #fff;
    display: inline-block;
    padding: 0 40px;
    border-radius: 45px;
    font-size: 16px;
    box-shadow: none;
}

.jiejue {
    min-height: 640px;
}

@media screen and (max-width: 800px) {
    .f-tiyan .win {
        width: auto;
        margin: 0;
        left: 10px;
        right: 10px;
    }

    .f-tiyan .win .input {
        padding: 10px;
    }

    .f-tiyan .win .face {
        height: 200px;
    }

    .f-tiyan .win .cont {
        padding: 20px;
    }

    .f-tiyan .close {
        width: 35px;
        height: 35px;
        right: -10px;
        top: -10px;
        line-height: 35px;
        font-size: 20px;
    }

    .jiejue {
        min-height: inherit;
    }
}

@media screen and (max-width: 480px) {
    .f-tiyan .win .face {
        height: 150px;
    }

    .f-tiyan .win h3 {
        line-height: 35px;
        font-size: 14px;
    }

    .f-tiyan .win p {
        font-size: 12px;
        line-height: 1.5;
    }

    .f-tiyan .win .form .md6 {
        float: none;
        width: auto;
    }

    .f-tiyan .win .input input {
        line-height: 30px;
    }
}

[onclick] {
    cursor: pointer;
}

.Tpr {
    position: relative;
}

.zh-more .maxsize {
    width: 74%;
}


.zh-more .top-search {
    position: relative;
    padding: 70px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.zh-more .top-search h1 {
    line-height: 60px;
    color: #fff;
    font-size: 40px;
    font-weight: 500;
}

.zh-more .top-search .search-box {
    position: absolute;
    height: 60px;
    top: 0;
    right: 0;
}

.zh-more .top-search .search-box input {
    border-radius: 5px;
    line-height: 60px;
    height: 60px;
    border: none;
    background-color: #fff;
    box-sizing: border-box;
    width: 480px;
    padding: 5px 60px 5px 20px;
    font-size: 16px;
}

.zh-more .top-search .search-box .sub {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 80px;
    background-color: #4c9e83;
    color: #fff;
    font-size: 24px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.zh-more .top-nav {
    height: 120px;
    box-shadow: 0 4px 8px rgba(4, 0, 0, 0.1);
}

.zh-more .top-nav .maxsize {
    height: 100%;
    position: relative;
    z-index: 10;
}

.zh-more .top-nav .zh-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    position: relative;
}

.zh-more .top-nav .zh-nav li {
    height: 100%;
    padding: ;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    position: relative;
}

.zh-more .top-nav .zh-nav li.on:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #4c9e83;
}

.zh-more .top-nav .zh-nav li h2 {
    color: #595757;
    line-height: 36px;
    font-size: 14px;
}


.zh-more .con {
    min-height: 10vh;
    margin-top: 6vh;
    margin-bottom: 24vh
}

.zh-more .con .video-list {
    margin-bottom: 12vh;
}

.zh-more .con .video-list h3 {
    color: #595757;
    font-size: 32px;
    margin-bottom: 24px;
    text-align: center;
}

.zh-more .con .video-list > ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.zh-more .con .video-list > ul > li {
    display: inline-block;
    float: left;
    width: 30%;
    position: relative;
    cursor: pointer;
    margin-bottom: 40px;
    margin-left: 1.5%;
    margin-right: 1.5%;
}

.zh-more .con .video-list > ul > li .pic {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.zh-more .con .video-list > ul > li .pic > img {
    width: 100%;
    opacity: 0;
}

.zh-more .con .video-list > ul > li .note {
    background-color: #fff;
    text-align: center;
    padding: 12px 0;
    line-height: 24px;
    box-shadow: 0px 4px 4px -1px rgba(4, 0, 0, 0.07);
}

.zh-more .con .video-list > ul > li .note > img {
    cursor: pointer;
    margin-left: 8px;
    vertical-align: bottom;
}

.zh-more .a-btn {
    display: inline-block;
    font-size: 14px;
    width: 140px;
    height: 36px;
    margin: 32px 16px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background: url(../images/alan-btn-bg.png) no-repeat center center;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
}

#data-down .con .data-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0 4px 10px rgba(4, 0, 0, 0.1);
    padding: 30px 40px;
    flex-wrap: wrap;
    margin-bottom: 6vh;
}

#data-down .con .data-item > a {
    color: #595757;
    border: 1px solid #909090;
    display: inline-block;
    line-height: 24px;
    padding: 0 20px;
    border-radius: 4px;
    margin: 14px 15px;
    transition: all 0.3s ease-in-out;
}

#data-down .con .data-item > a.on, #data-down .con .data-item > a:hover {
    background-color: #4c9e83;
    color: #fff;
    border-color: #4c9e83;
}

#data-down .con .data-box {
    box-shadow: 0 4px 10px rgba(4, 0, 0, 0.1);
    padding: 30px 40px;
}

#data-down .con .data-box > li {
    width: 100%;
    border-bottom: 1px solid #dcdddd;
    position: relative;
    overflow: hidden;
}

#data-down .con .data-box > li:last-of-type {
    border: none;
}

#data-down .con .data-box > li > span {
    display: inline-block;
    width: 20%;
    text-align: left;
    border-right: 1px solid #dcdddd;
    font-size: 22px;
    color: #595757;
    padding: 9px 0px;
    margin: 28px 0;
    text-indent: 6px;
}

#data-down .con .data-box > li > .data-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    float: right;
    width: calc(80% - 1px);
    right: 0;
    top: 0;
    box-sizing: border-box;
    padding: 28px 3%;
    min-height: 100%;
    padding-bottom: 8px;
    padding-top: 32px;
}

#data-down .con .data-box > li > .data-list a {
    display: inline-block;
    font-size: 14px;
    color: #595757;
    width: 25%;
    text-align: center;
    line-height: 32px;
    margin-bottom: 20px;
}

#soft-down .con {
    margin-top: 0;
    margin-bottom: 0;
}

#soft-down .con .soft-list {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
}

#soft-down .con .soft-list > img {
    opacity: 0;
}

#soft-down .con .soft-list .maxsize {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 55%;
    transform: translateY(-50%);
}

#soft-down .con .soft-list .maxsize .soft-box {
    width: 50%;
    margin-left: 50%;
}

#soft-down .con .soft-list.on .maxsize .soft-box {
    margin-left: 50%;
    margin-right: 0;
}

#soft-down .con .soft-list .maxsize .soft-box h2 {
    font-size: 40px;
    margin-bottom: 30px;
}

#soft-down .con .soft-list .maxsize .soft-box .soft-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0;
    flex-wrap: wrap;
}

#soft-down .con .soft-list .maxsize .soft-box .soft-item > li {
    padding: 20px;
    position: relative;
    width: 25%;
    text-align: center;
    box-sizing: border-box;
}

#soft-down .con .soft-list .maxsize .soft-box .soft-item > li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 1px solid #fff;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

#soft-down .con .soft-list .maxsize .soft-box .soft-item > li > img {
    height: 68px;
    display: inline-block
}

#soft-down .con .soft-list .maxsize .soft-box .soft-item > li img.on {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 20px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

#soft-down .con .soft-list .maxsize .soft-box .soft-item > li h3 {
    line-height: 38px;
    font-size: 14px;
    margin: 10px 0;
}

#soft-down .con .soft-list .maxsize .soft-box .soft-item > li a {
    display: inline-block;
    font-size: 12px;
    color: #4c9e83;
    border: 1px solid #4c9e83;
    border-radius: 4px;
    padding: 6px 12px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

#soft-down .con .soft-list .maxsize .soft-box .soft-item > li .zh-ma {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    bottom: calc(100% + 16px);
    display: block;
    transform: translateY(10px);
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

#soft-down .con .soft-list .maxsize .soft-box .soft-item > li .zh-ma img {
    max-width: 100%;
}

#soft-down .con .soft-list .maxsize .soft-box .soft-item > li .zh-ma:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px;
    border-color: #fff transparent transparent transparent;
    top: 100%;
    left: calc(50% - 8px);
}

#soft-down .con .soft-list .maxsize .soft-box .soft-item > li:hover:after {
    opacity: 1;
}

#soft-down .con .soft-list .maxsize .soft-box .soft-item > li:hover a {
    opacity: 1;
}

#soft-down .con .soft-list .maxsize .soft-box .soft-item > li:hover img.on {
    opacity: 1;
}

#soft-down .con .soft-list .maxsize .soft-box .soft-item > li:hover .zh-ma {
    transform: translateY(0px);
    opacity: 1;
}

#information.news_box .list .txt {
    padding: 20px 30px;
    position: relative;
}

#information.news_box .list .time {
    position: absolute;
    top: 0;
    right: 30px;
    opacity: 0.6;
}

#information.news_box .list .con {
    width: 100%;
}

#information.news_box .list li {
    margin: 20px 0;
}

#information_detail .touzi .nd .other {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    margin-top: 24px;
    flex-wrap: wrap
}

#information_detail .touzi .nd .other ul {
    width: 45%;
    list-style: disc;;
    border: 1px solid #eee;
    padding: 12px;
    margin-bottom: 24px;
}

#information_detail .touzi .nd .other ul > h4 {
    font-size: 16px;
    margin-bottom: 14px;
}

#information_detail .touzi .nd .other ul > li {
    width: calc(100% - 20px);
    margin-left: 20px;
    line-height: 1.4;
    margin-bottom: 12px;
}

#information_detail .touzi .nd .other ul > li span {
    opacity: 0.5;
    white-space: nowrap
}

/*页面结构*/
.layout-video {
    display: none;
    position: fixed;
    z-index: 1000000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.layout-video-close {
    position: fixed;
    z-index: 10;
    right: 25%;
    top: 8%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.layout-video-close::before,
.layout-video-close::after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 50%;
    margin-left: -13px;
    width: 26px;
    height: 2px;
    background: #fff;
}

.layout-video-close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.layout-video-close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.layout-video-cont {
    position: fixed;
    left: 25%;
    top: 15%;
    width: 50%;
    height: 70%;
    background: #000;
    overflow: hidden;
}

.layout-video-close:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media (max-width: 1199px) {
    .layout-video-close {
        right: 15%;
    }

    .layout-video-cont {
        left: 15%;
        width: 70%;
    }
}

@media (max-width: 639px) {
    .layout-video-close {
        right: 0;
        top: 15px;
    }

    .layout-video-cont {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .zh-more .con {
        margin-top: 32px;
        margin-bottom: 120px;
    }

    .zh-more .maxsize {
        width: 90%;
        overflow: visible;
    }

    .zh-more .top-search {
        height: 50px;
        padding: 20px 0 60px 0;
    }

    .zh-more .top-search h1 {
        height: 30px;
        font-size: 18px;
        line-height: 30px;
        text-align: center
    }

    .zh-more .top-search .search-box {
        top: 35px;
        width: 100%
    }

    .zh-more .top-search .search-box, .zh-more .top-search .search-box input {
        height: 36px;
        line-height: 36px;
    }

    .zh-more .top-search .search-box input {
        width: 100%;
        font-size: 14px;
    }

    .zh-more .top-nav {
        height: 100px;
    }

    .zh-more .top-search .search-box .sub {
        height: 36px;
        line-height: 36px;
        width: 60px;
        font-size: 18px;
    }

    .zh-more .con .video-list > ul > li {
        margin-bottom: 20px;
        width: 47%;
    }

    .zh-more .con .video-list {
        margin-bottom: 30px;
    }

    .zh-more .con .video-list h3 {
        font-size: 20px;
    }

    .zh-more .con .video-list > ul > li .note {
        font-size: 12px;
    }

    .zh-more .con .video-list > ul > li .note > img {
        display: block;
        margin: auto;
    }

    #data-down .con .data-item {
        padding: 12px 5px;
    }

    #data-down .con .data-item > a {
        padding: 0 12px;
        margin: 8px 10px;
    }

    #data-down .con .data-box {
        padding: 6px 12px;
    }

    #data-down .con .data-box > li > span {
        font-size: 16px;
        margin: 13px 0;
        text-indent: 0px;
    }

    #data-down .con .data-box > li > .data-list {
        padding-top: 20px;
        align-items: flex-start;
    }

    #data-down .con .data-box > li > .data-list a {
        margin-right: 8px;
        margin-bottom: 8px;
        line-height: 22px;
    }

    #soft-down .con .soft-list .maxsize .soft-box, #soft-down .con .soft-list .maxsize .soft-box.on {
        width: 100%;
        margin: 0;
    }

    #soft-down .con .soft-list.on {
        background-position: right;
    }

    #soft-down .con .soft-list .maxsize .soft-box h2 {
        font-size: 26px;
        margin-bottom: 0;
    }

    #soft-down .con .soft-list .maxsize .soft-box .soft-item > li {
        width: 32%;
        padding: 10px;
    }

    #soft-down .con .soft-list .maxsize .soft-box .soft-item > li > img {
        height: 40px !important;
    }

    #soft-down .con .soft-list .maxsize .soft-box .soft-item > li img.on {
        top: 10px;
    }

    #information_detail .touzi .nd .other ul {
        width: 100%;
    }

    #information.news_box .list .name {
        font-size: 14px;
        line-height: 1.5;
    }

    #information.news_box .list .txt {
        padding: 20px 10px;
    }

    #information.news_box .list .time {
        bottom: 0;
        top: auto;
        line-height: 20px;
        padding: 0;
    }

    #information_detail .touzi .nd .other ul > li {
        font-size: 12px;
    }
}

/*9.2new*/
#new-menu {
    display: none;
    position: absolute;
    width: 100%;
    height: calc(100vh - 70px);
    left: 0;
    top: 100%;
    background: transparent;
    overflow: auto;
    z-index: -1;
}

#new-menu .gray-c {
    position: relative;
    height: 60px;
    width: 100%;
    background: #a2a2a2;
}

#new-menu .mask {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

#new-menu .top .logo {
    top: 0;
    bottom: 0;
    margin: auto;
    left: 5%;
}

.new-search {
    width: 36%;
    top: 14px;
    left: 25%;
    font-size: 18px;
    position: absolute;
    display: inline-block;
    padding: 6px 0;
    padding-left: 50px;
    border: 1px solid #dbdbdb;
    outline: none;
    pointer-events: none;
    opacity: 0;
}

.new-search.on {
    opacity: 1;
    pointer-events: auto;
    transition: all 0.3s ease-in-out;
}

.new-search > input[type=submit] {
    cursor: pointer;
    top: 8px;
    background: transparent;
    position: absolute;
    left: 5px;
    color: #3abe91;
    display: inline-block;
    padding: 3px 5px 0;
}

.new-search > input[type=text] {
    font-size: 16px;
    height: 27px;
    position: relative;
    width: 100%;
    background: transparent;
    border: none;
}

.new-close {
    transition: all 0.3s ease-in-out;
    position: relative;
    float: left;
    display: none;
    padding: 0 15px;
    font-size: 22px;
    color: #109f6f;
    font-weight: bold;
}

.new-close.on {
    display: inline-block
}

.new-close:hover {
    transform: rotate(90deg);
}

#new-menu .mid {
    position: relative;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.09);
    z-index: 10;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

#new-menu-app {
}

#new-menu .mid .col {
    position: relative;
    padding: 20px 0;
    box-sizing: border-box;
}

#new-menu .mid .col .nav_down {
    width: 100%;
    position: relative;
}

#new-menu .mid .col h2 {
    width: 100%;
    color: #109f6f;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 20px;
}

#new-menu .mid .col .z-box {
    width: 50%;
}

#new-menu .mid .col .z-box > a {
    display: block;
    color: #6f6f6f;
    font-size: 15px;
    padding: 13px 0;
}

#new-menu .mid .col .z-box a:hover {
    text-decoration: underline;
}

#new-menu .mid .col .nav_down li {
    transition: all 0.3s ease-in-out;;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    padding: 0 40px 0 20px;
    font-size: 15px;
}

#new-menu .mid .col .nav_down li:after {
    content: "";
    transition: all 0.5s ease-in-out;
    position: absolute;
    width: 0%;
    left: 0;
    bottom: 0;
    height: 2px;
    background: transparent;
}

#new-menu .mid .col .nav_down li > a {
    transition: all 0.3s ease-in-out;
    display: inline-block;
    width: 100%;
    padding: 13px 0;
}

#new-menu .mid .col .nav_down li > i {
    transition: all 0.3s ease-in-out;
    display: inline-block;
    right: 20px;
    position: absolute;
    width: 20px;
    text-align: center;;
    height: 20px;
    line-height: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#new-menu .mid .col .nav_down li.on, #new-menu .mid .col .nav_down li:hover {
    background: #f3f3f3;
}

#new-menu .mid .col .nav_down li.on:after {
    width: 100%;
    background: #109f6f;
}

#new-menu .mid .col .nav_down li.on > a {
    color: #109f6f;
}

#new-menu .mid .col .nav_down li.on > i {
    color: #109f6f;
}

#new-menu .mid .col .nav_down li:hover:after {
    width: 100%;
    background: #109f6f;
}

#new-menu .mid .col .nav_down li:hover > a {
    color: #109f6f;
}

#new-menu .mid .col .nav_down li:hover > i {
    color: #109f6f;
}

#new-menu .mid .col:nth-of-type(1) {
    width: 28%;
    background-color: #ebebeb;
    padding-left: 5%;
}

#new-menu .mid .col:nth-of-type(2) .nav_down li.on, #new-menu .mid .col:nth-of-type(2) .nav_down li:hover {
    background-color: #fff;
}

#new-menu .mid .col:nth-of-type(2) {
    width: 24%;;
    background-color: #f5f5f5;
}

#new-menu .mid .col:nth-of-type(2) .nav_down li.on {
    background-color: #ffffff;
}

#new-menu .mid .col:nth-of-type(3) {
    padding: 20px;
    width: 48%;;
    background-color: #ffffff;
    padding-right: 5%;
}

#new-menu .mid .col .con {
    display: flex;
    align-content: baseline;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    overflow: hidden;
}

#new-menu .mid .col .z-box.b2 h3 {
    width: 100%;
    padding: 15px 0;
    color: #109f6f;
    font-weight: bold;
    font-size: 18px;
}

#new-menu .mid .col .z-box.b2 ul {
}

#new-menu .mid .col .z-box.b2 ul > li {
    box-sizing: border-box;
    position: relative;
    display: block;
    color: #6f6f6f;
    font-size: 15px;
    padding: 13px 0;
    padding-left: 15px;
}

#new-menu .mid .col .z-box.b2 ul > li > em {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #109f6f;
    left: 0px;
}

#new-menu .mid .col .z-box.b2 ul > li > a {
    display: inline-block;
    width: 100%;
}

#new-menu::-webkit-scrollbar {
    width: 0px;
    background-color: rgba(255, 255, 255, 0.7);
}

#new-menu::-webkit-scrollbar-thumb {
    border: none;
    width: 5px;
    background-color: rgba(0, 0, 0, 0.4);
}

#new-menu::-webkit-scrollbar-corner {
    background-color: rgba(255, 255, 255, 0.7);
}

#new-menu::-webkit-scrollbar:horizontal {
    height: 9px;
}

#new-menu-app {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100000;
    overflow: hidden;
}

#new-menu-app .top {
    box-sizing: border-box;
    height: 55px;
    position: relative;
    width: 100%;
    padding: 0 22px;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
}

#new-menu-app .top h2 {
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 16px;
    display: none;
}

#new-menu-app .top .go-back {
    position: absolute;
    height: 20px;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: none;
}

#new-menu-app .top .go-close {
    position: absolute;
    font-size: 26px;
    height: 20px;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#new-menu-app .mid {
    position: relative;
    height: calc(100% - 55px);
    width: 200%;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
}

#new-menu-app .mid.on {
    transform: translateX(-100vw);
}

#new-menu-app .mid .col {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    left: 0;
}

#new-menu-app .mid .col .nav_down {
    width: 100%;
    position: relative;
}

#new-menu-app .mid .col .nav_down li {
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    padding: 0 40px 0 20px;
    font-size: 16px;
}

#new-menu-app .mid .col .nav_down li:after {
    content: "";
    transition: all 0.5s ease-in-out;
    position: absolute;
    width: 0%;
    left: 0;
    bottom: 0;
    height: 2px;
    background: transparent;
}

#new-menu-app .mid .col .nav_down li > a {
    transition: all 0.3s ease-in-out;
    display: inline-block;
    width: 100%;
    padding: 15px 0;
}

#new-menu-app .mid .col .nav_down li > i {
    transition: all 0.3s ease-in-out;
    display: inline-block;
    right: 20px;
    position: absolute;
    width: 20px;
    text-align: center;;
    height: 20px;
    line-height: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#new-menu-app .mid .col .nav_down li.on, #new-menu .mid .col .nav_down li:hover {
    background: #f3f3f3;
}

#new-menu-app .mid .col .nav_down li.on:after {
    width: 100%;
    background: #109f6f;
}

#new-menu-app .mid .col .nav_down li.on > a {
    color: #109f6f;
}

#new-menu-app .mid .col .nav_down li.on > i {
    color: #109f6f;
}

#new-menu-app .mid .col .nav_down li:hover:after {
    width: 100%;
    background: #109f6f;
}

#new-menu-app .mid .col .nav_down li:hover > a {
    color: #109f6f;
}

#new-menu-app .mid .col .nav_down li:hover > i {
    color: #109f6f;
}

#new-menu-app .mid .col:nth-of-type(1) {
    width: 50%;
    background-color: #ffffff;
}

#new-menu-app .mid .col:nth-of-type(2) .nav_down li.on, #new-menu-app .mid .col:nth-of-type(2) .nav_down li:hover {
    background-color: #f3f3f3;
}

#new-menu-app .mid .col:nth-of-type(2) {
    width: 50%;
    background-color: #fff;
    left: 50%;
    top: 0;
}

#new-menu-app .mid .col:nth-of-type(2) .sub {
    display: none;
    position: relative;
    width: 100%;
    padding: 10px 20px;
    background: #f3f3f3;
}

#new-menu-app .mid .col:nth-of-type(2) .sub > a {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
}

.pic {
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

.pic .w-h {
    opacity: 0;
    width: 100%;
}

.page1 {
    background: #f3f3f4;
    padding: 2vw 0;
}

.page1 .loop {
    height: 100%;
}

.page1 .loop .box {
    height: 100%;
    z-index: 10;
    overflow: hidden;
    position: relative;
}

.page1 .loop .box .new-item {
    position: relative;
    height: 100%;
    width: 1000000vw;
    justify-content: flex-start;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    transition: all 0.5s ease-in-out;
}

.page1 .loop .box .new-item > .new-list {
    width: 25vw;
    margin-right: 20px;
    background-color: #fff;
    position: relative;
    box-shadow: 0 2px 8px rgba(37, 37, 37, 0.16);
}

.page1 .loop .box .new-item > .new-list .msg > p {
    line-height: 24px;
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.page1 .loop .box .new-item > .new-list .msg > .apply {
    color: #3abe91;
}

.page1 .loop .box .new-item > .new-list .msg {
    padding: 20px;
}

.page1 .loop .box .new-item > .new-list .msg p {
    margin-bottom: 15px;
}

.page1 .loop .pager {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.page1 .loop .pager .f-next {
    position: absolute;
    z-index: 10;
    font-size: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 101%;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    line-height: 42px;
    text-align: center;
    color: #b9b9b9;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.page1 .loop .pager .f-next:hover {
    color: #000;
}

.page1 .loop .pager .f-prev {
    z-index: 10;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 101%;
    font-size: 40px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    line-height: 42px;
    text-align: center;
    color: #b9b9b9;
    transform: scale(-1);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.page1 .loop .pager .f-prev:hover {
    color: #000;
}

.index .news .maxsize > .title, .index .news .maxsize > .clear {
    padding-left: 4%;
    padding-right: 4%;
}

.index .news .new h2:hover, .index .news .hot h2:hover {
    text-decoration: underline;
}

.index .news .new .new-box h5:hover {
    text-decoration: underline;
}

.index .news .new .new-box small {
    margin-bottom: 2px;
}

.index .news .new .new-box {
    display: block;
    padding-top: 0;
    padding-bottom: 25px;
}

.index .news .new .new-box:last-of-type {
    padding-bottom: 0px;
}

.index .news .new .new-box h5 {
    margin-bottom: 2px;
    margin-top: 2px;
    font-size: 16px;
}

.index .news .hot .hot-box .msg {
    padding: 15px 20px;
    background-color: #f3f3f4;
}

.index .news .hot .hot-box small {
    font-size: 12px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    color: #bcbcbc;
    display: block;
}

.index .news .hot .hot-box .photo {
    height: calc(100% - 122px);
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.index .news .hot .hot-box .photo > img {
    opacity: 0;
    width: 100%;
}

.index .news .hot .hot-box .msg h5 {
    font-weight: normal;
    font-size: 15px;
    color: #444444;
    letter-spacing: 1px;
    line-height: 20px;
    height: 40px;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.index .friends .page .list {
    display: none;
}

.index .friends .page .list.on {
    display: flex;
    flex-wrap: wrap;
}

#new-solution {
    padding-bottom: 60px;
}

.canshu {
    position: relative;
}

.canshu .first {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    border-left: 1px solid #dadada;
}

.canshu .first > span {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    flex-grow: 1;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    position: relative;
}

.canshu .first > span:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #dadada;
    top: 0;
    right: 0;
}

.first-col > span {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    position: absolute;
    left: 1px;
    top: 0;
}

.first-col > span:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #dadada;
    top: 0;
    right: 0;
}

.canshu .first-col {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 200;
}

.canshu .first-col:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #dadada;
}

.canshu .first-col table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #dadada;
}

.canshu .first-col table tr {
    background-color: #fff;
}

.canshu .first-col table tr:first-of-type {
    background: #f5f5f5;
}

.canshu .first-col table tr:nth-of-type(2) {
    border-bottom: 1px solid #dadada;
}

.canshu .first-col table th {
    border-right: 1px solid #dadada;
}

.canshu .first-col table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #dadada;
}

.canshu .first-col table th {
    min-width: 160px;
}

.canshu .first-col table tr:first-of-type {
    background: #f5f5f5;
}

.canshu .first-col table tr:nth-child(2) {
    border-bottom: 1px solid #dadada;
}

.canshu .first-col table tr:nth-child(2) th a {
    display: inline-block;
    padding: 10px 43px;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 6px;
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    font-weight: normal;
    color: #fff;
    position: relative;
}

.canshu .first-col table th {
    border-right: 1px solid #dadada;
}

.canshu .first-col table th span,
.canshu .first-col table a {
    display: inline-block;
    padding: 10px 43px;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 6px;
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    font-weight: normal;
    color: #fff;
    position: relative;
}

.canshu .first-col table td a {
    text-align: center;
}

.canshu .first-col table td a:hover {
    background: #45d6c8;
    background: -moz-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: -webkit-linear-gradient(left, #45d6c8 0%, #4bdb9f 100%);
    background: linear-gradient(to right, #45d6c8 0%, #4bdb9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45d6c8', endColorstr='#4bdb9f', GradientType=1);
    font-weight: normal;
    color: #fff;
    position: relative;
}

.canshu .first-col table td a:hover:after {
    content: '\e677';
    font-family: 'iconfont';
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
}

.canshu .first-col td {
    text-align: center;
    border: 1px solid #dadada;
    font-family: Arial;
}

.canshu .first-col table a {
    border: none;
}

.canshu .first-col th {
    border: 1px solid #dadada;
}

@media screen and (max-width: 800px) {
    .page1 {
        padding: 7% 12%;
    }

    .index .news .maxsize {
        width: 100%;
    }

    .index .news h2 {
        width: 100%;
    }

    .index .news .hot {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .index .news .hot .hot-box .photo {
        height: auto;
    }

    .index .friends .maxsize {
        width: 100%;
    }

    .alan-page .page-tt .con {
        flex-wrap: wrap;
    }

    .alan-page .page-tt {
        height: auto;
    }

    #new-menu-app .top .go-close {
        line-height: 20px;
    }

    .f-60 {
        font-size: 24px;
    }

    .f-50 {
        font-size: 24px;
    }

    .f-48 {
        font-size: 24px;
    }

    .f-46 {
        font-size: 22px;
    }

    .f-44 {
        font-size: 22px;
    }

    .f-42 {
        font-size: 20px;
    }

    .f-40 {
        font-size: 20px;
    }

    .f-38 {
        font-size: 18px;
    }

    .f-36 {
        font-size: 18px;
    }

    .f-34 {
        font-size: 18px;
    }

    .f-32 {
        font-size: 16px;
    }

    .f-30 {
        font-size: 16px;
    }

    .f-28 {
        font-size: 16px;
    }

    .f-26 {
        font-size: 16px;
    }

    .f-24 {
        font-size: 16px;
    }

    .f-22 {
        font-size: 16px;
    }

    .f-20 {
        font-size: 16px;
    }

    .f-18 {
        font-size: 14px;
    }

    .f-16 {
        font-size: 14px;
    }

    .f-14 {
        font-size: 12px;
    }

    .f-12 {
        font-size: 12px;
    }

    #medio_dialog .dialog_content {
        padding: 1em;
    }

    #medio_dialog .dialog_content video {
        width: 78vw;
    }

    #T5 .row .rowMain.max-wid {
        width: 90%;
    }

    #T5 .row .rowMain .a-btn {
        padding: 5px 36px 5px 20px;
    }

    #T5 .row .rowMain .a-btn > em {
        border-width: 6px;
        top: 0px;
        right: 12px;
    }

    #T5 .r1, #T5 #r7 {
        min-height: 50vh;
    }

    #T5 .r3 .con .zh-item .zh-list {
        width: 100%;
    }

    #T5 .row.r3 h3 {
        text-align: center;
    }

    #T5 .row.r3 p {
        text-align: center;
    }

    #T5 .r4 .con .icon-item .icon-list > span {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
    }

    #T5 .r4 .con .zh-box .zh-msg .zh-left, #T5 #r4 .con .zh-box .zh-msg .zh-right {
        width: 100%;
    }

    #T5 .r4 .con .icon-item .icon-list > em {
        display: block;
        top: -12px;
        width: 36px;
        height: 36px;
        line-height: 36px;
    }

    #T5 .r4 .con .icon-item .icon-list > em > span {
        width: 22px;
        height: 22px;
        line-height: 22px;
    }

    #T5 .r4 .con .icon-item .icon-list > em > span:before {
        height: 12px;
        width: 2px;
    }

    #T5 .r4 .con .icon-item .icon-list > em > span:after {
        width: 12px;
        height: 2px;
    }

    #T5 .r2 .zh-bg {
        background-position: center;
    }

    #T5 .r5 .con #component1 .Tcon .txtChange > li p {
        font-size: 12px;
    }

    #T5 .r4 .con .zh-box .zh-msg.on .zh-left h3 {
        font-size: 24px !important;
        line-height: 1.2;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    #T5 .r4 .con h2 {
        margin-bottom: 36px;
    }

    #T5 .r4 .con .zh-box .zh-msg.on .zh-left p {
        line-height: 1.6;
    }

    #component1 > ul > li > img {
        width: 56%;
    }

    #T5 .row .rowMain {
        padding: 12vw 0;
    }

    #T5 .r5 .con #component1 .Tcon {
        top: 18vw;
    }

    #T5 .r5 .con #component1 nav > a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    #T5 .r7 {
        min-height: 0;
    }

    #T5 .r7 .con .zh-item {
        margin-bottom: 10px;
    }

    #T5 .r7 .con .zh-item .zh-txt {
        bottom: -36px;
    }

    #T5 .r7 .con .zh-item > .zh-list {
        width: 46%;
        margin-bottom: 24px;
    }

    #T5 .r7 .con .zh-item > .zh-list .zh-txt {
        opacity: 1;
    }

    #T5 .r8 .con .zh-item .zh-list {
        width: 100%;
    }

    #T5 .r4 .con .icon-item {
        align-items: flex-start;
    }
}

#fn1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#fn1.out {
    display: none;
}

#fn1 .pic {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

#fn1 .itemwrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#fn1 .itemwrap > li {
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    z-index: 999;
}

#fn1 .itemwrap > li .pic:after {
    content: "";
    pointer-events: none;
    position: absolute;
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
}

#fn1 .itemwrap > li.on {
    opacity: 1;
    pointer-events: auto;
    z-index: 900;
}

#fn1 .pager {
    position: absolute;
    bottom: 230px;
    z-index: 1000;
    display: flex;
	padding:0;
    justify-content: center;
    align-items: center;
    width: 100%;
    left: 0;
    height: 20px;
}

@media screen and (max-width: 1400px) {
    #fn1 .pager {
        bottom: 120px;
    }
}

#fn1 .pager > li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    line-height: 8px;
    text-align: center;
    display: block;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 12px 10px;
}

#fn1 .pager > li.on {
    background-color: #fff;
}

#fn1 nav {
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

#fn1 nav .p-next {
    position: absolute;
    pointer-events: auto;
    z-index: 10;
    font-size: 40px;
    opacity: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 8%;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    line-height: 42px;
    text-align: center;
    color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

#fn1 nav .p-next:hover {
    color: #000;
}

#fn1 nav .p-prev {
    z-index: 10;
    pointer-events: auto;
    position: absolute;
    opacity: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 40px;
    left: 8%;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    line-height: 42px;
    text-align: center;
    color: #fff;
    transform: scale(-1);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

#fn1 nav .p-prev:hover {
    color: #000;
}

#fn1:hover nav .p-prev {
    opacity: 1;
}

#fn1:hover nav .p-next {
    opacity: 1;
}

.fx1 .navOutNext {
    -webkit-animation: scaleUp 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: scaleUp 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fx1 .navInNext {
    -webkit-animation: scaleDownUp 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: scaleDownUp 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fx1 .navOutPrev {
    -webkit-animation: scaleDown 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: scaleDown 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

.fx1 .navInPrev {
    -webkit-animation: scaleUpDown 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
    animation: scaleUpDown 1s forwards cubic-bezier(0.7, 0, 0.3, 1);
}

@-webkit-keyframes scaleUp {
    to {
        -webkit-transform: scale(1.2);
        opacity: 0;
    }
}

@keyframes scaleUp {
    to {
        transform: translateX(-100%);
        opacity: 1;
    }
}

@-webkit-keyframes scaleDownUp {
    from {
        opacity: 0;
        -webkit-transform: scale(1.2);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes scaleDownUp {
    from {
        opacity: 1;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@-webkit-keyframes scaleDown {
    to {
        opacity: 0;
        -webkit-transform: scale(0.9);
    }
}

@keyframes scaleDown {
    to {
        opacity: 1;
        transform: translateX(100%);
    }
}

@-webkit-keyframes scaleUpDown {
    from {
        -webkit-transform: scale(1.2);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes scaleUpDown {
    from {
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: none;
    }
}


.index .type1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url(../images/juejieBg1.png) repeat-y bottom center;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index .type1.out {
    display: none;
}

.index .type1 .title h3 {
    text-align: center;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
}

.index .type1 .title h2 {
    text-align: center;
    color: #fff;
    font-weight: 500;
    padding: 0.8vw 0;
    font-size: 40px;
}

.index .type1 .con .zh-item {
    text-align: center;
    position: relative;
    padding: 7vw 0 5vw 0;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.index .type1 .con .zh-item > .zh-list {
    position: relative;
    z-index: 4;
    width: 17%;
    display: inline-block;
    text-align: center;
    transition: all 0.5s ease-in-out;
}

.index .type1 .con .zh-item > .zh-list > img {
    width: 100%;
}

@media screen and (min-width: 800px) {
    .type1 .con .zh-item > .zh-list.on {
        z-index: 10;
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
    }
}

.index .type1 .con .zh-item > .zh-list.on .zh-txt {
    opacity: 1;
    pointer-events: auto;
}

.index .type1 .con .zh-item > .zh-list .zh-txt {
    width: 100%;
    margin-top: 10px;
    opacity: 1;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}

.index .type1 .con .zh-item > .zh-list .zh-txt h3 {
    color: #fff;
    font-size: 18px;
}

.index .type1 .a-t1 {
    display: inline-block;
    font-size: 14px;
    width: 140px;
    height: 36px;
    margin: 6px 16px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background: url(../images/alan-btn-bg.png) no-repeat center center;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
}

.index .type1 .a-t2 {
    display: inline-block;
    font-size: 14px;
    width: 140px;
    height: 36px;
    margin: 6px 16px;
    line-height: 36px;
    color: #3abe91;
    text-align: center;
    background: #fff;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
}

.index .type2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url(../images/bg1.jpg) no-repeat top left;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index .type2.out {
    display: none;
}

.index .type2 [data-url] {
    cursor: pointer;
}

.index .type2 .r-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.index .type2 .r-bg > img {
    width: 100%;
    opacity: 0;
}

.index .type2 .wrap {
    position: absolute;
    width: 84%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index .type2 .wrap .col {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
}

.index .type2 .wrap .col .txt {
    width: 100%;
}

.index .type2 .wrap .col .txt h2 {
    font-weight: normal;
    text-align: left;
    font-size: 44px;
    margin-bottom: 10px;
    color: #ffffff;
}

.index .type2 .wrap .col .txt p {
    color: inherit;
    text-align: left;
    display: block;
    font-size: 17px;
    line-height: 1.4;
    color: #afafaf;
}

.index .type2 .wrap .col .txt small {
    display: block;
    margin-top: 18px;
    line-height: 1.5;
    color: inherit;
}

.index .type2 .wrap .col .txt span {
    font-size: inherit;
    color: inherit;
}

.index .type2 .wrap .col .txt .z-btn {
    display: inline-block;
    font-size: 14px;
    width: 140px;
    height: 36px;
    margin: 32px 0;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background: url(../images/alan-btn-bg.png) no-repeat center center;
    background-size: cover;
    border-radius: 5px;
    cursor: pointer;
}

.index .type2 .wrap .col .txt.z-hide {
    display: none;
}

.index .type2 .wrap .col .photo {
    max-width: 100%;
}

.index .type2 .wrap .col .photo.z-hide {
    display: none;
}

.index .type2 .z-btn:hover {
    background: #3fa683 !important;
    color: #fff !important;
}

.fd #bolc .row {
    padding: 0;
}

.fd #bolc .wrapper {
    margin-bottom: 0;
}

.fd .content {
    padding-bottom: 0px !important;
}

.fd #bolc .z-page3 .zpage.r17 .wrap {
    margin-bottom: 28px;
}

@media screen and (min-width: 800px) {
    #so-box:not(.fd) {
        padding-top: 74px;
    }
}

.z-page3 .zpage.r15 .wrap .pages .page.less4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.z-page3 .zpage.r15 .wrap .pages .page .item .face > img {
    max-height: 100%;
    height: auto !important;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

/*12.23 new*/

#partner_newTab {
    background: #FFFFFF;
    height: 140px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
    position: relative;
}

#partner_newTab #myWrap.fx {
    position: fixed;
    width: 100%;
    left: 0;
    top: 74px;
    background-color: #fff;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
    z-index: 100;
}

#partner_newTab .box_ {
    display: flex;
    align-items: center;
    justify-content: center;
}

#partner_newTab .box_ .list_ {
    text-align: center;
    width: calc(100% / 3);
    height: 140px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

#partner_newTab .box_ .list_ > a {
    display: inline-block;
    text-align: center;
}

#partner_newTab .box_ .list_ > a > i {
    font-size: 42px;
    transition: all 0.5s ease-in-out;
}

#partner_newTab .box_ .list_ > a > span {
    display: block;
    font-size: 16px;
    line-height: 58px;
    position: relative;
    padding: 0 16px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
}

#partner_newTab .box_ .list_ > a > span:after {
    content: "";
    opacity: 0;
    position: absolute;
    width: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #00AB6B;
    border-radius: 50px;
    height: 3px;
    transition: all 0.5s ease-in-out;
}

#partner_newTab .box_ .list_ > a.on {
}

.partner #partner_newTab .box_ .list_ > a.on > .icon_ {
    color: #00AB6B;
}

#partner_newTab .box_ .list_ > a.on > span {
    color: #00AB6B;
}

#partner_newTab .box_ .list_ > a.on > span:after {
    opacity: 1;
    width: 100%;
}

.partner #partner_newTab .box_ .list_ > a:hover > .icon_ {
    color: #00AB6B;
}

.partner #partner_newTab .box_ .list_ > a:hover > span {
    color: #00AB6B;
}

#partner_newTab .box_ .list_ > a:hover > span:after {
    opacity: 1;
    width: 100%;
}

.partner #partner_newTab .icon_ {
    background: none;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    font-size: 55px;
}

#partner_newCon {
    background: #F5F5F5;
    padding-bottom: 60px;
}

#partner_newCon .topic {
    padding: 0 10%;
    text-align: center;
    font-size: 20px;
    line-height: 32px;
    margin: 2vw 0 5vw 0;
}

#partner_newCon .items_ {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#partner_newCon .items_ .list_ {
    width: 23.2%;
    margin-right: 2.4%;
}
#partner_newCon .items_ .list_:last-child{
    margin-right: 0;
}
#partner_newCon .items_ .list_ > a {
    display: block;
    border-radius: 10px;;
    background-color: #fff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

#partner_newCon .items_ .list_:hover > a {
    transform: translateY(-8px);
}

#partner_newCon .items_ .list_ > a .photo_ {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 78.625%;
}

#partner_newCon .items_ .list_ > a .note_ {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10.35% 0;
}

#partner_newCon .items_ .list_ > a .note_ h2 {
    font-size: 24px;
    line-height: 1.33;
    color: #333333;
    letter-spacing: 1.2px;
}

@keyframes go_down {
    0% {
        transform: translateY(-140px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

#pbx_new {
    padding-top: 74px;
}

#pbx_new .banner_ {
    height: 30vw;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#pbx_new .banner_ .pic {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#pbx_new .banner_ .msg_ {
    width: 100%;
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 10;
}

#pbx_new .banner_ .msg_ .search_ {
    display: flex;
    border-radius: 4px;
    width: 40%;
    margin: auto;
    align-items: center;
    justify-content: flex-start;
    background-color: #fff;
    position: relative;
}

#pbx_new .banner_ .msg_ .search_ > a {
    width: 70px;
    color: #999999;
    font-size: 24px;
    text-align: center;
    display: inline-block;
    height: 60px;
    line-height: 60px;
}
#pbx_new .banner_ .msg_ .search_ > input::-webkit-input-placeholder {
    color: #ccc;
    font-size: 20px;
}
#pbx_new .banner_ .msg_ .search_ > input::-moz-input-placeholder {
    color: #ccc;
    font-size: 20px;
}
#pbx_new .banner_ .msg_ .search_ > input::-ms-input-placeholder {
    color: #ccc;
    font-size: 20px;
}
#pbx_new .banner_ .msg_ .search_ > input {
    font-size: 24px;
    width: calc(100% - 60px);
    text-align: left;
    color: #333333;
}


#pbx_new .banner_ .msg_ h1 {
    font-size: 32px;
    margin-bottom: 5vw;
    color: #FFFFFF;
    text-align: center;
    line-height: 44px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
}

#pbx_new .pbx_newTab {
    border-bottom: 1px solid #E0E0E0;
}

#pbx_new .pbx_newTab.fx {
    position: fixed;
    top: 74px;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 10;
}

#pbx_new .pbx_newTab .tree {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
}
#pbx_new .pbx_newTab .tree.fx{
    position: fixed;
    top: 74px;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 10;border-bottom: 1px solid #eee;
}

#pbx_new .pbx_newTab .tree > a {
    display: inline-block;
    width: 32px;
    text-align: center;
    font-size: 16px;
}

#pbx_new .pbx_newTab .tree > a.no {
    color: #ccc;
}

#pbx_new .pbx_newTab .tree > a.on {
    color: #3abe91;
}

#pbx_new .pbx_newCon {
    padding: 4vw 0;
}

#pbx_new .pbx_newCon [data-pop] {
    cursor: pointer;
}

#pbx_new .pbx_newCon .row_ {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#pbx_new .pbx_newCon .row_ .first {
    width: 180px;
    text-align: center;
    line-height: 80px;
    font-size: 36px;
    transition: all 0.3s ease-in-out;
}
#pbx_new .pbx_newCon .row_ .first.on{
    color: #19a26f;
}

#pbx_new .pbx_newCon .row_ .item_ {
    border-bottom: 1px solid #eee;
    width: calc(100% - 180px);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 50px;
}

#pbx_new .pbx_newCon .row_ .list_ {
    margin-right: calc(100% / 3 - 220px);
    margin-bottom: 22px;
    transition: all 0.3s ease-in-out;
}

#pbx_new .pbx_newCon .row_:hover .first {
    color: #00AB6B;
}

#pbx_new .pbx_newCon .row_ .list_:hover {
    transform: translateY(-4px);
}

#pbx_new .pbx_newCon .row_ .list_:hover > .pic,#pbx_new .pbx_newCon .row_ .list_:hover > a {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
}

#pbx_new .pbx_newCon .row_ .list_ > p {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    color: #999999;
    line-height: 16px;
}

#pbx_new .pbx_newCon .row_ .list_ > .pic,#pbx_new .pbx_newCon .row_ .list_ > a {
    position: relative;
    transition: all 0.3s ease-in-out;;
    height: 80px;
    width: 218px;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
}
#pbx_new .pbx_newCon .row_ .list_ > a{
    display: block;
}
#pbx_new .pbx_newCon .row_ .list_ > .pic > img ,#pbx_new .pbx_newCon .row_ .list_ > a > img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    max-width: 90%;
    max-height: 85%;
}

#pbx_new .newPop {
    position: fixed;
    display: none;
    z-index: 50;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 74px;
}

#pbx_new .newPop .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

#pbx_new .newPop .con {
    position: absolute;
    width: 45%;
    height: 74%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #fff;
    padding: 3vw;
    box-sizing: border-box;
    overflow-y: auto;
}

#pbx_new .newPop .con h2 {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    margin: 20px 0 30px 0;
}

#pbx_new .newPop .con .newBox {
    width: 100%;
    height: calc(100% - 156px + 2vw);
    overflow: auto;
}

#pbx_new .newPop .con .newBox .table_ {
    width: 100%;
    position: relative;
}

#pbx_new .newPop .con .newBox > ul {
    position: absolute;
    width: calc(100% - 6vw);
    z-index: 10;
    left: 3vw;
    top: calc(3vw + 72px);
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #ccc;
}

#pbx_new .newPop .con .newBox .table_ {
    padding-top: 37px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    border-top: transparent;
}

#pbx_new .newPop .con .newBox > ul li {
    background-color: #EAF0F3;
    border-left: 1px solid #ccc;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    flex-basis: calc(100% / 3);
}

#pbx_new .newPop .con .newBox > ul li:nth-of-type(1) {
    text-align: left;
    border-left: 1px solid transparent;
}

#pbx_new .newPop .con .newBox > ul li:nth-of-type(2) {
    text-align: left;
}

#pbx_new .newPop .con .newBox > ul li:nth-of-type(3) {
    text-align: center;
}

#pbx_new .newPop .con .newBox .table_ ol {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

#pbx_new .newPop .con .newBox .table_ ol:nth-of-type(1) li {
    border-top: transparent;
}

#pbx_new .newPop .con .newBox .table_ ol:nth-of-type(1) li span:nth-of-type(1) {
    border-top: transparent;
}

#pbx_new .newPop .con .newBox .table_ ol li {
    flex-basis: calc(100% / 3);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#pbx_new .newPop .con .newBox .table_ ol li span {
    width: 100%;
    line-height: 24px;
    padding: 0 20px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

#pbx_new .newPop .con .newBox .table_ ol li:nth-of-type(1) {
    text-align: left;
    border-top: 1px solid #ccc;
}

#pbx_new .newPop .con .newBox .table_ ol li:nth-of-type(1) span {
    border-top: none;
    border-left: none;
}

#pbx_new .newPop .con .newBox .table_ ol li:nth-of-type(2) {
    text-align: left;
}

#pbx_new .newPop .con .newBox .table_ ol li:nth-of-type(3) {
    text-align: center;
}

#pbx_new .newPop .con .newBox .table_ ._yes {
    position: relative;
    display: inline-block;
    font-size: 12px;
    width: 100%;
    height: 24px;
}

#pbx_new .newPop .con .newBox .table_ ._yes:after {
    content: '\2714';
    width: 16px;
    height: 16px;;
    position: absolute;
    color: #fff;
    bottom: 0;
    background-color: #00AB6B;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    left: 0;
    top: 0;
    border-radius: 50%;
    right: 0;
    margin: auto;
}

#pbx_new .newPop .con .newBox .table_ ._no {
    position: relative;
    display: inline-block;
    font-size: 12px;
    width: 100%;
    height: 24px;
}

#pbx_new .newPop .con .newBox .table_ ._no:after {
    content: '\2716';
    width: 16px;
    height: 16px;;
    position: absolute;
    color: #fff;
    bottom: 0;
    background-color: #FF5050;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    left: 0;
    top: 0;
    border-radius: 50%;
    right: 0;
    margin: auto;
}

#pbx_new .newPop .con .other {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

#pbx_new .newPop .con .other > a {
    border: 1px solid #ccc;
    text-align: center;
    width: 48%;
    line-height: 48px;
    display: inline-block;
    border-radius: 4px;
    margin: 25px 0 0;
}
#pbx_new .newPop .con .other > a:hover{
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
}

#pbx_new .newPop .con ._close {
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

#pbx_new .newPop .con ._close:after {
    content: '\2716';
    width: 32px;
    height: 32px;;
    position: absolute;
    color: #666;
    bottom: 0;
    text-align: center;
    line-height: 32px;
    font-size: 20px;
    left: 0;
    top: 0;
    border-radius: 50%;
    right: 0;
    margin: auto;
    transition: all 0.3s ease-in-out;
}

#pbx_new .newPop .con ._close:hover:after {
    color: #00AB6B;
}
#pbx_content{
    position: relative;
}
#pbx_content table{
    width: 100%;
    text-align: left;
    background-color: #e0e4e6;
    border-collapse: inherit;
}
#pbx_content  .tbody tr:first-child td,#pbx_content th{
    background-color: #eaf0f3;
    line-height: 2.57;
    padding: 0 20px;
    color: #333333;
    font-size: 14px;
}
.table_pc .first > span{
    background-color: #eaf0f3;
    padding: 0 20px;
    color: #333333;
    font-size: 14px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
}
#pbx_content td{
    line-height: 1.66;
    color: #333333;
    font-size: 12px;
    padding: 0 20px;
    background-color: #fff;
    transition: all .5s ease;
}
.icon-cuo,.icon-dui,#pbx_content td > i{
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    position: relative;

}
#pbx_content td span i{
    font-size: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(.6);
}
.icon-dui{
    background-color: #00ab6b;
}
.icon-cuo{
    background-color: #ff5050;
}

.table_pc .first-col {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 200;
}
.table_pc .first {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    border-left: 1px solid #dadada;
}
.table_pc table {
    table-layout: fixed;
    border-spacing: 1px;
}
#pbx_content .table_pc .t170406 tr:hover td{
    background-color: rgba(16,159,111,.14);
    color: #109F6F;
}
#pbx_content .table_pc .t170406 tr:hover td.table_xl{
    background-color: rgba(255,255,255,1);
    color: #333;
}
.table_pc .first-col > span {
    background: #eaf0f3;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-right: 1px solid #dadada;
    position: absolute;
    left: 1px;
    top: 0;
    line-height: 2.5;
    padding: 0 20px;
    color: #737474;
    font-size: 16px;
}


.table_m{
    display: none;
}

.sea_con_box{
    width: 100%;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: calc(100% + 1px);
    box-sizing: border-box;
    text-align: left;
    display: none;
    background: #FFFFFF;
    box-shadow: 0 4px 16px 0 rgba(0,0,0,0.23);
    padding: .21vw 0 .42vw;

}
.sea_con_box::before{
    content: '';
    display: block;
    z-index: -1;
    bottom: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    width: 100%;
}
.sea_con_case{
    max-height: 500px;
    overflow-y: auto;

}
.sea_btn_close{
    position: absolute;
    right: 35px;
    top: 50%;
    border-radius: 100%;
    transform: translate(50%,-50%);
    width: 30px;
    height: 30px;
    background-color: #ccc;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer;
    display: none;
}
.newPop,.newPop *{
    box-sizing: border-box;

}
.sea_con_box .sea_f{
    font-size: 16px;
    color: #999999;
    line-height: 16px;
    padding: .42vw 1.3vw;

}
.sea_con_box .sea_con a{
    display: block;
    cursor: pointer;
    color: #595959;
    transition: all .3s ease;
    font-size: 22px;
    line-height: 22px;
    padding: .21vw 1.3vw;

}
.sea_con_box .sea_con a:hover{
    color: #109F6F;
}
.tree br{
    display: none;
}

#partner_newCon >.maxsize{
    max-width: 1250px;
}

@media screen and (max-width: 1024px){
    .table_pc{
        display: none;
    }

    .table_m{
        display: block;
    }
    .table_m .table_m{
        display: table;
    }
    .table_xl{
        text-align: center;
    }
    #pbx_content th{
        text-align: center;
    }
    #pbx_new .banner_{
        height: 20vw;
    }
    #pbx_new .banner_ .msg_ h1{
        margin-bottom: 0;
    }
    #pbx_content .table_m tr:nth-child(odd) td{
        background-color: #f9fdff;
    }
    .bg_col_w{
        background-color: #fff!important;
    }
}
@media screen and (max-width: 800px) {
    .partner .uikit_slogan {
        padding-top: 55px;
    }

    .partner .uikit_slogan .text .btns {
        flex-wrap: wrap;
        margin-top: 7vw;
    }

    .partner .uikit_slogan .text .btns a {
        width: 53.33%;
        margin: 3.733% 0;
    }

    .partner .uikit_slogan .text {
        padding: 30px 0;
    }

    .partner .uikit_slogan .text h1 {
        font-family: PingFang-SC-Heavy;
        padding-bottom: 4px;
        font-size: 22px;
        color: #FFFFFF;
        letter-spacing: 6px;
        text-indent: 6px;
        text-align: center;
        line-height: 1.3636;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 4.266vw;
        padding: 0;
    }
    .uikit_slogan .text small {
        font-size: 10px;
        color: #FFFFFF;
        letter-spacing: 1px;
        text-align: center;
    }

    .uikit_slogan .text .btns a span font{
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #FFFFFF;
        letter-spacing: 0.6px;
        text-align: center;
        line-height: 1.0833;
        display: block;
        margin-top: 3.6vw;
    }

    .slogan.uikit_slogan .maxsize{
        width: 100%;
    }
    .partner .uikit_slogan .text .btns a span {
        display: block;
        padding: 5.86vw 10px 3.6vw;
    }

    .partner .uikit_slogan .text .btns a span .iconfont {
        font-size: 24px;
        position: relative;
        text-align: center;
        top: auto;
        margin-top: 0;
        line-height: 1;
        display: block;
    }

    #partner_newTab {
        height: 100px;
    }

    #partner_newTab #myWrap.fx {
        top: 55px;
    }

    #partner_newTab .maxsize {
        width: 100%;
    }

    #partner_newCon .maxsize {
        width: 100%;
        overflow: visible;
    }

    #partner_newTab .box_ .list_ {
        height: 100px;
    }

    #partner_newTab .box_ .list_ > a > span {
        line-height: 24px;
        font-size: 14px;
        padding: 0 8px;
        padding-bottom: 10px;
        padding-top: 5px;
    }

    #partner_newCon {
        padding-bottom: 20px;
    }

    #partner_newCon .topic {
        padding: 0;
        font-size: 16px;
        line-height: 1.625;
    }
    #partner_newCon{
        padding-left: 7.335%;
        padding-right: 7.335%;
    }
    #partner_newCon .items_ .list_{
        margin: 0;
    }

    #partner_newCon .items_ {
        flex-wrap: wrap;
    }

    #partner_newCon .items_ .list_ {
        width: 100%;
        margin-bottom: 9.375%;
    }

    .partner #partner_newTab .icon_ {
        font-size: 45px;
    }

    #pbx_new .banner_ .msg_ h1 {
        font-size: 18px;
    }

    #pbx_new {
        padding-top: 55px;
    }

    #pbx_new .pbx_newTab.fx {
        top: 55px;
    }

    #pbx_new .maxsize {
        width: 90%;
    }
    #pbx_new .pbx_newTab .maxsize{
        width: 100%;
    }

    #pbx_new .banner_ .msg_ .search_ {
        display: none;
    }

    #pbx_new .pbx_newTab .tree {
        flex-wrap: wrap;
        padding: 4.8vw 0;
        height: auto;
        font-size: 0;
        text-align: center;
        display: block;

    }

    #pbx_new .pbx_newTab .tree > a {
        margin: 2.1vw 0;
        vertical-align: middle;
    }

    #pbx_new .pbx_newCon .row_ {
        flex-wrap: wrap;
    }

    #pbx_new .pbx_newCon .row_ .first {
        width: 100%;
        line-height: 1.2;
        font-size: 20px;
        text-align: left;
        margin-top: 2.66vw;
    }

    #pbx_new .pbx_newCon .row_ .item_ {
        width: 100%;
        margin-top: 3.2vw;
        justify-content: space-between;
        padding: 2px;
    }

    #pbx_new .pbx_newCon .row_ .list_ {
        margin-right: 0;
        width: 46%;
        margin-bottom: 3.733vw;
    }

    #pbx_new .pbx_newCon .row_ .list_ > .pic,#pbx_new .pbx_newCon .row_ .list_ > a {
        width: 100%;
        height: auto;
    }
    #pbx_new .newPop .con h2{
        line-height: 1;
        margin-bottom: 6.13vw;
        margin-top: 0;
    }
    #pbx_content .tbody tr:first-child td, #pbx_content th{
        font-size: 12px;
        line-height: 2.29;
        color: #222121;
    }
    #pbx_content td{
        font-size: 10px;
        line-height: 2.4;
    }
    #pbx_new .newPop .con {
        width: 89.33%;
        padding: 9.7% 5.97%;
    }
    #pbx_content td > i{
        font-size: 6px;
    }
    #pbx_new .newPop .con .newBox .table_ ol {
        flex-wrap: wrap;
    }

    #pbx_new .newPop .con .newBox .table_ ol li:nth-of-type(1) {
        width: 100%;
        flex-basis: 100%;
    }

    #pbx_new .newPop .con .newBox .table_ ol li:nth-of-type(1) span {
        text-align: center;
    }

    #pbx_new .newPop .con .newBox .table_ ol li {
        flex-basis: 50%;
    }

    #pbx_new .newPop .con .newBox .table_ ol li:nth-of-type(2) span {
        border-left: 1px solid transparent;
    }

    #pbx_new .newPop .con .other {
        display: none;
    }

    #pbx_new .newPop .con .newBox {
        height: calc(100% - 6.6vw);
    }

    #pbx_new .pbx_newTab .tree > a {
        font-size: 14px;
        width: 9.6vw;
        line-height: 1.4375;
    }
    #pbx_new .newPop .con .other > a {
        margin-top: 10px;
    }
    .tree br{
        display: block;
    }
    #pbx_new .pbx_newCon .row_ .list_ > .pic > img, #pbx_new .pbx_newCon .row_ .list_ > a > img{
        position: relative;
        max-height: none;
        max-width: none;
        width: 100%;
        display: block;
    }
    #pbx_new .pbx_newCon .row_ .list_ > p{
        margin-top: 2.1vw;
    }
    #pbx_content td > i{
        font-size: 8px;
    }
    #pbx_content td,#pbx_content .tbody tr:first-child td, #pbx_content th{
        padding: 0 14px;
    }
    #partner_newCon .items_ .list_ > a .note_ h2 {
             line-height: 1;
         }
    #partner_newCon .items_ .list_ > a .note_ {
        padding: 12.032% 0;
    }
}