*, *: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;
    transform: translate(1.001);
    -webkit-transform: translate(1.001);
    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: 42px;
}



.BMap_mask, .BMap_cpyCtrl, .BMap_scaleTxt, .BMap_scaleCtrl, .BMap_omCtrl, .anchorBL {
    display: none !important;
}

.a_dw {
    position: relative;
    top: -70px;
}

.box {
    max-width: 1400px;
    min-width: 1200px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    -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);
    box-sizing: border-box;
}

.box2 {
    max-width: 1680px;
    min-width: 1200px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    -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);
    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: #dab866;
    color: #fff;
}

.page1 span {
    margin: 2px 5px;
}

.page2 {
    width: 120px;
    height: 40px;
    background: #dab866;
    color: #fff;
    display: block;
    margin: 0 auto;
    line-height: 40px;
    display: none;
}

.wow {
    opacity: 0;
}

.wow1 {
    opacity: 1;
}

.fbd {
    font-weight: bold;
}



.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);
}

.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);
}

.head {
    position: fixed;
    width: 100%;
    height: 120px;
    z-index: 9;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    -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: 210px;
    height: 46px;
    position: relative;
    overflow: hidden;
    margin-top: 35px;
    float: left;
}

.head .logo img {
    display: block;
    height: 100%;
}

.head .ss {
    display: block;
    width: 38px;
    height: 18px;
    padding-left: 20px;
    border-left: 1px solid #fff;
    float: right;
    margin-top: 51px;
    position: relative;
    background: url(404.png) center right no-repeat;
    margin-left: 20px;
    z-index: 2;
}

.head .ss a {
    display: block;
    width: 20px;
    height: 20px;
}

.head .ss input {
    display: block;
    width: 0px;
    position: absolute;
    top: 0;
    right: 20px;
    height: 18px;
    right: 20px;
    border: 0;
    background: #fff;
    border-bottom: 1px solid #ddd;
    outline: none;
    padding: 0;
}

.head .lang {
    display: block;
    float: right;
    line-height: 120px;
    padding-left: 30px;
    background: url(404.png) center left no-repeat;
    color: #fff;
}

.head .ul1 {
    float: right;
    padding-right: 10px;
}

.head .ul1 li {
    float: left;
    position: relative;
    margin-right: 50px;
}

.head .ul1 li .ltp a {
    display: block;
    line-height: 120px;
    position: relative;
    color: #fff;
}

.head .ul1 li .ltp a s {
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #3555ad;
    opacity: 0;
}

.head .ul1 li .lbt {
    position: fixed;
    width: 100%;
    left: 0;
    top: 130px;
    z-index: 9;
    background: #f5f5f5;
    height: 450px;
    padding-top: 65px;
    opacity: 0;
    pointer-events: none;
}

.head .ul1 li .lbt .ltt {
    display: block;
    width: 140px;
    float: left;
    color: #333;
    background: url(404.png) center right no-repeat;
    margin-left: 0%;
}

.head .ul1 li .lbt .ltt:hover {
    color: #3555ad;
    background: url(404.png) center right no-repeat;
}

.head .ul1 li .lbt .dl1 {
    width: 550px;
    float: left;
    margin-left: 30%;
}

.head .ul1 li .lbt .dl1 dd {
    display: block;
    padding: 10px 0 0;
    line-height: 40px;
}

.head .ul1 li .lbt .dl1 dd:nth-child(1) {
    padding-top: 0;
}

.head .ul1 li .lbt .dl1 dd img {
    display: block;
    float: left;
    width: 40px;
}

.head .ul1 li .lbt .dl1>dd>a {
    display: block;
    width: calc(100% - 60px);
    float: right;
    background: url(404.png) center right no-repeat;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    font-weight: bold;
    color: #666;
}

.head .ul1 li .lbt .dl1 dd>ul {
    display: block;
    padding-left: 60px;
}
.head .ul1 li .lbt .dl1 dd>ul>a {
    display: inline-block;
    
    
    
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #666;
}

.head .ul1 li .lbt .img {
    display: block;
    width: 410px;
    float: right;
    text-align: center;
    color: #000;
}

.head .ul1 li .lbt .img img {
    display: block;
    margin-bottom: 15px;
}

.head .ul1 li .lbt .dl1 dd a:hover {
    color: #3555ad;
    background: url(404.png) center right no-repeat;
}

