/* 前端白明明 */







@font-face {

    font-family: "gob";

    src: url("../font/GOTHAM-BOLD (2).woff") format("woff"),

        url("../font/GOTHAM-BOLD (2).ttf") format("truetype"),

        url("../font/GOTHAM-BOLD (2).eot") format("embedded-opentype"),

        url("../font/GOTHAM-BOLD (2).svg") format("svg");

    font-weight: normal;

    font-style: normal;

}



*,

*:before,

*:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



* {

    margin: 0;

    padding: 0;

}



body {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    margin: 0 auto;

    overflow-x: hidden;

    min-width: 1280px;

    position: relative;

    padding: 0;

    width: 100%;

    color: #1f1f1f;

    font-family: Arial, Helvetica, sans-serif, Microsoft Yahei;

    font-size: 14px;

    line-height: 1;

    background: #fff;

}



html.act {

    overflow: hidden;

    width: 100%;

    height: 100vh;

}



ul,

ul li,

ol li,

tr td,

dl,

dd {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.clearfix:after {

    content: " ";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



.clearfix {

    *zoom: 1;

}



a {

    display: inline-block;

    text-decoration: none;

    cursor: pointer;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    color: #1f1f1f;

}



textarea,

select {

    outline: none;

    color: #666;

    font-size: 14px;

    width: 100%;

}



img {

    border: none;

    display: block;

    max-width: 100%;

}



img[src=""] {

    opacity: 0;

}



body::-webkit-scrollbar {

    width: 4px;

    height: 1px;

}



body::-webkit-scrollbar-thumb {

    background: #000;

}



body::-webkit-scrollbar-track {

    background: #fff;

}



.f_12 {

    font-size: 12px;

}



.f_16 {

    font-size: 16px;

}



.f_18 {

    font-size: 18px;

}



.f_20 {

    font-size: 20px;

}



.f_22 {

    font-size: 22px;

}



.f_24 {

    font-size: 24px;

}



.f_26 {

    font-size: 26px;

}



.f_28 {

    font-size: 28px;

}



.f_30 {

    font-size: 30px;

}



.f_32 {

    font-size: 32px;

}



.f_34 {

    font-size: 34px;

}



.f_36 {

    font-size: 36px;

}



.f_38 {

    font-size: 38px;

}



.f_40 {

    font-size: 40px;

}



.f_42 {

    font-size: 40px;

}



/*分页*/




.BMap_omCtrl{

    display: none !important;

}



.a_dw {

    position: relative;

    top: -80px;

}



.box {

    width: 100%;

    padding: 0 160px;

    margin: 0 auto;

    position: relative;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    box-sizing: border-box;

}



.page1 {

    clear: both;

    text-align: center;

    height: 45px;

    margin: 30px 0 0;

    text-align: center;

}



.page1 span a {

    display: inline-block;

    color: #333333;

    padding: 10px 13px;

    text-decoration: none;

    background: #f7f7f7;

}



.page1 span a:hover,

.page1 span.current a {

    background: #005ed1;

    color: #fff;

}



.page1 span {

    margin: 2px 5px;

}



.page2 {

    width: 120px;

    height: 40px;

    background: #005ed1;

    color: #fff;

    display: block;

    margin: 0 auto;

    line-height: 40px;

    display: none;

}



.alltime,

.alltime * {

    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    transition: all .4s cubic-bezier(.4, 0, .2, 1);

}



.wow {

    opacity: 0;

}



.wow1 {

    opacity: 1;

}



.fbd {

    font-weight: bold;

}



/* 弹窗 */



.z_tanchuang {

    position: fixed;

    display: table;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    transform: scale(0);

    -webkit-transform: scale(0);

    z-index: 10;

}



.z_tanchuang .tbox {

    display: table-cell;

    background: rgba(0, 0, 0, 0.8);

    text-align: center;

    vertical-align: middle;

}



/* 弹窗内容 */



.z_tanchuang .tbox .modal {

    background: white;

    padding: 5px;

    display: block;

    border-radius: 5px;

    position: relative;

    width: 90%;

    max-width: 1200px;

    max-height: 90%;

    margin: 0 auto;

}



.z_tanchuang .tbox .modal .out {

    position: absolute;

    width: 40px;

    height: 40px;

    line-height: 40px;

    background: #fff url(../image/out.png) center no-repeat;

    background-size: 20px;

    color: #000;

    font-size: 30px;

    text-align: center;

    border-radius: 50%;

    top: 0;

    right: -50px;

    cursor: pointer;

}



.z_tanchuang .tbox .modal .img {

    width: 100%;

    max-width: 600px;

    margin: 0 auto;

}



.z_tanchuang .tbox .modal .img video {

    display: block;

    width: 100%;

    max-width: 100%;

    object-fit: cover;

}



.z_tanchuang .tbox .modal .img img {

    margin: 0 auto;

}



.z_tanchuang .tbox .modal .out:hover {

    background: #fff url(../image/out2.png) center no-repeat;

    background-size: 20px;

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

}



.z_tanchuang .tbox .modal2 {

    padding: 20px;

}



.z_tanchuang .tbox .modal .img {

    max-width: 1200px;

}





/* 弹窗选中 */



.z_tanchuang.one {

    transform: scaleY(0.01) scaleX(0);

    animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

    -webkit-transform: scaleY(0.01) scaleX(0);

    -webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

}



.z_tanchuang.one .tbox .modal {

    transform: scale(0);

    animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

    -webkit-transform: scale(0);

    -webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

}



.z_tanchuang.one.out {

    transform: scale(1);

    animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

    -webkit-transform: scale(1);

    -webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

}



.z_tanchuang.one.out .tbox .modal {

    animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

    -webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;

}



/* 弹窗动画 */



@keyframes unfoldIn {

    0% {

        transform: scaleY(0.005) scaleX(0);

    }



    50% {

        transform: scaleY(0.005) scaleX(1);

    }



    100% {

        transform: scaleY(1) scaleX(1);

    }

}



@keyframes zoomIn {

    0% {

        transform: scale(0);

    }



    100% {

        transform: scale(1);

    }

}



@keyframes zoomOut {

    0% {

        transform: scale(1);

    }



    100% {

        transform: scale(0);

    }

}



@keyframes unfoldOut {

    0% {

        transform: scaleY(1) scaleX(1);

    }



    50% {

        transform: scaleY(0.005) scaleX(1);

    }



    100% {

        transform: scaleY(0.005) scaleX(0);

    }

}



@-webkit-keyframes zoomIn {

    0% {

        transform: scale(0);

    }



    100% {

        transform: scale(1);

    }

}



@-webkit-keyframes zoomOut {

    0% {

        transform: scale(1);

    }



    100% {

        transform: scale(0);

    }

}



@-webkit-keyframes unfoldOut {

    0% {

        transform: scaleY(1) scaleX(1);

    }



    50% {

        transform: scaleY(0.005) scaleX(1);

    }



    100% {

        transform: scaleY(0.005) scaleX(0);

    }

}



@-webkit-keyframes unfoldIn {

    0% {

        transform: scaleY(0.005) scaleX(0);

    }



    50% {

        transform: scaleY(0.005) scaleX(1);

    }



    100% {

        transform: scaleY(1) scaleX(1);

    }

}



/* 头部 */



.head {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 9;

    /*background: rgba(17, 17, 17, 0.9);*/
    background:#ffffff;

    height: 80px;

    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);

    transition: all .4s cubic-bezier(.4, 0, .2, 1);

}



.head .logo {

    display: block;

    width: 200px;

    float: left;

    margin-top: 8px;

}



.head .ss {

    width: 24px;

    height: 44px;

    float: right;

    position: relative;

    z-index: 3;

    margin-top: 20px;

}



.head .ss a {

    display: block;

    width: 100%;

    height: 100%;

    background: url(../image/ss.png) center no-repeat;

    position: relative;

}



.head .ss input {

    display: block;

    width: 0px;

    height: 40px;

    background: rgba(17, 17, 17, 1);

    border: 0;

    outline: none;

    border-bottom: 1px solid #fff;

    position: absolute;

    top: 0;

    right: 100%;

    color: #fff;

}



.head .yy {

    width: 50px;

    line-height: 24px;

    float: right;

    position: relative;

    margin: 28px 50px;

    border: 1px solid #fff;

    color: #fff;

    text-align: center;

    border-radius: 30px;

}

.head .yy {
    /*width: 150px;*/
    line-height: 24px;
    float: right;
    position: relative;
    margin: 28px 50px;
    border: 1px solid #1f1f1f;
    color: #1f1f1f;
    text-align: center;
    border-radius: 0px;
    background-color: transparent;
}
.head .yy option{
    background-color: rgba(17, 17, 17, 0.9);
    /*background-color:#244061;*/
    color: #fff;
}
.head .yy select{
    /*background-color:rgba(17, 17, 17, 0.9);*/
    /*border-color: 1px rgba(17, 17, 17, 0.9) ;*/
    background-color:#244061;
    border: 1px solid rgba(17, 17, 17, 0.9);
}
.head .yy:hover {
    background: rgba(17, 17, 17, 0.9);
    /*background::#244061;*/
    color: #fff;
}
#MICHAT-FLOAT-WRAP div{
    background-color: #244061 !important;
}

