/* 前端白明明 */



@charset "UTF-8";



@font-face {

    font-family: "gob";

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

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

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

        url("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,

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;

}
.container{ width:1280px; margin:0 auto; position:relative;}


.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;

}


 
 

 

/* 头部 */



.head {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 9;

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

    height: 100px;

    -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: 443px;

    float: left;

    margin-top: 9px;

}



.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(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 .ul1 {

    float: right;

}



.head .ul1 li {

    float: left;

    margin-left: 45px;

    position: relative;

}



.head .ul1 li .ltop a {

    display: block;

    line-height: 100px;

    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: 0 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: rgba(0, 58, 146, 0.7);

}



.head .ss:hover input {

    width: 250px;

    padding: 0 10px;

}



.head .yy:hover {

    background: #fff;

    color: #00a0e9;

}



.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: #00a0e9;

}



/* 首页 */



.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: #00a0e9;

}



.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(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: #00a0e9;

}



.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: #00a0e9;

    width: 60px;

    opacity: 1;

}



.i1 .swiper1 .prev1 {

    width: 90px;

    height: 90px;

    left: 30px;

    margin-top: -45px;

    background: rgba(26, 34, 42, 0.5) url(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(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: #00a0e9 url(l_b.png) center no-repeat;

    background-size: cover;

}



.i2 {

    padding: 90px 0 70px;

    text-align: center;

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

    background-size: cover;

    color: #fff;

}



.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: #00a0e9;

    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(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.2);

    -webkit-transform: scale(1.2);

    transition-delay: .6s;

    -webkit-transition-delay: .6s;

}



.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: 210px;

    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: #00a0e9;

    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 7px;

}



.i4 .tt {

    font-size: 56px;

    margin-bottom: 65px;

}



.i4 .ul1 {}



.i4 .ul1 li {

    width: 33.125%;

    float: left;

    position: relative;

    overflow: hidden;

    margin-right: 0.3125%;

}



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

    margin-right: 0;

}



.i4 .ul1 li a {

    display: block;

    width: 100%;

    overflow: hidden;

}



.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 0 0;

    color: #fff;

    line-height: 1.5;

    width: 100%;

}



.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(bf.png) center no-repeat;

    cursor: pointer;

}



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

    background: #fff url(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(in_5.jpg) center top no-repeat fixed;

    color: #fff;

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

}



.i5 .tt {

    font-size: 56px;

}



.i5 .tc {

    color: #fff;

    line-height: 2;

    width: 940px;

    text-align:center;

    margin: 40px auto 50px;

}



.i5 .ul1 {width: 940px; margin:0 auto;}



.i5 .ul1 li {

    display: block;

    float: left;

    margin:0 80px;

    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; margin:0 auto;

    height: 50px;

    line-height: 50px;

    border-radius: 30px;

    color: #fff;

    padding: 0 20px;

    position: relative;

    z-index: 3;

    overflow: hidden;

    background: #00a0e9;

    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(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: #00a0e9;

}



.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: #00a0e9;

}



.i6 .swiper3 .sbox .btm {

    line-height: 46px;

    padding: 0 40px;

    background: #f4f6f8 url(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: #00a0e9;

    width: 60px;

    opacity: 1;

}



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

    transform: scale(1);

    -webkit-transform: scale(1);

}



.i6 .swiper3 .sbox:hover .txt {

    background: #edf8fd;

}



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

    color: #009fe8;

}



.i6 .swiper3 .sbox:hover .btm {

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

    color: #009fe8;

}



/* 底部 */



.footer {

    padding: 80px 0 150px;

    background: #272e37;

    color: #fff;

    color: #fff;

}



.footer .flt {

    width: 380px;

    float: left;border: 

}



.footer .flt .dh {

    display: block;

    padding-left: 76px;

    height: 70px;

    background: url(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 .tit {
	font-size:18px; font-weight:bold;color: #cdcdcd;

}

.footer .flt .abtn a span {

    display: block;

    width:auto;

    float: left;

    background: url(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: 45px;

}



.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: #00a0e9;

}



.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: #009fe8;

        position: absolute;

        top: 50%;

        margin-top: -10px;

        left: 30px;

    }



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

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

        background-size: 16px;

    }



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

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

    }



    .m_navbox div.lbt {

        padding: 5px 50px;

        display: none;

        border-bottom: 1px solid #009fe8;

    }



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

        color: #009fe8;

    }



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

        background: #009fe8;

    }



    .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(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: 100%;

        float: none;

        margin: 0 0 7px;

    }



    .i4 {

        padding-bottom: 0;

    }



    .i5 {

        padding: 30px 0;

        background: url(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;

    }

















}