.head.act {
    height: 60px;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.head.act .logo {
    margin-top: 7px;
}

.head.act .logo img:nth-child(1) {
    margin-top: -46px;
}

.head.act .ss {
    background: url(404.png) center right no-repeat;
    color: #666;
    margin-top: 21px;
}

.head.act .lang {
    background: url(404.png) center left no-repeat;
    color: #666;
    line-height: 60px;
}

.head.act .ul1 li .ltp a {
    color: #666;
    line-height: 60px;
}

.head.act .ul1 li .lbt {
    top: 80px;
}

.head:hover {
    background: #fff;
    border-bottom: 1px solid #eee;
}

.head:hover .logo img:nth-child(1) {
    margin-top: -46px;
}

.head:hover .ss {
    background: url(404.png) center right no-repeat;
    color: #666;
}

.head:hover .lang {
    background: url(404.png) center left no-repeat;
    color: #666;
}

.head .ss:hover input {
    width: 240px;
    padding: 0 10px;
}

.head .ss:hover {
    background: url(404.png) center right no-repeat;
    color: #666;
}

.head:hover .ul1 li .ltp a {
    color: #666;
}

.head .lang:hover {
    background: url(404.png) center left no-repeat;
}

.head .ul1 li .ltp a:hover {
    color: #3555ad;
}

.head .ul1 li .ltp a:hover s {
    opacity: 1;
}

.head .ul1 li:hover .lbt {
    opacity: 1;
    top: 120px;
    pointer-events: inherit;
}

.head.act .ul1 li:hover .lbt {
    top: 60px;
}



.i1hd {
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.i1 {
    position: fixed;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}

.i1 .swiper1 .swiper-slide .sbox {
    position: relative;
}

.i1 .swiper1 .swiper-slide .sbox * {
}

.i1 .swiper1 .swiper-slide .sbox > img {
    display: block;
    width: 100%;
}

.i1 .swiper1 .swiper-slide .sbox > .mimg {
    display: none;
}

.i1 .swiper1 .swiper-slide .sbox video, .i1 .swiper1 .swiper-slide .sbox a {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.i1 .swiper1 .swiper-slide .sbox a {
    z-index: 6;
    height: 100%;
}

.i1 .swiper1 .swiper-slide .sbox .cc {
    display: block;
    width: 100%;
    max-height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.i1 .swiper1 .swiper-slide .sbox .stxt {
    position: absolute;
    top: 37%;
    left: 0;
    width: 100%;
    color: #fff;
    z-index: 5;
    text-align: center;
}

.i1 .swiper1 .swiper-slide .sbox .stxt2 {
    top: 35%;
}

.i1 .swiper1 .swiper-slide .sbox .stxt .tt {
    font-size: 44px;
    line-height: 90px;
    background: url(404.png) center no-repeat;
    margin-bottom: 20px;
}

.i1 .swiper1 .swiper-slide .sbox .stxt .tc {
    opacity: 0;
    position: relative;
    top: 20px;
}

.i1 .swiper1 .swiper-slide .sbox .stxt2 {
    padding: 0 18%;
    text-align: justify;
}

.i1 .swiper1 .swiper-slide .sbox .stxt2 .tt {
    background: transparent;
    line-height: 1;
    margin-bottom: 10px;
}

.i1 .swiper1 .swiper-slide .sbox .stxt2 .en {
    color: rgba(255, 255, 255, 0.8);
    font-style: italic;
}

.i1 .swiper1 .swiper-slide-active .sbox .stxt .tt span {
    display: inline-block;
    line-height: 1;
    opacity: 0;
    margin-left: -5px;
    -webkit-animation-name: ss;
    -moz-animation-name: ss;
    animation-name: ss;
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.i1 .swiper1 .swiper-slide-active .sbox .stxt .tc {
    opacity: 1;
    top: 0;
    -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);
    transition-delay: .6s;
    -webkit-transition-delay: .6s;
}

.i1 .swiper1 .swiper-slide .sbox .stxt .tt .ju {
    color: #e6c063;
}

.i1 .swiper1 .swiper-slide .sbox .stxt .tt span {
}

.i1 .swiper1 .swiper-slide-active .sbox .stxt .tt span:nth-child(1) {
    animation-delay: .9s;
    -webkit-animation-delay: .9s;
}

.i1 .swiper1 .swiper-slide-active .sbox .stxt .tt span:nth-child(2) {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.i1 .swiper1 .swiper-slide-active .sbox .stxt .tt span:nth-child(3) {
    animation-delay: .65s;
    -webkit-animation-delay: .65s;
}

.i1 .swiper1 .swiper-slide-active .sbox .stxt .tt span:nth-child(4) {
    animation-delay: .75s;
    -webkit-animation-delay: .75s;
}

.i1 .swiper1 .swiper-slide-active .sbox .stxt .tt span:nth-child(5) {
    animation-delay: .95s;
    -webkit-animation-delay: .95s;
}

.i1 .swiper1 .swiper-slide-active .sbox .stxt .tt span:nth-child(6) {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.i1 .swiper1 .swiper-slide-active .sbox .stxt .tt span:nth-child(7) {
    animation-delay: .85s;
    -webkit-animation-delay: .85s;
}

.i1 .swiper1 .swiper-slide-active .sbox .stxt .tt span:nth-child(8) {
    animation-delay: .45s;
    -webkit-animation-delay: .45s;
}

.i1 .swiper1 .swiper-slide-active .sbox .stxt .tt span:nth-child(9) {
    animation-delay: .95s;
    -webkit-animation-delay: .95s;
}

.i1 .swiper1 .swiper-slide-active .sbox .stxt .tt span:nth-child(10) {
    animation-delay: .55s;
    -webkit-animation-delay: .55s;
}

.i1 .swiper1 .swiper-slide-active .sbox .stxt .tt span:nth-child(11) {
    animation-delay: .85s;
    -webkit-animation-delay: .85s;
}

.i1 .swiper1 .swiper-slide-active .sbox .stxt .tt span:nth-child(12) {
    animation-delay: .75s;
    -webkit-animation-delay: .75s;
}

.i1 .swiper1 .swiper-slide-active .sbox .stxt .tt span:nth-child(13) {
    animation-delay: .75s;
    -webkit-animation-delay: .75s;
}

.i1 .swiper1 .swiper-slide .sbox .stxt .tt .yel {
    color: #f1c55a;
}

@-webkit-keyframes ss {
    0% {
        background: #ffffff;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        background: rgba(255, 255, 255, 0);
    }
}

@keyframes ss {
    0% {
        background: #ffffff;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        background: rgba(255, 255, 255, 0);
    }
}

.i1 .swiper1 .num {
    position: absolute;
    z-index: 5;
    right: 6%;
    bottom: 6%;
    color: rgba(255, 255, 255, 0.5);
}

.i1 .swiper1 .num .s1 {
    font-size: 48px;
    color: #fff;
}

.i1 .swiper1 .num s {
    display: inline-block;
    width: 6px;
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
}

.i1 .swiper1 .tiao {
    display: block;
    width: 500px;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    z-index: 5;
    left: 50%;
    margin-left: -250px;
    bottom: 6%;
}

.i1 .swiper1 .tiao s {
    display: block;
    width: 0%;
    height: 2px;
    position: relative;
    top: -1px;
    background: #fff;
}

.i1 .swiper1 .tiao.act s {
    width: 100%;
    -webkit-transition: all 7s linear;
    -moz-transition: all 7s linear;
    transition: all 7s linear;
}

.pd90 {
    padding: 90px 0 100px;
}

.i2 {
    background: url(404.png) center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 5;
}

.i2 .tt {
    color: #000;
    line-height: 36px;
}

.i2 .tt a {
    display: block;
    float: right;
    padding-right: 25px;
    background: url(404.png) center right no-repeat;
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
}

.i2 .tt a:hover {
    color: #dab866;
    margin-right: 5px;
}

.i2 .ul1 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 60px 0 30px;
}

.i2 .ul1 li {
    width: 25%;
    text-align: center;
    color: #000;
}

.i2 .ul1 li img {
    display: block;
    margin: 0 auto 10px;
}

.i2 .ul1 li .num {
    color: #666;
    margin-bottom: 20px;
}

.i2 .ul1 li .num span {
    font-size: 60px;
    font-weight: bold;
    color: #000;
}

.i2 .txt {
    position: relative;
    background: #fff;
    padding: 50px 80px;
    line-height: 1.5;
    color: #666;
    overflow: hidden;
}

.i2 .txt img {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    z-index: 2;
    max-width: inherit;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.i2 .txt .itt {
    color: #dab866;
    margin-bottom: 20px;
}

.i2 .txt .itc {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #eee;
}

.i2 .txt ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 14px;
}

.i2 .txt ul li {
    width: 24%;
    position: relative;
    color: #999;
    text-align: justify;
}

.i2 .txt ul li:nth-child(2) {
    margin: 0 14%;
    position: relative;
}

.i2 .txt ul li .s1 {
    display: block;
    width: 1px;
    height: 100%;
    background: #eee;
    position: absolute;
    top: 0;
    left: -30%;
}

.i2 .txt ul li .s2 {
    display: block;
    width: 1px;
    height: 100%;
    background: #eee;
    position: absolute;
    top: 0;
    right: -30%;
}

.i2 .txt:hover {
    -moz-box-shadow: 0px 3px 10px #DDDDDD;
    -webkit-box-shadow: 0px 3px 10px #DDDDDD;
    box-shadow: 0px 3px 10px #DDDDDD;
}

.i2 .txt:hover > img {
    opacity: 0;
    pointer-events: none;
}

.i3 {
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 5;
    background: #fff;
}

.i3 > img {
    display: block;
    width: 100%;
}

.i3 .tt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    text-align: center;
    top: 130px;
}

.i3 .ul1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.i3 .ul1 * {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.i3 .ul1 li {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
}

.i3 .ul1 li img {
    display: block;
    width: 100%;
}

.i3 .ul1 li .mimg {
    display: none;
}

.i3 .ul1 li.act {
    opacity: 1;
    pointer-events: inherit;
    z-index: 3;
}

.i3 .ul1 li video {
    display: block;
    width: 100%;
    max-height: 100vh;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.i3 .ul1 li .lbox {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.i3 .ul1 li .lbox .box {
    height: 100%;
}

.i3 .ul1 li .lbox .box .txt {
    position: absolute;
    top: 55%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.i3 .ul1 li.act .lbox .box .txt {
    top: 50%;
}

.i3 .ul1 li .lbox .box .txt .xian {
    width: 40px;
    height: 4px;
    background: rgba(255, 255, 255, 0.6);
}

.i3 .ul1 li .lbox .box .txt .ltt {
    margin: 40px 0 30px;
}

.i3 .ul1 li .lbox .box .txt .en {
    font-size: 60px;
    color: rgba(255, 255, 255, 0.2);
}

.i3 .ul1 li .lbox .box .txt .abtn {
    margin: 60px 0 40px;
    display: flex;
}

.i3 .ul1 li .lbox .box .txt .abtn a {
    display: block;
    color: #fff;
    margin-right: 70px;
}

.i3 .ul1 li .lbox .box .txt .abtn a:hover {
    color: #dab866;
}

.i3 .ul1 li .lbox .box .txt .abtn2 {
    display: flex;
}

.i3 .ul1 li .lbox .box .txt .abtn2 a {
    display: block;
    width: 140px;
    line-height: 52px;
    border: 1px solid #fff;
    color: #83989f;
    text-align: center;
    background: #fff;
    margin-right: 40px;
}

.i3 .ul1 li .lbox .box .txt .abtn2 a:hover {
    background: #dab866;
    color: #fff;
    border: 1px solid #dab866;
}

.i3 .ul1 li .lbox .box .txt .abtn2 a.more {
    background: url(404.png) 90% center no-repeat;
    padding: 0 15px;
    text-align: left;
    color: #fff;
}

.i3 .ul1 li .lbox .box .txt .abtn2 a.more:hover {
    background: #dab866 url(404.png) 90% center no-repeat;
}

.i3 .irt {
    display: block;
    width: 33%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    height: 100%;
}

.i3 .irt .irtp {
    width: 100%;
    height: 32%;
    position: relative;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.i3 .irt .irtp .en {
    position: absolute;
    color: rgba(255, 255, 255, 0.2);
    position: absolute;
    left: 80px;
    bottom: 40px;
}

.i3 .irt .irbt {
    width: 100%;
    height: 68%;
}

.i3 .irt .irbt .swiper2 {
    width: 100%;
    height: 100%;
}

.i3 .irt .irbt .swiper2 .swiper-slide {
}

.i3 .irt .irbt .swiper2 .swiper-slide * {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.i3 .irt .irbt .swiper2 .swiper-slide .sbox {
    position: relative;
    width: 100%;
    height: 100%;
    position: relative;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    padding-left: 80px;
    cursor: pointer;
}

.i3 .irt .irbt .swiper2 .swiper-slide .sbox:after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.i3 .irt .irbt .swiper2 .swiper-slide .sbox s {
    display: block;
    width: 0px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 30px;
    top: 50%;
}

.i3 .irt .irbt .swiper2 .swiper-slide.act .sbox {
    border-left: 1px solid rgba(255, 255, 255, 1);
    border-top: 1px solid rgba(255, 255, 255, 1);
    background: rgba(218, 184, 102, 0.3);
}

.i3 .irt .irbt .swiper2 .swiper-slide.act .sbox:after {
    opacity: 1;
}

.i3 .irt .irbt .swiper2 .swiper-slide .sbox:hover s {
    width: 40px;
}

.i4 {
    position: relative;
    z-index: 5;
    background: #fff;
}

.i4 .tt {
    color: #000;
    line-height: 36px;
}

.i4 .tt a {
    display: block;
    float: right;
    padding-right: 25px;
    background: url(404.png) center right no-repeat;
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
}

.i4 .tt a:hover {
    color: #dab866;
    margin-right: 5px;
}

.i4 .ul1 {
    margin-top: 50px;
}

.i4 .ul1 li {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.i4 .ul1 li:last-child {
    margin-right: 0;
}

.i4 .ul1 li a {
    display: block;
}

.i4 .ul1 li .img, .i4 .ul1 li .img img {
    display: block;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -ms-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
}

.i4 .ul1 li .ltt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 30px 0 15px;
}

.i4 .ul1 li .ltc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.8;
    color: #999;
    height: 50px;
}

.i4 .ul1 li .day {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #eee;
    background: url(404.png) center right no-repeat;
}

.i4 .ul1 li:hover .ltt {
    color: #dab866;
}

.i4 .ul1 li:hover .img img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}



.footer {
    position: relative;
    z-index: 5;
    background: #282828;
    padding: 50px 0 70px;
}

.footer .ftp {
    display: block;
}

.footer .ftp .logo {
    float: left;
}

.footer .ftp .frt {
    color: rgba(255, 255, 255, 0.6);
    float: right;
}

.footer .fbt {
    margin-top: 30px;
    padding-top: 50px;
    border-top: 1px solid #3e3e3e;
    color: #7e807e;
}

.footer .fbt .flt {
    width: 650px;
    float: left;
    padding: 0 85px 0 15px;
    line-height: 1.5;
    text-align: left;
    border-right: 1px solid #3e3e3e;
}

.footer .fbt .flt .ftt {
    color: #a5a6a5;
}

.footer .fbt .flt .ftc {
    margin: 10px 0 15px;
    line-height: 2;
    font-size: 14px;
}

.footer .fbt .flt .dz {
    color: #7e807e;
    line-height: 28px;
    margin-bottom: 3px;
    display: block;
}

.footer .fbt .flt .dz img, .footer .fbt .flt .dh img {
    display: block;
    float: left;
}

.footer .fbt .flt .dz span {
    display: block;
    width: calc(100% - 40px);
    float: right;
}

.footer .fbt .flt .dz span.none {
    display: block;
    width: calc(100%);
    float: right;
    margin-top: 20px;
}

.footer .fbt .flt .dh {
    display: block;
    line-height: 30px;
}

.footer .fbt .flt .dh span {
    display: block;
    width: calc(100% - 40px);
    float: right;
    color: #7e807e;
}

.footer .fbt .frt {
    display: flex;
    float: right;
    width: calc(100% - 680px);
}

.footer .fbt .frt li {
    width: 25%;
}

.footer .fbt .frt li a:nth-child(1) {
    font-size: 18px;
    color: #a5a6a5;
    margin-bottom: 25px;
}

.footer .fbt .frt li:last-child {
    float: right;
    text-align: right;
    width: 10%;
    float: right;
}

.footer .fbt .frt li a {
    display: block;
    color: #7e807e;
    margin-bottom: 20px;
}

.footer .fbt .frt li a:hover {
    color: #59c033 ;
}

.footer .fbt .p_wz {
    width: 100%;
    float: left;
    text-align: right;
}

.footer2 {
    line-height: 60px;
    height: 60px;
    background: #303030;
    position: relative;
    z-index: 5;
    color: #7e807e;
}

.footer2 .qq {
    display: block;
    float: left;
    width: 130px;
    line-height: 33px;
    background: #434343 url(404.png) 20px center no-repeat;
    color: #fff;
    text-align: center;
    margin: 14px 14px 0 0;
    padding-left: 10px;
    display: none;
}

.footer2 .qq:hover {
    background: #dab866 url(404.png) 20px center no-repeat;
}

.footer2 span {
    display: block;
    float: left;
}

.footer2 span.dz {
    margin-left: 10px;
}

.footer2 span a {
    color: #7e807e;
}

.footer2 .frt {
    display: block;
    float: right;
}

.footer2 .frt a {
    display: block;
    width: 21px;
    height: 21px;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    position: relative;
}

.footer2 .frt a img {
    display: block;
    width: 100%;
}

.footer2 .frt a .cc {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.footer2 .frt a .ewm {
    position: absolute;
    top: -100px;
    left: -50px;
    opacity: 0;
    width: 100px;
    height: 100px;
    display: block;
    max-width: inherit;
    pointer-events: none;
}

.footer2 .frt a:hover .cc {
    opacity: 1;
}

.footer2 .frt a:hover .ewm {
    opacity: 1;
    top: -120px;
}

.top {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 100px;
    right: 8.3%;
    background: #59c033 url(../image/go-top.png) center no-repeat;
    background-size: cover;
    border-radius: 50%;
    z-index: 9;
    opacity: 0;
}

.top.act {
    opacity: 1;
}

.top:hover {
    -moz-box-shadow: 0px 0px 10px #aaa;
    -webkit-box-shadow: 0px 0px 10px #aaa;
    box-shadow: 0px 0px 10px #aaa;
}

.footer .fbt .frt li a:nth-child(1) {
    font-size: 16px;
}



.banner {
    position: relative;
    overflow: hidden;
}

.banner img {
    display: block;
    width: 100%;
}

.banner .mimg {
    display: none;
}

.banner .txt {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: -38px;
}

.banner .txt .en {
    display: block;
    margin-top: 10px;
}

.pd100 {
    padding: 100px 0;
    text-align: center;
}

.pr1 {
}

.pr1 .ul1 {
}

.pr1 .ul1 li {
    margin-bottom: 100px;
}

.pr1 .ul1 li:last-child {
    margin-bottom: 0;
}

.pr1 .ul1 li a {
    display: block;
}

.pr1 .ul1 li a .llt {
    width: 57%;
    float: right;
    overflow: hidden;
    position: relative;
}

.pr1 .ul1 li a .llt .sz {
    display: block;
    width: 160px;
    height: 80px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.pr1 .ul1 li a .llt .sz img {
    display: block;
    width: 100%;
}

.pr1 .ul1 li a .llt > img {
    display: block;
    height: 450px;
    position: relative;
    left: 50%;
    margin-left: -400px;
    max-width: inherit;
}

.pr1 .ul1 li a .lrt {
    width: 43%;
    float: left;
    text-align: justify;
    padding: 40px 80px;
    line-height: 1.5;
}

.pr1 .ul1 li a .lrt .ltt {
    height: 90px;
}

.pr1 .ul1 li a .lrt .len {
    display: none;
}

.pr1 .ul1 li a .lrt .len span {
    display: block;
    float: left;
    width: 60px;
}

.pr1 .ul1 li a .lrt .len div {
    display: block;
    float: right;
    width: calc(100% - 60px);
    color: #666;
}

.pr1 .ul1 li a .lrt .ltc {
    color: #4c4c4c;
    margin-top: 40px;
}

.pr1 .ul1 li a .lrt .more {
    display: block;
    width: 130px;
    line-height: 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    margin-top: 50px;
    color: #999;
    padding-right: 20px;
    background: url(404.png) 90% center no-repeat;
}

.pr1 .ul1 li a .lrt .pin {
}

.pr1 .ul1 li a .lrt .pin img {
    display: block;
    float: right;
}

.pr1 .ul1 li a:hover .lrt .more {
    background: #59c033;
    border: 1px solid #59c033;
    color: #fff;
}

.pr1 .ul1 li a:hover .llt > img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.pr1 .ul1 li:nth-child(2n) .llt {
    float: left;
}



.ab1 {
    background: url(404.png) center right no-repeat;
}

.ab1 .tt {
    line-height: 42px;
}

.ab1 .xian {
    display: block;
    width: 200px;
    height: 1px;
    background: #ccc;
    position: relative;
    margin: 20px auto 60px;
}

.ab1 .xian s {
    display: block;
    width: 80px;
    height: 3px;
    background: #dab866;
    margin: 0 auto;
    position: relative;
    top: -1px;
}

.ab1 .asz {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    overflow: hidden;
}

.ab1 .asz img {
    display: block;
    height: 400px;
    position: relative;
    left: 50%;
    margin-left: -700px;
    max-width: inherit;
}

.ab1 .asz .ul1 {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -90px;
    padding: 0 75px;
}

.ab1 .asz .ul1 li {
    width: 24.2%;
    float: left;
    height: 180px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    margin-right: 0.8%;
    color: #fff;
}

.ab1 .asz .ul1 li:last-child {
    margin-right: 0;
}

.ab1 .asz .ul1 li .num {
    margin: 40px 0;
}

.ab1 .asz .ul1 li .ltc {
    line-height: 60px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.ab1 .abox {
    margin-top: 60px;
    text-align: left;
}

.ab1 .abox .alt {
    width: 50%;
    float: left;
    height: 460px;
    overflow: hidden;
    border-radius: 5px 0 0 5px;
}

.ab1 .abox .alt img {
    display: block;
    height: 100%;
    position: relative;
    left: 50%;
    margin-left: -350px;
    max-width: inherit;
}

.ab1 .abox .art {
    width: 50%;
    float: right;
    background: #fff;
    padding: 100px 40px;
    border: 1px solid #ddd;
    height: 100%;
    height: 460px;
}

.ab1 .abox .art .ul1 {
    display: flex;
    margin: 50px 0 40px;
}

.ab1 .abox .art .ul1 li {
    border-left: 2px solid #dbdbdb;
    width: 30%;
    padding: 0 30px;
    height: 80px;
}

.ab1 .abox .art .ul1 li:nth-child(2) {
    width: 40%;
}

.ab1 .abox .art .ul1 li .num {
    color: #555;
}

.ab1 .abox .art .ul1 li .ltc {
    color: #4c4c4c;
    line-height: 1.5;
    margin-top: 5px;
}

.ab1 .abox .art .atc {
    line-height: 1.8;
    margin-top: 20px;
    color: #4c4c4c;
}

.ab2 {
    background: url(404.png) center no-repeat;
    background-size: cover;
}

.ab2 .abtn {
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.ab2 .abtn span {
    position: relative;
    width: 110px;
    border-right: 1px solid #ddd;
    color: #4c4c4c;
    cursor: pointer;
}

.ab2 .abtn span:nth-child(2) {
    display: none;
}

.ab2 .abtn span:last-child {
    border: 0;
}

.ab2 .abtn span s {
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: -20px;
    background: #dab866;
    opacity: 0;
}

.ab2 .abtn span:hover s, .ab2 .abtn span.act s {
    opacity: 1;
}

.ab2 .ul1 {
    position: relative;
    margin-top: 50px;
}

.ab2 .ul1 li {
    position: relative;
    display: none;
}

.ab2 .ul1 li:nth-child(2) {
    display: none;
}

.ab2 .ul1 li .llt {
    width: calc(100% - 600px);
    float: left;
    padding-right: 100px;
    text-align: justify;
}

.ab2 .ul1 li .llt .num {
    font-size: 72px;
    color: #dab866;
    width: 300px;
    border-bottom: 3px solid #dab866;
    margin-bottom: 10px;
}

.ab2 .ul1 li .llt .num2 {
}

.ab2 .ul1 li .llt .num2 .nlt {
    width: 50px;
    float: left;
    color: #999;
    line-height: 1.5;
}

.ab2 .ul1 li .llt .num2 .year {
    font-size: 48px;
    line-height: 50px;
    float: left;
    color: #999;
}

.ab2 .ul1 li .llt .tc {
    line-height: 1.5;
    color: #666;
    margin-top: 30px;
}

.ab2 .ul1 li .lrt {
    width: 500px;
    float: right;
}

.ab3 {
    background: url(404.png) center bottom no-repeat;
    background-size: cover;
}

.ab3 .tt {
    line-height: 42px;
}

.ab3 .xian {
    display: block;
    width: 200px;
    height: 1px;
    background: #ccc;
    position: relative;
    margin: 20px auto 60px;
}

.ab3 .xian s {
    display: block;
    width: 80px;
    height: 3px;
    background: #dab866;
    margin: 0 auto;
    position: relative;
    top: -1px;
}

.ab3 .abtn {
    display: flex;
    justify-content: center;
}

.ab3 .abtn span {
    display: block;
    width: 180px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 0 30px;
    cursor: pointer;
    color: #999;
}

.ab3 .abtn span:hover, .ab3 .abtn span.act {
    background: #dab866;
    border: 1px solid #dab866;
    color: #fff;
}

.ab3 .ul1 {
    margin-top: 80px;
}

.ab3 .ul1 li {
    display: none;
}

.ab3 .ul1 li .ltxt {
    display: block;
    margin: 0 auto;
    color: #4c4c4c;
    display: flex;
    align-items: center;
    line-height: 1.8;
    justify-content: center;
    width: 630px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 20px 0;
}

.ab3 .ul1 li .ltxt img {
    display: block;
    margin: 0 auto;
}

.ab3 .ul1 li .ltxt .ltc {
}

.ab3 .ul1 li .dl1 {
    display: none;
    text-align: center;
    justify-content: center;
    margin-top: 60px;
}

.ab3 .ul1 li .dl1 dd {
    width: 31.5%;
    height: 280px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-right: 2.75%;
    cursor: pointer;
}

.ab3 .ul1 li .dl1 dd:last-child {
    margin-right: 0;
}

.ab3 .ul1 li .dl1 dd .ico {
    display: block;
    width: 120px;
    border: 1px solid #eee;
    margin: 40px auto 30px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: 0;
}

.ab3 .ul1 li .dl1 dd .ltc {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.ab3 .ul1 li .dl1 dd .ltc span {
    color: #666;
    padding: 0 20px;
    border-left: 1px solid #ddd;
}

.ab3 .ul1 li .dl1 dd .ltc span:nth-child(1) {
    border: 0;
}

.ab3 .ul1 li .dl1 dd:hover .ico {
    top: -5px;
}

.ab3 .ul1 li .dl2 {
    text-align: center;
    margin-top: 60px;
}

.ab3 .ul1 li .dl2 dd {
    display: block;
    width: 48.5%;
    float: left;
    height: 330px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.ab3 .ul1 li .dl2 dd:nth-child(2) {
    float: right;
}

.ab3 .ul1 li .dl2 dd .ico {
    display: block;
    width: 120px;
    border: 1px solid #eee;
    margin: 40px auto 30px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: 0;
}

.ab3 .ul1 li .dl2 dd .ltc {
    color: #4c4c4c;
    margin: 20px 0;
}

.ab3 .ul1 li .dl2 dd .ltc2 {
    position: relative;
    height: 40px;
}

.ab3 .ul1 li .dl2 dd .ltc2 .lt_d1 {
    display: block;
    width: 180px;
    line-height: 40px;
    background: #f1f0f0;
    position: absolute;
    top: 0;
    left: 5%;
    height: 40px;
    overflow: hidden;
    cursor: pointer;
    z-index: 1;
}

.ab3 .ul1 li .dl2 dd .ltc2 .lt_d1:nth-child(2) {
    left: calc(180px + 10%);
}

.ab3 .ul1 li .dl2 dd .ltc2 .lt_d1:nth-child(3) {
    left: calc(360px + 15%);
}

.ab3 .ul1 li .dl2 dd .ltc2 .lt_d1 .llt {
    width: 180px;
    float: left;
    text-align: center;
}

.ab3 .ul1 li .dl2 dd .ltc2 .lt_d1 .lrt {
    width: calc(100% - 180px);
    float: left;
}

.ab3 .ul1 li .dl2 dd .ltc2 .lt_d1:hover {
    width: 90%;
    left: 5%;
    z-index: 3;
}

.ab3 .ul1 li .dl2 dd .ltc3 .lt_d1:nth-child(1) {
    opacity: 0;
    display: none;
}

.ab3 .ul1 li .dl2 dd .ltc2 .lt_d1:hover .llt {
    width: auto;
    padding-left: 20px;
}

.ab3 .ul1 li .dl2 dd .ltc2 .lt_d1:nth-child(1):hover {
    width: 180px;
}

.ab3 .ul1 li .dl2 dd .ltc2 .lt_d1:nth-child(1):hover .llt {
    padding: 0;
    width: 180px;
}

.ab3 .ul1 li .dl2 dd:hover .ico {
    top: -5px;
}

.ab3 .ul1 li .swiper7 {
    padding: 50px 0;
    cursor: pointer;
}

.ab3 .ul1 li .swiper7 .swiper-slide .sbox {
    height: 280px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.ab3 .ul1 li .swiper7 .swiper-slide .sbox .ico {
    display: block;
    width: 120px;
    border: 1px solid #eee;
    margin: 40px auto 30px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    top: 0;
}

.ab3 .ul1 li .swiper7 .swiper-slide .sbox .ltc {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.ab3 .ul1 li .swiper7 .swiper-slide .sbox .ltc span {
    color: #666;
    padding: 0 20px;
    border-left: 1px solid #ddd;
}

.ab3 .ul1 li .swiper7 .swiper-slide .sbox .ltc span:nth-child(1) {
    border: 0;
}

.ab3 .ul1 li .swiper7 .swiper-slide .sbox:hover .ico {
    top: -5px;
}

.ab3 .ul1 li .swiper7 .scrollbar7 {
    bottom: 0;
}

.ab3 .ul1 li .swiper7 .swiper-scrollbar-drag {
    background: #dab866;
}

.ab3 .ul1 li .swiper7 .swiper-slide .sbox .sbico {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: right;
    color: #666;
}

.ab4 {
    background: url(404.png) center no-repeat;
    background-size: cover;
}

.ab4 .tt {
    line-height: 42px;
    color: #fff;
}

.ab4 .xian {
    display: block;
    width: 200px;
    height: 1px;
    background: #fff;
    position: relative;
    margin: 20px auto 60px;
}

.ab4 .xian s {
    display: block;
    width: 80px;
    height: 3px;
    background: #dab866;
    margin: 0 auto;
    position: relative;
    top: -1px;
}

.ab4 .swiper3 {
    background: url(404.png) center left repeat-x;
}

.ab4 .swiper3 .swiper-slide {
}

.ab4 .swiper3 .swiper-slide .sbox {
    position: relative;
    height: 330px;
    text-align: justify;
}

.ab4 .swiper3 .swiper-slide .sbox .tc {
    position: relative;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    background: #fff;
    border-radius: 5px;
    color: #4c4c4c;
    line-height: 1.5;
    position: relative;
}

.ab4 .swiper3 .swiper-slide .sbox .tc s {
    display: block;
    width: 26px;
    height: 12px;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    bottom: -12px;
    background: url(404.png) center no-repeat;
}

.ab4 .swiper3 .swiper-slide .sbox .yuan {
    display: block;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 4px solid #dab866;
    border-radius: 50%;
    margin: 57px auto 30px;
}

.ab4 .swiper3 .swiper-slide .sbox .day {
    position: relative;
    text-align: center;
}

.ab4 .swiper3 .swiper-slide:nth-child(2n) .sbox .tc {
    top: 228px;
}

.ab4 .swiper3 .swiper-slide:nth-child(2n) .sbox .tc s {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    bottom: auto;
    top: -12px;
}

.ab4 .swiper3 .swiper-slide:nth-child(2n) .sbox .day {
    top: -95px;
}

.ab4 .swiper3 .next3 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff url(404.png) center no-repeat;
    margin-top: -25px;
    right: 0;
}

.ab4 .swiper3 .next3:hover {
    background: #dab866 url(404.png) center no-repeat;
}

.ab4 .swiper3 .prev3 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff url(404.png) center no-repeat;
    margin-top: -25px;
    left: 0;
}

.ab4 .swiper3 .prev3:hover {
    background: #dab866 url(404.png) center no-repeat;
}

.ab5 {
    background: url(404.png) center no-repeat;
    background-size: cover;
}

.ab5 .tt {
    line-height: 42px;
}

.ab5 .xian {
    display: block;
    width: 200px;
    height: 1px;
    background: #ccc;
    position: relative;
    margin: 20px auto 60px;
}

.ab5 .xian s {
    display: block;
    width: 80px;
    height: 3px;
    background: #dab866;
    margin: 0 auto;
    position: relative;
    top: -1px;
}

.ab5 .abox {
}

.ab5 .abox .alt {
    width: 500px;
    float: left;
}

.ab5 .abox .alt .abtn {
    display: flex;
    border-left: 1px solid #ddd;
}

.ab5 .abox .alt .abtn span {
    cursor: pointer;
    width: 120px;
    line-height: 50px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    color: #999;
    position: relative;
    background: #f9f9f9;
}

.ab5 .abox .alt .abtn span s {
    display: block;
    width: 0%;
    height: 3px;
    background: #dab866;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.ab5 .abox .alt .abtn span.act s, .ab5 .abox .alt .abtn span:hover s {
    width: 100%;
}

.ab5 .abox .alt .abtn span.act, .ab5 .abox .alt .abtn span:hover {
    color: #dab866;
}

.ab5 .abox .alt .ul1 {
    width: 100%;
    height: 450px;
    padding: 35px;
    text-align: justify;
    border: 1px solid #ddd;
    background: #f9f9f9;
}

.ab5 .abox .alt .ul1 li {
    overflow: auto;
    width: 100%;
    height: 100%;
    padding-right: 50px;
    display: none;
}

.ab5 .abox .alt .ul1 li div {
    position: relative;
    line-height: 48px;
    padding: 0 15px;
    border-bottom: 1px solid #ddd;
}

.ab5 .abox .alt .ul1 li::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

.ab5 .abox .alt .ul1 li::-webkit-scrollbar-thumb {
    background: #dab866;
}

.ab5 .abox .alt .ul1 li::-webkit-scrollbar-track {
    background: #f0f0f0;
}

.ab5 .abox .art {
    width: calc(100% - 540px);
    float: right;
    background: #fff;
    padding: 40px;
    height: 500px;
    display: none;
}

.ab5 .abox .art .ul1 {
    width: 100%;
    height: 100%;
}

.ab5 .abox .art .ul1 li {
    width: 100%;
    height: 100%;
    display: none;
}

.ab5 .abox .art .ul1 li .swiper4 {
    padding-bottom: 50px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.ab5 .abox .art .ul1 li .swiper4 .swiper-slide {
}

.ab5 .abox .art .ul1 li .swiper4 .swiper-slide * {
    -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);
}

.ab5 .abox .art .ul1 li .swiper4 .swiper-slide .sbox {
    position: relative;
    overflow: hidden;
}

.ab5 .abox .art .ul1 li .swiper4 .swiper-slide .sbox img {
    display: block;
    width: 100%;
}

.ab5 .abox .art .ul1 li .swiper4 .swiper-slide .sbox .fd {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    background: url(404.png) center no-repeat;
    background-size: cover;
    cursor: pointer;
}

.ab5 .abox .art .ul1 li .swiper4 .swiper-slide .sbox:hover .fd {
    top: 0;
}

.ab5 .abox .art .ul1 li .swiper4 .pagination4 span {
    background: #fff;
    border: 1px solid #ddd;
    opacity: 1;
    width: 10px;
    height: 10px;
}

.ab5 .abox .art .ul1 li .swiper4 .pagination4 .swiper-pagination-bullet-active {
    background: #dab866;
}

.ab5 .abox .art2 {
    width: calc(100% - 540px);
    float: right;
    background: #fff;
    padding: 40px;
    height: 500px;
}

.ab5 .abox .art2 .ul1 {
    width: 100%;
    height: 100%;
}

.ab5 .abox .art2 .ul1 li {
    width: 100%;
    height: 100%;
    display: none;
}

.ab5 .abox .art2 .ul1 li .swiper4pc {
    padding-bottom: 50px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.ab5 .abox .art2 .ul1 li .swiper4pc .swiper-slide {
}

.ab5 .abox .art2 .ul1 li .swiper4pc .swiper-slide * {
    -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);
}

.ab5 .abox .art2 .ul1 li .swiper4pc .swiper-slide .sbox {
    position: relative;
    overflow: hidden;
}

.ab5 .abox .art2 .ul1 li .swiper4pc .swiper-slide .sbox .pc_dl dd {
    width: 32%;
    float: left;
    position: relative;
    overflow: hidden;
    margin-right: 2%;
    margin-bottom: 2%;
}

.ab5 .abox .art2 .ul1 li .swiper4pc .swiper-slide .sbox .pc_dl dd:nth-child(3n) {
    margin-right: 0;
}

.ab5 .abox .art2 .ul1 li .swiper4pc .swiper-slide .sbox img {
    display: block;
    width: 100%;
}

.ab5 .abox .art2 .ul1 li .swiper4pc .swiper-slide .sbox .fd {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    background: url(404.png) center no-repeat;
    background-size: cover;
    cursor: pointer;
}

.ab5 .abox .art2 .ul1 li .swiper4pc .swiper-slide .sbox .pc_dl dd:hover .fd {
    top: 0;
}

.ab5 .abox .art2 .ul1 li .swiper4pc .pagination4pc span {
    background: #fff;
    border: 1px solid #ddd;
    opacity: 1;
    width: 10px;
    height: 10px;
}

.ab5 .abox .art2 .ul1 li .swiper4pc .pagination4pc .swiper-pagination-bullet-active {
    background: #dab866;
}

.ab6 {
    background: #fafafa;
}

.ab6 .tt {
    line-height: 42px;
}

.ab6 .xian {
    display: block;
    width: 200px;
    height: 1px;
    background: #ccc;
    position: relative;
    margin: 20px auto 60px;
}

.ab6 .xian s {
    display: block;
    width: 80px;
    height: 3px;
    background: #dab866;
    margin: 0 auto;
    position: relative;
    top: -1px;
}

.ab6 .abox {
    background: #fff;
    padding: 40px;
    -moz-box-shadow: 0px 1px 5px #ddd;
    -webkit-box-shadow: 0px 1px 5px #ddd;
    box-shadow: 0px 1px 5px #ddd;
    text-align: justify;
}

.ab6 .abox .atp {
    padding: 0 30px;
    display: flex;
    line-height: 60px;
}

.ab6 .abox .atp span {
    display: block;
    width: 16.66%;
    color: #4c4c4c;
}

.ab6 .abox .ul1 {
}

.ab6 .abox .ul1 li {
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.ab6 .abox .ul1 li .ltp {
    padding: 0 30px;
    line-height: 60px;
    display: flex;
    cursor: pointer;
}

.ab6 .abox .ul1 li .ltp span {
    display: block;
    width: 16.66%;
}

.ab6 .abox .ul1 li .ltp.act {
    background: #dab866;
}

.ab6 .abox .ul1 li .ltp.act span {
    color: #fff;
}

.ab6 .abox .ul1 li .lbt {
    padding: 40px;
    color: #494c4b;
    line-height: 2;
    border-top: 1px solid #ddd;
    display: none;
}

.ab6 .abox .ul1 li .lbt .lx {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #ddd;
}

.ab7 {
    background: url(404.png) center no-repeat;
    background-size: cover;
    display: none;
}

.ab7 .tt {
    line-height: 42px;
}

.ab7 .xian {
    display: block;
    width: 200px;
    height: 1px;
    background: #ccc;
    position: relative;
    margin: 20px auto 60px;
}

.ab7 .xian s {
    display: block;
    width: 80px;
    height: 3px;
    background: #dab866;
    margin: 0 auto;
    position: relative;
    top: -1px;
}

.ab7 .ul1 {
    margin: 50px 0 80px;
}

.ab7 .ul1 li {
    width: 32%;
    margin-right: 2%;
    float: left;
    text-align: justify;
}

.ab7 .ul1 li:last-child {
    margin-right: 0;
}

.ab7 .ul1 li a {
    display: block;
}

.ab7 .ul1 li .img, .ab7 .ul1 li .img img {
    display: block;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -ms-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
}

.ab7 .ul1 li .ltt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 30px 0 15px;
}

.ab7 .ul1 li .ltc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.8;
    color: #999;
    height: 50px;
}

.ab7 .ul1 li .day {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #eee;
    background: url(404.png) center right no-repeat;
}

.ab7 .ul1 li:hover .ltt {
    color: #dab866;
}

.ab7 .ul1 li:hover .img img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}



.tacnhuang {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 15;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}

.tacnhuang .tbox {
    width: 80%;
    height: 80vh;
    position: relative;
    margin: 10vh auto;
}

.tacnhuang .tbox .out {
    display: block;
    width: 40px;
    height: 40px;
    background: url(404.png) center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: -50px;
    z-index: 3;
}

.tacnhuang .tbox .out:hover {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.tacnhuang .tbox .video {
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.tacnhuang .tbox .video video {
    display: block;
    width: 100%;
    max-height: 100%;
}

.tacnhuang .tbox img {
    display: block;
    margin: 0 auto;
    max-width: inherit;
    height: 100%;
}

.img_tacnhuang .tbox {
    width: 800px;
    background: #fff;
    -moz-box-shadow: 1px 1px 10px #fff;
    -webkit-box-shadow: 1px 1px 10px #fff;
    box-shadow: 1px 1px 10px #fff;
    border-radius: 5px;
    padding: 1px;
}

.img_tacnhuang .tbox .img {
    width: 90%;
    margin: 80px auto 30px;
    position: relative;
    overflow: hidden;
}

.img_tacnhuang .tbox .img img {
    display: block;
    width: 100%;
}

.img_tacnhuang .tbox .img img.kuang {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.img_tacnhuang .tbox .tt {
    width: 400px;
    line-height: 60px;
    background: #f9f9f9;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #ddd;
}

.jg_tacnhuang .tbox .video {
    background: #fff;
}



.ski1 {
}

.ski1 .tt {
    line-height: 42px;
}

.ski1 .xian {
    display: block;
    width: 200px;
    height: 1px;
    background: #ccc;
    position: relative;
    margin: 20px auto 60px;
}

.ski1 .xian s {
    display: block;
    width: 80px;
    height: 3px;
    background: #dab866;
    margin: 0 auto;
    position: relative;
    top: -1px;
}

.ski1 .tc {
    color: #4c4c4c;
    line-height: 2;
}

.ski1 .ul1 {
    margin: 90px 0 100px;
    display: flex;
    justify-content: center;
}

.ski1 .ul1 li {
    width: 190px;
    height: 190px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 3;
    margin: 0 10px;
    color: #fff;
    cursor: pointer;
}

.ski1 .ul1 li .txt .num {
    padding-top: 20px;
}

.ski1 .ul1 li .txt .num .counter {
    font-size: 54px;
}

.ski1 .ul1 li .c {
    display: block;
    position: absolute;
    width: 260px;
    height: 260px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: -1;
    background: url(404.png) center no-repeat;
}

.ski1 .ul1 li:hover {
    z-index: 5;
}

.ski1 .ul1 li:hover .c {
    background: url(404.png) center no-repeat;
    background-size: cover;
}

.ski1 .sbox {
    background: #dbdbdb;
    position: relative;
    height: 720px;
    -moz-box-shadow: 0px 1px 5px #ddd;
    -webkit-box-shadow: 0px 1px 5px #ddd;
    box-shadow: 0px 1px 5px #ddd;
}

.ski1 .sbox .slt {
    width: calc(50% - 1px);
    float: left;
    height: 100%;
    background: #fff;
    padding: 20px 50px;
}

.ski1 .sbox .slt .sx {
    width: 100%;
    height: 100%;
    background: #e8e8e8;
    padding-top: 45px;
}

.ski1 .sbox .slt .sx .sen {
    color: #555;
    margin: 20px 0 30px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #ccc;
}

.ski1 .sbox .slt .sx .img {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    width: 84%;
}

.ski1 .sbox .slt .sx .img img {
    display: block;
    max-width: inherit;
    height: 290px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.ski1 .sbox .slt .sx .abtn {
    padding: 0 4% 0 8%;
    overflow: auto;
    width: 97%;
    height: 180px;
    margin-top: 20px;
}

.ski1 .sbox .slt .sx .abtn div {
    display: block;
    width: 48%;
    float: left;
    line-height: 50px;
    background: #efefef;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-bottom: 2%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
    cursor: pointer;
}

.ski1 .sbox .slt .sx .abtn div:nth-child(2n) {
    float: right;
}

.ski1 .sbox .slt .sx .abtn::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

.ski1 .sbox .slt .sx .abtn::-webkit-scrollbar-thumb {
    background: #dab866;
}

.ski1 .sbox .slt .sx .abtn::-webkit-scrollbar-track {
    background: #fff;
}

.ski1 .sbox .srt {
    width: calc(50% - 1px);
    float: right;
    height: 100%;
    background: #fff;
    padding: 20px 50px;
}

.ski1 .sbox .srt .sx {
    width: 100%;
    height: 100%;
    background: #e8e8e8;
    padding-top: 45px;
}

.ski1 .sbox .srt .sx .sen {
    color: #555;
    margin: 20px 0 30px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #ccc;
}

.ski1 .sbox .srt .sx .dl1 {
    width: 94%;
    overflow: auto;
    margin: 20px auto 0;
    padding-right: 5%;
    height: 440px;
}

.ski1 .sbox .srt .sx .dl1::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

.ski1 .sbox .srt .sx .dl1::-webkit-scrollbar-thumb {
    background: #dab866;
}

.ski1 .sbox .srt .sx .dl1::-webkit-scrollbar-track {
    background: #fff;
}

.ski1 .sbox .srt .sx .dl1 dd {
    width: 31.5%;
    display: flex;
    align-items: center;
    padding: 0 10px;
    padding-bottom: 20px;
    cursor: pointer;
    float: left;
    margin-right: 2.75%;
    margin-bottom: 2.75%;
    position: relative;
}

.ski1 .sbox .srt .sx .dl1 dd .img {
    display: block;
    overflow: hidden;
    position: relative;
}

.ski1 .sbox .srt .sx .dl1 dd .img img {
    display: block;
    opacity: 0;
}

.ski1 .sbox .srt .sx .dl1 dd .img img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 1;
}

.ski1 .sbox .srt .sx .dl1 dd .txt {
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #dab866;
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    z-index: 3;
    margin-top: -24px;
    padding: 0 20px;
}

.ski1 .sbox .srt .sx .dl1 dd:nth-child(3n) {
    margin-right: 0;
}

.ski1 .sbox .srt .sx .dl1 dd:hover .img img:nth-child(2) {
    opacity: 1;
}

.ski1 .sbox .srt .sx .dl1 dd:hover .txt {
    color: #dab866;
}

.ski2 {
    background: url(404.png) center no-repeat;
    background-size: cover;
    height: 720px;
}

.ski2 .tt {
    line-height: 42px;
}

.ski2 .xian {
    display: block;
    width: 200px;
    height: 1px;
    background: #ccc;
    position: relative;
    margin: 20px auto 60px;
}

.ski2 .xian s {
    display: block;
    width: 80px;
    height: 3px;
    background: #dab866;
    margin: 0 auto;
    position: relative;
    top: -1px;
}

.ski2 .swiper5 {
    margin-top: 180px;
    padding-bottom: 30px;
}

.ski2 .swiper5 .swiper-slide {
    width: 186px;
}

.ski2 .swiper5 .swiper-slide .sbox {
    display: block;
    width: 186px;
    height: 246px;
    background: url(404.png) center no-repeat;
    padding-right: 6px;
    padding-top: 30px;
    cursor: pointer;
}

.ski2 .swiper5 .swiper-slide .sbox .num {
    width: 100%;
    text-align: center;
    line-height: 50px;
    color: #fff;
}

.ski2 .swiper5 .swiper-slide .sbox .stt {
    height: 56px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    line-height: 1.4;
    justify-content: center;
}

.ski2 .swiper5 .swiper-slide .sbox .stc {
    width: 140px;
    line-height: 60px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 0 auto;
    color: #bdbdbd;
    padding-top: 10px;
}

.ski2 .swiper5 .swiper-slide .sbox .stc span {
    font-size: 48px;
}

.ski2 .swiper5 .swiper-slide .sbox * {
    -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);
}

.ski2 .swiper5 .swiper-slide .sbox:hover .stc {
    border: 1px solid #dab866;
    color: #dab866;
}

.ski2 .swiper5 .swiper-slide .sbox:hover .stc span {
    color: #dab866;
}

.ski2 .swiper5 .swiper-scrollbar-drag {
    background: #dab866;
}

.ski3 {
}

.ski3 .tt {
    line-height: 42px;
}

.ski3 .xian {
    display: block;
    width: 200px;
    height: 1px;
    background: #ccc;
    position: relative;
    margin: 20px auto 60px;
}

.ski3 .xian s {
    display: block;
    width: 80px;
    height: 3px;
    background: #dab866;
    margin: 0 auto;
    position: relative;
    top: -1px;
}

.ski3 .tc {
    color: #4c4c4c;
    margin: 40px 0 60px;
}

.ski3 .sbox {
    position: relative;
}

.ski3 .sbox .slt {
    width: 50%;
    position: relative;
    overflow: hidden;
    height: 500px;
    float: left;
}

.ski3 .sbox .slt img {
    display: block;
    max-width: inherit;
    height: 100%;
    position: absolute;
    top: 0;
    left: 20px;
    opacity: 0;
}

.ski3 .sbox .slt img.act {
    opacity: 1;
    left: 0;
}

.ski3 .sbox .srt {
    display: block;
    width: 50%;
    float: right;
    height: 500px;
    border: 1px solid #ddd;
    text-align: justify;
    position: relative;
    z-index: 3;
}

.ski3 .sbox .srt li {
    position: relative;
    padding: 0 30px;
    line-height: 99px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.ski3 .sbox .srt li:last-child {
    border: 0;
}

.ski3 .sbox .srt li .img {
    display: block;
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #f7f7f7;
    margin-top: 25px;
}

.ski3 .sbox .srt li .img img {
    display: block;
    width: 100%;
}

.ski3 .sbox .srt li .tx {
    display: block;
    width: calc(100% - 70px);
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ski3 .sbox .srt li s {
    display: block;
    width: 0px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 100%;
    background: #dab866;
}

.ski3 .sbox .srt li:hover, .ski3 .sbox .srt li.act {
    background: #dab866;
}

.ski3 .sbox .srt li:hover .tx, .ski3 .sbox .srt li.act .tx {
    color: #fff;
}

.ski3 .sbox .srt li:hover .img img:nth-child(1), .ski3 .sbox .srt li.act .img img:nth-child(1) {
    margin-top: -50px;
}

.ski3 .sbox .srt li:hover s, .ski3 .sbox .srt li.act s {
    width: 20px;
}



.inv1 {
    background: url(404.png) center bottom no-repeat;
    background-size: cover;
}

.inv1 .stp {
    padding: 40px 0 40px 100px;
    background: #34394d;
    color: #c3cbd4;
    text-align: justify;
}

.inv1 .stp .slt {
    width: 500px;
    float: left;
}

.inv1 .stp .slt .stc {
    margin: 20px 0 25px;
    color: #e62b1e;
}

.inv1 .stp .slt .stc .num {
    font-size: 48px;
}

.inv1 .stp .slt .stc .s {
    display: inline-block;
    padding-left: 20px;
    background: url(404.png) left 10px no-repeat;
    position: relative;
}

.inv1 .stp .slt .stc2 {
    font-size: 12px;
    color: #777f96;
}

.inv1 .stp .ul1 {
    width: calc(100% - 600px);
    float: right;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.inv1 .stp .ul1 li {
    width: 25%;
}

.inv1 .stp .ul1 li .ltc {
    display: block;
    margin-top: 30px;
    color: #7d8084;
}

.inv1 .sbt {
    display: block;
    margin: 30px 0 50px;
    background: #fff;
    padding: 0 100px 60px;
    border: 1px solid #ddd;
}

.inv1 .sbt .ul2 {
}

.inv1 .sbt .ul2 li {
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
}

.inv1 .sbt .ul2 li a {
    display: block;
}

.inv1 .sbt .ul2 li a .lnum {
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid #ebebeb;
    border: 1px solid #ddd;
    overflow: hidden;
    line-height: 50px;
    background: #f6f6f6;
    color: #555;
    float: left;
}

.inv1 .sbt .ul2 li a .lnum .year {
    background: #f0f0f0;
    border-top: 1px solid #ddd;
}

.inv1 .sbt .ul2 li a .ltx {
    display: block;
    width: calc(100% - 300px);
    float: left;
    text-align: justify;
    margin-left: 40px;
    padding-top: 20px;
}

.inv1 .sbt .ul2 li a .ltx div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inv1 .sbt .ul2 li a .ltx .ltc {
    margin-top: 10px;
    color: #666;
}

.inv1 .sbt .ul2 li a .more {
    display: block;
    width: 130px;
    line-height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    float: right;
    margin-top: 30px;
    text-align: justify;
    padding: 0 25px;
    color: #999;
    background: url(404.png) 90% center no-repeat;
}

.inv1 .sbt .ul2 li a:hover .more {
    background: #dab866 url(404.png) 90% center no-repeat;
    color: #fff;
}



.cont1 {
    background: url(404.png) center no-repeat;
    background-size: cover;
}

.cont1 .tc {
    color: #4c4c4c;
}

.cont1 .xian {
    display: block;
    width: 100px;
    height: 1px;
    background: #ddd;
    margin: 40px auto 80px;
}

.cont1 .cbox {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.cont1 .cbox .clt {
    width: 100%;
    line-height: 2;
}

.cont1 .cbox .clt .ctt {
    width: 50%;
    float: right;
    text-align: justify;
    padding-left: 3%;
    padding-top: 25px;
}

.cont1 .cbox .clt img {
    display: block;
    margin: 0;
    width: 50%;
    float: left;
}

.cont1 .cbox .clt img.contact-icon {
    width: 24px;
    height: auto;
    margin-top: 3px;
    margin-right: 10px;
}

.cont2 {
    width: 100%;
    height: 550px;
}

.cont2 #map {
    display: block;
    width: 100%;
    height: 100%;
}

.cont3 {
    background: url(404.png) center no-repeat;
    background-size: cover;
    text-align: justify;
    padding: 50px 0 100px;
}

.cont3 .ul1 {
}

.cont3 .ul1 li {
    display: block;
    width: 31.5%;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    margin-right: 2.75%;
    margin-top: 2.75%;
    float: left;
}

.cont3 .ul1 li:nth-child(3n) {
    margin-right: 0;
}

.cont3 .ul1 li .ltp {
    line-height: 70px;
    border-bottom: 1px solid #ddd;
    padding: 0 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cont3 .ul1 li .lbt {
    padding: 30px;
    height: 150px;
    color: #4c4c4c;
}

.cont3 .ul1 li .lbt .l_d1 {
    margin-bottom: 15px;
    line-height: 20px;
}

.cont3 .ul1 li .lbt .l_d1 span {
    display: block;
    width: 70px;
    float: left;
    text-align: right;
    background: url(404.png) center left no-repeat;
}

.cont3 .ul1 li .lbt .l_d1 a {
    display: block;
    float: right;
    width: calc(100% - 70px);
}

.cont3 .ul1 li .lbt .l_d1 .dh {
    background: url(404.png) center left no-repeat;
}

.cont3 .ul1 li:hover {
    border: 1px solid #dab866;
    -moz-box-shadow: 0px 1px 5px #dab866;
    -webkit-box-shadow: 0px 1px 5px #dab866;
    box-shadow: 0px 1px 5px #dab866;
}

.cont3 .ul1 li:hover .ltp {
    background: #dab866;
    color: #fff;
}



.netp {
    width: 100%;
    height: 120px;
    background: #000;
}

.news1 {
    background: #f7f7f7;
}

.news1 .nbox {
    padding: 60px 15%;
    background: #fff;
    -moz-box-shadow: 0px 1px 5px #ddd;
    -webkit-box-shadow: 0px 1px 5px #ddd;
    box-shadow: 0px 1px 5px #ddd;
    line-height: 1.5;
    color: #555;
}

.news1 .nbox .sfn {
    margin: 40px 0;
}

.news1 .nbox .tc {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 40px 0;
    text-align: justify;
}

.news1 .nbox .tc img {
    display: block;
    margin: 0 auto;
    height: auto;
}

.news1 .nbox .abtn {
    display: block;
    position: relative;
    margin-top: 40px;
}

.news1 .nbox .abtn a {
    display: block;
    text-align: justify;
    margin-bottom: 10px;
    width: calc(100% - 150px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news1 .nbox .abtn a:hover {
    color: #dab866;
}

.news1 .nbox .abtn .fh {
    position: absolute;
    top: 0;
    right: 0;
    width: 130px;
    line-height: 40px;
    background: #999;
    color: #fff;
    text-align: center;
}

.news1 .nbox .abtn .fh:hover {
    color: #fff;
    background: #dab866;
}



.sear1 {
    text-align: justify;
}

.sear1 .stp {
    background: #fff;
    -moz-box-shadow: 0px 0px 5px #ddd;
    -webkit-box-shadow: 0px 0px 5px #ddd;
    box-shadow: 0px 0px 5px #ddd;
    padding: 30px 50px;
}

.sear1 .stp .stt {
    color: #666;
}

.sear1 .stc {
    margin-top: 25px;
    line-height: 40px;
}

.sear1 .stc .sa {
    display: block;
    width: 160px;
    float: left;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    margin-right: 30px;
    color: #666;
}

.sear1 .stc .sa.act, .sear1 .stc .sa:hover {
    background: #dab866;
    color: #fff;
    border: 1px solid #dab866;
}

.sear1 .stc .srt {
    width: 40%;
    min-width: 400px;
    float: right;
    background: #f9f9f9;
}

.sear1 .stc .srt input {
    display: block;
    float: left;
    width: calc(100% - 80px);
    float: left;
    height: 40px;
    border: 1px solid #ddd;
    border-right: 0;
    padding: 0 10px;
    outline: none;
}

.sear1 .stc .srt a {
    display: block;
    width: 80px;
    text-align: center;
    float: right;
    background: #dab866;
    color: #fff;
}

.sear1 .sbt .ul1 {
    margin-bottom: 70px;
}

.sear1 .sbt .ul1 li {
    width: 32%;
    margin-right: 2%;
    float: left;
    text-align: justify;
    margin-top: 60px;
}

.sear1 .sbt .ul1 li:nth-child(3n) {
    margin-right: 0;
}

.sear1 .sbt .ul1 li a {
    display: block;
}

.sear1 .sbt .ul1 li .img, .sear1 .sbt .ul1 li .img img {
    display: block;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -ms-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;
}

.sear1 .sbt .ul1 li .ltt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 30px 0 15px;
}

.sear1 .sbt .ul1 li .ltc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.8;
    color: #999;
    height: 50px;
}

.sear1 .sbt .ul1 li .day {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #eee;
    background: url(404.png) center right no-repeat;
}

.sear1 .sbt .ul1 li:hover .ltt {
    color: #dab866;
}

.sear1 .sbt .ul1 li:hover .img img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.sear1 .sear2 {
    margin-top: 60px;
}

.sear1 .pr1 .ul1 li {
    margin-bottom: 60px;
}

.sear1 .pr1 .ul1 li:last-child {
    margin-bottom: 0;
}



.prc1 {
}

.prc1 .tt {
    color: #dab866;
    line-height: 1.5;
}

.prc1 .tc {
    padding: 60px 40px;
    background: #f5f5f5;
    text-align: justify;
    margin: 60px 0 40px;
    color: #4c4c4c;
    line-height: 2;
}

.prc1 .tc .tc_d1 {
    display: block;
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #ddd;
    line-height: 1;
}

.prc1 .tt2 {
    line-height: 1.5;
    text-align: justify;
}

.prc1 .ul1 {
    margin-top: 40px;
}

.prc1 .ul1 li {
    width: 31.5%;
    height: 200px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    text-align: justify;
    margin-right: 2.75%;
    color: #4c4c4c;
    float: left;
}

.prc1 .ul1 li:nth-child(3n) {
    margin-right: 0;
}

.prc1 .ul1 li .ltp {
    padding: 0 40px;
    border-bottom: 1px solid #ddd;
}

.prc1 .ul1 li .ltp span {
    display: block;
    line-height: 20px;
    border-left: 4px solid #bdbdbd;
    margin: 20px 0;
    padding-left: 15px;
}

.prc1 .ul1 li .lbt {
    padding: 20px 40px 0;
    line-height: 1.8;
}

.prc2 {
    background: #f7f7f7;
}

.prc2 .abtn {
    display: block;
    line-height: 60px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.prc2 .abtn a {
    display: block;
    width: 50%;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    line-height: 1.5;
    padding: 10px 5%;
    float: left;
}

.prc2 .abtn a:hover, .prc2 .abtn a.act {
    background: #dab866;
    color: #fff;
}

.prc2 .acon {
    margin: 40px 0 0px;
}

.prc2 .acon .alt {
    width: 48.6%;
    float: left;
    overflow: hidden;
    height: 680px;
}

.prc2 .acon .alt img {
    display: block;
    max-width: inherit;
    height: 100%;
    position: relative;
    left: 50%;
    margin-left: -340px;
}

.prc2 .acon .art {
    width: 48.6%;
    float: right;
    overflow: hidden;
    text-align: justify;
}

.prc2 .acon .art .att {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #ddd;
}

.prc2 .acon .art .atc {
    height: 580px;
    padding-right: 20px;
    overflow: auto;
    line-height: 1.8;
    color: #4c4c4c;
}

.prc2 .acon .art .atc::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

.prc2 .acon .art .atc::-webkit-scrollbar-thumb {
    background: #dab866;
}

.prc2 .acon .art .atc::-webkit-scrollbar-track {
    background: #ddd;
}

.prc2 .tc_d1 {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #ddd;
    text-align: justify;
    color: #4c4c4c;
}

.prc2 .tc_d2 {
    line-height: 2;
    color: #4c4c4c;
    text-align: justify;
    margin-bottom: 60px;
}

.prc2 .tc_d2:last-child {
    margin-bottom: 0;
}

.prc3 .tc_d1 {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #ddd;
    text-align: justify;
    color: #4c4c4c;
}

.prc3 .tc {
    line-height: 2;
    color: #4c4c4c;
    text-align: justify;
}

.prc3 .abtn {
    margin-top: 60px;
}

.prc3 .abtn .xz {
    display: block;
    float: left;
}

.prc3 .abtn .xz:hover {
    background: #f6f6f6;
}

.prc3 .abtn .xz img {
    display: block;
}

.prc3 .abtn .fh {
    display: block;
    float: right;
    width: 130px;
    line-height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
    color: #999;
}

.prc3 .abtn .fh:hover {
    background: #dab866;
    border: 1px solid #dab866;
    color: #fff;
}

.prc2 .box .ttxqt {
    line-height: 1.5;
}

.i4 {
    display: none;
}

.i5 {
    padding: 40px 0;
    position: relative;
    z-index: 3;
    background: #fff;
}

.i5 .ilt {
    width: calc(100% - 220px);
    float: left;
    padding-top: 45px;
}

.i5 .ilt .cn {
    line-height: 40px;
}

.i5 .ilt .cn img {
    display: block;
    float: left;
}

.i5 .ilt .cn span {
    display: block;
    float: left;
    margin: 0 20px;
}

.i5 .ilt .en {
    font-size: 60px;
    margin-top: 20px;
    color: #f2f2f2;
}

.i5 .irt {
    width: 200px;
    float: right;
    padding: 10px;
    border: 1px solid #ddd;
}

.i5 .ilt .cn2 {
    display: none;
}

@media (max-width: 1680px) {

    .top {
        width: 50px;
        height: 50px;
        right: 10px;
    }

}

@media (max-width: 1600px) {

    .pr1 .ul1 li a .llt {
        width: 60%;
    }

    .pr1 .ul1 li a .lrt {
        padding: 40px 30px 0 0;
        width: 40%;
    }

    .pr1 .ul1 li:nth-child(2n) a .lrt {
        padding: 40px 0 0 30px;
        width: 40%;
    }

    .ab3 .ul1 li .dl2 dd .ltc2 .lt_d1 {
        left: 2%;
    }

    .ab3 .ul1 li .dl2 dd .ltc2 .lt_d1:nth-child(2) {
        left: calc(180px + 4%);
    }

    .ab3 .ul1 li .dl2 dd .ltc2 .lt_d1:nth-child(3) {
        left: calc(360px + 6%);
    }

    .ab3 .ul1 li .dl2 dd .ltc2 .lt_d1:hover {
        width: 96%;
        left: 2%;
        z-index: 3;
    }

    .footer .fbt .frt li a:nth-child(1) {
        font-size: 14px;
    }

    .footer .fbt .frt li a {
        font-size: 12px;
    }

    .ab3 .ul1 li .dl1 dd .ltc span {
        font-size: 14px;
    }

    .head .ul1 li .lbt .dl1 {
        margin-left: 10%;
    }

    .ab3 .ul1 li .swiper7 .swiper-slide .sbox .ltc span {
        padding: 0 10px;
    }

}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {

}

.m_head, .m_nav, .swiper2m {
    display: none;
}

@media (max-width: 1030px) {

    body {
        min-width: 200px;
        padding: 0;
        padding-top: 50px;
    }

    .f_16 {
        font-size: 14px;
    }

    .f_18 {
        font-size: 16px;
    }

    .f_20 {
        font-size: 18px;
    }

    .f_22 {
        font-size: 20px;
    }

    .f_24 {
        font-size: 20px;
    }

    .f_26 {
        font-size: 22px;
    }

    .f_28 {
        font-size: 22px;
    }

    .f_30 {
        font-size: 24px;
    }

    .f_32 {
        font-size: 24px;
    }

    .f_34 {
        font-size: 24px;
    }

    .f_36 {
        font-size: 24px;
    }

    .f_40 {
        font-size: 30px;
    }

    .f_42 {
        font-size: 26px;
    }

    .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 .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 {
        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: 14px;
        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: #d4d3d4;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 30px;
    }

    .m_navbox li > div:nth-child(1) {
        background: url(../image/open.png) 95% center no-repeat;
        background-size: 16px;
    }

    .m_navbox li.act > div:nth-child(1) {
        background: url(../image/close.jpg) 95% center no-repeat;
    }

    .m_navbox div.lbt {
        padding: 5px 10px 5px 50px;
        display: none;
        border-bottom: 1px solid #d4d3d4;
    }

    .m_navbox li.act > div:nth-child(1) {
        color: #3555ad;
    }

    .m_navbox li.act > div:nth-child(1):after {
        background: #3555ad;
    }

    .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;
    }

    .box {
        padding: 0 5%;
        min-width: 200px;
        width: 100%;
    }

    .head {
        display: none;
    }

    .pd90 {
        padding: 50px 0;
    }

    .i2 .ul1 li img {
        width: 50px;
    }

    .i2 .ul1 li .num span {
        font-size: 40px;
    }

    .i2 .txt {
        padding: 20px;
    }

    .i2 .txt .itc {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .i2 .txt img {
        display: none;
    }

    .i3 .ul1 li .lbox .box .txt {
        left: 5%;
    }

    .i3 .ul1 li .lbox .box .txt .ltt {
        margin: 20px 0;
    }

    .i3 .ul1 li .lbox .box .txt .en {
        font-size: 40px;
    }

    .i3 .ul1 li .lbox .box .txt .abtn {
        margin: 30px 0;
    }

    .footer {
        display: none;
    }

    .pd100 {
        padding: 50px 0;
    }

    .ab1 .abox .art .ul1 li {
        padding: 0 5px;
    }

    .ab1 .abox .art .ul1 {
        margin: 20px 0;
    }

    .ab2 .ul1 li .llt {
        padding: 0;
    }

    .ab3 .ul1 li .dl1 dd .ltc span {
        padding: 0 5px;
    }

    .ab3 .ul1 li .dl2 dd .ltc2 {
        display: flex;
        justify-content: center;
    }

    .ab3 .ul1 li .dl2 dd .ltc2 .lt_d1 .llt {
        width: 100%;
        float: none;
        font-size: 14px;
        position: static;
    }

    .ab3 .ul1 li .dl2 dd .ltc2 .lt_d1 {
        width: 30%;
        float: none;
        font-size: 14px;
        position: static;
        margin: 0 1.65%;
    }

    .ab3 .ul1 li .dl2 dd .ltc2 .lt_d1 .lrt {
        display: none;
    }

    .ab3 .ul1 li .dl2 dd .ltc2 .lt_d1:hover {
        width: 30%;
        padding: 0;
    }

    .ab3 .ul1 li .dl2 dd .ltc2 .lt_d1:hover .llt {
        padding: 0;
    }

    .inv1 .stp {
        padding: 40px 5%;
    }

    .inv1 .stp .slt {
        width: 45%;
    }

    .inv1 .stp .ul1 {
        width: 48%;
    }

    .inv1 .stp .slt .stc2 {
        line-height: 1.5;
    }

    .cont3 .ul1 li .lbt {
        padding: 30px 5%;
    }

    .netp {
        display: none;
    }

    .news1 .nbox {
        padding: 50px 30px;
    }

    .ab2 .ul1 li .llt .num {
        font-size: 50px
    }

    .ab2 .ul1 li .llt .num2 .year {
        font-size: 30px;
    }

    .ab2 .ul1 li .llt .tc {
        margin-top: 10px;
    }

    .ab2 .ul1 li .lrt {
        width: 100%;
        float: none;
        margin-top: 20px;
    }

    .ab5 .abox .art2 {
        display: none;
    }

    .ab5 .abox .art {
        display: block;
    }

}



.prc2 .tc1 {
    margin: 20px 0;
    text-align: justify;
    line-height: 1.8;
    color: #4c4c4c;
}



@media (max-width: 960px) {

    .i1hd {
        display: none;
    }

    .i1 {
        position: static;
    }

    .i1 .swiper1 .swiper-slide .sbox video {
        display: none;
    }

    .i1 .swiper1 .swiper-slide .sbox > .pimg {
        display: none;
    }

    .i1 .swiper1 .swiper-slide .sbox > .mimg {
        display: block;
    }

    .i1 .swiper1 .swiper-slide .sbox .cc {
        display: none;
    }

    .i1 .swiper1 .swiper-slide .sbox .stxt {
        display: none;
    }

    .i1 .swiper1 .num {
        display: none;
    }

    .i1 .swiper1 .tiao {
        display: none;
    }

    .i1 .swiper1 .pagination1 span {
        opacity: 1;
        background: #fff;
    }

    .i1 .swiper1 .pagination1 .swiper-pagination-bullet-active {
        background: #dab866;
    }

    .pd90 {
        padding: 30px 0;
    }

    .i2 .ul1 {
        margin: 20px 0;
    }

    .i2 .ul1 li {
        width: 50%;
        margin-bottom: 20px;
    }

    .i2 .ul1 li .num span {
        font-size: 24px;
    }

    .i2 .txt {
        padding: 0;
        height: 300px;
        overflow: auto;
        text-align: justify;
        background: transparent;
    }

    .i2 .txt ul li .s1, .i2 .txt ul li .s2 {
        display: none;
    }

    .i2 .txt .itc {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .i2 .txt ul li {
        width: 100%;
        float: none;
        padding: 10px 0;
        line-height: 1.8;
        border-bottom: 1px solid #eee;
    }

    .i2 .txt ul li:nth-child(2) {
        margin: 0;
    }

    .i3 > img {
        display: none;
    }

    .i3 .ul1 {
        position: relative;
    }

    .i3 .ul1 li {
        top: 0;
    }

    .i3 .ul1 li:nth-child(1) {
        position: relative;
        top: 0;
    }

    .i3 .ul1 li.act {
        top: 0;
        opacity: 1;
        z-index: 3;
    }

    .i3 .ul1 li video {
        display: none;
    }

    .i3 .ul1 li .pimg {
        display: none;
    }

    .i3 .ul1 li .mimg {
        display: block;
    }

    .i3 .tt {
        position: static;
        color: #333;
        margin-bottom: 20px;
    }

    .i3 .irt {
        position: static;
        width: 100%;
    }

    .i3 .irt .irbt .swiper2 .swiper-slide .sbox {
        padding: 10px 5%;
        background: #333;
    }

    .i3 .irt .irbt .swiper2 .swiper-slide.act .sbox {
        background: rgba(218, 184, 102, 1);
    }

    .i3 .ul1 li .lbox .box .txt .ltt {
        font-size: 20px;
    }

    .i3 .ul1 li .lbox .box .txt .en {
        font-size: 20px;
    }

    .i4 .ul1 {
        margin-top: 20px;
    }

    .i4 .ul1 li {
        width: 100%;
        float: none;
        margin: 0 0 30px;
    }

    .i4 .ul1 li .ltt {
        margin: 20px 0 10px;
    }

    .i4 .ul1 li .day {
        padding-top: 10px;
        margin-top: 10px;
    }

    .footer2 {
        height: auto;
        text-align: center;
        line-height: 24px;
        padding: 20px 0;
    }
    .mobile-show.index_cBox1 {
        width: 100%;
        float: none;
    }
    
    .mobile-none{
        display: none;
    }
    .index_cBox1 .swiper-slide .ImgBox img.moblie {
        width: 100%;
        height: auto;
    }
    
    .f_30.moblie {
        font-size: 18px;
    }
    .index_cBoxe.mobile {
        height: auto;
        position: relative;
    }
    .index_cBoxi.mobile {
        text-align: justify;
        padding: 0 20px;
    }
    .swiper-button-next.index_cBtn.mobile {
        display: none;
        position: absolute;
        top: 50% !important;
        right: 24px !important;
        width: 42px !important;
        height: 100px !important;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        -moz-background-size: 27px 44px;
        -webkit-background-size: 27px 44px;
        background-size: 27px 44px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .swiper-button-prev.index_cBtn.mobile {
        display: none;
        position: absolute;
        top: 50% !important;
        left: 24px !important;
        width: 42px !important;
        height: 100px !important;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        -moz-background-size: 27px 44px;
        -webkit-background-size: 27px 44px;
        background-size: 27px 44px;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .syywly.mobile-show {
        border: 1px solid #dedede;
        width: 100%;
        border-radius: 32px;
        overflow: hidden;
        margin: 40px auto 0 auto;
        font-size: 18px;
    }
    .syywly.mobile-show ul li {
        display: block;
        float: left;
        width: 33.333%;
        height: 35px;
        line-height: 35px;
        color: #333333;
        border-right: 1px solid #dedede;
        margin: 0px;
        padding: 0px;
        text-align: center;
        font-size: 16px;
    }
    .tech-boxer.moblie {
        float: left;
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 20px;
    }
    .tech-boxer.moblie h3 {
        font-size: 14px;
        color: #666666;
        text-align: center;
        padding: 10px 0;
    }
    .index-sub-des {
        color: #999999;
        line-height: 150%;
    }
    .button-detail.moblie {
        width: 100%;
        height: 35px;
        margin: 15px 0 0 0;
        line-height: 35px;
        text-align: center;
        font-size: 14px;
        display: block;
        color: #fff;
        background: #59c033;
    }
    
    .y_AboutL.mobile {
        width: 100%;
    }
    .y_AboutLB.mobile {
        width: 100%;
        background: transparent;
    }
    .y_AboutLBL.mobile {
        display: none;
        width: 80px;
        height: 140px;
    }
    .y_AboutLBR.mobile {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .y_AboutLBR.mobile ul li {
        width: 100%;
        list-style: none;
        color: #59c033;
        line-height: 20px;
    }
    .y_AboutLBR.mobile ul li a {
        font-size: 16px;
        color: #666666;
        line-height: 150%;
        width: 100%;
        height: auto;
        display: inline-block;
        
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }
    .y_AboutLBR.mobile ul li span {
        font-size: 16px;
        color: #999999;
        line-height: 20px;
        display: inline-block;
        vertical-align: middle;
    }
    .y_AboutR.mobile {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .y_AboutLC.mobile {
        width: 100%;
        padding-right: 20px;
        line-height: 150%;
        font-size: 16px;
        color: #666666;
        padding: 15px 0px;
    }


    .top, .footer2 .qq, .footer2 .frt {
        display: none;
    }

    .footer2 span.dz {
        display: block;
        float: none;
        margin: 0;
        width: 100%;
    }

    .banner .pimg {
        display: none;
    }

    .banner .mimg {
        display: block;
    }

    .wid100.news_aBox {
        border: 1px solid #dedede;
        width: 100%;
        border-radius: 40px;
        overflow: hidden;
        margin: 40px auto 0 auto;
    }

    .wid100.news_aBox a {
        display: block;
        float: left;
        width: 50%;
        height: 40px;
        line-height: 40px;
        color: #333333;
        border-right: 1px solid #dedede;
        margin: 0px;
        padding: 0px;
    }

    .news_aBox a:last-child {
        border-right: none;
    }

    .news_aBox a:hover {
        color: #fff;
        background: #003894;
    }

    .news_aBox a.about_ahover {
        color: #fff;
        background: #003894;
    }

    .pd100 {
        padding: 30px 0;
    }

    .wid100.news_bBox li {
        width: 100%;
        margin-top: 36px;
        padding-bottom: 36px;
        padding-right: 0px;
        padding-left: 0px;
        position: relative;
        min-height: 0;
        border-bottom: 1px solid #d6d6d6;
    }

    .wid100.news_bBox li .news-detail.news_xq {
        display: none;
    }

    .f_18.article-date {
        display: none;
    }

    .ab1 .xian {
        margin: 10px auto 20px;
    }

    .ab1 .asz {
        background: url(404.png) center no-repeat;
        background-size: cover;
    }

    .ab1 .asz img {
        display: none;
    }

    .ab1 .asz .ul1 {
        position: static;
        margin: 0;
        padding: 20px 5%;
    }

    .ab1 .asz .ul1 li {
        width: 48%;
        margin: 0 0 20px;
        height: 100px;
    }

    .ab1 .asz .ul1 li:nth-child(2n) {
        float: right;
    }

    .ab1 .asz .ul1 li .num {
        margin: 20px 0;
    }

    .ab1 .asz .ul1 li .ltc {
        line-height: 28px;
    }

    .ab1 .abox {
        margin-top: 20px;
    }

    .ab1 .abox .alt {
        width: 100%;
        float: none;
        height: auto;
    }

    .ab1 .abox .alt img {
        width: 100%;
        height: auto;
        position: static;
        margin: 0;
    }

    .ab1 .abox .art {
        width: 100%;
        float: none;
        margin-top: 20px;
        height: auto;
        padding: 20px 5%;
    }

    .ab1 .abox .alt .att {
        margin: 20px 0 10px;
    }

    .ab1 .abox .alt .aen {
        color: #ddd;
    }

    .ab1 .abox .art .ul1 li {
        border: 0;
    }

    .ab1 .abox .art .ul1 li .ltc {
        font-size: 10px;
    }

    .ab2 .abtn span {
        width: 25%;
    }

    .ab2 .ul1 {
        margin-top: 20px;
    }

    .ab2 .ul1 li .llt {
        width: 100%;
        float: none;
    }

    .ab2 .ul1 li .llt .num {
        width: 100%;
    }

    .ab3 .xian {
        margin: 10px auto 20px;
    }

    .ab3 .ul1 {
        margin-top: 20px;
    }

    .ab3 .ul1 li .ltxt {
        width: 100%;
        height: auto;
        background: transparent;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
    }

    .ab3 .ul1 li .ltxt .ltc {
        font-size: 14px;
    }

    .ab3 .ul1 li .dsbox {
        position: relative;
        width: 100%;
        overflow: auto;
        margin-top: 20px;
    }

    .ab3 .ul1 li .dl1, .ab3 .ul1 li .dl2 {
        justify-content: flex-start;
        padding-bottom: 20px;
        overflow: auto;
        display: flex;
    }

    .ab3 .ul1 li .dl1::-webkit-scrollbar {
        width: 1px;
        height: 4px;
    }

    .ab3 .ul1 li .dl1::-webkit-scrollbar-thumb {
        background: #dab866;
    }

    .ab3 .ul1 li .dl1::-webkit-scrollbar-track {
        background: #fff;
    }

    .ab3 .ul1 li .dl2::-webkit-scrollbar {
        width: 1px;
        height: 4px;
    }

    .ab3 .ul1 li .dl2::-webkit-scrollbar-thumb {
        background: #dab866;
    }

    .ab3 .ul1 li .dl2::-webkit-scrollbar-track {
        background: #fff;
    }

    .ab3 .ul1 li .dl1 dd, .ab3 .ul1 li .dl2 dd {
        width: 330px;
        padding: 30px 0;
        flex-shrink: 0;
        margin-right: 2.5%;
    }

    .ab3 .ul1 li .dl2 dd:nth-child(2), .ab3 .ul1 li .dl2 dd {
        float: none;
    }

    .ab3 .ul1 li .dl1 dd .ico, .ab3 .ul1 li .dl2 dd .ico {
        width: 60px;
        margin: 0 auto 30px;
    }

    .ab3 .ul1 li .ltxt br {
        display: none;
    }

    .ab3 .ul1 li .dl2 {
        margin-top: 20px;
    }

    .ab3 .ul1 li .dl2 dd .ltc {
        padding: 0 5%;
        line-height: 1.5;
    }

    .ab3 .ul1 li .dl2 dd .ltc2 .lt_d1 .llt {
        font-size: 12px;
    }

    .ab3 .abtn span {
        margin: 0 10px;
    }

    .ab4 .xian, .ab5 .xian, .ab6 .xian, .ab7 .xian {
        margin: 10px auto 20px;
    }

    .ab4 .swiper3 {
        padding-bottom: 30px;
    }

    .ab4 .swiper3 .next3, .ab4 .swiper3 .prev3 {
        display: none;
    }

    .ab4 .swiper3 .pagination3 {
        display: none;
    }

    .ab5 .abox .alt {
        width: 100%;
        float: none;
    }

    .ab5 .abox .alt .ul1 {
        padding: 20px 5%;
        height: 200px;
    }

    .ab5 .abox .alt .ul1 li div {
        padding: 10px 0;
        line-height: 2;
    }

    .ab5 .abox .alt .ul1 li {
        padding-right: 10px;
    }

    .ab5 .abox .art {
        width: 100%;
        float: none;
        height: auto;
        padding: 20px 5%;
        position: relative;
    }

    .ab5 .abox .art .ul1 li .swiper4 {
        transform: translateY(-0%);
        -webkit-transform: translateY(-0%);
    }

    .ab6 .abox {
        padding: 20px 5%;
    }

    .ab6 .abox .atp, .ab6 .abox .ul1 li .ltp {
        padding: 0;
        text-align: center;
    }

    .ab6 .abox .atp span, .ab6 .abox .ul1 li .ltp span {
        width: 33.33%;
        line-height: 40px;
    }

    .ab6 .abox .atp span:nth-child(2), .ab6 .abox .atp span:nth-child(4), .ab6 .abox .atp span:nth-child(6) {
        display: none;
    }

    .ab6 .abox .ul1 li .ltp span:nth-child(2), .ab6 .abox .ul1 li .ltp span:nth-child(4), .ab6 .abox .ul1 li .ltp span:nth-child(6) {
        display: none;
    }

    .ab6 .abox .ul1 li .lbt {
        padding: 20px 5%;
    }

    .ab6 .abox .ul1 li .lbt .lx {
        margin-top: 20px;
        padding-top: 20px;
    }

    .ab7 .ul1 {
        margin: 30px 0;
    }

    .ab7 .ul1 li {
        width: 100%;
        float: none;
        margin: 0 0 20px;
    }

    .ab7 .ul1 li .ltt {
        margin: 20px 0 10px;
    }

    .ab7 .ul1 li .day {
        padding-top: 10px;
        margin-top: 10px;
    }

    .page1 {
        display: none;
    }

    .page2 {
        display: block;
    }

    .news1 .nbox {
        padding: 30px 5%;
    }

    .news1 .nbox .sfn {
        margin: 10px 0;
    }

    .news1 .nbox .tc {
        padding: 20px 0;
    }

    .news1 .nbox .abtn .fh {
        position: static;
        margin: 0 auto;
    }

    .news1 .nbox .abtn a {
        width: 100%;
    }

    .pr1 .ul1 li a .llt {
        width: 100%;
        float: none;
        height: auto;
    }

    .pr1 .ul1 li a .llt > img {
        position: static;
        width: 100%;
        height: auto;
        margin: 0;
    }

    .pr1 .ul1 li a .llt .sz {
        width: 80px;
        height: 40px;
    }

    .pr1 .ul1 li a .lrt, .pr1 .ul1 li:nth-child(2n) a .lrt {
        padding: 0;
        width: 100%;
        float: none;
        margin-top: 20px;
    }

    .pr1 .ul1 li a .lrt .ltt {
        height: auto;
        font-size: 20px;
        text-align: center;
    }

    .pr1 .ul1 li a .lrt .ltc {
        margin-top: 10px;
    }

    .pr1 .ul1 li a .lrt .more {
        margin: 20px auto 0;
    }

    .pr1 .ul1 li {
        margin-bottom: 30px;
    }

    .pr1 .ul1 li:nth-child(2n) .llt {
        float: none;
    }

    .prc1 .tt {
        font-size: 22px;
        line-height: 1.5;
    }

    .prc1 .tc {
        padding: 20px 5%;
        margin: 20px 0;
    }

    .prc1 .ul1 li {
        width: 100%;
        float: none;
        margin: 0 0 20px;
    }

    .prc1 .ul1 li:last-child {
        margin-bottom: 0;
    }

    .prc1 .ul1 {
        margin-top: 20px;
    }

    .prc2 .abtn {
        display: block;
    }

    .prc2 .abtn a {
        display: block;
        width: 100%;
    }

    .prc2 .acon {
        margin: 20px 0;
    }

    .prc2 .acon .alt {
        width: 100%;
        margin: 0 0 20px;
        float: none;
        height: auto;
    }

    .prc2 .acon .alt img {
        position: static;
        margin: 0;
        height: auto;
        width: 100%;
    }

    .prc2 .acon .art {
        width: 100%;
        float: none;
        height: auto;
    }

    .prc1 .tc .tc_d1, .prc2 .tc_d1, .prc3 .tc_d1 {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .prc2 .acon .art .atc {
        height: auto;
        padding: 0;
    }

    .prc3 .abtn {
        margin-top: 20px;
    }

    .prc3 .abtn .xz {
        width: 160px;
        float: none;
        background: #fff;
        margin: 0 auto;
    }

    .prc3 .abtn .xz img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .prc3 .abtn .fh {
        float: none;
        margin: 20px auto 0;
    }

    .ski1 .xian, .ski2 .xian, .ski3 .xian {
        margin: 10px auto 20px;
    }

    .ski1 .ul1 {
        margin: 20px 0;
    }

    .ski1 .ul1 li {
        width: 33.33%;
        background: #666;
        margin: 0
    }

    .ski1 .ul1 li .c {
        display: none;
    }

    .ski1 .sbox .slt, .ski1 .sbox .srt {
        width: 100%;
        float: none;
        padding: 20px 5%;
    }

    .ski1 .sbox .slt .sx, .ski1 .sbox .srt .sx {
        padding: 30px 0;
    }

    .ski1 .sbox {
        height: auto;
    }

    .ski1 .sbox .slt .sx .img img {
        position: static;
        width: 100%;
        height: auto;
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
    }

    .ski1 .sbox .slt .sx .abtn div {
        width: 100%;
        float: none;
        margin: 0 0 10px;
    }

    .ski1 .sbox .slt .sx .abtn div:nth-child(2n) {
        float: none;
    }

    .ski1 .sbox .srt .sx .dl1 dd {
        width: 48%;
        margin: 0 0 10px;
    }

    .ski2 .swiper5 {
        margin-top: 20px;
    }

    .ski2 {
        height: auto;
    }

    .ski3 .tc {
        margin: 20px 0;
        line-height: 1.8;
    }

    .ski3 .sbox .srt {
        width: 100%;
        float: none;
    }

    .ski3 .sbox .srt li s {
        display: none;
    }

    .ski3 .sbox .slt {
        display: none;
    }

    .img_tacnhuang .tbox {
        width: 90%;
    }

    .img_tacnhuang .tbox .img {
        width: 90%;
    }

    .tacnhuang .tbox .out {
        top: -40px;
        right: 0;
        width: 30px;
        height: 30px;
        background-size: cover;
    }

    .inv1 .stp {
        padding: 20px 5%;
    }

    .prc2 .xian {
        width: 100% !important;
    }

    .inv1 .stp .slt {
        width: 100%;
        float: none;
        width: 100%;
    }

    .inv1 .stp .ul1 {
        width: 100%;
        float: none;
        margin: 0;
        margin-top: 20px;
    }

    .inv1 .stp .ul1 li {
        width: 50%;
        margin: 0 0 20px;
        text-align: center;
    }

    .inv1 .stp .ul1 li .ltc {
        margin-top: 10px;
    }

    .inv1 .sbt {
        margin: 20px 0;
        padding: 0 5%;
    }

    .inv1 .sbt .ul2 li a .lnum {
        float: none;
        margin: 0 auto;
    }

    .inv1 .sbt .ul2 li a .ltx {
        width: 100%;
        float: none;
        margin: 0;
    }

    .inv1 .sbt .ul2 li a .more {
        float: none;
        margin: 20px auto 0;
    }

    .inv1 .page2 {
        margin: 30px auto;
    }

    .cont1 .xian {
        margin: 10px auto 20px;
    }

    .cont1 .tc1 {
        margin: 10px 0 20px;
        line-height: 2;
    }

    .cont1 .tc1.about-us {
        padding: 0;
    }

    .cont1 .cbox .clt {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .cont1 .cbox .clt img {
        width: 100%;
        float: none;
    }

    .cont1 .cbox .clt img.contact-icon {
        display: none;
    }

    .cont1 .cbox .clt:nth-child(2) img {
        width: 100%;
    }

    .cont2 {
        height: 300px;
    }

    .cont3 {
        padding: 10px 0;
    }

    .cont3 .ul1 li {
        width: 100%;
        margin: 0 0 10px;
        height: auto;
    }

    .sear1 .stp {
        padding: 20px 5%;
    }

    .sear1 .stc {
    }

    .sear1 .stc .sa {
        width: 130px;
        margin-right: 0px;
    }

    .sear1 .stc .sa:nth-child(2) {
        margin-right: 0;
        float: right;
    }

    .sear1 .stc .srt {
        min-width: 100px;
        width: 100%;
        float: left;
        margin-top: 10px;
    }

    .sear1 .sbt .ul1 li {
        width: 100%;
        float: none;
        margin-top: 20px;
    }

    .sear1 .sbt .ul1 li .ltt {
        margin: 20px 0 10px;
    }

    .sear1 .sbt .ul1 li .day {
        padding-top: 10px;
        margin-top: 10px;
    }

    .page2 {
        text-align: center;
    }

    .sear1 .sbt .ul1 {
        margin-bottom: 30px;
    }

    .prc2 .tc_d2 {
        margin-bottom: 20px;
    }

    .i3 .ul1 li .lbox .box .txt .abtn {
        display: block;
        margin: 10px 0;
    }

    .i3 .ul1 li .lbox .box .txt .abtn a {
        display: block;
        margin: 0 0 10px;
        line-height: 1.5;
    }

    .i3 .irt .irbt {
        display: none;
    }

    .i3 > .ul1 {
        display: none;
    }

    .i3 .swiper2m {
        display: block;
        padding-bottom: 40px;
    }

    .i3 .swiper2m .pagination2m .swiper-pagination-bullet-active {
        background: #dab866;
    }

    .i3 .ul1 li .lbox .box .txt {
        top: 50%;
        width: 90%;
    }

    .i3 .ul1 li {
        opacity: 1;
        pointer-events: inherit;
    }

    .i1 .swiper1 .swiper-slide:nth-child(1) {
        display: none;
    }

    .cont1 .cbox .clt .ctt {
        width: 100%;
        float: none;
        padding: 0;
        margin-top: 20px;
        text-align: center;
    }

    .i5 {
        padding: 30px 0;
    }

    .i5 .ilt {
        width: 100%;
        float: none;
    }

    .i5 .ilt .cn {
        display: none;
        padding: 0;
    }

    .i5 .ilt .cn2 {
        display: block;
        font-size: 16px;
        text-align: center;
    }

    .i5 .ilt .en {
        text-align: center;
        margin: 10px 0 20px;
        font-size: 30px;
    }

    .i5 .irt {
        width: 160px;
        margin: 0 auto;
        float: none;
    }

    .pr1 .ul1 li a .lrt .pin img {
        display: block;
        float: none;
        margin: 10px auto 0;
    }

    .wow.des-about-brand {
        width: 80%;
        height: auto;
        padding: 10px;
        margin: 0 10%;
        border-top: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
        line-height: 150%;
    }

    .wow .zzwj {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding: 10px 0;
        margin: 0;
    }

    .wow .zzwj img {
        width: 100%;
        height: auto;
        margin: 0;
    }

}

#nowyearbox {
    display: inline-block;
    float: none;
}

img.contact-icon {
    width: 24px;
    height: auto;
    margin-top: 3px;
    margin-right: 10px;
}

.maps-contact {
    display: block;
    width: 100%;
    height: auto;
}

.cont2.extend {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.about-us {
    padding: 20px 0;
}

.des-about-brand {
    width: 40%;
    height: auto;
    padding: 10px;
    margin: 20px 30%;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    line-height: 150%;
    color: #999999;
}

.zzwj {
    width: 80%;
    height: auto;
    overflow: hidden;
    padding: 10px 0;
    margin: 0 10%;
}

.zzwj img {
    width: 80%;
    height: auto;
    margin: 20px 10%;
}

.cont2.extend {
    height: auto;
}

.qsly-content .tt.f_24 {
    line-height: 150%;
}

.qsly-content .tt.f_14 {
    color: #999999;
    line-height: 150%;
    text-align: left;
    font-weight: normal;
}

.qsly-content .tt.f_14 p > img {
    text-align: center;
    padding: 20px 0;
    margin: 0 auto;
}

.article-prop {
    padding: 10px 0 20px 0;
    font-size: 14px;
    color: #cccccc;
    text-align: center;
    font-weight: normal;
}


.news_aBoxc {
    display: none;
}

.news_app1 {
    padding-left: 26px;
    background-image: url(404.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
}

.news_aBox ul li:hover .news_aBoxb {
    height: 100%;
}

.news_aBox ul li:hover .news_aBoxc {
    display: block;
}

.news_bBox {
    margin: 20px 0;
}

.news_bBox li {
    width: 100%;
    margin-top: 36px;
    padding-bottom: 36px;
    padding-right: 138px;
    padding-left: 0px;
    position: relative;
    min-height: 200px;
    border-bottom: 1px solid #d6d6d6;
    text-align: left;
}

.news_bBoxa {
    color: #868686;
    position: absolute;
    right: 0;
    top: 0;
}

.news_bBoxb {
    width: 370px;
    height: 220px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.news_bBox li:hover .index_bpp1 {
    color: #ffffff;
    background: url(404.png) no-repeat 70% center #003894;
}

.news_xq {
    position: absolute;
    right: 0;
    top: 90px;
}

.news_aBox {
    border: 1px solid #dedede;
    width: 602px;
    border-radius: 32px;
    overflow: hidden;
    margin: 40px auto 0 auto;
}

.news_aBox a {
    display: block;
    float: left;
    width: 300px;
    height: 60px;
    line-height: 60px;
    color: #333333;
    border-right: 1px solid #dedede;
    margin: 0px;
    padding: 0px;
}

.news_aBox a:last-child {
    border-right: none;
}

.news_aBox a:hover {
    color: #333333;
    
}

.news_aBox a.active {
    color: #fff;
    background: #003894;
}

.news_bBox li:hover .news_app2 {
    color: #0faae3;
}

.news-title {
    text-align: left;
    color: #666666;
}

.news-des {
    color: #999999;
    line-height: 150%;
    text-align: left;
    font-weight: normal;
    margin-top: 15px;
}

.news-detail {
    width: 150px;
    height: 52px;
    line-height: 52px;
    display: inline-block;
    padding-left: 37px;
    border: 1px solid #dedede;
    background: url(../image/news-detail.png) no-repeat 70% center;
    text-align: left;
}

.about-us-index {
    clear: both;
    height: 1000px;
    background: #ffffff;
}


.y_About {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
}

.y_AboutL {
    width: 50%;
}

.y_AboutLT {
    width: 640px;
    height: 40px;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
}

.y_AboutLTL {
    width: 190px;
    height: 39px;
    border-bottom: 5px solid #e6e6e6;
}

.y_AboutLTL span {
    line-height: 40px;
    font-size: 24px;
    color: #333;
}

.y_AboutLTL font {
    font-size: 14px;
    color: #ccc;
}

.y_AboutLC {
    width: 620px;
    padding-right: 20px;
    line-height: 25px;
    font-size: 16px;
    color: #666666;
    padding: 15px 0px;
}

.y_AboutLB {
    width: 640px;
    background: #fafafa;
}

.y_AboutLBL {
    width: 80px;
    height: 140px;
}

.y_AboutLBL img {
    width: 80px;
    height: 140px;
}

.y_AboutLBR {
    width: 525px;
    height: 140px;
    overflow: hidden;
}

.y_AboutLBR ul {
    overflow: hidden;
    
    padding: 7px 0 8px 0;
}

.y_AboutLBR ul li {
    width: 525px;
    list-style: inside;
    color: #59c033;
    line-height: 20px;
}

.y_AboutLBR a {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 20px;
    width: 410px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.y_AboutLBR a:hover {
    text-decoration: underline;
}

.y_AboutLBR span {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.y_AboutR {
    width: 50%;
    height: 280px;
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.about-boxer {
    background-color: #ffffff;
    height: auto;
    overflow: hidden;
    padding: 20px 10px;
}

.i3.part-bg {
    
    background-repeat: repeat;
}


.index_bBox {
    padding: 45px 0;
}

.wid1400 {
    max-width: 1400px;
    margin: 0 auto;
}

.index-sub-title {
    color: #333333;
}

.index-sub-des {
    color: #999999;
}

.text-center {
    text-align: center;
}

.top15 {
    margin-top: 15px;
}

.syywly {
    border: 1px solid #dedede;
    width: 902px;
    border-radius: 32px;
    overflow: hidden;
    margin: 40px auto 0 auto;
    font-size: 18px;
}

.syywly ul li {
    display: block;
    float: left;
    width: 300px;
    height: 60px;
    line-height: 60px;
    color: #333333;
    border-right: 1px solid #dedede;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.syywly ul li:last-child {
    border-right: none;
}

.syywly ul li:hover {
    color: #333333;
    
    cursor: pointer;
}

.syywly ul li.active {
    color: #fff;
    background: #003894;
}

.tech-boxer {
    float: left;
    width: 33.333%;
    height: auto;
    overflow: hidden;
    padding: 20px;
}

.tech-boxer h3 {
    font-size: 20px;
    color: #666666;
    text-align: center;
    padding: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.button-detail {
    width: 60%;
    height: 35px;
    margin: 30px 20% 0 20%;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    display: block;
    color: #fff;
    background: #59c033;
}


.index_cBox1 {
    width: 770px;
    float: left;
}

.index_cBox2 {
    width: 600px;
    float: right;
}
.index_cBox1 .swiper-slide .ImgBox {
    border: 20px solid #003894;
    height: auto;
}

.index_cBox1 .swiper-slide .ImgBox img {
    width: 770px;
    height: 428px;
}
.index_cBoxd {
    width: 720px;
    max-width: 98%;
    color: #fff;
}
.index_cBoxk ul li {
    height: 122px;
    overflow: hidden;
    margin-bottom: 28px;
    background: #f7f7f7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}
.index_cBoxl {
    padding-left: 50px;
    position: relative;
    min-height: 88px;
    padding-right: 130px;
    background: url(../image/right-jt.png) no-repeat 540px center;
}
.case-title-t{
    color: #333333;
    line-height: 50px;
}
.case-title-d{
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    height: 16px;
    width: 450px;
}
.index_cBoxh {
    height: 105px;
    z-index: 5;
    background: #003894;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}
.index_cBoxi {
    text-align: justify;
    padding: 0 60px;
}
.index_cpp4 {
    margin-top: 10px;
    line-height: 24px;
    color: #7c83b1;
}
.index_cprev.index_cBtn {
    background-image: url(../image/left-jjt.png);
    width: 42px !important;
    height: 100px !important;
    background-size: auto auto;
    background-color: rgba(0,0,0,0.4);
}
.index_cnext.index_cBtn {
    background-image: url(../image/rightjjt.png);
    width: 42px !important;
    height: 100px !important;
    background-size: auto auto;
    background-color: rgba(0,0,0,0.4);
}
.index_cBtn {
    width: 42px !important;
    height: 100px!important;
    background-size: auto auto;
    background-color: rgba(0,0,0,0.4);
}
.swiper-button-prev.index_cBtn {
    left: 40px;
}
.swiper-button-next.index_cBtn, .swiper-button-prev.index_cBtn {
    top: 33% !important;
}
.swiper-button-next.index_cBtn {
    position: absolute;
    top: 50% !important;
    right: 24px !important;
    width: 42px !important;
    height: 100px !important;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev.index_cBtn {
    position: absolute;
    top: 50% !important;
    left: 24px !important;
    width: 42px !important;
    height: 100px !important;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.index_cBoxe .swiper-slide:hover .index_cBoxh {
    bottom: 0;
}
.top40 {
    margin-top: 40px;
}
.index_bpp2 {
    width: 150px;
    height: 52px;
    line-height: 52px;
    display: inline-block;
    padding-left: 30px;
    border: 1px solid #dedede;
    background: url(../image/news-detail.png) no-repeat 80% center;
    margin: 0px auto 70px auto;
}
.clear {
    clear: both;
}

.index_cBoxe {
    height: 570px;
    position: relative;
}
.blank-20{
    padding: 10px 0;
}
.t-l{
    text-align: left;
}

#MyContent *{
    font-size: 14px;
    line-height: 150%;
}
#MyContent p{
    font-size: 16px;
    line-height: 150%;
}
.fr-wd{
    width: 750px;
    height: 600px;
    margin: 0 auto;
}

.gchewm-bottom{
    
    
}