@font-face {

    font-family: 'iconfont';

    src: url('../fonts/iconfont.eot');

    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('trluetype'), url('../fonts/iconfont.svg') format('svg');8d180c60

}





/* css初始化 */



* {

    padding: 0px;

    margin: 0px;

}



body {

    font-size: 14px;

    font-family: "Microsoft YaHei", "PingFang SC", "Source Han Sans CN", Arial, Tahoma, sans-serif;

    padding: 0!important;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



body,

ul,

ol,

dl,

dd,

h1,

h2,

h3,

h4,

h5,

h6,

p,

i,

b,

em,

span,

form,

fieldset,

legend,

input,

textarea,

select,

button,

th,

td {

    margin: 0;

    padding: 0;

    font-style: normal;

}



.h1,

.h2,

.h3,

h1,

h2,

h3,

p {

    margin: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    list-style: none;

}



input,

select,

button,

textarea {

    font-size: 14px;

    border: 0;

    background: none;

    outline: none;

    vertical-align: middle;

    font-family: "Microsoft YaHei", "PingFang SC", "Source Han Sans CN", Arial, Tahoma, sans-serif;

}



button {

    overflow: visible

}



ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



img {

    border: none;

    max-width: 100%;

}



li {

    list-style: none;

}



a {

    color: #000;

    text-decoration: none;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn:active:focus,

.btn:focus {

    outline: none;

}



button:focus {

    outline: none;

}



a:hover {

    text-decoration: none !important;

}





/* 整体 */



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

    html.on {

        width: 100%;

        height: 100%;

        position: fixed;

        top: 0;

        left: 0;

        overflow: hidden;

    }

}



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

    body.on {

        transform: translateX(-60%);

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

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

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

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

    }

}



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

    .sj_bj {

        width: 100%;

        height: 100%;

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

        position: absolute;

        top: 0;

        left: 0;

        content: "";

        z-index: 999999999999999999999;

        display: none;

    }

}



:focus {

    outline: none;

}





/* 微信 */



.e_m {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

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

    z-index: 99999;

    display: none;

}



.e_m .n_r {

    width: 200px;

    padding: 10px;

    background-color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    text-align: center;

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

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

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

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

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

}



.e_m .n_r img {

    width: 100%;

    height: auto;

    display: block;

}



.e_m .n_r p {

    font-size: 15px;

    color: #888;

    margin-top: 10px;

}



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

    .e_m .n_r {

        width: 230px;

        padding: 15px;

    }

    .e_m .n_r p {

        font-size: 15px;

    }

}



select::-ms-expand {

    display: none;

}



select {

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    padding-right: 14px;

}



option::-ms-expand {

    display: none;

}



option {

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

}



.ft_hd .c_2 {

    display: flex;

    flex-direction: column;

    align-items: flex-end;

}



option {

    padding: 0;

    border: 0;

    color: #333;

}



select {

    box-sizing: content-box;

    font-size: 14px;

    color: #333;

    padding: 0;

    line-height: 20px;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

}





/* 整体end */





/* 模态框 */



.search_none {

    width: 100%;

    background-color: #fafafa;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 9999;

    height: 350px;

    display: none;

}



.search_none .container {

    position: relative;

}



.search_none .sc_gb {

    transform-origin: center;

    position: absolute;

    top: 50%;

    margin-top: -129px;

    right: 0;

    cursor: pointer;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.search_none .nr_a {

    width: 500px;

    border-bottom: 1px solid #ccc;

    margin: 120px 0;

}



.search_none .sc_gb:hover {

    transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

}



.search_none .sc_gb i {

    font-size: 30px;

    line-height: 50px;

    color: #333;

}



.search_none .sc_nr {

    width: 700px;

    margin: 41px auto;

}



.search_none input {

    width: 430px;

    height: 53px;

    font-size: 16px;

    line-height: 60px;

    color: #000;

    float: left;

    padding-left: 14px;

}



.search_none input::placeholder {

    color: #aaa;

}



.search_none button {

    width: 70px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    color: #000;

    float: right;

}



.search_none button i {

    font-size: 30px;

    color: #ddd;

}



.icon-chenghao2:before {

    content: "\e694";

}



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

    .search_none {

        height: 320px;

    }

    .search_none .sc_gb {

        margin-right: 50px;

    }

    .search_none .sc_gb i {

        font-size: 22px;

        margin-right: 10px;

    }

    .search_none .sc_nr {

        width: 90%;

    }

    .search_none input {

        width: 85%;

        font-size: 15px;

    }

    .search_none button {

        width: 15%;

    }

    .search_none button i {

        font-size: 26px;

    }

}



