﻿.swiper-container {}.swiper-slide {
    /* background: #199FB1; */
}.swiper-pagination {
    position: absolute;
    bottom: 40px !important;
    left: calc(50% - 130px) !important;
    width: 260px !important;
}.swiper-pagination-bullet {
    width: 50px;
    height: 6px;
    border-radius: 0;
    background: #fff;
    opacity: .2;
}.swiper-pagination-bullet-active {
    opacity: .9;
}.banner-item {
    padding-top: 80px;
    height: 700px;
    overflow: hidden;
    position: relative;
}.banner-item .left {
    float: left;
    margin-top: 120px;
    margin-left: 50px;
    position: absolute;
    z-index: 8;
}.banner-item .right {
    float: left;
    position: absolute;
    top: 24%;
    right: 0;
    transition: ease .5s;
}.banner-item .right:hover {
    top: 22%;
}.banner-item .left h1 {
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    line-height: 2;
}.banner-item .left p {
    font-size: 24px;
    color: #fff;
    line-height: 2;
    letter-spacing: 4px;
}.banner-item .left .banner-btns {
    margin-top: 50px;
}.banner-item .left a {
    width: 154px;
    line-height: 43px;
    text-align: center;
    display: inline-block;
    color: #fff;
    border-radius: 2px;
    border: 1px solid #fff;
    border-radius: 50px;
}.banner-item .left a {
    margin-right: 30px;
}.wdata {
    background: #fff;
}.wdata .w1200 {
    padding: 10px 0;
    display: flex;
}.wdata .w1200 .data-item {
    width: 25%;
    /* border-right:1px dashed #7f7f7f; */
    height: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}.wdata .w1200 .data-item:last-child {
    border-right: 0;
}.wdata .w1200 .data-item h2 {
    color: #199FB1;
    font-size: 20px;
    line-height: 30px;
}.wdata .w1200 .data-item p {
    color: #999;
    font-size: 15px;
}.containerx {
    width: 1200px;
    margin: auto;
    display: flex;
    flex-flow: wrap;
    text-align: center;
}.col-sm-4 {
    width: calc(38.2% - 90px);
    padding: 30px;
    margin: 15px;
    background: #fff;
}.col-sm-4 img {
    width: 50px;
}.col-sm-4 h5 {
    font-size: 16px;
    color: #333;
    margin: 24px 0 12px;
}.col-sm-4 p {
    font-size: 14px;
    text-indent: 2em;
}.col-sm-4 a {
    display: inline-block;
    background: #fff;
    border: 1px solid #199FB1;
    padding: 0 40px;
    line-height: 36px;
    border-radius: 18px;
    margin-top: 30px;
}.col-sm-4 a span {
    /*font-size: 12px;*/
    color: #199FB1;
}.col-sm-4:hover a {
    background: #199FB1;
}.col-sm-4:hover a span {
    color: #fff;
}.bgbn {
    background: url("../images/bggg.jpg") no-repeat;
    background-size: 100%;
    background-position: center;
}.bnbg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 500px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
}.bnbg h2 {
    font-size: 40px;
    margin-bottom: 40px;
    color: #fff;
}.bnbg h3 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #fff;
}.bnbg p {
    color: #fff;
}.bnbg a {
    display: inline-block;
    color: #fff;
    background: #199FB1;
    padding: 0 70px;
    line-height: 50px;
    border-radius: 25px;
    margin-top: 30px;
    border: 2px solid #199FB1;
}.bnbg a:hover {
    border-color: #59bf95;
}.col-sm-4:hover {
    outline: 1px solid #199FB1;
}.wrap {
    min-width: 1200px;
    width: 100%;
    position: relative;
}.g-box {
    height: 100%;
    margin: 0 auto;
    background: rgba(13,92,117);
}.f2-bg {
    height: 860px;
    color: #fff;
    overflow: hidden;
    background-size: cover;
    background-color: #4f576b;
    background-image: url(../images/bg_fc.jpg);
}.m-dl2 {
    width: 1200px;
    margin: 0 auto;
}.m-dl2 {
    padding-top: 80px;
    padding-bottom: 80px;
}.m-dt-t1 {
    text-align: center;
    font-size: 30px;
    color: #fff;
}.m-dt-lnk,
.m-dt-t2 {
    font-size: 18px;
    text-align: center;
    color: #fff;
}.clear:after,
.clear:before {
    display: table;
    line-height: 0;
    content: "";
}.f2-l {
    padding-right: 30px;
    color: #fff;
    border-right: 4px solid #a9a9a9;
    border-color: rgba(255, 255, 255, .3);
    /* height:360px; */
    display: flex;
    align-items: center;
}.f2-lul>li.active1,
.f2-lul>li:hover {
    background-color: #199FB1;
    border-radius: 2px;
    font-weight: 700;
    border-radius: 50px;
}.g-mb80 {
    margin-bottom: 80px;
}.f2-lul>li {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.2s linear;
    color: #fff;
    border-radius: 50px;
}.f2-r {
    padding-left: 58px;
    width: 950px;
    min-height: 430px;
}.f-fl {
    float: left;
}.f-fr {
    float: right;
}.f2-item.active1 {
    display: block;
}.f2-item {
    position: relative;
    margin-top: 15px;
    display: none;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}.s-fs26 {
    font-size: 26px;
}.f-ib {
    display: inline-block;
    color: #fff;
}.f2-lnk {
    padding: 4px 14px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #199FB1;
    background-color: #199FB1;
    color: #fff;
    transition: all 0.2s linear;
}.f2-lnk1 {
    color: #FFF;
    background: 0 0;
    border: 1px solid #FFF;
    margin-right: 20px;
}.f2-bd {
    font-size: 16px;
    line-height: 30px;
    margin-top: 17px;
}.g-lh15 {
    line-height: 1.5;
    color: #fff;
}.f2-rul {
    width: 100%;
    position: absolute;
    top: 160px;
    font-size: 0;
}.f2-rul>li {
    display: inline-block;
    width: 12.5%;
    text-align: center;
    font-size: 12px;
}.g-mt14 {
    margin-top: 14px;
    color: #fff;
}.f2-rul1 {
    width: 100%;
    padding-top: 10px;
    border-top: 1px dashed rgba(255, 255, 255, .2);
    position: absolute;
    top: 310px;
}.f2-rul1>li {
    display: inline-block;
    margin-left: 72px;
    position: relative;
    color: #fff;
}.f2-rul1>li:first-child {
    margin-left: 0;
}.f2-rul1>li {
    display: inline-block;
    margin-left: 53px;
    position: relative;
    color: #fff;
    overflow: hidden;
}.f2-rul1>li:hover .f2-rul1-qr {
    opacity: 1;
    top: 0;
}.f2-rul1-qr {
    position: absolute;
    background-color: #fff;
    border-radius: 4px;
    top: 100%;
    left: 0;
    right: 0;
    text-align: center;
    overflow: hidden;
    opacity: 1;
    filter: Alpha(opacity=0);
    font-size: 12px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    display: none;
}.f2-rul1-qr>img {
    width: 130px;
    margin: 12px 25px 9px;
}.f2-rul1-qr>p {
    padding-bottom: 8px;
}.f2-bdgj,
.f2-czjf,
.f2-dc,
.f2-ddfx,
.f2-dmd,
.f2-fx,
.f2-fxtx,
.f2-gxhyy,
.f2-hdyx,
.f2-hftx,
.f2-hygl,
.f2-hyyx,
.f2-jck,
.f2-jfsc,
.f2-jkyl,
.f2-jsgl,
.f2-jxc,
.f2-kfgl,
.f2-kfxt,
.f2-khgl,
.f2-kptcz,
.f2-lbfx,
.f2-lxhk,
.f2-lxtg,
.f2-mdgl,
.f2-mdrc,
.f2-nryy,
.f2-ptkj,
.f2-qdfx,
.f2-scrm,
.f2-shhfx,
.f2-sjfx,
.f2-sjtj,
.f2-sjyx,
.f2-sjyx1,
.f2-sprite,
.f2-sykd,
.f2-syxt,
.f2-wm,
.f2-wzmb,
.f2-xcx,
.f2-xsgz,
.f2-ydbg,
.f2-yhmd,
.f2-yxcj,
.f2-yxgj,
.f2-yxhd,
.f2-yxtg,
.f2-yyps,
.f2-yyyd,
.f2-znxt,
.f2-zpzb,
.f2-zqg,
.f2-zqk,
.f2-zxsc {
    background-image: url(../images/f2_icns.png);
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    display: inline-block;
}.f3-in>i {
    background-image: url("../images/f3_icns@2x.png");
    background-size: 48px auto;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle
}.f2-zxsc {
    background-position: 0 -3900px;
}.f2-syxt {
    background-position: 0 -2625px;
}.f2-dmd {
    background-position: 0 -300px;
}.f2-jxc {
    background-position: 0 -1200px;
}.f2-khgl {
    background-position: 0 -1350px;
}.f2-lbfx {
    background-position: 0 -1500px;
}.f2-ptkj {
    background-position: 0 -1950px;
}.f2-yxcj {
    background-position: 0 -3150px;
}.f2-zxsc {
    background-position: 0 -3900px;
}.f2-ptkj {
    background-position: 0 -1950px;
}.f2-fx {
    background-position: 0 -375px;
}.f2-khgl {
    background-position: 0 -1350px;
}.f2-hyyx {
    background-position: 0 -825px;
}.f2-jkyl {
    background-position: 0 -1050px;
}.f2-zqg {
    background-position: 0 -3750px;
}.f2-kfxt {
    background-position: 0 -1275px;
}.f2-mdgl {
    background-position: 0 -1725px;
}.f2-hyyx {
    background-position: 0 -825px;
}.f2-yxhd {
    background-position: 0 -3300px;
}.f2-dc {
    background-position: 0 -150px;
}.f2-wm {
    background-position: 0 -2700px;
}.f2-yhmd {
    background-position: 0 -3075px;
}.f2-czjf {
    background-position: 0 -75px;
}.f2-sjtj {
    background-position: 0 -2325px;
}.f2-mdrc {
    background-position: 0 -1800px;
}.f2-kfgl {
    background-position: 0 -3975px;
}.f2-yyyd {
    background-position: 0 -3525px;
}.f2-zxsc {
    background-position: 0 -3900px;
}.f2-ptkj {
    background-position: 0 -1950px;
}.f2-khgl {
    background-position: 0 -1350px;
}.f2-hyyx {
    background-position: 0 -825px;
}.f2-hyyx {
    background-position: 0 -825px;
}.f2-xcx {
    background-position: 0 -2850px;
}.f2-kfxt {
    background-position: 0 -1275px;
}.f2-khgl {
    background-position: 0 -1350px;
}.f2-hdyx {
    background-position: 0 -600px;
}.f2-qdfx {
    background-position: 0 -2025px;
}.f2-bdgj {
    background-position: 0 0;
}.f2-shhfx {
    background-position: 0 -2175px;
}.f2-ydbg {
    background-position: 0 -3000px;
}.f2-xsgz {
    background-position: 0 -2925px;
}.f2-wzmb {
    background-position: 0 -2775px;
}.f2-nryy {
    background-position: 0 -1875px;
}.f2-sjyx {
    background-position: 0 -2400px;
}/* ?????? */
.f2-jck {
    background-position: 0 -900px
}.f2-zqk {
    background-position: 0 -3825px
}.f2-gxhyy {
    background-position: 0 -525px
}.f2-sjyx1 {
    background-position: 0 -2475px
}.f2-ddfx {
    background-position: 0 -225px
}.f2-lxtg {
    background-position: 0 -1650px
}.f2-kptcz {
    background-position: 0 -1425px
}.f2-hygl {
    background-position: 0 -750px
}.f2-jsgl {
    background-position: 0 -1125px
}.f2-yxtg {
    background-position: 0 -3375px
}.f2-fxtx {
    background-position: 0 -450px
}.f2-lxhk {
    background-position: 0 -1575px
}.f2-scrm {
    background-position: 0 -2100px
}.f2-yyps {
    background-position: 0 -3450px
}.f2-mdrc {
    background-position: 0 -1800px
}.f2-sykd {
    background-position: 0 -2550px
}.f2-zpzb {
    background-position: 0 -3675px
}.f2-znxt {
    background-position: 0 -3600px
}.f2-sjfx {
    background-position: 0 -2250px
}.f2-yxgj {
    background-position: 0 -3225px
}.f2-hftx {
    background-position: 0 -675px
}.f2-jfsc {
    background-position: 0 -975px
}
.BTN {
    float: left;
    vertical-align: middle;
    font-size: 14px;
    width: 225px;
    border: 1px solid #199FB1;
    height: 50px;
    display: block;
    line-height: 50px;
    color: #199FB1;
    text-align: center;
    margin-left: 26px;
    border-radius: 50px;
    margin-top: 20px;
}.BTN2 {
    background: #199FB1;
    color: #fff;
}.BTN:hover {
    background: #199FB1;
    color: #fff;
}.BTN2:hover {
    background: #056d42;
}.nyl_cosphere .cosphere_cont .c_hd {
    vertical-align: top;
    font-size: 0;
    border-bottom: 1px solid #f5f5f5;
}.d_in {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}.nyl_cosphere .cosphere_cont {
    margin-top: 42px;
    text-align: center;
}.cont_w {
    width: 1200px;
    margin: 0 auto;
}.nyl_cosphere .cosphere_cont .c_hd li {
    width: 250px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    margin-bottom: -1px;
    padding-bottom: 36px;
}.nyl_cosphere .cosphere_cont .c_hd li .img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}.nyl_cosphere .cosphere_cont .c_hd li .text {
    color: #333333;
    font-size: 16px;
    padding-top: 9px;
}.nyl_cosphere .cosphere_cont .c_hd li.on .colour {
    filter: alpha(Opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}.nyl_cosphere .cosphere_cont .c_hd li .img img {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    top: 0;
    left: 0;
}.nyl_cosphere .cosphere_cont .c_hd li.on {
    border-bottom: 3px solid #199FB1;
}.nyl_cosphere .cosphere_cont .c_hd li .img img.back {
    opacity: 0;
}.nyl_cosphere .cosphere_cont .c_hd li.on .img img.back {
    opacity: 1;
}.anli-list {
    width: 1200px;
    margin: auto;
    flex-wrap: wrap;
    padding: 50px 0 30px 0;
    display: none;
}.anli-item {
    width: 210px;
    margin: 0 15px;
    height: 410px;
    overflow: hidden;
    position: relative;
    border: 1px solid #f6f7fa;
}.anli-item:nth-child(5n) {
    margin-right: 0;
}.anli-item .anli-s img {
    width: 100%;
    height: 370px;
    display: block;
}.anli-item .anli-s p {
    font-size: 14px;
    font-weight: 700;
    background: #f6f7fa;
    width: 100%;
    line-height: 40px;
    padding: 0 10px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}.anli-item .anli-h {
    transition: ease .3s;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 370px;
    background: rgba(0, 0, 0, .6);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 15px;
}.anli-item:hover .anli-h {
    top: 0;
}.anli-item .anli-h div {
    background: #fff;
    padding-bottom: 20px;
    border-radius: 4px;
}.anli-item .anli-h img {
    display: block;
    width: 180px;
    height: 180px;
    border-radius: 4px;
}.anli-item .anli-h p {
    margin: 0px 0 20px 0;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 6px;
}.anli-item .anli-h a {
    display: block;
    width: 100px;
    height: 27px;
    border: 1px solid #199FB1;
    border-radius: 2px;
    margin: 0 auto;
    text-align: center;
    line-height: 25px;
    color: #199FB1;
    font-size: 12px;
    border-radius: 50px;
    padding: 0 10px;
}.anli-item .anli-h a:hover {
    background: #199FB1;
    color: #fff;
}/*??????????????????*/
.nyl_advantage .adv_cont {
    text-align: center;
    font-size: 0;
    padding: 60px 0;
}.nyl_advantage .adv_cont .item {
    width: 300px;
    vertical-align: top;
    height: 408px;
    margin-left: -1px;
    position: relative;
}.d_in {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}.nyl_advantage .adv_cont .item .cont {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    border: 1px solid #f2f2f2;
    width: 300px;
    height: 406px;
    z-index: 0;
}.nyl_advantage .adv_cont .item .cont .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    filter: alpha(Opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}.nyl_advantage .adv_cont .item .img {
    margin: 45px auto 35px;
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    display: block;
}.nyl_advantage .adv_cont .item p {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}.nyl_advantage .adv_cont .item .img img {
    position: absolute;
    top: 0;
    left: 0;
}.nyl_advantage .adv_cont .item .img .back {
    filter: alpha(Opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}.nyl_advantage .adv_cont .item .line {
    width: 44px;
    height: 3px;
    background: #199FB1;
    display: block;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 36px;
}.nyl_advantage .adv_cont .item .title {
    font-size: 18px;
    margin-bottom: 14px;
    font-weight: bold;
}.nyl_advantage .adv_cont .item .text {
    color: #666666;
    font-size: 14px;
    line-height: 28px;
    width: 225px;
    margin: 0 auto;
    text-align: left;
    height: 112px;
    overflow: hidden;
}.nyl_advantage .adv_cont .item.on .cont {
    background: #199FB1;
    width: 348px;
    height: 458px;
    top: 50%;
    margin-left: -174px;
    left: 50%;
    margin-top: -229px;
    z-index: 11;
}.nyl_advantage .adv_cont .item.on .bg {
    filter: alpha(Opacity=9);
    -moz-opacity: 0.09;
    opacity: 0.09;
}.nyl_advantage .adv_cont .item.on .back {
    filter: alpha(Opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}.nyl_advantage .adv_cont .item.on .colour {    opacity: 0;
}.nyl_advantage .adv_cont .item.on .img {
    margin-top: 65px;
    margin-bottom: 40px;
}.nyl_advantage .adv_cont .item.on .line {
    background: #fff;
    margin-bottom: 50px;
}.nyl_advantage .adv_cont .item.on .title {
    color: #fff;
    margin-bottom: 27px;
}.nyl_advantage .adv_cont .item.on .text {
    color: #fff;
}/*????????????*/
.nyl_partner {
    width: 100%;
    height: 623px;
    position: relative;
    overflow: hidden;
}
.nyl_partner1 {
    width: 68%;
    height: 352px;
    position: relative;
    overflow: hidden;
}.nyl_partner .scroll_bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: bgScroll 24s infinite linear;
    animation: bgScroll 24s infinite linear;
    will-change: transform;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}@keyframes bgScroll {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}.nyl_partner .scroll_bg img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
}.nyl_partner .partner_cont {
    border: 1px solid #eeeeee;
    border-left: none;
    border-bottom: none;
    margin-top: 70px;
}.cont_w {
    width: 1200px;
    margin: 0 auto;
}.nyl_partner .partner_cont li {
    float: left;
    border-left: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    width: 239px;
    height: 150px;
    overflow: hidden;
}.nyl_partner .partner_cont li a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: 239px;
    height: 300px;
}.nyl_partner .partner_cont li:hover a {
    top: -100%;
}/*??????*/
.newsbg {
    background-color: #fff;
}.news-cate {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}.news-cate li {
    margin: 0 15px;
    padding: 10px;
    border-bottom: 3px solid #fff;
    font-weight: bolder;
    font-size: 16px;
    cursor: pointer;
    transition: ease .4s;
}.news-cate li.on {
    border-color: #199FB1;
    color: #199FB1;
}.news-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
    transition: ease .4s;
}.news-list li {
    width: 580px;
    margin-bottom: 30px;
}.news-list li:nth-child(2n-1) {
    margin-right: 30px;
}.news-list li a {
    display: flex;
}.news-list li a .img {
    flex-shrink: 0;
    width: 230px;
    height: 136px;
    overflow: hidden;
    margin-right: 16px;
}.news-list li a img {
    width: 230px;
    height: 136px;
    transition: ease .5s;
}.news-list li a h3 {
    font-size: 16px;
    line-height: 30px;
    transition: ease .2s;
    height: 60px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}.news-list li a span {
    color: #999;
    line-height: 20px;
}.news-list li a p {
    color: #666;
    margin-top: 15px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}.news-list li a:hover img {
    transform: scale(1.1);
}.news-list li a:hover h3 {
    color: #199FB1;
}.nnn {
    display: block;
    margin: 50px auto 80px;
    width: 210px;
    line-height: 50px;
    background: #199FB1;
    color: #fff;
    text-align: center;
    transition: ease .5s;
    font-size: 16px;
    border-radius: 50px;
}.nnn:hover {
    box-shadow: 0 4px 20px 4px #ccc;
}