.head .ul1 {

    float: right;

}



.head .ul1 li {

    float: left;

    margin-left: 45px;

    position: relative;

}



.head .ul1 li .ltop a {

    display: block;

    line-height: 80px;

    /*color: #fff;*/

}







.head .ul1 li .lbtm {

    width: 100%;

    position: fixed;

    top: 100px;

    display: flex;

    justify-content: center;

    opacity: 0;

    visibility: hidden;

    left: 0;

    background: rgba(77, 104, 131, 0.8);

    padding: 5px 0 ;

    text-align: center;

    z-index: 9;

}



.head .ul1 li .lbtm a {

    display: block;

    margin: 30px;

}





.head .ul1 li .lbtm a  img{

    display: block;

    margin: 0 auto 10px;



}



.head .ul1 li .lbtm a span {

    color: #fff;

    opacity: 0.8;

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

}



.head:hover {

    background: #ffffff;

}



.head .ss:hover input {

    width: 250px;

    padding: 0 10px;

}



.head .yy:hover {

    background: #fff;

    color: #244061;

}



.head .ul1 li:hover .lbtm {

    opacity: 1;

    top: 80px;

    visibility: visible;

}



.head .ul1 li .lbtm a:hover span {

    border-bottom: 1px solid #fff;

    opacity: 1;

}



