@charset "utf-8";
.container {
    position: relative;
    width: 100%;
}

.topArea {
    -webkit-animation: fadeInDown 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInDown 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.u-ac {
    position: absolute;
    bottom: 30px;
    width: 108px;
    height: 56px;
    left: 50%;
    margin-left: -54px;
    cursor: pointer;
    overflow: hidden;
    zoom: 1;
    clear: both;
    z-index: 4;
}

.u-ac a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    background: url(ico_09.png) no-repeat;
}

.a-f {
    width: 29px;
    height: 17px;
    position: absolute;
    background: url(a5.png) no-repeat center;
}

.a-b {
    top: 80%;
    left: 15%;
}

.a-c {
    top: 30%;
    left: 40%;
}

.a-d {
    top: 80%;
    left: 80%;
}

.a-e {
    top: 20%;
    left: 90%;
}

.a-b,
.a-d {
    -webkit-animation: godown 2s infinite;
    animation: godown 2s infinite;
    box-sizing: border-box;
}

.a-g {
    height: 330px;
    margin-top: -165px;
    position: absolute;
    left: 18.75%;
    top: 50%;
}

.a-g p {
    font-size: 26px;
    color: #fff;
}

.u-ac,
.a-c,
.a-e {
    -webkit-animation: godown 1.5s infinite;
    animation: godown 1.5s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes godown {
    0% {
        -webkit-transform: translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }
}

@keyframes godown {
    0% {
        transform: translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(0, 20px);
        opacity: 0;
    }
}

.section {
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.banner {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.banner .bd {
    position: relative;
    text-align: center;
    overflow: hidden;
}

@media (max-width: 600px) {
    /*.banner { display: none; }*/
}


/* 首页文字跳动核心代码 */

.bumpy-char {
    position: relative;
}


/* 结束 */

.b-a {
    width: 100%;
    background: #ecf1f5;
}

.b-b {
    float: left;
    width: 50%;
    position: relative;
}

.b-b img.pic {
    width: 100%;
    height: auto;
}

.b-c {
    position: absolute;
    left: 50%;
    width: 465px;
    left: 50%;
    margin-left: -163px;
    top: 50%;
    margin-top: -101px;
    height: 202px;
}

.b-d {
    float: right;
    width: 50%;
    position: relative;
}

.b-d img.pic {
    width: 100%;
    height: auto;
}

.b-e {
    width: 506px;
    height: 520px;
    position: absolute;
    left: 95px;
    top: 50%;
    margin-top: -300px;
}

.b-e h2 {
    font-size: 36px;
    color: #000;
    font-weight: normal;
    line-height: 36px;
    margin-bottom: 70px;
}

.b-e h3 {
    font-size: 20px;
    color: #117be3;
    font-weight: normal;
    line-height: 20px;
    margin: 25px 0 20px;
}

.b-e p {
    font-size: 16px;
    color: #4a4a4a;
    line-height: 32px;
}

.b-e ul li {
    font-size: 12px;
    color: #8e8e8e;
    height: 22px;
    line-height: 22px;
}

@media screen and (max-width: 1600px) {
    .dsj-jl h3 {
        font-size: 42px;
    }
    .dsj-jl p {
        font-size: 16px;
    }
}

@media (max-width: 1500px) {
    .b-e {
        margin-top: -250px;
    }
}

.b-f {
    margin-top: 65px;
}

.b-f a {
    display: inline-block;
    font-size: 14px;
    color: #3f3f3f;
    background: url(b4.png) no-repeat left center;
    height: 46px;
    line-height: 46px;
    padding-left: 60px;
    margin-right: 45px;
}

.b-f a:hover {
    background: url(bg11.png) no-repeat left center;
    color: #117be3;
}

.section1.active .a-g {
    -webkit-animation: fadeInLeft 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInLeft 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section2.active .b-b {
    -webkit-animation: fadeInLeft 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInLeft 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section2.active .b-g {
    -webkit-animation: fadeInLeft 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInLeft 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section2.active .b-d .pic,
.section2.active .b-b .pic {
    -webkit-animation: fadeIn 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeIn 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section2.active .b-e {
    -webkit-animation: fadeInRight 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInRight 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section3.active .c-a li:nth-child(1) .c-b {
    -webkit-animation: fadeInLeft 0.8s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInLeft 0.8s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section3.active .c-a li:nth-child(2) .c-b {
    -webkit-animation: fadeInLeft 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInLeft 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section3.active .c-a li:nth-child(3) .c-b {
    -webkit-animation: fadeInLeft 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInLeft 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section4.active .d-a .d-c {
    -webkit-animation: fadeInLeft 0.8s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInLeft 0.8s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section4.active .d-d .d-e {
    -webkit-animation: fadeInRight 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInRight 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section4.active .d-a .d-f {
    -webkit-animation: fadeInRight 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInRight 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section5.active .f-c {
    -webkit-animation: fadeInDown 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInDown 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section5.active .f-d ul li:nth-child(1) {
    -webkit-animation: fadeInLeft 0.8s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInLeft 0.8s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section5.active .f-d ul li:nth-child(2) {
    -webkit-animation: fadeInLeft 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInLeft 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section5.active .f-d ul li:nth-child(3) {
    -webkit-animation: fadeInLeft 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInLeft 1.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section5.active .f-d ul li:nth-child(4) {
    -webkit-animation: fadeInLeft 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInLeft 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section5.active .f-d ul li:nth-child(5) {
    -webkit-animation: fadeInLeft 1.6s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInLeft 1.6s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section6.active .g-a .g-b {
    -webkit-animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


/*
.section4.active .d-d .d-e .hd li:nth-child(1){ 
	-webkit-animation: fadeInLeft 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInLeft 1.0s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section4.active .d-d .d-e .hd li:nth-child(2){ 
	-webkit-animation: fadeInLeft 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInLeft 1.4s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section4.active .d-d .d-e .hd li:nth-child(3){ 
	-webkit-animation: fadeInLeft 1.8s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInLeft 1.8s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section4.active .d-d .d-e .hd li:nth-child(4){ 
	-webkit-animation: fadeInLeft 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInLeft 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section4.active .d-d .d-e .hd li:nth-child(5){ 
	-webkit-animation: fadeInLeft 2.6s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInLeft 2.6s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.section4.active .d-d .d-e .bd { 
	-webkit-animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}*/

.c-a {
    position: absolute;
    left: 0;
    top: 0;
}

.c-a ul li {
    position: relative;
    overflow: hidden;
    float: left;
    width: 33.3333%;
}

.c-a ul li img.pic {
    width: 100%;
    height: auto;
}

.c-a ul li .mb {
    /*transition: all 0.3s; */
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}

.c-a ul li .mb1 {
    right: 100%;
}

.c-a ul li .mb2 {
    left: 0;
}

.c-a ul li .mb3 {
    transform: all 0s!important;
}

.c-b {
    width: 70%;
    text-align: center;
    position: absolute;
    left: 15%;
    top: 50%;
    z-index: 10;
}

.c-b span {
    display: block;
    font-size: 12px;
    color: #fff;
    opacity: 0.6;
    text-transform: uppercase;
}

.c-b i {
    line-height: 26px;
    margin: 40px 0 55px;
    display: block;
    font-size: 12px;
    color: #fff;
    opacity: 0.6;
    text-transform: uppercase;
}

.c-b h2 {
    margin: 15px 0;
    font-size: 30px;
    color: #fff;
    font-weight: normal;
}

.c-b p {
    font-size: 16px;
    color: #fff;
}

.c-c {
    width: 14px;
    height: 9px;
    margin: 0 auto;
    background: url(c4.png) no-repeat center;
}

.c-c {
    -webkit-animation: godown 1.5s infinite;
    animation: godown 1.5s infinite;
    box-sizing: border-box;
}

.d-a {
    width: 100%;
    height: 100%;
    position: relative;
}

.d-a img.pic {
    width: 100%;
    height: auto;
}

.d-b {
    width: 100%;
    height: 500px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -250px;
}

.d-c {
    margin-right: 176px;
    float: left;
    width: 370px;
}

.d-c h2 {
    font-size: 40px;
    color: #fff;
    font-weight: normal;
    margin: 30px 0;
}

.d-c p {
    line-height: 32px;
    font-size: 14px;
    color: #fff;
    opacity: 0.6;
    box-sizing: border-box;
    padding-left: 125px;
}

.d-d {
    padding-top: 70px;
    float: left;
    width: 630px;
}

.d-e {
    padding-left: 75px;
}

.d-e .hd li {
    cursor: pointer;
    display: inline-block;
    width: 68px;
    height: 79px;
    margin-right: 40px;
}

.d-e .hd li:last-child {
    margin-right: 0;
}

.d-e .hd li:hover,
.d-e .hd li.on {
    background: url(d8.png) no-repeat center;
}

.d-e .bd {
    margin: 35px 0;
}

.d-e .bd li p {
    font-size: 18px;
    color: #fff;
    opacity: 0.6;
    line-height: 32px;
}

.d-f {
    box-sizing: border-box;
    padding: 36px 0 0 50px;
    z-index: 9999;
    background: url(d9.png) no-repeat center;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 53%;
    height: 45.28%;
}

.d-f h2 {
    font-size: 40px;
    color: #fff;
    font-weight: normal;
}

.d-f p {
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    width: 500px;
    margin-top: 20px;
}

.f-a {
    width: 100%;
    height: 100%;
    position: relative;
}

.f-a img.pic {
    width: 100%;
    height: auto;
}

.f-b {
    position: absolute;
    width: 1200px;
    height: 500px;
    top: 50%;
    margin-top: -250px;
    left: 50%;
    margin-left: -600px;
}

.f-c {
    padding-bottom: 70px;
    padding-left: 215px;
    background: url(f2.png) no-repeat left bottom;
}

.f-c h2 {
    margin-bottom: 18px;
    padding-top: 36px;
    position: relative;
    font-size: 40px;
    color: #000;
    font-weight: normal;
}

.f-c h2:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 40px;
    background: url(f1.png) no-repeat center;
    content: '';
}

.f-c p {
    font-size: 16px;
    color: #595959;
    line-height: 26px;
    width: 590px;
}

.f-d {
    margin-top: 30px;
}

.f-d .indexTypes {
    width: 1360px;
    margin: 10px auto;
}

.f-d .indexTypes ul li {
    position: relative;
    float: left;
    width: 169px;
    overflow: hidden;
    overflow: hidden;
    margin-right: 10px;
}

.f-d .indexTypes ul li:nth-child(6) {
    margin-right: 0;
}

.f-d .indexTypes ul li:hover {
    cursor: pointer;
}

.f-d .indexTypes ul li .title h2 {
    font-size: 22px;
    font-weight: normal;
    line-height: 1;
    position: relative;
    z-index: 2;
}

.f-d .indexTypes ul li .title p {
    font-size: 14px;
    opacity: 0.5;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}

.f-d .indexTypes ul li .title {
    background: #fff;
    border-radius: 50%;
    -webkit-transition: transform 0.5s linear;
    -moz-transition: transform 0.5s linear;
    -o-transition: transform 0.5s linear;
    transition: transform 0.5s linear;
    text-align: center;
    height: 170px;
    width: 170px;
}

.f-d .indexTypes ul li .title .ys-img {
    width: 60px;
    margin: 0 auto;
    position: relative;
    height: 60px;
    padding-top: 20px;
}

.f-d .indexTypes ul li .title .ys-img img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: -20px;
    right: 0;
    margin: auto;
    z-index: 2;
}

.f-d .indexTypes ul li .title .ys-img .img02 {
    opacity: 0;
}

.f-d .indexTypes ul li .title .ys-img .img01 {
    opacity: 1;
}

.f-d .indexTypes ul li.currnet {
    width: 360px;
}

.dsj-box .swiper-slide {
    position: relative;
}

.dsj-box .swiper-slide img {
    display: block;
    width: 100%;
    filter: blur(5px);
}

.dsj-jl {
    width: 100%;
    padding: 0 50px;
    position: absolute;
    bottom: 40px;
    opacity: 0;
    visibility: hidden;
    box-sizing: border-box;
}

.dsj-jl h3 {
    font-size: 72px;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 15px;
    font-weight: normal;
}

.dsj-jl p {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 1.6;
    font-weight: normal;
}

.dsj-box .swiper-slide-active .dsj-jl {
    opacity: 1;
    visibility: initial;
}

.dsj-box .swiper-slide-active img {
    filter: blur(0px);
}

.dsj-box .page3-swpier-pagination {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.dsj-box .page3-swpier-pagination span {
    width: 30px;
    height: 12px;
    border-radius: 12px;
    background: #FFFFFF;
    margin: 0 10px;
    opacity: 1;
}

.dsj-box .swiper-pagination-bullet-active {
    background: #c18520 !important;
}

.f-d .indexTypes ul li.current .title {
    background: none;
    position: relative;
    margin: 0;
}

.f-d .indexTypes ul li.current .title .mb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/f3.png) no-repeat center;
    z-index: 1;
    -webkit-animation: haha1 5s linear infinite;
}

.f-d .indexTypes ul li.current .title h2 {
    color: #c18520;
}

.f-d .indexTypes ul li.currnet .title .ys-img .img02 {
    opacity: 1;
}

.f-d .indexTypes ul li.currnet .title .ys-img .img01 {
    opacity: 0;
}

.indexTypes ul li .con {
    position: absolute;
    top: 0;
    width: 220px;
    left: 190px;
    overflow: hidden;
    overflow: hidden;
}

.indexTypes ul li .con ul {
    padding-top: 12px;
}

.indexTypes ul li .con dl dd {
    font-size: 15px;
    width: 220px;
    display: table;
    text-align: justify;
    height: 200px;
}

.indexTypes ul li .con dl dd p {
    font-size: 15px;
    width: 220px;
    line-height: 22px;
    display: table-cell;
    vertical-align: middle;
    text-align: justify;
    color: #333;
}

@-webkit-keyframes haha1 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(270deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@media screen and (max-width: 1440px) {
    .dsj-jl h3 {
        font-size: 30px;
    }
    .dsj-jl p {
        font-size: 15px;
    }
}

@media screen and (max-width: 769px) {
    .dsj-jl {
        position: relative;
        bottom: 0;
        padding: 20px 10px;
        background: #ce000c;
    }
    .dsj-jl h3 {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .dsj-box .page3-swpier-pagination span {
        width: 12px;
    }
}