@charset "utf-8";


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

    .w-g-wrapper{width: 1200px;}

    .w-side{width:240px;margin-right:-240px;}
    .w-mainc{margin-left:255px;background: #fff; }

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .w-color {
        color: #008FC7
    }

    .w-ani {
        transition: all .3s;
    }


    /*
-----------------------------------------------------------------*/
    .top0_bg {
        width: 100%;
        background: #181818;
        color: #fff;
        font-size: 14px;
    }

    .top0_bg a {
        color: #fff;
    }

    .top0 {
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 33px;
    }

    .top0 .w-rt {
        margin-right: 0;
        line-height: 42px;
    }

    .top0 .w-rt span {
        margin: 0 6px;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.8)
    }

    .top0 .w-rt b {
        font-weight: normal;
        display: none
    }

    .top0 .w-rt i {
        font-size: 15px;
        margin-right: 6px;
    }

    .top0 .w-rt a:hover {
        text-decoration: underline
    }

    .top0_title {
        float: left;
        line-height: 42px;
    }

    .top0_title img {
        height: 18px;
        position: relative;
        top: 12px;
        margin: 0 4px 0 4px
    }

    .top0_txt {
        width: 280px;
        float: left;
    }

    .top0_txt .top0_txt_scroll {
        width: 280px;
        height: 42px;
        overflow: hidden;
    }

    .top0_txt .top0_txt_scroll .title {
        width: 100%;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        overflow: hidden;
        word-wrap: normal;
        white-space: nowrap;
        text-overflow: ellipsis;

    }

    .top0_txt .top0_txt_scroll .title a {
        color: #fff;
    }

    .top0_txt .top0_txt_scroll .title a:hover {
        text-decoration: underline; /*color: #c90909*/
    }


    .top0 .w-lt {
        padding-top: 11px;
        line-height: normal
    }

    .top0 .w-lt span {
        margin-right: 15px
    }

    .top0 .w-lt img {
        height: 19px;
        -webkit-transition: all .4s;
        transition: all .4s;
    }

    .top0 .w-lt img:hover {
        -webkit-transform: scale(1.14);
        transform: scale(1.14);
    }


    .header_height {
        height: 90px;
    }

    .w-headerbg-x {
        width: 100%;
        background: #fff;
        height: 90px;
        /* border-bottom: 1px solid rgba(0,0,0,0.1); */
        position: fixed;
        z-index: 300;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1)
    }

    .logo-h1 {
        float: left;
    }


    .w-header-x {
        margin: 0 auto;
        max-width: 1640px;
        min-width: 1200px;
        position: relative;
        z-index: 100;
        padding: 0 15px;
    }

    .w-navbg-x {
        float: right;
    }

    .w-header-x .telwap {
        float: right;
        padding: 25px 0 0 50px;
        display: none
    }

    .w-header-x .telwap dl {
        padding-left: 45px;
        background: url(../images/hzx9.png) left top no-repeat;
    }

    .w-header-x .telwap dt {
        font-size: 14px;
        color: #888;
    }

    .w-header-x .telwap dd {
        font-size: 16px;
        margin-top: 5px;
        font-weight: bold;
    }

    .w-navbg-x {
        float: right;
    }

    .w-nav-x {
    }

    .w-nav-x .nav-li {
        float: left;
        position: relative;
        z-index: 100;
        margin: 0;
    }

    .w-nav-x .nav-span {
        display: block; /* padding: 0 20px; */
    }

    .w-nav-x .nav-a {
        position: relative;
        z-index: 100;
        font-size: 16.4px;
        height: 90px;
        line-height: 90px;
        display: block;
        text-align: center;
        color: #000;
        padding: 0 15px;
        /*background: url(../images/nav_i2.png) right center no-repeat;*/
    }

    .w-nav-x .nav-li:last-child {
        margin-right: 0
    }

    .w-nav-x .nav-a:hover {
        color: #008FC7;
    }

    .w-nav-x .nav-a:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: #008FC7;
        display: none;
    }

    .w-nav-x .nav-li:hover .nav-a,
    .w-nav-x .nav-li.hover .nav-a,
    .w-nav-x .nav-li.cur .nav-a {
        /* color:#008FC7;
    font-weight: bold; */

        color: #fff;
        background: #008FC7;
    }

    .w-nav-x .nav-li:hover .nav-a:before,
    .w-nav-x .nav-li.cur .nav-a:before {
        display: none
    }

    /**/
    .nav-item {
        position: absolute;
        z-index: 100;
        left: 0;
        top: 90px;
        display: none;
    }

    .nav-item .pd {
        position: relative;
        z-index: 100;
        min-width: 220px;
        color: #333;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
        /*border-bottom-left-radius: 8px;*/
        /*border-bottom-right-radius:8px;*/
        overflow: hidden;
        padding: 15px;
    }

    .nav-item .aa {
        font-size: 15.5px;
        width: 100%;
        display: block;
        color: #111;
        text-align: left;
        padding: 10px 20px;
        line-height: 1.4;
    }

    .nav-item .aa:hover {
        text-decoration: none;
        /*background: #EA5404; */
        color: #008FC7;
        text-decoration: underline;
    }




    /**/
    .w-nav-x .nav-lang {
        float: left;
        position: relative;
        z-index: 100;
        margin-left: 15px;
    }

    .w-nav-x .langbox {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 90px;

    }

    .w-nav-x .langbox .aa {
        margin: 0 13px;
        display: block;
        font-size: 16px
    }

    .w-nav-x .langbox .aa:hover {
        color: #008FC7;
    }

    .w-nav-x .langbox .img2 {
        padding-top: 10px;
    }


    .langbox-show {
        position: absolute;
        z-index: 100;
        left: 0;
        top: 90px;
        display: none;
    }

    .langbox-show .pd {
        position: relative;
        z-index: 100;
        min-width: 90px;
        color: #333;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        /*padding:6px 0;*/
    }

    .langbox-show .pd a {
        display: block;
        width: 100%;
        line-height: 50px;
        border-bottom: 1px solid #eee;
        text-align: center;
        font-size: 15.5px
    }

    .langbox-show .pd a:last-child {
        border: none
    }

    .langbox-show .pd a:hover {
        color: #008FC7;
        text-decoration: underline
    }


    .nav-search {
        float: right;
        cursor: pointer;
        position: relative;
        z-index: 100;
        height: 84px;
        margin-left: 50px;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        display: none;
    }

    .nav-search-inner {
        padding: 26px 10px 0 10px;
    }

    .nav-search-inner .text {
        float: left;
        border: none;
        background: none;
        padding: 0 10px;
        width: 120px;
        height: 30px;
        color: #333;
    }

    .nav-search-inner .btn {
        float: left;
        border: none;
        cursor: pointer;
        width: 30px;
        height: 30px;
        text-align: center;
        /*background: url(../images/nr16.png) no-repeat center center;*/
        background: none;
    }

    .nav-search-inner .btn img {
        width: 18px
    }


    /*--------------------------------------------------*/
    .swiper0 .swiper-slide img {
        width: 100%;
    }

    .swiper0 {
        min-width: 1200px;
        margin: 0 auto;
    }

    .swiper0 .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        border-radius: 12px;
        display: inline-block;
        background: transparent;
        border: 1px solid #fff;
        opacity: 1;
    }

    .swiper0 .swiper-pagination-bullet-active {
        border-color: #fff;
        background: #fff;
    }



    /**/
    .inx_ht {
        text-align: center
    }

    .inx_ht .t1 {
        font-weight: bold;
        font-size: 36px;
    }

    .inx_ht .t2 {
        font-size: 16px;
        margin-top: 15px;
        color: #444
    }


    .bmore {
        margin-top: 20px
    }

    .bmore a {
        color: #008FC7;
        font-size: 15.5px
    }

    .bmore a img {
        margin: 0 0 0 10px
    }


    /**/
    .ll_inx_product_bg {
        width: 100%;
        padding: 70px 0
    }

    .ll_inx_product {
        width: 1200px;
        margin: 0 auto;
    }

    .ll_inx_product_con {
        text-align: center;
        padding-top: 50px;
    }

    .ll_inx_product_con li {
        display: inline-block;
        width: 15%;
        vertical-align: top
    }

    .ll_inx_product_con .title {
        font-size: 16px;
        font-weight: bold;
    }

    .ll_inx_product_con .icon {
        display: flex;
        height: 120px;
        align-items: center;
        justify-content: center;
    }

    .ll_inx_product_con .icon img {
        max-height: 65px;
        display: block;
    }

    .ll_inx_product_con li:hover .title {
        color: #008FC7;
    }


    /**/
    .ll_inx_pro_bg {
        width: 100%;
        padding: 70px 0;
        background: #e2e5ea;
    }

    .ll_inx_pro {
        width: 1200px;
        margin: 0 auto;
    }

    .ll_inx_pro .hd {
        width: 180px;
        float: left;
    }

    .ll_inx_pro .hd li {
        margin-bottom: 12px
    }

    .ll_inx_pro .hd li:last-child {
        margin-bottom: 0
    }

    .ll_inx_pro .hd li span,
    .ll_inx_pro .hd li a {
        display: block
    }

    .ll_inx_pro .hd li a {
        background: #fff;
        width: 100%;
        height: 52px;
        line-height: 52px;
        font-size: 15px;
        padding-left: 15px;
        overflow: hidden;
    }

    .ll_inx_pro .hd li.on a {
        background: #008FC7;
        color: #fff
    }

    .ll_inx_pro .bd {
        width: 1005px;
        float: right;
    }

    .ll_inx_pro .bd .img {
        width: 460px;
        float: left;
        overflow: hidden;
    }

    .ll_inx_pro .bd .img img {
        width: 100%;
        height: 373px;
        object-fit: cover;
    }

    .ll_inx_pro .bd .txt {
        width: 525px;
        float: right;
    }

    .ll_inx_pro .bd .title {
        font-size: 24px;
        font-weight: bold
    }

    .ll_inx_pro .bd .des.typo {
        margin-top: 30px;
        height: 270px;
        overflow: hidden;
    }

    .ll_inx_pro .bd .des.typo p {
        margin-bottom: 7px;
        line-height: 1.7
    }

    .ll_inx_pro .bd .bmore {
    }


    /**/
    .ll_inx_hangy_bg {
        width: 100%;
        padding: 70px 0 120px 0;
        background: url(../images/bg1.jpg) no-repeat center top;
        background-size: cover;
    }

    .ll_inx_hangy {
        width: 1200px;
        margin: 0 auto;
    }

    .ll_inx_hangy_con {
        position: relative;
        margin-top: 80px;
    }

    .swiper-hangy-prev,
    .swiper-hangy-next {
        display: none;
    }

    .swiper-hangy .item,
    .swiper-hangy .item0 {
        position: relative;
        display: block;
    }

    .swiper-hangy .item0 {
        margin-bottom: 6px;
    }

    .swiper-hangy .item0:last-child {
        margin: 0;
    }

    .swiper-hangy .txt {
        position: absolute;
        left: 33px;
        bottom: 30px;
        color: #fff;
        z-index: 10;
    }

    .swiper-hangy .title {
        font-size: 18px;
        margin-top: 15px;
    }

    .swiper-hangy .img {
        overflow: hidden;
    }

    .swiper-hangy .icon img {
        height: 55px
    }


    /**/
    .ll_inx_fuwu_bg {
        width: 100%;
        padding: 70px 0
    }

    .ll_inx_fuwu {
        width: 1200px;
        margin: 0 auto;
    }

    .ll_inx_fuwu_con {
        margin-top: 70px;
    }

    .ll_inx_fuwu_con ul {
        margin: 0 -10px;
    }

    .ll_inx_fuwu_con li {
        float: left;
        padding: 0 10px;
        width: 50%;
    }

    .ll_inx_fuwu_con .item {
        display: block
    }

    .ll_inx_fuwu_con .img {
        overflow: hidden
    }

    .ll_inx_fuwu_con .img img {
        width: 100%;
    }

    .ll_inx_fuwu_con .txt {
    }

    .ll_inx_fuwu_con .title {
        font-size: 20px;
        margin-top: 15px;
        color: #008FC7;
        font-weight: bold;
    }

    .ll_inx_fuwu_con .des {
        font-size: 16px;
        margin-top: 12px;
    }


    /**/
    .ll_inx_about_bg {
        width: 100%;
        padding: 70px 0;
        background: #f6f7f9
    }

    .ll_inx_about {
        width: 1200px;
        margin: 0 auto;
    }

    .ll_inx_about01_lt {
        width: 610px;
        float: left;
    }

    .ll_inx_about01_lt .t {
    }

    .ll_inx_about01_lt .t1,
    .ll_inx_about01_lt .t2 {
        display: inline;
        font-weight: bold
    }

    .ll_inx_about01_lt .t1 {
        font-size: 36px;
    }

    .ll_inx_about01_lt .t2 {
        font-size: 18px;
    }

    .ll_inx_about01_lt .t2 em {
        padding: 0 8px
    }

    .ll_inx_about01_lt .con {
        text-align: justify;
        margin-top: 35px
    }

    .ll_inx_about01_lt .bmore {
        margin-top: 30px
    }

    .ll_inx_about01_lt .bmore span {
        border-bottom: 1px solid #008FC7
    }

    .ll_inx_about01_lt .bmore a img {
        margin: 0 0 0 13px;
    }

    .ll_inx_about01_rt {
        width: 560px;
        float: right;
    }

    .bplay {
        position: relative;
    }

    .bplay .sbg {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        justify-content: center;
        position: absolute;
        z-index: 1;
        background: rgba(0, 0, 0, 0.5)
    }

    .bplay .sbg .icon {
        cursor: pointer
    }

    .bplay .img img {
        width: 100%;
    }

    .ll_inx_about02 {
        margin-top: 50px;
    }

    .ll_inx_about02 ul {
        display: flex;
        justify-content: space-between
    }

    .ll_inx_about02 .num {
        font-size: 40px;
        font-weight: bold;
        letter-spacing: -2px
    }

    .ll_inx_about02 .num em {
        font-size: 16px;
        margin-left: 10px;
    }

    .ll_inx_about02 .num span {
    }

    .ll_inx_about02 .title {
        font-size: 16px;
        margin-top: 5px;
        color: #555
    }


    /**/
    .ll_inx_news_bg {
        width: 100%;
        padding: 70px 0 90px 0;
    }

    .ll_inx_news {
        width: 1200px;
        margin: 0 auto;
    }

    .ll_inx_newsCon .hd {
        text-align: center;
        font-size: 16px;
        margin-top: 42px
    }

    .ll_inx_newsCon .hd li {
        display: inline-block;
        margin-right: 25px;
        padding-right: 25px;
        background: url(../images/news_li.png) right 3px no-repeat;
    }

    .ll_inx_newsCon .hd li:last-child {
        background: none;
        margin: 0;
        padding: 0
    }

    .ll_inx_newsCon .hd a {
        display: block;
        position: relative
    }

    .ll_inx_newsCon .hd li.on a {
        font-weight: bold;
        color: #008FC7;
        height: 32px;
    }

    .ll_inx_newsCon .hd li.on a:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 3px;
        bottom: 0;
        left: 0;
        background: #008FC7;
    }

    .bdCon_news {
        margin-top: 45px;
    }

    .bdCon_news .lt {
        width: 520px;
        float: left;
    }

    .bdCon_news .lt .img {
        height: 350px;
        overflow: hidden;
    }

    .bdCon_news .lt .img img {

    }

    .bdCon_news .lt .txt {
        padding: 22px 30px;
        background: #f8f8f8;
        display: none;
    }

    .bdCon_news .lt .title {
        font-size: 23px;

        display: -webkit-box !important;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        color: #444;
    }

    .bdCon_news .lt .des {
        font-size: 14px;
        margin: 18px 0;
        display: -webkit-box !important;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        color: #777;
    }

    .bdCon_news .lt .date {
        font-size: 12.5px;
        color: #666;
        line-height: 15px
    }

    .bdCon_news .lt .date img {
        margin-right: 8px
    }


    .bdCon_news .rt {
        width: 650px;
        float: right;
        padding-top: 10px;
    }

    .bdCon_news .rt .item {
        display: flex;
        justify-content: space-between;
        padding: 22px 0;
        border-bottom: 1px solid #eee;
    }

    .bdCon_news .rt .item:hover .title {
        color: #008FC7
    }

    .bdCon_news .rt li:first-child .item {
        padding-top: 0;
    }

    .bdCon_news .rt .title {
        font-size: 16px;
        /* margin-top: 11px; */
        font-weight: bold;
        display: -webkit-box !important;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        color: #444;
    }

    .bdCon_news .rt .des {
        font-size: 14px;
        margin-top: 12px;
        display: -webkit-box !important;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #777;
        line-height: 1.5;
    }

    .bdCon_news .rt .txt {
        flex: 1 1 auto;
        padding-left: 35px;
        margin-left: 25px;
        border-left: 1px solid #eee;
    }

    .bdCon_news .rt .date {
        flex: 0 0 65px;
        text-align: center;
        color: #333;
    }

    .bdCon_news .rt .date .d1 {
        font-size: 52px;
        font-weight: bold;
    }

    .bdCon_news .rt .date .d2 {
        font-size: 15px;
        margin-top: -1px;
    }


    /*底部栏目*/
    .footer1_bg {
        width: 100%;
        /*background:#fff ;border-top:1px solid #e9e9e9 ;*/
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        /*background-image: url(../images/fbg.jpg);*/
        color: #fff;
        background: #333;
        /*height: 442px;*/
        overflow: hidden;
    }

    .footer1_bg a {
        color: #fff;
    }


    .footer0 {
        max-width: 1400px;
        margin: 0 auto;
        display: none;
    }

    .footer0 .w01 {
        width: 100%;
        padding: 25px 0;
        font-size: 14px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
        line-height: 1.6;
    }

    .footer0 .w01 b {
        font-weight: bold
    }

    .footer0 .w01 a {
        color: rgba(255, 255, 255, 0.8)
    }

    .footer1_1 {
        width: 100%;
        margin: 0 auto;
        padding: 50px 10px 30px 10px;
        max-width: 1300px;
    }

    .footer1_1 .w-left {
        width: 200px;
    }

    .footer1_1 .flogo img {
    }

    .footer1_1 .w-left .t1 {
        margin-top: 35px;
        /* font-size: 20px;
     color: #fff;*/
        font-size: 16px;
        color: rgba(255, 255, 255, 0.55);
    }

    .footer1_1 .w-left .t2 {
        font-size: 34px;
        margin-top: 15px;
        font-weight: bold;
        color: #fff;
        font-family: "微软雅黑", "Microsoft Yahei"
    }

    .footer1_1 .w-right {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

    .footer1_1 .w-right dl.w-lt {
        width: auto;
        /*margin-left: 70px;*/
        float: none;
    }

    .footer1_1 .w-right dl:first-child {
        margin: 0;
        padding-left: 0
    }

    .footer1_1 .w-right dt {
        margin-bottom: 35px;
        position: relative;
        font-size: 16px;
    }

    .footer1_1 .w-right dt a {
        color: rgba(255, 255, 255, 1);
    }

    /*.footer1 .w-right dt:after{content: '';position: absolute;left:0;top:38px;width:38px;height:1px;background:#fff;overflow: hidden}*/
    .footer1_1 .w-right dd {
        margin-bottom: 11px;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.85);
    }

    .footer1_1 .w-right dd a {
        color: rgba(255, 255, 255, 0.85);
    }

    .footer1_1 .w-right dd a:hover {
        text-decoration: underline
    }

    /*.footer1 .w-right dl:last-of-type{ width: 120px}*/
    /*#footer_dl_3{ width: 180px;}*/
    /*#footer_dl_7{ width: 90px;padding:0}*/
    .footer1_1 .w-right .w-lt222 {
        float: none;
    }

    .footer1_1 .w-right .w-lt222 dd {
    }

    .footer1_1 .w-right .w-lt222 .d1 {
        min-height: 22px;
        line-height: 22px;
        padding-left: 32px;
        background: url(../images/ftel.png) no-repeat left center
    }

    .footer1_1 .w-right .w-lt222 .d2 {
        margin-bottom: 15px;
        font-size: 26px;
    }

    .footer1_1 .w-right .w-lt222 .ewm img {
        width: 100px
    }


    .footer1_1 .fdl {
        margin-top: 60px;
        color: rgba(255, 255, 255, 0.9);
        display: none
    }

    .footer1_1 .fdl .item {
        display: flex;
        align-items: center;
    }

    .footer1_1 .fdl .item2 {
        display: flex;
        align-items: center;
        margin-top: 15px;
    }

    .footer1_1 .fdl .icon {
        padding-right: 10px;
    }

    .footer1_1 .fdl .title {
        font-size: 14.5px;
        line-height: 23px;
    }

    .footer1_1 .fdl .des {
        font-size: 26px;
        font-weight: bold;
    }

    .footer1_1 .fdl .des2 {
        font-size: 15px
    }


    .fer {
        padding: 32px 0 0 0;
    }

    .fer_item {
        position: relative;
        z-index: 10;
        float: left;
        margin-right: 24px;
        width: auto;
    }

    .fer .fer_item:nth-child(4) {
        margin: 0
    }

    .fer_item .title {
        text-align: center;
        margin-top: 6px;
        display: none
    }

    .fer_item .ico {
        text-align: center
    }

    .fer_item .ico img {
        -webkit-transition: all .3s;
        transition: all .3s;
        width: 40px;
        /*border:1px solid #444;*/
        border: 1px solid #fff;
        padding: 6px;
        border-radius: 50%;
    }

    .fer_item .ico img:hover {
        -webkit-transform: scale(1.14);
        transform: scale(1.14);
    }

    .fer_item .er_img {
        display: none;
        position: absolute;
        z-index: 200;
        bottom: 45px;
        left: -45px;
        width: 130px;
        text-align: center;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
    }

    .fer_item .er_img .pd {
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
    }

    .fer_item .er_img .title {
        display: block;
        font-size: 14px;
        padding-bottom: 7px;
        margin: 0;
        color: #333
    }

    .fer_item .er_img .img {
        padding: 9px;
    }

    .fer_item .er_img .img img {
        width: 100%
    }


    .footer1_1 .w-ewm {
        width: 120px;
        text-align: center;
        float: right;
        margin-left: 80px;
        padding-top: 30px;
    }

    .footer1_1 .w-ewm .img {
        padding: 8px;
        background: #fff;
        width: 105px;
        margin: 0 auto;
    }

    .footer1_1 .w-ewm .img img {
        width: 100%
    }

    .footer1_1 .w-ewm .title {
        color: rgba(255, 255, 255, 0.9);
        font-size: 14px;
        margin-top: 10px
    }

    /**/
    .footer2_bg {
        width: 100%;
        height: 50px;
        line-height: 50px;
        background: #333;
        border-top: 1px solid rgb(255 255 255 / 0.08);
        display: none
    }

    .footer2 {
        font-size: 14px;
        color: rgb(255 255 255 / 0.6);
        width: 1200px;
        margin: 0 auto;
    }

    .footer2 a {
        color: rgb(255 255 255 / 0.6);
    }

    .footer2 span {
        padding: 0 5px;
    }


    /**/
    .footer22_bg {
        width: 100%;
        height: 50px;
        line-height: 50px;
        background: #333;
        border-top: 1px solid rgb(255 255 255 / 0.08);
    }

    .footer22 {
        font-size: 14px;
        color: rgb(255 255 255 / 0.6);
        width: 100%;
        margin: 0 auto;
        text-align: center;
        max-width: 1300px;
    }

    .footer22 a {
        color: rgb(255 255 255 / 0.6);
    }

    .footer22 span {
        padding: 0 5px;
    }

    .footer22 img {
        vertical-align: middle;
        position: relative;
        height: 20px !important;
        width: auto
    }

    /**/
    .footer3_bg {
        width: 100%;
        padding: 12px 0;
        line-height: 1.8;;
    }

    .footer3 {
        font-size: 14px;
        width: 100%;
        margin: 0 auto;
        color: #444;
        padding-right: 100px;
        position: relative;
        max-width: 1300px;
        padding: 0 10px;
    }

    .footer3 b {
        font-weight: bold
    }

    .footer3 a {
        margin-right: 18px;
        color: #555;
    }

    .footer3 a:hover {
        text-decoration: underline
    }

    .footer3 .sa {
        margin: 0;
        position: absolute;
        right: 10px;
        top: 0;
    }


    /**/
    .po_common_bg {
        border-bottom: 1px solid #e7e7e7;
        width: 100%;
    }

    .po_common {
        width: 1200px;
        margin: 0 auto;
        line-height: 56px;
        font-size: 16px;
        color: #444;
    }

    .po_common a {
        color: #444
    }

    .po_common a:last-child {
        color: #008FC7
    }

    .po_common span {
        padding: 0 5px;
        font-family: fangsong
    }

    .po_common img {
        vertical-align: middle;
        position: relative;
        top: -4px;
        margin-right: 14px;
    }


    /**/
    .ny_ht {
        min-height: 55px;
        position: relative
    }

    .ny_ht .t1 {
        font-size: 44px;
    }

    .ny_ht .line {
        width: 55px;
        height: 4px;
        margin-top: 15px;
        background: #008FC7;
        border-radius: 2px;
    }

    .ny_ht .t2 {
        font-size: 14px;
        color: #777;
        margin-top: 22px;
    }

    .ny_ht_rt {
        position: absolute;
        top: 15px;
        right: 0;
    }

    .ny_ht_rt a {
        display: block;
        padding: 10px 25px;
        font-size: 17px;
        border: 1px solid #ddd;
        float: left;
        margin-left: 15px;
    }

    .ny_ht_rt a:hover,
    .ny_ht_rt a.cur {
        border-color: #008FC7;
        color: #008FC7;
    }


    /**/
    .ny_service_bg {
        padding: 50px 0 0 0;
    }

    .ny_service {
        width: 1200px;
        margin: 0 auto;
    }

    .ny_service01 {
        border-top: 1px solid #eaeaea;
        padding-top: 55px;
        margin-top: 30px;
    }

    .ny_service01 .t {
        font-size: 22px;
        color: #008FC7
    }

    .ny_service01 ul {
        margin: 35px -25px 0 -25px;
    }

    .ny_service01 ul li {
        float: left;
        width: 25%;
        padding: 0 25px;
    }

    .ny_service01 ul .item {
        display: block;
        border: 1px solid #eaeaea;
        text-align: center;
        padding: 50px 0;
        transition: all .3s;
    }

    .ny_service01 ul .title {
        font-size: 16px;
        margin-top: 40px;
    }

    .ny_service01 ul .item:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        transform: translateY(-5px);
    }


    .ny_service02 {
        border-top: 1px solid #eaeaea;
        padding: 70px 0 120px 0;
        margin-top: 70px;
    }

    .ny_service02 ul {
        margin: 0 -25px 0 -25px;
    }

    .ny_service02 ul li {
        float: left;
        width: 25%;
        padding: 0 25px;
    }

    .ny_service02 ul .item {
        display: block;
        border: 1px solid #eaeaea;
        padding: 20px;
    }

    .ny_service02 ul .img {
        overflow: hidden;
    }

    .ny_service02 ul .img img {
        width: 100%;
        transition: all .3s;
    }

    .ny_service02 ul .title {
        font-size: 18px;
        margin: 24px 0 18px 0;
        font-weight: bold;
        color: #000;
    }

    .ny_service02 ul .des {
        font-size: 14px;
        line-height: 1.7;
        color: #555;
        min-height: 170px;
        text-align: justify;
    }

    .ny_service02 ul .item:hover .img img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    .ny_service02 ul .item:hover {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    }


    /**/
    .ny_qi_bg {
        padding: 70px 0 120px 0;
    }

    .ny_qi {
        width: 1200px;
        margin: 0 auto;
    }

    .ny_qi_con {
        padding-top: 100px;
    }

    .ny_qi_ul li {
        margin-bottom: 75px;
    }

    .ny_qi_ul li:last-child {
        margin: 0
    }

    .ny_qi_ul li .img,
    .ny_qi_ul li .txt {
        width: 50%;
    }

    .ny_qi_ul li.lt .img {
        float: right;
    }

    .ny_qi_ul li.lt .txt {
        float: left;
    }

    .ny_qi_ul li.rt .img {
        float: left;
    }

    .ny_qi_ul li.rt .txt {
        float: right;
    }

    .ny_qi_ul li .txt {
        padding: 10px 40px 0 40px;
    }

    .ny_qi_ul li .img img {
        width: 100%
    }

    .ny_qi_ul li .num {
        font-size: 40px;
        color: #008FC7;
        font-weight: bold;
    }

    .ny_qi_ul li .title {
        font-size: 24px;
        font-weight: bold;
        margin-top: 22px;
    }

    .ny_qi_ul li .con {
        margin-top: 40px;
        background: url(../images/qi0.png) no-repeat left 6px;
        padding-left: 35px;
    }

    .ny_qi_ul li .des.typo {
    }

    .ny_qi_ul li .des.typo p {
        margin-bottom: 8px;
        text-align: justify
    }


    /*-*/
    .ny_keytitle_search_bg {
        margin-top: 15px
    }

    .ny_keytitle_search {
        width: 1200px;
        margin: 0 auto;
    }

    .keytitle_search_lt {
        width: 700px;

    }




    /**/
    .ny_productList_bg {
    }

    .ny_productList {
        width: 1200px;
        border-top: 1px solid #e7e7e7;
        margin: 15px auto 0 auto;
        padding-bottom: 120px;
    }

    .productList_lt {
        width: 250px;
        float: left;
    }

    .productList_rt {
        width: 950px;
        float: left;
        border-left: 1px solid #e7e7e7;
    }

    .productList_lt_side {
    }

    .productList_lt_side .i-1 {
    }

    .productList_lt_side .s-1 {
        padding: 0 60px 0 35px;
        background: url(../images/pri0.png) 280px center no-repeat;
        height: 46px;
        line-height: 46px;
    }

    .productList_lt_side .a-1 {
    }

    .productList_lt_side .i-2 {
    }

    .productList_lt_side .s-2 {
    }

    .productList_lt_side .a-3 {
    }

    .proList_t {
        font-size: 24px;
        line-height: 80px;
        padding-left: 50px;
    }




    /**/
    .ny_rongyu_bg {
        padding: 50px 0 0 0
    }

    .ny_rongyu {
        width: 1200px;
        margin: 0 auto;
    }

    .ny_rongyu01 {
        padding: 65px;
        background: #f0f0f0;
        margin-top: 50px;
    }

    .ny_rongyu01 .con {

        float: left;
        color: #474747
    }

    .ny_rongyu01 .con:first-child {
        padding-right: 80px;
    }

    .ny_rongyu01 .con.typo a {
        color: #474747
    }

    .ny_rongyu01 .con.typo p {
        margin-bottom: 8px
    }

    .ny_rongyu01 .con.typo p:last-child {
        margin: 0
    }


    /**/
    .ny_rongyu02 {
        height: 720px;
        position: relative;
    }

    #carousel {
        height: 720px;
    }

    #carousel img {
        visibility: hidden; /* hide images until carousel can handle them */
        cursor: pointer; /* otherwise it's not as obvious items can be clicked */
        border: 1px solid #e7e7e7
    }

    #carousel img.carousel-center {
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    }

    .ny_rongyu02 #prev,
    .ny_rongyu02 #next {
        position: absolute;
        z-index: 10;
        top: 50%;
        margin-top: -20px
    }

    .ny_rongyu02 #prev {
        left: 30px;
    }

    .ny_rongyu02 #next {
        right: 30px;
    }

    #carousel_title {
        position: absolute;
        z-index: 10;
        bottom: 100px;
        left: 0;
        font-size: 16px;
        width: 100%;
        text-align: center
    }


    /*+*/
    .ny_anList_bg {
        padding: 50px 0 120px 0;
    }

    .ny_anList {
        width: 1200px;
        margin: 0 auto;
    }

    .ny_anList_cate {
        width: 1200px;
        margin: 0 auto;
    }

    .ny_anList_cate ul {
        margin: -10px -5px 0 -5px
    }

    .ny_anList_cate li {
        width: 16.66666%;
        float: left;
        padding: 10px 5px 0 5px
    }

    .ny_anList_cate .item {
        display: flex;
        height: 62px;
        align-items: center;
        background: #f4f4f4;
        width: 100%;
        overflow: hidden;
    }

    .ny_anList_cate .img {
        padding: 0 20px;
    }

    .ny_anList_cate .img img {
        height: 33px;
    }

    .ny_anList_cate .title {
        font-size: 16px;
    }

    /*.ny_anList_cate .item:hover{color:#008FC7; font-weight: bold; background: #e1f0f0;}*/
    .ny_anList_cate .img2 {
        display: none
    }

    .ny_anList_cate li.cur .img1 {
        display: none
    }

    .ny_anList_cate li.cur .img2 {
        display: block
    }

    .ny_anList_cate li.cur .item {
        color: #fff;
        background: #008FC7;
    }

    .ny_anList_cate li.hover .img1 {
        display: none
    }

    .ny_anList_cate li.hover .img2 {
        display: block
    }

    .ny_anList_cate li.hover .item {
        color: #fff;
        background: #008FC7;
    }


    .ny_anList_con {
        margin-top: 50px
    }

    .ny_anList_ul {
        margin: -40px -20px 0 -20px;
    }

    .ny_anList_ul li {
        padding: 40px 20px 0 20px;
        float: left;
        width: 50%
    }

    .ny_anList_ul .item {
        display: block;
        position: relative
    }

    .ny_anList_ul .img {
        overflow: hidden
    }

    .ny_anList_ul .img img {
        width: 100%
    }

    .ny_anList_ul .txt {
        position: absolute;
        width: 100%;
        background: rgba(0, 0, 0, 0.6);
        left: 0;
        bottom: 0;
    }

    .ny_anList_ul .title {
        width: 100%;
        height: 46px;
        line-height: 46px;
        overflow: hidden;
        color: #fff;
        font-size: 16px;
        text-align: center;
    }



    .ny_anList_con2{}
    .ny_anList_ul2{margin:-30px -12px 0 -12px;}
    .ny_anList_ul2 li{padding: 30px 12px 0 12px;float:left; width:25%}
    .ny_anList_ul2 .item{ display: block;position: relative;border:1px solid #eee; box-shadow: 0 0 10px rgba(0,0,0,0.08)}
    .ny_anList_ul2 .img{overflow: hidden}
    .ny_anList_ul2 .img img{ width: 100%}
    .ny_anList_ul2 .txt{}
    .ny_anList_ul2 .title{ width: 100%;height: 55px;line-height: 55px;overflow:hidden;color:#333;font-size:16px; text-align: center;}






    /*+*/
    .ny_conInfo_bg {
        padding: 50px 0 120px 0;
    }

    .ny_conInfo {
        width: 1200px;
        margin: 0 auto;
    }

    .content_details_head {
    }

    .content_details_head_lt {
        width: 680px;
        float: left;
        padding-top: 30px;
    }

    .content_details_head_rt {
        width: 480px;
        float: right;
    }

    .content_details_head_lt .t {
        font-size: 44px;
        line-height: 1.4;
        font-weight: bold;
    }

    .content_details_head_lt .des {
        margin-top: 60px;
    }

    .content_details_head_lt .des.typo {
        color: #555;
        font-size: 16px;
        line-height: 1.7
    }

    .content_details_head_lt .des.typo a {
        color: #555
    }

    .content_details_head_lt .des.typo p {
    }

    .content_details_head_lt .des.typo b,
    .content_details_head_lt .des.typo strong {
        font-weight: bold
    }

    .content_details_head_lt .btb {
        margin-top: 60px;
    }

    .content_details_head_lt .btn {
        float: left;
    }

    .content_details_head_lt .btn_lx {
        transition: all .3s;
        display: block;
        width: 190px;
        line-height: 50px;
        border: 1px solid #008FC7;
        text-align: center;
        font-size: 16px;
        color: #008FC7;
    }

    .content_details_head_lt .btn_lx:hover {
        background: #008FC7;
        color: #fff
    }

    .content_details_head_lt .btn_tel {
        transition: all .3s;
        display: flex;
        width: 190px;
        height: 52px;
        border: 1px solid #008FC7;
        align-items: center;
        justify-content: center;
        margin-left: 32px;
        background: url(../images/ctel.png) 20px center no-repeat;
        padding-left: 40px;
    }

    .content_details_head_lt .btn_tel .txt {
        font-size: 14px;
    }

    .content_details_head_lt .btn_tel .t1 {
        color: #9d9d9d
    }

    .content_details_head_lt .btn_tel .t2 {
        margin-top: 2px
    }

    .content_details_head_lt .btn_tel:hover {
        background: url(../images/ctel2.png) 20px center no-repeat #008FC7;
        color: #fff
    }

    .content_details_head_lt .btn_tel:hover .t1 {
        color: #fff
    }


    .content_relevant {
        width: 1200px;
        margin: 0 auto;
        margin-top: 100px;
    }

    .content_relevant_t {
        border-top: 1px solid #e7e7e7;
        padding-top: 40px;
    }

    .content_relevant_t .t {
        font-size: 30px;
        font-weight: bold;
    }

    .content_relevant_t .line {
        width: 55px;
        height: 3px;
        margin-top: 15px;
        background: #008FC7;
    }

    .content_relevant_con {
        position: relative;
        margin-top: 50px;
        padding: 0 50px
    }

    .swiper-pro .item {
        display: block;
        border: 1px solid #e7e7e7;
    }

    .swiper-pro .img img {
        width: 100%
    }

    .swiper-pro .img {
        overflow: hidden
    }

    .swiper-pro-prev,
    .swiper-pro-next {
        position: absolute;
        z-index: 99;
        top: 50%;
        margin-top: -48px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 96px;
        width: 32px;
        background: #f6f6f6;
        cursor: pointer;
    }

    .swiper-pro-prev {
        left: 0;
    }

    .swiper-pro-next {
        right: 0;
    }

    .swiper-pro-next:hover,
    .swiper-pro-prev:hover {
        background: #008FC7;
    }

    .swiper-pro-prev img,
    .swiper-pro-next img {
        display: block
    }


    .swiper-pro .txt {
        padding: 20px 20px 40px 20px;
    }

    .swiper-pro .title {
        width: 100%;
        height: 20px;
        line-height: 20px;
        font-size: 16px;
        color: #000;
    }

    .swiper-pro .des {
        font-size: 14px;
        height: 60px;
        line-height: 20px;
        color: #757575;
        margin-top: 15px;

        display: -webkit-box !important;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;

    }


    .swiper-pro .item:hover .title {
        color: #008FC7
    }


    /**/
    .swiper_large_image {
    }

    .swiper_large_image .img {
        width: 100%;
        position: relative;
        z-index: 10;
        border: 1px solid #e7e7e7;
    }

    .c_video_btn {
        position: absolute;
        z-index: 20;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .c_video_btn img {
    }

    .c_video_box {
        position: absolute;
        z-index: 30;
        width: 100%;
        height: 100%;
        display: none;
        align-items: center;
        justify-content: center;
        background: #000;
    }

    .c_video_box video {
        width: 100%;
        height: 100%;
    }

    .content_thumbnail {
        margin-top: 16px;
        position: relative;
        padding: 0 65px
    }

    .swiper_thumbs .swiper-slide {
        width: 33.333%;
        cursor: pointer;
    }

    .swiper_thumbs .swiper-slide .img {
        width: 100%;
        border: 1px solid #ddd;
        opacity: .4;
    }

    .swiper_thumbs .swiper-slide.cur .img {
        border-color: #008FC7;
        opacity: 1;

    }

    .swiper_thumbs .c_video_btn {

        position: absolute;
        z-index: 20;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .swiper_thumbs .c_video_btn img {
        width: 24px;
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, .6);
    }

    .swiper_thumbs_prev,
    .swiper_thumbs_next {
        position: absolute;
        top: 0;
        width: 40px;
        height: 103px;
        border: 1px solid #e8e8e8;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .swiper_thumbs_prev img,
    .swiper_thumbs_next img {
        width: 22px;
        display: block;
    }

    .swiper_thumbs_prev {
        left: 0;
    }

    .swiper_thumbs_next {
        right: 0;
    }

    .swiper_thumbs_prev:hover,
    .swiper_thumbs_next:hover {
        border-color: #ccc
    }

    .sharebox {
        margin-top: 20px;
    }

    .sharebox span {
        padding-top: 8px;
        font-size: 14px;
        display: inline-block;
        color: #888;
    }


    /**/
    .pro_yingyu_list {
        padding-top: 10px;
    }

    .pro_yingyu_list ul {
        margin: 0 -15px;
    }

    .pro_yingyu_list li {
        padding: 15px;
        width: 25%;
        float: left
    }

    .pro_yingyu_list .item {
        display: block;
        position: relative;
    }

    .pro_yingyu_list .img {
        overflow: hidden;
    }

    .pro_yingyu_list .img img {
        width: 100%;
    }

    .pro_yingyu_list .title {
        position: absolute;
        left: 20px;
        bottom: 20px;
        font-size: 16px;
        color: #fff;
    }


    .aboutus_height01 {
        width: 100%;
        height: 50px
    }

    /**/
    .ny_aboutus01_bg {
        padding: 0 0 50px 0;
    }

    .ny_aboutus01 {
        width: 1200px;
        margin: 0 auto;
    }

    .aboutus_cate_bg {
        width: 100%;
        z-index: 99
    }

    .aboutus_cate {
        width: 1200px;
        margin: 0 auto;
    }

    .aboutus_cate li {
        width: 168px;
        float: left;
    }

    .aboutus_cate a {
        width: 100%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 16px;
        display: block;
        background: #f5f5f5;
    }

    .aboutus_cate li a.cur {
        background: #008FC7;
        color: #fff;
    }

    .aboutus_t {
    }

    .aboutus_t .t1 {
        font-size: 42px;
    }

    .aboutus_t .line {
        margin-top: 30px;
        width: 56px;
        height: 4px;
        border-radius: 2px;
        background: #008FC7;
    }

    .aboutus_t .t2 {
        margin-top: 30px;
        font-size: 18px;
    }

    .aboutus_t .t2 .pd5 {
        padding: 0 5px
    }

    .aboutus01_con {

    }

    .aboutus01_lt {
        width: 590px;
        float: left;
    }

    .aboutus01_rt {
        width: 580px;
        float: right;
    }

    .aboutus01_lt .imgbox {
        margin-top: 70px;
    }


    .aboutus01_rt .typo p:last-child {
        margin-bottom: 0
    }


    /**/
    .ny_aboutus02_bg {
        padding: 60px 0;
        background: #fbfbfb;
    }

    .ny_aboutus02 {
        width: 1200px;
        margin: 0 auto;
    }



    /**/
    .ny_aboutus03_bg {
        padding: 50px 0
    }

    .ny_aboutus03 {
        width: 1200px;
        margin: 0 auto;
    }



    /**/
    .ny_aboutus04_bg {
        padding: 60px 0 100px 0;
        background: #fbfbfb;
    }

    .ny_aboutus04 {
        width: 1200px;
        margin: 0 auto;
    }


    /**/
    .ny_contact_xs_bg {
        padding: 60px 0 0 0;
    }

    .ny_contact_xs {
        width: 1200px;
        margin: 0 auto;
    }


    /**/
    .ny_contact_hz_bg {
        padding: 80px 0 0 0;
        position: relative;
        z-index: 30
    }

    .ny_contact_hz {
        width: 1200px;
        margin: 0 auto;
    }

    .ny_contact_hz_list {
        margin-top: 50px;
        position: relative;
        z-index: 20
    }

    .ny_contact_hz_list ul {
        margin: 0 -12px;
    }

    .ny_contact_hz_list li {
        float: left;
        padding: 0 12px;
        width: 25%;
    }


    .ny_contact_hz_list .item {
        display: flex;
        width: 100%;
        height: 315px;
        align-items: center;
        justify-content: center;
        background: #fff;
        border-radius: 12px;
        text-align: center;

        padding: 0 40px;
        transition: all .3s;
        border: 1px solid #f8f8f8
    }

    .ny_contact_hz_list li:hover .item {


        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        transform: translateY(-6px);
    }


    .ny_contact_hz_list .img {
    }

    .ny_contact_hz_list .title {
        font-size: 14.5px;
        margin: 50px 0 30px 0;
        color: #666;
    }

    .ny_contact_hz_list .des {
        font-size: 16px;
        line-height: 1.5; /* color: #222 */
    }


    .ny_contact_hz_map{position: relative;z-index: 20 ;
        max-width:1200px;height: 580px;background-position: center center; background-repeat: no-repeat;
        margin: 0 auto;
        margin-top: 30px;
    }

    .ny_contact_hz_map .con {
        position: absolute;
        top: 240px;
        left: 50%;
        margin-left: -160px;
        width: 320px;
        padding: 20px;
        background: rgb(0 143 199 / 75%);
        color: #fff;
        border-radius: 9px;
        display: block;
    }

    .ny_contact_hz_map .con:hover {
        text-decoration: underline
    }

    .ny_contact_hz_map .con .p1 {
        font-size: 17px;
        font-weight: bold
    }

    .ny_contact_hz_map .con .p2 {
        font-size: 14px;
        margin-top: 8px
    }

    .ny_contact_hz_map .con:after {
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -9px;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 9px 0 9px;
        border-color: rgb(0 143 199 / 75%) transparent transparent transparent;
    }

    .ny_contact_hz_map .icon {
        position: absolute;
        top: 320px;
        left: 50%;
        width: 30px;
        margin-left: -15px;
    }

    .ny_contact_hz_map .icon2 {
    }

    .ny_contact_hz_map .icon2:after {
        content: " ";
        width: 8px;
        height: 8px;
        position: absolute;
        top: 350px;
        left: 50%;
        margin-left: -4px;
        border-radius: 50%;
        animation: wobble 2s ease-out;
        animation-iteration-count: infinite;
        background: #E53F33;
    }

    .ny_contact_hz_map .icon2:before {
        content: " ";
        width: 8px;
        height: 8px;
        position: absolute;
        top: 350px;
        left: 50%;
        margin-left: -4px;
        border-radius: 50%;
        animation: pulsate 2s ease-out;
        animation-iteration-count: infinite;
        background: #E53F33;
    }

    @keyframes pulsate {
        0% {
            transform: scale(1);
            opacity: .5
        }

        20% {
            opacity: .4
        }

        to {
            transform: scale(3);
            opacity: 0
        }
    }
    @keyframes wobble {
        0% {
            transform: scale(1)
        }

        20% {
            transform: scale(1.4)
        }

        to {
            transform: scale(1)
        }
    }


    /**/
    .ny_contact_sc_bg {
        padding: 60px 0;
    }

    .ny_contact_sc {
        width: 1200px;
        margin: 0 auto;
    }

    .ny_contact_sc_con {
        margin-top: 50px;
    }

    .ny_contact_sc_con ul {
        margin: 0 -12px
    }

    .ny_contact_sc_con li {
        width: 33.333%;
        float: left;
        padding: 0 12px
    }

    .ny_contact_sc_con .img {
        overflow: hidden
    }

    .ny_contact_sc_con .img img {
        width: 100%
    }

    .ny_contact_sc_con .txt {
        background: #fafafa;
        padding: 35px;
    }

    .ny_contact_sc_con .title {
        font-size: 20px;
    }

    .ny_contact_sc_con .des {
        font-size: 14px;
        color: #565656;
        margin-top: 20px;
    }

    .ny_contact_sc_con .ic {
        position: relative;
        top: -3px;
        margin-right: 8px
    }


    /**/
    .ny_contact_bs_bg {
        padding: 50px 0 100px 0;
    }

    .ny_contact_bs {
        max-width: 1200px;
        margin: 0 auto;
    }

    .ny_contact_bs .t {
        font-size: 28px;
    }

    .ny_contact_bs_con {
        margin-top: 30px;
    }

    .ny_contact_bs_con ul{margin:-24px -12px 0 -12px}

    .ny_contact_bs_con li{padding:24px 12px 0 12px;  width:50%;float:left;}

    .ny_contact_bs_con .item {
        padding: 25px;
        background: #f8f8f8
    }

    .ny_contact_bs_con .title {
        font-size: 20px;
    }

    .ny_contact_bs_con .des {
        font-size: 14px;
        margin-top: 20px;
        margin-left: -4px
    }

    .ny_contact_bs_con .ite {
        display: flex;
        line-height: 24px;
        margin-bottom: 8px;
        color: #565656
    }

    .ny_contact_bs_con .ite a {
        color: #565656
    }

    .ny_contact_bs_con .ite:last-child {
        margin: 0
    }

    .ny_contact_bs_con .ic {
        flex: 0 0 32px;
        height: 24px;
    }

    .ny_contact_bs_con .tit {
        flex: 0 1 auto;
    }


    /* 招聘 */
    .zhaop_wrap_bg {
        padding: 60px 0 100px 0;
        background: #fff
    }

    .zhaop_wrap {
        width: 1200px;
        margin: 0 auto;
    }

    .zhaop_wrap .t {
        font-size: 24px;
        padding-bottom: 25px;
        border-bottom: 1px solid #e1e1e1;
        color: #008FC7;
        font-weight: bold
    }

    .zhaop_list {
        margin-top: 50px;
    }

    .zhaop_list li {
        padding: 25px 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
        border: 1px solid #eaeaea;
        margin-bottom: 20px;

    }

    .zhaop_list li:last-child {
        margin: 0;
    }

    .zhaop_list dl {
        position: relative;
        padding: 0 25px;
        cursor: pointer;
    }

    .zhaop_list dt {
        font-size: 18px;
        height: 22px;
        position: relative;
        left: 0px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        font-weight: bold;
    }

    .zhaop_list .time {
        color: #999;
        font-size: 15px;
        line-height: 1.5;
        margin-top: 14px;
        position: relative;
        left: 0px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    .zhaop_list .time span {
        padding: 0 10px;
        color: #ccc
    }

    .zhaop_list dl:hover dt {
        left: 10px;
        color: #008FC7;
        font-weight: bold
    }

    .zhaop_list dl:hover .time {
        left: 10px;
    }

    .zhaop_list .btn {
        position: absolute;
        top: 20px;
        right: 25px;
    }

    .zhaop_list .btn .r1 {
        display: block
    }

    .zhaop_list .btn .r2 {
        display: none
    }

    .zhaop_list .btn .ttt {
        font-size: 14px;
        color: #008FC7;
        border: 1px solid #008FC7;
        padding: 8px 15px;
    }

    .zhaop_list .btn .ttt:hover {
        background: #008FC7;
        color: #fff;
    }

    .zhaop_list .selected .btn .r1 {
        display: none
    }

    .zhaop_list .selected .btn .r2 {
        display: block
    }

    .zhaop_list .info {
        display: none;
        margin-top: 20px;
        padding: 25px;
        background: #F7F9FA;
    }

    .zhaop_list .info.typo {
        font-size: 15px
    }

    /*招聘*/
    .layer_zhaop {
        padding: 5px 20px 20px 20px;
        width: 680px;
        display: none
    }

    #form_zhaop label {
        font-size: 14px;
        margin: 14px 0 6px 0;
        display: block;
        color: #555;
        font-weight: bold
    }

    #form_zhaop .form-control {
        background: #fff;
        width: 100%;
        border: 1px solid #d8d6d6;
        padding: 10px 5px;
        border-radius: 4px;
        height: 40px;
        font-size: 13.5px;
    }

    #form_zhaop .btn {
        border: none;
        width: 150px;
        height: 44px;
        color: #fff;
        border-radius: 3px;
        background: #e38a1a;
        font-size: 13px;
        margin-top: 14px;
        cursor: pointer
    }

    .yingp {
        margin-top: 25px;
    }

    .yingp a {
        display: inline-block;
        width: 145px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        background: #008FC7;
        color: #fff;
        font-size: 14.5px;
        border-radius: 3px
    }

    .yingp a:hover {
        opacity: .9
    }


    /* 新闻 */
    .newsWrap_bg {
        padding: 60px 0 100px 0
    }

    .newsWrap {
        width: 1200px;
        margin: 0 auto;
    }

    .newsWrap_list {
        margin-top: 50px;
    }

    .newsWrap_list ul {
    }

    .newsWrap_list li {
        width: 100%;
    }

    .newsWrap_list .item {
        padding: 25px 15px;
        border-bottom: 1px solid #ddd;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        display: block;
    }

    .newsWrap_list .item:hover {
        -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    }

    .newsWrap_list .item:hover h3 a {
        color: #008FC7;
    }

    .newsWrap_list .img {
        float: left;
        width: 28%;
        height: 220px;
        overflow: hidden
    }

    .newsWrap_list .img img {
        width: 100%;
        border-radius: 2px;

        -webkit-transition: all 0.3s;
        transition: all 0.3s;

    }


    .newsWrap_list .txt {
        float: left;
        width: 72%;
        padding: 12px 0 0 35px;
        box-sizing: border-box;
    }

    .newsWrap_list h3 {
        width: 100%;
        height: 22px;
        line-height: 22px;
        font-size: 20px;
    }

    .newsWrap_list h3 a {
        transition: all 0.3s;
    }

    .newsWrap_list p {
        width: 100%;
        font-size: 14px;
        height: 50px;
        line-height: 25px;
        color: #888;
        overflow: hidden;
        margin-top: 22px;
    }

    .newsWrap_list .date {
        color: #999;
        margin-top: 15px;
        font-size: 13px;
    }

    .newsWrap_list .btn {
        margin-top: 15px;
        padding:0;
    }

    .newsWrap_list .btn a {
        display: inline-block;
        width: 90px;
        height: 32px;
        line-height: 30px;
        text-align: center;
        font-size: 13px;
        border: 1px solid #008FC7;
        color: #008FC7;
        transition: all 0.3s;
    }

    .newsWrap_list .btn a:hover {
        color: rgb(255, 255, 255);
        background-color: #008FC7;
        border-color: #008FC7;
    }

    .newsWrap_list .noimg .txt {
        width: 100%;
        padding: 3px 0 0 0px;
    }

    .newsWrap_list .pd {
        transition: all .36s cubic-bezier(.215, .61, .355, 1) 0s;
        transform: translatey(15px);
    }

    .newsWrap_list .details_btn {
        transition: all .36s ease;
        background: #008FC7;
        display: inline-block;
        font-size: 14px;
        color: #fff;
        width: 110px;
        line-height: 35px;
        text-align: center;
        opacity: 0;

    }

    .newsWrap_list .details_btn span {
        transition: all .36s cubic-bezier(.215, .61, .355, 1) 0s;
        text-indent: 18px;
        opacity: 0;
        display: inline-block;
    }

    .newsWrap_list .details_btn .fa-angle-right {

        transition: all .36s cubic-bezier(.215, .61, .355, 1) 0s;
        transform: translatex(-20px);
        opacity: 0;
        color: #fff;
    }

    .newsWrap_list li:hover .img img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    .newsWrap_list li:hover .details_btn {
        opacity: 1;

    }

    .newsWrap_list li:hover .details_btn span {
        text-indent: 0;
        opacity: 1;

    }

    .newsWrap_list li:hover .details_btn .fa-angle-right {
        transform: translatex(7px);
        opacity: 1;
    }

    .newsWrap_list li:hover .pd {
        transform: translatey(0px);
    }

    .newsWrap_list li:hover h3 {
        color: #008FC7;
    }

    .newsWrap_list li:hover .item {
        background: #f5f5f5;
    }


    /* 产品左边 */



    /*  */
    .content_slideTxtBox {
    }

    .content_slideTxtBox .hd {
        width: 100%;
        background: #f9f9f9;
        margin-top: 90px;
    }

    .content_slideTxtBox_hd_ul {
        width: 1200px;
        margin: 0 auto;
        height: 48px;
        line-height: 48px;
    }

    .content_slideTxtBox_hd_ul li {
        float: left;
    }

    .content_slideTxtBox_hd_ul li span {
        display: block;
        position: relative;
        cursor: pointer;
        font-size: 16px;
        color: #8a8a8a;
        padding: 0 30px 0 40px
    }

    .content_slideTxtBox_hd_ul li.on span {
        color: #008FC7;
        background: #fff;
        font-weight: bold;
    }

    .content_slideTxtBox_hd_ul li.on span::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        top: 0;
        left: 0;
        background: #008FC7;
    }

    .content_slideTxtBox_hd_ul li.on span::before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background: #008FC7;
        border-radius: 10px;
        top: 20px;
        left: 20px;
    }

    .content_slideTxtBox .bdcon {
        display: none;
    }

    .content_slideTxtBox .bd {
        width: 1200px;
        margin: 0 auto;
        padding: 20px;
    }


    /***/
    .ny_case_bg {
        padding: 50px 0 120px 0;
    }

    .ny_case {
    }

    .ny_case .content_details_head {
        margin-top: 50px;
    }

    .ny_case .content_details_head_lt {
        width: 620px;
        padding-top: 20px;
    }

    .ny_case .content_details_head_rt {
        width: 560px;
    }

    .ny_case .content_thumbnail {
        margin-top: 20px;
    }

    .ny_case .swiper_thumbs_prev,
    .ny_case .swiper_thumbs_next {
        width: 42px;
        height: 69px;
    }


    /**/
    .w-content-pn {
        line-height: 2;
        font-size: 16px;
        padding-top: 50px;
    }

    .w-content-pn a:hover {
        text-decoration: underline;
        color: #008FC7
    }


    /**/
    .w-content-xg-news {
        margin: 12px 0 0 0;
    }

    .w-content-xg-news li {
        width: 50%;
        padding: 0 10px;
        float: left;
    }

    .w-content-xg-news li a {
        width: 100%;
        height: 32px;
        line-height: 32px;
        display: block;
        font-size: 15px;
    }

    .w-content-xg-news li a:hover {
        text-decoration: underline;
    }

    /**/
    .w-content-tag {
        padding-top: 20px;
        font-size: 15px
    }

    .w-content-tag a {
        display: inline-block;
        padding: 6px 12px;
        background: #eee;
        margin-right: 6px
    }

    .w-content-tag a:hover {
        color: #008FC7
    }


    .news_wrapper {
        width: 1240px
    }

    .nyheight {
        height: 75px;
    }


    /**/
    .ny_about_bg {
        width: 100%;
        padding: 60px 0;
    }

    .ny_about {
        width: 1200px;
        margin: 0 auto;
    }


    .share {
    }

    .share .bdsharebuttonbox {
        height: 30px;
        display: flex;
        align-items: center;
    }

    .share .bdsharebuttonbox .share-title {
        font-size: 14px;
        color: #888;
        margin-bottom: 0;
    }

    .share .bdsharebuttonbox .platformIcon {
        margin: 0 10px;
    }

    .baidushare .share-icon {
        float: left;
        height: 30px;
        line-height: 30px;
        color: #999;
        font-size: 14px;
        overflow: hidden;
    }

    .baidushare .bdsharebuttonbox .bds_weixin,
    .baidushare .bdsharebuttonbox .bds_sqq,
    .baidushare .bdsharebuttonbox .bds_qzone,
    .baidushare .bdsharebuttonbox .bds_tieba,
    .baidushare .bdsharebuttonbox .bds_more {
        display: block;
        float: left;
        width: 30px;
        height: 30px;
        text-align: center;
        padding: 0;
        margin: 0;
        margin-left: 8px;
    }

    .baidushare .bdsharebuttonbox img {
        display: inline-block;
        width: 100%;
    }

    .baidushare .bdsharebuttonbox .bds_sqq {
        background: url("../images/sh4.png") no-repeat center center !important;
        background-size: 100% auto !important;
    }

    .baidushare .bdsharebuttonbox .bds_qzone {
        background: url("../images/sh2.png") no-repeat center center !important;
        background-size: 100% auto !important;
    }

    .baidushare .bdsharebuttonbox .bds_tieba {
        background: url("../images/sh6.png") no-repeat center center !important;
        background-size: 100% auto !important;
    }

    .baidushare .bdsharebuttonbox .bds_weixin {
        background: url("../images/sh1.png") no-repeat center center !important;
        background-size: 100% auto !important;
    }

    .baidushare .bdsharebuttonbox .bds_more {
        background: url("../images/sh5.jpg") no-repeat center center !important;
        background-size: 100% auto !important;
    }


    .about_boshi {
        min-height: 400px;
    }

    .about_boshi_lt {
        width: 690px;
        float: left;
        padding-top: 15px;
    }

    .about_boshi_lt .typo {
        margin-top: 30px;
    }

    .about_boshi_rt {
        width: 480px;
        float: right;
    }

    .about_boshi_rt .img {
        width: 480px;
        padding: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .about_boshi_rt img {
        width: 100%;
    }


    .about_yf {
        margin: 0 -15px 0 -15px;
    }

    .about_yf .item {
        width: 50%;
        float: left;
        padding: 0 15px;
    }

    .about_yf .item .pd {
        padding: 25px;
        background: #f9f9f9;
    }

    .about_yf .item .t {
        font-size: 24px;
        color: #000
    }

    .about_yf .item .line {
        margin-top: 20px;
        width: 40px;
        height: 2px;
        border-radius: 2px;
        background: #008FC7;
    }

    .about_yf .item .des {
        font-size: 16px;
        line-height: 1.8;
        margin-top: 18px;
        color: #444;
    }


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

    .about_yf02 .img img {
        width: 100%;
    }



    .yingyong_cate_des{
        width: 1200px;margin:25px auto 45px auto; font-size: 16px;line-height: 1.6; color: #6b6b6b
    }



    @keyframes bounce2 {
        from,
        20%,
        53%,
        80%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

        40%,
        43% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }

        70% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0);
        }
    }

    .bounce2 {
        -webkit-animation-name: bounce2;
        animation-name: bounce2;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }




    .cpx_icon{ width: 1200px;margin: 0 auto;padding: 110px 0; }
    .cpx_icon ul{ text-align: center}
    .cpx_icon li{  background: url(../images/cpx_line.png) right center no-repeat ; display: inline-block;padding:0 60px;}
    .cpx_icon li:last-child{background: none}
    .cpx_icon .item{ text-align: center}
    .cpx_icon .item .img,
    .cpx_icon .item .txt{float:left;}
    .cpx_icon .item .img{padding:8px 20px 0 0;}
    .cpx_icon .item .num span{ font-size: 38px;color:#008FC7; font-weight: bold; }
    .cpx_icon .item .num em{ font-size: 16px; color:#008FC7;margin-left:4px;font-weight: bold;}
    .cpx_icon .item .des{ font-size: 16px; margin-top: 10px}



    .cpx_content_1_bg{padding-bottom: 100px}
    .cpx_content_1_bg:last-child{padding:0;}
    .cpx_content_1{ width: 1200px;margin: 0 auto}

    .cpx_content_t{margin-bottom:30px}
    .cpx_content_t b{ display: block; font-size: 24px;position: relative;padding-left:19px; font-weight: bold}
    .cpx_content_t b:before{
        content: '';
        position: absolute;
        top:50%;left:0;margin-top:-12px;
        width: 5px;height: 24px;
        background: #008FC7;
    }

    .cpx_relevant_con{
        position: relative;
        padding: 0 50px;
    }


    .pro_yingyu_list2{padding-top:0;}
    .pro_yingyu_list2 ul{margin:-13px -13px 0 -13px}
    .pro_yingyu_list2 li{width: 20%;padding: 13px;}






    /**/
    .cpx_details_head_lt{
        width: 520px;
        float: left;
    }
    .cpx_details_head_rt{
        width: 630px;
        float: right;
    }

    .smallScroll{width: 92px;float:right; }
    .smallScroll .sPrev,
    .smallScroll .sNext{ width: 100%; height:32px; cursor:pointer; display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        border: 1px solid #e8e8e8;
    }
    .smallScroll .sPrev:hover,
    .smallScroll .sNext:hover{
        border-color:#ccc;
    }

    .smallScroll .smallImg{margin-top: 10px}
    .smallScroll .smallImg li{margin:0 0 8px 0;width: 92px; height:92px}
    .smallScroll .smallImg .imgg{ width: 90px; height:90px;border:1px solid #e7e7e7; object-fit: cover }
    .smallScroll .smallImg li.on .imgg{  border:1px solid #008FC7}

    .bigImg{width: 502px; height:502px;float:left;}
    .bigImg li{width: 500px; height: 500px; }
    .bigImg .imgg{width: 500px;     display: block}
    .bigImg .imgZoom{
        width: 500px; height: 500px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .game163{position: relative}







    /**/

    .ny_videoWrap{ width: 1200px;margin:0 auto;}


    /*-*/
    .ll_inx_huob_bg{
        width: 100%;
        padding: 70px 0;
        background: #F5F6F8;
    }
    .ll_inx_huob{
        width: 1200px;
        margin: 0 auto;
    }
    .ll_inx_huob_con {
        text-align: center;
        padding-top: 50px;
    }
    .ll_inx_huob_con ul{margin:-10px -10px 0 -10px;}
    .ll_inx_huob_con li{width: 16.666666%;float:left;padding: 10px 10px 0 10px;}
    .ll_inx_huob_con li .img img{width: 100%}

}