.head .ul1 li.act .ltop a,

.head .ul1 li .ltop a:hover {

    color: #244061;

}



/* 首页 */



.i1 {

    position: relative;

    width: 100%;

}



.i1 .swiper1 {

    width: 100%;

}



.i1 .swiper1 .sbox {

    position: relative;

    width: 100%;

}



.i1 .swiper1 .sbox .img {

    position: relative;

    overflow: hidden;

}



.i1 .swiper1 .sbox .img img {

    display: block;

    width: 100%;

}



.i1 .swiper1 .sbox .img video {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 3;

    width: 100%;

    object-fit: cover;

}



.i1 .swiper1 .sbox .img .mimg {

    display: none;

}



.i1 .swiper1 .sbox .iox {

    position: absolute;

    top: 59%;

    opacity: 0;

    left: 0;

    width: 100%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    color: #fff;

    z-index: 5;

}



.i1 .swiper1 .sbox .iox .tt {

    font-size: 60px;

    line-height: 1.24;

}



.i1 .swiper1 .sbox .iox .en {

    margin: 20px 0 50px;

}



.i1 .swiper1 .sbox .iox .more {

    display: block;

    width: 180px;

    height: 50px;

    line-height: 50px;

    border-radius: 30px;

    color: #fff;

    padding: 0 20px;

    position: relative;

    z-index: 3;

    overflow: hidden;

    background: #244061;

}



.i1 .swiper1 .sbox .iox .more span {

    display: block;

    width: 24px;

    height: 24px;

    position: absolute;

    top: 13px;

    right: 20px;

    background: #fff;

    border-radius: 50%;

}



.i1 .swiper1 .sbox .iox .more s {

    display: block;

    width: 24px;

    height: 24px;

    position: absolute;

    top: 13px;

    right: 20px;

    background: url(../image/jt_r.png) 90% center no-repeat;

    z-index: 3;

}



.i1 .swiper1 .sbox .iox .more div {

    position: absolute;

    top: 0;

    left: 20px;

    z-index: 5;

}



.i1 .swiper1 .sbox .iox .more:hover span {

    transform: scale(15);

    -webkit-transform: scale(15);

}



.i1 .swiper1 .sbox .iox .more:hover div {

    color: #244061;

}



.i1 .swiper1 .swiper-slide-active .sbox .iox {

    top: 54%;

    opacity: 1;

    transition-delay: .8s;

    -webkit-transition-delay: .8s;

}



.i1 .swiper1 .pagination1 {

    bottom: 50px;

}



.i1 .swiper1 .pagination1 span {

    background: #fff;

    opacity: 0.4;

    width: 8px;

    height: 8px;

    margin: 0 5px;

    border-radius: 30px;

}



.i1 .swiper1 .pagination1 span.swiper-pagination-bullet-active {

    background: #244061;

    width: 60px;

    opacity: 1;

}



.i1 .swiper1 .prev1 {

    width: 90px;

    height: 90px;

    left: 30px;

    margin-top: -45px;

    background: rgba(26, 34, 42, 0.5) url(../image/l_b.png) center no-repeat;

    border-radius: 50%;

    background-size: cover;

}