.head {

    height: 125px;

}



.header {

    background: #fff;

    position: fixed;

    width: 100%;

    top: 0;

    z-index: 99999999;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.header.on {

    background: rgba(255, 255, 255, .8);

}



.header .container {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between; 

}

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

    .header .container{max-width: 1300px;} 

    .header .nav ul li{margin: 0 10px;}

}



.header .logo {

    float: left;

    margin: 8px 0;

    width: 135px;

}



.header .logo img {

    max-width: 100%;

}



.header .nav {

    float: right;

}



.header .nav ul {

    float: right;

}







.header .nav ul li {

    text-align: center;

    margin: 0 15px;

    float: left;

    height: 100px;

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.header .nav .y_j {

    position: relative;

}



.header .nav .y_j i {

    display: none;

    padding-left: 10px;

    font-size: 13px;

    font-weight: bold;

    color: #000;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.header .nav .y_j {

    background: linear-gradient(to left, #58b1ab, #58b1ab) no-repeat;

    background: -webkit-linear-gradient( left, #58b1ab, #58b1ab) no-repeat;

    padding: 0px 11px;

    border-radius: 20px;

    background-size: 0 100%;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.header .nav ul li.on .y_j {

    background-size: 100% 100%;

}



.header .nav .y_j a {

    display: block;

    font-size: 16px;

    height: 24px;

    color: #1d1d1d;

    text-transform: uppercase;

    /* line-height: 100px; */

}



.header .nav .y_j:hover {

    background-size: 100% 100%;

}



.header .nav ul li:hover .y_j a {

    color: #fff;

}



.header .nav ul li.on a {

    color: #fff;

}



.header .nav .e_j {

    width: 150px;



    background-color: #fff;

    box-shadow: 0 0 5px #aaa;

    position: absolute;

    top: 60px;

    left: 50%;

    margin-left: -75px;

    opacity: 0;

    visibility: hidden;

    padding-left: 0;

    transform: translateY(10px);

    -webkit-transform: translateY(10px);

    -moz-transform: translateY(10px);

    -ms-transform: translateY(10px);

    -o-transform: translateY(10px);

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.header .nav ul li:hover .e_j {

    opacity: 1;

    visibility: inherit;

    z-index: 999;

    transform: translateY(0);

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

}

.header .nav ul li .e_j a:first-child{

    padding-top: 10px;

}

.header .nav ul li .e_j a:last-child{

    padding-bottom: 10px ;

}

.header .nav ul li .e_j a {

    font-size: 14px;

    line-height: 36px;

    text-align: center;

    display: block;

    color: #333333;

 

}



.header .nav ul li .e_j a:hover {

    color: #2a84a6;

}





/* header  an */



.header .an {

    position: absolute;

    top: 50%;

    margin-top: -13px;

    right: 30px;

    height: 27px;

    width: 40px;

    display: none;

}



.header .an span {

    width: 40px;

    height: 3px;

    background-color: #58b1ab;

    display: block;

    position: absolute;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



.header .an span.a1 {

    top: 0;

    left: 0;

}



.header .an span.a2 {

    top: 12px;

    left: 0;

}



.header .an span.a3 {

    top: 24px;

    left: 0;

}



.header .an.n span.a2 {

    display: none;

}



.header .an.n span.a1 {

    top: 10px;

    transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

}



.header .an.n span.a3 {

    top: 10px;

    transform: rotate(135deg);

    -o-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    -moz-transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

}



.header .container {

    position: relative;

}



.header .hd_en .hd_cg {

    font-size: 16px;

    color: #286c81;

    line-height: 100px;

    margin-right: 80px;

    text-transform: uppercase;

}



.header .hd_en .en {

    font-size: 16px;

    color: #000;

}



.header .hd_en .en img {

    margin-right: 15px;

    width: 22%;

    vertical-align: middle;

}



.header .hd_en .en a {

    font-size: 16px;

    color: #000;

}



.header .hd_en .en a:hover {

    color: #58b1ab;

}







/* en */



.header .hd_en {

    display: flex;

    justify-content: center;

    align-items: center;

}

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

    .header .hd_en .hd_cg{

        margin-right: 30px;

    }

}

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

    .header .logo {

        width: 16%;

        margin: 30px 0;

    }

    .header .hd_en .hd_cg{

        margin-right: 30px;

        font-size: 14px;

    }

    .header .nav ul li:last-child{

        margin-right: 20px;

    }

    .header .nav .y_j a{

        font-size: 14px;

    }

    .header .nav ul{

        display: flex;

    }

    

    .header .hd_en .en img {

        margin-right: 5px;

        width: 16%;

    }

    .header .hd_en .en {

        font-size: 14px;

        color: #000;

    }

    .header .hd_en .en a{

        font-size: 14px;

    }

}

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

    .header .hd_en .hd_cg {

        margin-right: 10px;

        font-size: 14px;

    }

    .header .nav ul li:last-child {

        margin-right: 0px;

    }

}

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

    /* .header {

        position: relative;

    } */

    .header .logo {

        width: 27%;

        margin: 19px 0;

    }

    .header .contact {

        display: none;

    }

    .header .nav {

        width: 60%;

        height: 100%;

        padding: 10px 5% 0;

        margin: 0;

        background-color: #141414;

        height: 100%;

        position: fixed;

        top: 0;

        right: -60%;

        z-index: 9999;

        overflow: auto;

        transition: all .5s;

        -o-transition: all .5s;

        -ms-transition: all .5s;

        -moz-transition: all .5s;

        -webkit-transition: all .5s;

    }

    .header .nav ul {

        width: 100%;

        float: none;

        display: block;

    }

    .header .nav ul li:nth-child(2) {

        margin-left: 0;

    }

    .header .nav ul li {

        width: 100%;

        height: auto;

        text-align: left;

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

        float: none;

        margin: 0;

        display: block;

        padding-bottom: 10px;

    }

    .header .nav ul li:after {

        display: none;

    }

    .header .nav .y_j i {

        display: block;

        width: 100%;

        padding-right: 10px;

        position: absolute;

        top: 0;

        right: 0;

        font-size: 18px;

        text-align: right;

        color: #ddd;

        line-height: 66px;

        z-index: 999999;

    }

    .header .nav ul li:hover .y_j i {

        color: #ddd;

        transform: none;

        -webkit-transform: none;

        -moz-transform: none;

        -ms-transform: none;

        -o-transform: none;

    }

    .header .nav ul li.on .y_j i {

        color: #ddd;

    }

    .header .nav .y_j a {

        font-size: 20px;

        line-height: 66px;

        color: #fff;

        display: block;

        height: auto;

    }

    .header .nav ul li:hover .y_j a {

        color: #fff;

        border-bottom: 3px solid transparent;

    }

    .header .nav ul li.on .y_j a {

        color: #fff;

        border-bottom: 3px solid transparent;

    }

    .header .nav .e_j {

        width: 100%;

        background: none;

        box-shadow: none;

        position: relative;

        left: auto;

        top: auto;

        padding: 5px 0;

        margin-left: 0;

        opacity: 1;

        visibility: inherit;

        display: none;

        transform: none;

        -webkit-transform: none;

        -moz-transform: none;

        -ms-transform: none;

        -o-transform: none;

        transition: none;

        -o-transition: none;

        -ms-transition: none;

        -moz-transition: none;

        -webkit-transition: none;

    }

    .header .nav ul li:hover .e_j {

        transform: none;

        -webkit-transform: none;

        -moz-transform: none;

        -ms-transform: none;

        -o-transform: none;

    }

    .header .nav ul li .e_j a {

        font-size: 20px;

        line-height: 50px;

        text-align: left;

        color: #fff;

    }

    .header .an {

        display: block;

    }

    .header .header_es {

        margin-top: 7px;

        margin-right: 18%;

    }

    .header .nav li:before,

    .header .nav li:after {

        background-color: transparent

    }

}



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

    /* .head {

        display: none;

    } */

    .header .head_icon {

        top: 0;

        margin-top: 0;

        right: 20%;

    }

    .header .hd_en .hd_cg {

        line-height: 24px;

        font-size: 14px;

        margin-right: 10px;

    }

    .header .hd_en .en img {

        width: 18%;

        vertical-align: top;

        margin-right: 5px

    }

    .header .container {

        max-width: 600px;

    }

    .header .hd_en {

        margin-right: 50px;

    }

    .header .hd_en .en {

        font-size: 14px;

    }

    .header .hd_en .en a {

        font-size: 14px;

    }

    .header .nav .y_j {

        background: none;

        padding: 0;

    }



    .header .nav ul li:nth-child(2) i,.header .nav ul li:nth-child(5) i

    {

        display: none;

    }

}



.banner img {

    width: 100%;

}









/* 视频 */

/* 视频 */

#home-slider {

    overflow: hidden;

    position: relative;

}

.carousel-inner {

    position: relative;

    width: 100%;

    overflow: hidden;

}

#home-slider .color-overlay {

    width: 100%;

    height: 100%;

    /* background: url(../img/slider/bg.jpg) no-repeat center center; */

    opacity: .80;

    z-index: 10;

    background-size: cover;
    
    text-align: center;

}



.div-video-control-left {

    position: absolute;

    left: 0px;

    top: 80%;

    transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

}





.i-video-control-left {

    color: #ffffff;

    font-size: 60px;

    opacity: 0.5;

    cursor: pointer;

}



.display-none {

    display: none;

}



.div-video-control-right {

    position: absolute;

    right: 0px;

    top: 80%;

    transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

}



.i-video-control-right {

    color: #ffffff;

    font-size: 60px;

    opacity: 0.5;

    cursor: pointer;

}





#home-slider:hover .div-video-control-left {

    left: 40%;

}



#home-slider:hover .div-video-control-right {

    right: 40%;

}

.i-video-control-right:hover {

    opacity: 0.9;

}

.i-video-control-left:hover {

    opacity: 0.9;

}





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

   

    .sy_jj .syjj_nr .syjj_t .syjj_wz{

        font-size: 18px;

        opacity: 1;

    }

    .sy_jj .syjj_nr img{

        width: 100%;

    }

    .sy_jj .syjj_nr .syjj_t .syjj_wz.z1{

        bottom: 0;

        top: 65px;

    }

    