.i1 .swiper1 .next1 {

    width: 90px;

    height: 90px;

    right: 30px;

    margin-top: -45px;

    background: rgba(26, 34, 42, 0.5) url(../image/l_b.png) center no-repeat;

    border-radius: 50%;

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    background-size: cover;

}



.i1 .swiper1 .prev1:hover,

.i1 .swiper1 .next1:hover {

    background: #244061 url(../image/l_b.png) center no-repeat;

    background-size: cover;

}



.i2 {

    padding: 90px 0 70px;

    text-align: center;

    background: url(../image/in_1.png) center no-repeat;

    background-size: cover;

    color: #1f1f1f;

}



.i2 .en {

    font-size: 64px;

}



.i2 .tt {

    line-height: 1.8;

    margin: 20px 0;

}



.i2 .img img {

    margin: 0 auto;

}



.i2 .ul1 {

    display: flex;

    justify-content: center;

}



.i2 .ul1 li {

    text-align: center;

    width: 285px;

}



.i2 .ul1 li .num {

    color: #244061;

    font-family: gob;

    margin-bottom: 30px;

}



.i2 .ul1 li .num span {

    font-size: 100px;

}



.i3 {

    text-align: center;

    padding: 75px 0 60px;

    background: #f4f6f8;

}



.i3 .tt {

    font-size: 56px;

}



.i3 .tc {

    line-height: 1.5;

    margin: 30px 0;

}



.i3 .ix {

    background: url(../image/in_3.png) center no-repeat;

}



.i3 .ix .swiper2_1 {}



.i3 .ix .swiper2_1 .swiper-slide {

    width: 33%;

    margin: 0 5%;

}



.i3 .ix .swiper2_1 .swiper-slide .sbox {

    position: relative;

}



.i3 .ix .swiper2_1 .swiper-slide .sbox .img {

    display: block;

    width: 100%;

    position: relative;

    overflow: hidden;

}



.i3 .ix .swiper2_1 .swiper-slide .sbox .img img {

    display: block;
    margin: 0 auto;


}



.i3 .ix .swiper2_1 .swiper-slide .sbox .img a {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 3;

    width: 100%;

    height: 100%;

}



.i3 .ix .swiper2_1 .swiper-slide-active {

    width: 34%;

}



.i3 .ix .swiper2_1 .swiper-slide-active .sbox .img img {

    transform: scale(1.5);

    -webkit-transform: scale(1.5);

    transition-delay: .6s;

    -webkit-transition-delay: .6s;
    padding: 4rem;

}



.i3 .ix .swiper2_2 {}



.i3 .ix .swiper2_2 .swiper-slide {}



.i3 .ix .swiper2_2 .swiper-slide .sbox {

    position: relative;

    height: 220px;

    opacity: 0;

}



.i3 .ix .swiper2_2 .swiper-slide .sbox .en {

    font-size: 140px;

    color: #e3e5e6;

    text-align: center;

    line-height: 1;

    font-family: gob;

}



.i3 .ix .swiper2_2 .swiper-slide .sbox .txt {

    position: absolute;

    top: 60%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    left: 0;

    z-index: 3;

    width: 100%;

}



.i3 .ix .swiper2_2 .swiper-slide .sbox .txt span {

    display: inline-block;

    padding: 0 30px;

    line-height: 40px;

    background: #244061;

    color: #fff;

    border-radius: 30px;

}



.i3 .ix .swiper2_2 .swiper-slide .sbox .txt .stt {

    line-height: 1.5;

    margin-top: 10px;

}



.i3 .ix .swiper2_2 .swiper-slide-active .sbox {

    opacity: 1;

}



.i4 {

    text-align: center;

    padding: 75px 0 0;

}



.i4 .tt {

    font-size: 56px;

    margin-bottom: 65px;

}



.i4 .ul1 {}


.i4 .ul1 li {

    width: 33.125%;

    float: left;

    position: relative;

    overflow: hidden;

}



.i4 .ul1 li:nth-child(3) {

    margin-right: 0;

}



.i4 .ul1 li a {

    display: block;

    width: 100%;

    overflow: hidden;

}


.i4 .ul1 li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 设置蒙版的颜色和透明度 */
    z-index: 1;
}

.i4 .ul1 li a img {

    display: block;

    width: 100%;

    transform-origin: left bottom;

    -webkit-transform-origin: left bottom;

    transform: scale(1.0000001);

    -webkit-transform: scale(1.0000001);

}