.i-video-control-left {

    color: #ffffff;

    font-size: 30px;

    opacity: 0.5;

    cursor: pointer;

}

.i-video-control-right {

    color: #ffffff;

    font-size: 30px;

    opacity: 0.5;

    cursor: pointer;

}

#home-slider .div-video-control-left {

    left: 40%!important;

}



#home-slider .div-video-control-right {

    right: 40%!important;

}

}



.about{

    padding-top: 100px;

}

.title{

    text-align: center;

    font-size: 48px;

    color: #007177;

}

.about .info{

    font-size: 16px;

    color: #3c3c3c;

    line-height: 32px;

    margin-top: 45px;

    text-align: center;

}

.ab-icons{

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

    margin-top: 80px;

    position: relative;



}

.ab-icon{

    width: 20%;

    height: 300px;

    background-color: rgba(255,255,255,.95);

    padding-top: 90px;

    float: left;

    border-right: 1px solid #cacaca;

    box-sizing: border-box;

    position: relative;



}



.ab-icon:nth-child(4) .alert{

    left: -200%;

}

.ab-icon:nth-child(5) .alert{

    left: -200%;

}

.jt .w{

    display: none;

}

.ab-icon:hover{

    background-color: #338d92;

}

.ab-icon:hover i{

    color: #fff;

}

.ab-icon:hover{

    color: #fff;

}

.ab-icon:hover .bt{

    color: #fff;

}

.ab-icon:hover .jt .b{

    display: none;

}

.ab-icon:hover .jt .w{

    display: inline-block;

}

.ab-icons:after{

    display: block;

    content: '';

    clear: both;

}

.ab-icon:last-child{

    border-right: none;

}

.ab-icon i{

    font-size: 60px;

    color: #539ea2;

}

.ab-icon .main{

    text-align: center;

}



.ab-icon .jt{

    margin-top: 25px;

}

.ab-icon .bt{

    font-size: 16px;

    color: #333333;

}

.alert{

    position: absolute;

    width: 700px;

    /*min-height: 200px;*/

    background-color: #fff;

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

    top:70%;

    left:20%;

    z-index: 9999;

    visibility: hidden;

    opacity: 0;

    transition: all .5s;

    display: flex;

    transform: translateY(20px);

}

.alert.on{

    visibility: visible;

    opacity: 1;

    transform: translateY(0px);

}

.alert .t_p{

    width: 200px;

}

.alert .w_z{

    width: 500px;

    margin-left: 30px;

    /*padding-top: 30px;*/

}

.alert .w_z1{

    font-size: 16px;

    color: #323232;

}

.alert .w_z2{

    font-size: 14px;

    color: #646464;

    margin-top: 5px;

}

.product{

    padding-top: 100px;

}

.pro_lb{

    margin-top: 60px;

}

.pro-item .t_p{

    text-align: center;

}

.pro-item .t_p img{

    border-radius: 50%;

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

}

.pro-item .w_z{

    width: 270px;

    /* height: 130px; */

    margin: 30px auto 0;

    border: 1px solid transparent;

    padding: 20px 40px;

    transition: all .5s;

}

.pro-item .w_z i{

    font-size: 18px;

    font-weight: bold;

}

.pro-item:hover .w_z{

    border: 1px solid #e5e5e5;

}

.zs-item{

    position: relative;

}

.zs-item .t_p img{

    width: 100%;

}

.zs-item .mask{

    position: absolute;

    width: 90%;

    height: 90%;

    top: 5%;

    left: 5%;

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

    color: #fff;

    text-align: center;

    padding-top: 25%;

    transition: all ease .5s;

}