.i4 .ul1 li .txt {

    position: absolute;

    top: 0;

    left: 0;

    padding: 80px;

    color: #fff;

    line-height: 1.5;

    width: 100%;
    z-index: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;

}



.i4 .ul1 li .txt .ltc {

    margin: 5px 0;

}



.i4 .ul1 li .txt .bf {

    display: block;

    width: 46px;

    height: 46px;

    border: 1px solid #fff;

    margin: 20px auto;

    background: url(../image/bf.png) center no-repeat;

    cursor: pointer;

}



.i4 .ul1 li .txt .bf:hover {

    background: #fff url(../image/bf2.png) center no-repeat;

}



.i4 .ul1 li:hover a img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

}



.i5 {

    padding: 150px 0;

    background: url(../image/in_5.jpg) center top no-repeat fixed;

    color: #fff;

    background-size: cover;

}



.i5 .tt {

    font-size: 56px;

}



.i5 .tc {

    color: #fff;

    line-height: 2;

    width: 640px;

    text-align: justify;

    margin: 40px 0 50px;

}



.i5 .ul1 {}



.i5 .ul1 li {

    display: block;

    float: left;

    margin-right: 110px;

    text-align: center;

    min-width: 145px;

}



.i5 .ul1 li .num span {

    font-size: 72px;

    font-family: gob;

}



.i5 .ul1 li .num {

    margin-bottom: 14px;

}



.i5 .more {

    display: block;

    width: 180px;

    height: 50px;

    line-height: 50px;

    border-radius: 30px;

    color: #fff;

    padding: 0 20px;

    position: relative;

    z-index: 3;

    overflow: hidden;

    background: #244061;

    margin-top: 90px;

}



.i5 .more span {

    display: block;

    width: 24px;

    height: 24px;

    position: absolute;

    top: 13px;

    right: 20px;

    background: #fff;

    border-radius: 50%;

}



.i5 .more s {

    display: block;

    width: 24px;

    height: 24px;

    position: absolute;

    top: 13px;

    right: 20px;

    background: url(../image/jt_r.png) 90% center no-repeat;

    z-index: 3;

}



.i5 .more div {

    position: absolute;

    top: 0;

    left: 20px;

    z-index: 5;

}



.i5 .more:hover span {

    transform: scale(15);

    -webkit-transform: scale(15);

}



.i5 .more:hover div {

    color: #244061;

}



.i6 {

    padding: 80px 0 60px;

}



.i6 .tt {

    text-align: center;

    font-size: 56px;

}



.i6 .swiper3 {

    margin-top: 65px;

    padding-bottom: 70px;

}



.i6 .swiper3 .swiper-slide {

    width: 33%;

    margin: 0 0.25%;

}



.i6 .swiper3 .sbox {

    display: block;

    position: relative;

}



.i6 .swiper3 .sbox .img {

    display: block;

    width: 100%;

    position: relative;

    overflow: hidden;

}



.i6 .swiper3 .sbox .img img {

    display: block;

    width: 100%;

}



.i6 .swiper3 .sbox .img .yuan {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    border-radius: 0%;

    z-index: 2;

    z-index: 3;

    overflow: hidden;

}



.i6 .swiper3 .sbox .img .yuan img {

    display: block;

    width: 100%;

    transform: scale(2.5);

    -webkit-transform: scale(2.5);

}



.i6 .swiper3 .sbox .txt {

    padding: 30px 40px;

    background: #fff;

    line-height: 1.5;

}



.i6 .swiper3 .sbox .txt .stt {

    display: block;

    width: calc(100% - 160px);

    float: left;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    min-height: 72px;
    

}



.i6 .swiper3 .sbox .txt .day {

    width: 160px;

    float: right;

    text-align: right;

    color: #244061;

}



.i6 .swiper3 .sbox .btm {

    line-height: 46px;

    padding: 0 40px;

    background: #f4f6f8 url(../image/in_4_1.png) 90% center no-repeat;

    color: #68757e;

}



.i6 .swiper3 .pagination3 {

    bottom: 0px;

}



.i6 .swiper3 .pagination3 span {

    background: #ccc;

    opacity: 1;

    width: 8px;

    height: 8px;

    margin: 0 5px;

    border-radius: 30px;

}



.i6 .swiper3 .pagination3 span.swiper-pagination-bullet-active {

    background: #244061;

    width: 60px;

    opacity: 1;

}



.i6 .swiper3 .sbox:hover .img .yuan img {

    transform: scale(1);

    -webkit-transform: scale(1);

}