.zs-item .mask:hover{

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.zs-item .w_z1{

    font-size: 30px;

    font-weight: bold;

}

.zs-item i{

    display: block;

    width: 40px;

    height: 3px;

    background-color: #fff;

    margin: 10px auto;

}

.zs-item .w_z2{

    font-size: 16px;

}



.zhanshi{

    padding: 50px 0 100px;

}



.keji{

    padding-top: 100px;

}

.keji .title{

    color: #fff;

}

.kj_lb{

    margin-top: 50px;

}

.kj-item{

    background-color: #fff;

    position: relative;

    height: 450px;

    box-shadow: 0 0 2px 2px #f3f4f6;

    padding: 120px 60px 0;

}

.kj-item .mask{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #fff;

    opacity: 0;

    transition: all ease .5s;

}

.kj-item:hover .mask{

    opacity: 1;

}

.kj-item .t_p{

    text-align: center;

}

.kj-item .w_z{

    margin-top: 30px;

}

.kj-item .w_z1{

    text-align: center;

    font-size: 16px;

}

.kj-item .w_z2{

    margin-top: 30px;

    font-size: 16px;

    color: #646464;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 6;

    text-overflow: ellipsis;

}



.kj-item .mask{

    padding: 50px 20px 0;

}

.kj-item .mask .bt{

    font-size: 16px;

    margin-bottom: 20px;

    text-align: center;

}

.kj-item .mask .nr{

    font-size: 14px;

    line-height: 30px;

    color: #646464;

}

.kj-item .mask2{

    position: absolute;

    background-color: #fff;

    width: 790px;

    height: 380px;

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

    z-index: 99;

    left: 50%;

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

    padding: 20px;

    display: flex;

    justify-content: space-between;

    transition: all .5s;

    opacity: 0;

    visibility: hidden;

    /* transform: translateY(20px); */

    /* flex-wrap: wrap; */

}

.kj-item .mask2 .tp1 img{

    width: 100%;

}

.kj-item:hover .mask2{

    opacity: 1;

    visibility: visible;

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

}

.kj-item .mask2 .t_p{

    width: 320px;

    float: left;

}

.kj-item .mask2 .y_d{

    margin-left: 30px;

}

.kj-item .mask2 .tp2{

    display: flex;

    justify-content: space-between;

    margin-top: 20px;

}

.kj-item .mask2 .tp2 img{

    width: 48%;

}

.yd-item{

    padding: 20px 30px;

    line-height: 30px;

    display: flex;

    background-color: #8bced1;

    color: #fff;

    margin-bottom: 15px;

}

.yd-item:nth-child(2){

    background-color: #33aca4;

}

.yd-item:last-child{

    margin-bottom: 0;

    background-color: #46989d;

}

.yd-item .bt{

    width: 50px;

}

.duibi{

    margin-top: 60px;

}

.duibi .container{

    box-shadow:  0 0 2px 2px #f3f4f6;

    padding: 40px 20px;

}

.duibi .bt{

    color: #0e132d;

    margin-bottom: 20px;

    font-size: 18px;

    font-weight: bold;

}

.duibi .nr{

    padding: 0 30px;

}

.duibi .left{

    float: left;

}

.duibi .right{

    float: right;

}

.duibi .container:after{

    content: '';

    clear: both;

    display: block;

}

.duibi .icons{

    display: flex;

    justify-content: space-between;

    margin-top: 30px;

}

.duibi .icon{

    width: 75px;

}

.duibi .icon:nth-child(2) .t_p{

    background-color: #1da39a;

}

.duibi .icon:nth-child(3) .t_p{

    background-color: #03838c;

}

.duibi .icon .t_p{

    width: 75px;

    height: 75px;

    background-color: #7ec9cc;

    border-radius: 50%;

    text-align: center;

    color: #fff;

    padding-top: 24%;

}

.duibi .icon .w_z{

    text-align: center;

    margin-top: 10px;

}

.duibi .right .w_z1{

    font-size: 14px;

    color: #505050;

    text-align: center;

}

.tuandui{

    padding: 100px 0;

}

.tuandui .swiper-container {

    width: 100%;

    height: 100%;

  }



  .tuandui .t_p img{

    width: 100%;

  }

  

  .tuandui .t_p{

      width: 33%;

  

  }

  .tuandui .w_z{

      width: 67%;

      background-color: #f2f2f2;

      height: 100%;

      padding: 90px 50px 0;

  }

  .tuandui .swiper-slide{

      display: flex;

      height: auto;

      flex-wrap: wrap;

  }

  .tuandui .w_z1{

      font-size: 20px;

      color: #323232;

  }

  .tuandui .w_z1 i{

      font-size: 15px;

      color: #646464;

      margin-left: 10px;

  }

  .tuandui .w_z2{

      font-size: 16px;

      color: #646464;

      margin-top: 25px;

      line-height: 30px;

  }

  .tuandui .sw .btns{

      width: 67%;

      height: 90px;

      background-color: #e3e3e3;

      position: absolute;

      right: 0;

      bottom: 0;

  }

  .tuandui .sw .btns2{

    width: 15%;

    height: 90px;

    position: absolute;

    right: 0;

    bottom: 0;

    z-index: 8;

}

.tuandui .sw .btns2 .swiper-button-next{

    margin-top: -19px;

}

.tuandui .sw .btns2 .swiper-button-prev{

    margin-top: -19px;

}



.tuandui .sw{

    margin-top: 50px;

}





.hezuo{

    background-color: #eaf9f1;

    padding: 100px 0 70px;

}

.hezuo .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{

    border: 1px solid #007177;

}

.hezuo .swiper-pagination-bullet-active{

    background-color: #007177;

}

.hezuo .sw{

    position: relative;

}

.hezuo .sw .swiper-container{

    padding: 80px 0;

}

.hezuo .sw .swiper-button-next{

    right: -100px;

}

.hezuo .sw img{

    width: 100%;

}

.hezuo .sw .swiper-button-prev{

    left: -100px;

}

.lxfs{

    padding: 70px 0;

    background-color: #f3f4f8;

}

.lxfs .title{

    text-align: left;

}





.lxfs .nr{

    margin-top: 25px;

}

.lxfs .bt{

    font-size: 28px;

    font-weight: bold;



}

.lxfs .lx{

    font-size: 14px;

    line-height: 30px;

    color: #646464;

}



.ipts{

    background-color: #f8f8fb;

    padding:20px 15px 50px;

}

.ipts input{

    width: 100%;

    background-color: #fbfbfd;

    line-height: 40px;

    padding: 0 15px;

    border: 1px solid #eeeeef;

    margin-bottom: 15px;

}

.ipts input:last-child{

    margin-bottom: 0;

}

.ipts textarea{

    width: 100%;

    background-color: #fbfbfd;

    border: 1px solid #eeeeef;

    height: 100%;

    padding: 15px;

}

.ipts .text{

    height: 100%;

}



.ipts button{

    margin: 15px;

    width: 120px;

    height: 35px;

    background-color: #007177;

    color: #fff;

}



.footer{

    background-color: #333233;

    padding: 70px 0;

}

.footer .f-nav{

    display: flex;

    justify-content:center;

    flex-wrap: wrap;

}

.f-nav a{

    display: inline-block;

    color: #fff;

    font-size: 16px;

    margin-right: 40px;

    margin-bottom: 10px;

}

.f-nav a:last-child{

    margin-right: 0;

}

.footer .banquan{

    margin-top: 30px;

    color: #fff;

    text-align: center;

    font-size: 16px;

}

.footer .banquan span{

    display: inline-block;

    margin-right: 30px;

}

.banquan span:last-child{

    margin-right: 0;

}



.app{

    padding: 85px 0 90px;

    margin-top: 70px;

}

.app .container:after{

    display: block;

    content: '';

    clear: both;

}

.app-main{

    width: 600px;

    float: right;

    display: flex;

    justify-content: space-between;

}

.app-main .sj{

    width: 270px;

    height: 560px;

    padding: 8px 0px;

    border-radius: 40px;

}

.app-main .sj img{

    width: 100%;

    height: 100%;

    border-radius: 30px;

}

.app-main .sj video{

    width: 100%;

    height: 100%;

    border-radius: 30px;

}

.app-main .sj .sw{

    width: 100%;

    padding: 0 10px;

}



.app .swiper-container {

    width: 100%;

    height: 100%;

  }



.app .swiper-slide {

    border-radius: 30px;

    width: 270px;

    height: 545px;

}

.app .swiper-slide img{

    width: 270px;

    height: 545px;

}

  .app .jts{

      position: relative;

      width: 100px;

      margin-top: 40px;

  }

  .app .jts div{

      width: 40px;

      height: 40px;

      cursor: pointer;

  }

  .app .swiper-button-next{

      right: 0;

      top: 0;

      margin: 0;

  }

  .app .swiper-button-prev{

      left: 0;

      top: 0;

      margin: 0;

  }

  .sj .sw{

      border-radius: 40px;

      overflow: hidden;

  }

  .app .w_z{

      margin-top: 170px;

      color: #fff;

      margin-left: 40px;

  }

  .app .w_z1{

      font-size: 42px;

  }



  .app .w_z2{

      font-size: 29px;

      margin-top: 20px;

  }

  .app .w_z3{

      font-size: 16px;

      margin-top: 30px;

      line-height: 35px;

  }



  @-webkit-keyframes fadeInUp {

    0% {

    opacity:0;

    -webkit-transform:translateY(20px);

    transform:translateY(20px)

    }

    100% {

    opacity:1;

    -webkit-transform:translateY(0);

    transform:translateY(0)

    }

    }

    @keyframes fadeInUp {

    0% {

    opacity:0;

    -webkit-transform:translateY(20px);

    -ms-transform:translateY(20px);

    transform:translateY(20px)

    }

    100% {

    opacity:1;

    -webkit-transform:translateY(0);

    -ms-transform:translateY(0);

    transform:translateY(0)

    }

    }



    .inbanner{

        height: 500px;

        padding-top: 50px;

        color: #fff;

    }

    .inbanner .mbx{

        display: flex;

        align-items: baseline;

    }

    .inbanner .mbx a{

        color: #fff;

        font-size: 14px;

        line-height: 30px;

        margin:0 10px;

        display: inline-block;

    }

    .inbanner .mbx{

        border-bottom: 1px solid #bcbcbc;

    }

    .inbanner .inbt{

        font-size: 48px;

        margin-top: 100px;

    }



    .news_lb{

        padding: 100px 0;

    }

    .news-item{

        text-align: center;

        max-width: 800px;

        margin: 30px auto 0;

        border-bottom: 1px solid #c8c8c8;

        padding-bottom: 30px;

    }

    .news-item .bt{

        font-size: 20px;

    }

    .news-item .bt a{

        color: #0f0f0f;

    }

    .news-item .date{

        font-size: 16px;

        color: #666666;

        margin: 15px 0;

    }

    .news-item .t_p{

        overflow: hidden;

    }

    .news-item .t_p img{

        width: 100%;

        transition: all 1s;

    }

    .news-item .t_p:hover img{

        transform: scale(1.1);

    }

    .news-item .ms{

        font-size: 16px;

        color: #666666;

        margin: 15px 0;

    }

    .news-item .more{

        width: 120px;

        border-radius:20px;

        color: #000;

        line-height: 35px;

        color: #46989d;

        text-align: center;

        display: block;

        margin: 0 auto;

        border: 1px solid #d2d2d2;

        font-size: 16px;

    }

    .news-item .more:hover{

        background-color: #46989d;

        color: #fff;

        border-color: #46989d;

    }

    .jj_lb{

        padding: 100px 0;

    }

    .jj_lb img{

        width: 100%;

    }

    .jj-item{

        margin-bottom: 20px;

        text-align: center;

        position: relative;

    }

    .jj-item .t_p{

        position: relative;

        overflow: hidden;

    }

    .jj-item .bt{

        font-size: 30px;

        color: #ffffff;

        font-weight: bold;

    }

    .jj-item .t_p img{

        transition: all 1s;

    }

    .jj-item .t_p:hover img{

        transform: scale(1.1);

    }

    .better{

        padding: 50px 80px 0;

    }

    .better .tp{

        display: flex;

        justify-content: space-between;

        margin-top: 40px;

    }

    .better .tp img{

        width: 250px;

        height: 320px;

    }

    .jj-item .w_z{

        line-height: 50px;

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

        position: absolute;

        left: 0;

        bottom: 0;

        width: 100%;

        color: #f8f8f8;

        font-size: 16px;

    }



    .ny_nr .xw_xq{ padding: 30px 0px;}

.ny_nr .xw_xq .xq_lf .xq_tl{ text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 15px;color:#007177}

.ny_nr .xw_xq .xq_lf .xq_fc{ width: 100%; border-bottom: solid 1px #cacaca; padding: 20px 0px; }

.ny_nr .xw_xq .xq_lf .xq_fc .right{text-align: right;}

.ny_nr .xw_xq .xq_nr{ width: 100%; overflow: hidden; padding: 20px 0px; line-height: 30px; font-size: 14px;}

.ny_nr .xw_xq .xq_nr img{ max-width: 100%; display: block;}

.ny_nr .xw_xq .xq_fy{ text-align: center; padding: 15px 0px;}

.ny_nr .xw_xq .xq_fy a{ display: inline-block; margin: 0px 15px; padding: 10px 20px; background-color: #000000; color: #FFFFFF; font-size: 14px;}

.ny_nr .xw_xq .xq_rt{ width: 100%; overflow: hidden; margin-top: 56px; }

.ny_nr .xw_xq .xq_rt .rt_bt{font-size: 24px; font-weight: bold;background-color: #000000; color: #FFFFFF; padding: 15px 0px; text-align: center;}

.ny_nr .xw_xq .xq_rt .rt_lb li a{ display: block; border-bottom: dashed 1px #cccccc; line-height: 56px; font-size: 14px; color: #666;}

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



    .ny_nr .xw_xq{ padding: 20px 0px;}

    .ny_nr .xw_xq .xq_lf .xq_tl{font-size: 22px;}

    .ny_nr .xw_xq .xq_lf .xq_fc{padding: 15px 0px; }

    .ny_nr .xw_xq .xq_lf .xq_fc .right{text-align: center;}

    .ny_nr .xw_xq .xq_fy{  padding: 10px 0px;}

    .ny_nr .xw_xq .xq_fy a{ margin: 0px 10px; padding: 10px 15px; }

    .ny_nr .xw_xq .xq_rt{  margin-top: 15px; }

    .ny_nr .xw_xq .xq_rt .rt_bt{font-size: 20px;  padding: 10px 0px; }

    .ny_nr .xw_xq .xq_rt .rt_lb li a{ line-height: 40px;}

}



.xfk{

    position: fixed;

    top: 50%;

    right: 10px;

    transform: translateY(-50%);

    width: 50px;

}

.xfk a{

    display: block;

    margin-bottom: 5px;

    width: 50px;

    height: 50px;

}

.sjd{

    display: none;

}
.container .xw_xq .xq_fc , .container .xw_xq .xq_nr{
    color:#000
}

.pages li
{
    display:inline
}
.pages .active a
{
    color:#000
}