.i6 .swiper3 .sbox:hover .txt {

    background: rgb(244 25 10 / 2%);

}



.i6 .swiper3 .sbox:hover .txt .stt {

    color: #244061;

}



.i6 .swiper3 .sbox:hover .btm {

    background: #e5f5fd url(../image/in_4_2.png) 90% center no-repeat;

    color: #244061;

}



/* 底部 */



.footer {

    padding: 50px 0;

    background: #272e37;

    color: #fff;

    color: #fff;

}



.footer .flt {

    width: 480px;

    float: left;

}



.footer .flt .dh {

    display: block;

    padding-left: 76px;

    height: 70px;

    background: url(../image/dh.png) left top no-repeat;

    color: #fff;

}



.footer .flt .dh .tt {

    opacity: 0.6;

    margin-bottom: 10px;

}



.footer .flt .abtn {

    margin-top: 30px;

}



.footer .flt .abtn a {

    display: block;

    color: #bdbdbd;

    margin-bottom: 15px;

}



.footer .flt .abtn a span {

    display: block;

    width: 105px;

    float: left;

    background: url(../image/dian.png) 86px center no-repeat;

}



.footer .flt .abtn a span s {

    display: inline-block;

    width: 40px;

}



.footer .frt {

    max-width: calc(100 - 500px);

    float: right;

}



.footer .frt li {

    float: left;

    margin-right: 160px;

}



.footer .frt li:last-child {

    margin-right: 0;

}



.footer .frt li a {

    display: block;

    color: rgba(255, 255, 255, 0.6);

    margin-bottom: 20px;

    line-height: 1;

}



.footer .frt li a:nth-child(1) {

    font-size: 20px;

    color: #fff;

    font-weight: bold;

    margin-bottom: 40px;

}



.footer .frt li a:hover {

    color: #244061;

}



.footer2 {

    padding: 18px 0;

    background: #272e37;

    color: #bdbdbd;

    border-top: 1px solid rgba(255, 255, 255, 0.07);

}



.footer2 .flt {

    float: left;

}



.footer2 .flt a {

    display: block;

    width: 36px;

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 50%;

    float: left;

    margin-right: 25px;

    position: relative;

}



.footer2 .flt a>img {

    display: block;

    width: 100%;

    opacity: 0.3;

}



.footer2 .flt a .ewm {

    display: block;

    width: 100px;

    position: absolute;

    bottom: 100%;

    left: 0;

    z-index: 2;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

}



.footer2 .flt a:hover>img {

    opacity: 1;

}



.footer2 .flt a:hover .ewm {

    bottom: 120%;

    opacity: 1;

    visibility: visible;

}



.footer2 .frt {

    float: right;

    line-height: 36px;

    color: #bdbdbd;

}



.footer2 .frt span,

.footer2 .frt a {

    display: block;

    float: left;

    margin-left: 10px;

    color: #bdbdbd;

}

.footer2 .frt .jj0{margin-left: 0;}

.footer2 .frt s {

    display: block;

    float: left;

    width: 10px;

    height: 36px;

}





.m_head,

.m_nav {

    display: none;

}















































@media(max-width:1680px) {



    .box {

        padding: 0 40px;

    }



    .i1 .swiper1 .swiper-slide .sbox .iox {

        padding: 0 100px;

    }





}





@media(max-width:1440px) {



    .f_12 {

        font-size: 12px;

    }



    .f_16 {

        font-size: 14px;

    }



    .f_18 {

        font-size: 16px;

    }



    .f_20 {

        font-size: 18px;

    }



    .f_22 {

        font-size: 20px;

    }



    .f_24 {

        font-size: 22px;

    }



    .f_26 {

        font-size: 24px;

    }



    .f_28 {

        font-size: 26px;

    }



    .f_30 {

        font-size: 28px;

    }



    .f_32 {

        font-size: 30px;

    }



    .f_34 {

        font-size: 30px;

    }



    .f_36 {

        font-size: 30px;

    }



    .f_38 {

        font-size: 30px;

    }



    .f_40 {

        font-size: 32px;

    }



    .f_42 {

        font-size: 32px;

    }



    .i1 .swiper1 .sbox .iox .tt,

    .i3 .tt,

    .i4 .tt,

    .i5 .tt,

    .i6 .tt {

        font-size: 40px;

    }



    .i2 .en,

    .i5 .ul1 li .num span {

        font-size: 44px;

    }



    .i2 .ul1 li .num span {

        font-size: 60px;

    }





    .i1 .swiper1 .prev1,

    .i1 .swiper1 .next1 {

        width: 50px;

        height: 50px;

        margin-top: -25px;

    }















}







@media(max-width:1366px) {}







@media(max-width:1280px) {



    .footer .frt li {

        margin-right: 20px;

    }





}









@media(max-width:1030px) {



    .f_12 {

        font-size: 12px;

    }



    .f_16 {

        font-size: 14px;

    }



    .f_18 {

        font-size: 16px;

    }



    .f_20 {

        font-size: 16px;

    }



    .f_22 {

        font-size: 16px;

    }



    .f_24 {

        font-size: 16px;

    }



    .f_26 {

        font-size: 16px;

    }



    .f_28 {

        font-size: 18px;

    }



    .f_30 {

        font-size: 18px;

    }



    .f_32 {

        font-size: 18px;

    }



    .f_34 {

        font-size: 20px;

    }



    .f_36 {

        font-size: 20px;

    }



    .f_38 {

        font-size: 20px;

    }



    .f_40 {

        font-size: 22px;

    }



    .f_42 {

        font-size: 22px;

    }



    .footer {

        display: none;

    }



    body {

        min-width: 200px;

        padding-top: 50px;

    }

.a_dw {

    position: relative;

    top: -50px;

}

    .m_head {

        display: block;

        height: 50px;

        overflow: hidden;

        padding: 0 5%;

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        box-sizing: border-box;

        z-index: 10;

        background: rgba(255, 255, 255, 1);

        border-bottom: 1px solid #eee;

    }



    .m_head .mlt {

        display: block;

        float: left;

    }



    .m_head .lang {

        display: block;

        float: right;

        line-height: 50px;

        font-size: 16px;

        color: #666;

    }



    .m_head .mlt img {

        display: block;

        height: 30px;

        margin-top: 10px;

    }



    .m_head .img {

        width: 50px;

        float: right;

    }



    .m_head .img img {

        display: block;

        width: 100%;

    }



    .m_nav {

        font-family: Microsoft Yahei;

        display: block;

        position: fixed;

        z-index: 199;

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, 0.5);

        top: 0;

        right: -100%;

        -webkit-transition: all 1s;

        -moz-transition: all 1s;

        transition: all 1s;

        overflow: hidden;

        box-sizing: border-box;

    }



    .m_nav.act {

        right: 0;

    }



    .m_out {

        width: 15%;

        float: left;

    }



    .m_out img {

        display: block;

        width: 100%;

    }



    .m_nav {

        display: block;

        position: fixed;

        z-index: 199;

        width: 100%;

        height: 100%;

        background: #fff;

        top: 0;

        right: -100%;

        -webkit-transition: all 1s;

        -moz-transition: all 1s;

        transition: all 1s;

        overflow: hidden;

        box-sizing: border-box;

    }



    .m_nav.act {

        right: 0;

    }



    .m_out {

        width: 50px;

        float: right;

        max-width: 50px;

        margin-right: 3%;

    }



    .m_out img {

        display: block;

        width: 100%;

    }



    .wow {

        opacity: 1;

    }



    .m_navbox {

        width: 100%;

        box-sizing: border-box;

        float: right;

        background: #fff;

        height: calc(100% - 80px);

        box-sizing: border-box;

        padding: 20px 0;

        overflow: auto;

        box-sizing: border-box;

    }



    .m_navbox div,

    .m_navbox a {

        color: #666;

        display: block;

    }



    .m_navbox a {

        font-size: 16px;

        line-height: 20px;

        padding: 10px 0;

    }



    .m_navbox div,

    .m_navbox a.ltp {

        font-size: 18px;

        line-height: 30px;

        padding: 10px 0;

        display: block;

    }



    .m_navbox li>div:nth-child(1),

    .m_navbox a.ltp {

        padding: 10px 30px 10px 50px;

        position: relative;

    }



    .m_navbox li>div:nth-child(1):after,

    .m_navbox a.ltp:after {

        content: '';

        display: block;

        width: 5px;

        height: 20px;

        background: #244061;

        position: absolute;

        top: 50%;

        margin-top: -10px;

        left: 30px;

    }



    .m_navbox li>div:nth-child(1) {

        background: url(../image/plus.png) 95% center no-repeat;

        background-size: 16px;

    }



    .m_navbox li.act>div:nth-child(1) {

        background: url(../image/reduce.jpg) 95% center no-repeat;

    }



    .m_navbox div.lbt {

        padding: 5px 50px;

        display: none;

        border-bottom: 1px solid #244061;

    }



    .m_navbox li.act>div:nth-child(1) {

        color: #244061;

    }



    .m_navbox li.act>div:nth-child(1):after {

        background: #244061;

    }



    .m_navbox .lange {

        text-align: center;

    }



    .m_navbox .lange a {

        display: inline-block;

        margin: 0 10px;

    }



    .m_navbox li.lang {

        padding: 10px;

    }



    .m_navbox li.lang>a {

        display: block;

        float: left;

        text-align: center;

        width: 50%;

        font-size: 20px;

    }



    .m_navbox li.se {

        padding: 10px 30px;

    }



    .m_navbox li.se input {

        display: block;

        width: calc(100% - 40px);

        float: left;

        display: block;

        height: 40px;

        border: none;

        outline: none;

        padding: 0 10px;

        border-bottom: 1px solid #ddd;

    }



    .m_navbox li.se a {

        display: block;

        width: 40px;

        float: right;

        padding: 0;

    }



    .m_navbox li.se a img {

        display: block;

        width: 20px;

        margin: 10px;

    }



    .m_head .mrt {

        width: 50px;

        height: 50px;

        background: url(../image/ss2.png) center no-repeat;

        background-size: 20px;

        display: block;

        float: right;

    }



    .box {

        padding: 0 5%;

        min-width: 200px;

        width: 100%;

    }



    .head {

        display: none;

    }



    .i2 .ul1 li {

        min-width: 100px;

        margin: 0 40px;

    }

.i6 .swiper3 .sbox .txt {

    padding: 20px ;

}

.i6 .swiper3 .sbox .txt .day {

    width: 100px;

}

.i6 .swiper3 .sbox .txt .stt {

    width: calc(100% - 100px);

}











}







@media(max-width:960px) {



    .i1 .swiper1 .sbox .img .pimg {

        display: none;

    }



    .i1 .swiper1 .sbox .img .mimg {

        display: block;

    }



    .i1 .swiper1 .prev1,

    .i1 .swiper1 .next1 {

        display: none;

    }



    .i1 .swiper1 .swiper-slide .sbox .iox {

        padding: 0;

    }



    .i1 .swiper1 .sbox .iox .tt,

    .i3 .tt,

    .i4 .tt,

    .i5 .tt,

    .i6 .tt {

        font-size: 28px;

    }



    .i1 .swiper1 .sbox .iox .en {

        margin: 10px 0 20px;

        line-height: 1.5;

    }



    .i1 .swiper1 .pagination1 {

        bottom: 20px;

    }



    .i1 .swiper1 .sbox .img video {

        display: none;

    }



    .i2 .en,

    .i5 .ul1 li .num span {

        font-size: 30px;

    }



    .i2 .ul1 li {

        width: 50%;

        margin: 0 0 20px;

    }



    .i2 .ul1 {

        flex-wrap: wrap;

    }



    .i2 .ul1 li .num {

        margin-bottom: 10px;

    }



    .i2 .ul1 li .num span {

        font-size: 30px;

    }



    .i2,

    .i3,

    .i4,

    .i6 {

        padding: 30px 0;

    }



    .i3 .ix .swiper2_1 .swiper-slide {

        margin: 0;

    }



    .i3 .ix .swiper2_2 .swiper-slide .sbox .en {

        font-size: 50px;

        margin-bottom: 20px;

    }



    .i3 .tc {

        margin: 20px 0;

    }



    .i3 .ix .swiper2_2 .swiper-slide .sbox .txt {

        position: static;

        transform: translateY(0%);

        -webkit-transform: translateY(0%);

    }



    .i3 .ix .swiper2_2 .swiper-slide .sbox {

        height: auto;

    }



    .i4 .tt {

        margin-bottom: 20px;

    }



    .i4 .ul1 li {

        width: 50%;

        float: left;


    }
    .i4 .ul1 li .txt{
        padding: 60px;
    }
    .i4 .ul1 li .txt .ltc{
        display: none;
    }



    .i4 {

        padding-bottom: 0;

    }



    .i5 {

        padding: 30px 0;

        background: url(../image/in_5.jpg) center top no-repeat;

        background-size: cover;

    }



    .i6 .swiper3 {

        margin-top: 20px;

        padding-bottom: 30px;

    }



    .i6 .swiper3 .swiper-slide {

        margin: 0;

    }



    .i5 .tc {

        width: 100%;

        margin: 20px 0;

    }



    .i5 .ul1 li {

        margin-right: 0;

        width: 33.33%;

        min-width: 50px;

    }



    .z_tanchuang .tbox .modal {

        padding: 10px;

    }



    .z_tanchuang .tbox .modal .out {

        top: -50px;

        right: 0;

    }

















}