﻿/*首页*/
.banner
{
    width: 100%;
    position: relative;
}
.banner .swiper-container
{
    width: 100%;
}
.banner .swiper-slide
{
    position: relative;
    overflow: hidden;
}
.banner .swiper-slide img
{
    width: 100%;
    transition: transform 12s cubic-bezier(.23,1,.32,1);
    transform: scale(1);
}
.banner .swiper-slide.swiper-slide-active img
{
    transform: scale(1.1);
}
.banner .swiper-slide.swiper-slide-active.ban_video img
{
    transform: scale(1);
}
.banner .swiper-slide.ban_video video
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;/*object-fit: fill;*/
}
.banner .txt
{
    color: #fff;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.banner .txt h2
{
    line-height: 1.1;
    font-family: Arial,Helvetica,sans-serif;/*font-family: CN-Light;*/
    text-transform: uppercase;
}
.banner .txt h3
{/*font-family: CN-Light;*/
    line-height: 1.8;
}
.banner .swiper-button-prev, .banner .swiper-button-next
{
    left: 3%;
    width: 36px;
    height: 62px;
    background: url(/png/tjp41fzh.png) no-repeat;
    background-size: cover;
}
.banner .swiper-button-next
{
    right: 3%;
    left: auto;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.banner .swiper-pagination
{
    bottom: 40px;
    z-index: 2;
}
.banner .swiper-pagination-bullet
{
    width: 12px;
    height: 12px;
    margin: 0 5px!important;
    background: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}
.banner .swiper-pagination-bullet-active
{
    background: #3ab7b6;
}
.banner .down
{
    cursor: pointer;
    position: absolute;
    z-index: 1;
    bottom: 6%;
    left: 50%;
    width: 36px;
    margin-left: -18px;
}
.banner .down i
{
    font-size: 36px;
    color: #fff;
}
a.more
{
    display: block;
    width: 82px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #747476;
    border: 2px solid #3ab7b6;
    border-radius: 30px;
}
a.more.m_w
{
    color: #fff;
    border-bottom: 1px solid #fff;
}
.index-part01
{
    padding: 5% 0 3%;
    position: relative;
}
.index-part01 .line01
{
    position: absolute;
    left: 0;
    top: 30%;
    width: 100%;
}
.index-part01 .line02
{
    position: absolute;
    left: 0;
    top: 38%;
    width: 100%;
}
.index-part01 .ll
{
    float: left;
    width: 54%;
}
.index-part01 .ll h2
{
    color: #656565;
    margin-bottom: 5%;/*font-family: CN-Light;*/
}
.index-part01 .ll p
{
    line-height: 1.8;
    color: #656565;
    margin-bottom: 4%;
}
.index-part01 .ll p:last-child
{
    margin-bottom: 0;
}
.index-part01 .ll a.more
{
    margin-top: 40px;
}
.index-part01 .rr dl
{
    margin: 0 0 5%;
}
.index-part01 .rr dt
{
    float: left;
    color: #797979;
}
.index-part01 .rr dt span
{
    display: block;
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    background: #3ab7b6;
}
.index-part01 .rr dd
{
    float: right;
    color: #000;
    width: 65%;
    line-height: 68px;
    letter-spacing: 1px;
}
.index-part01 .rr dd span
{
    display: inline-block;
    vertical-align: middle;
    margin: -5px 0 0 16%;
    color: #f50e0e;
    line-height: 27px;
}
.index-part01 .rr dd.on span
{
    color: #41e441;
}
.index-part01 .rr dd span:first-child
{
    margin: 0;
}
.index-part01 .rr
{
    float: right;
    width: 40%;
    margin-top: 6%;
}
.index-part01 .rr ul
{
    margin: 0 -3.5%;
}
.index-part01 .rr li
{
    float: left;
    width: 26.33%;
    margin: 0 3.5% 9%;/*font-family: CN-Bold;*/
    font-weight: bold;
}
.index-part01 .rr li h3
{
    color: #3ab7b6;
    margin-bottom: 5px;
}
.index-part01 .rr li p
{
    color: #797979;
}
.index-part02 li
{
    float: left;
    width: 54.16%;
    position: relative;
    overflow: hidden;
}
.index-part02 li img
{
    width: 100%;
}
.index-part02 li+li
{
    width: 45.84%;
}/*.index-part02 li span.line01{width: 100%; position: absolute; z-index: 1; left:0; top:37%;}
.index-part02 li span.line02{width: 100%; position: absolute; z-index: 1;left:0; bottom:3%;}
.index-part02 li span.line03{width: 100%; position: absolute; z-index: 1; left:0; top:5%;}
.index-part02 li span.line04{width: 100%; position: absolute; z-index: 1;left:0; bottom:3%;}*/
.index-part03
{
    margin: 5% 0;
    position: relative;
}
.index-part03 h2
{
    color: #656565;
    margin-bottom: .5%;/*font-family: CN-Light;*/
}
.index-part03 h2+p
{
    color: #656565;
    margin-bottom: 3%;
}
.index-part03 li .txt
{
    margin: 5% 0 0;
}
.index-part03 li .txt h3 a
{
    color: #605f64;
}
.index-part03 li .txt h3 em
{
    display: inline-block;
    margin-left: 30px;
    width: 40px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
    background: #3ab7b6;
}
.index-part03 li .txt h3 em i
{
    font-size: 12px;
    position: relative;
    top: -2px;
}
.index-part03 li .txt p
{
    margin-top: 10px;
    color: #605f64;
    font-size: 14px;
}
.index-part04
{
    position: relative;
}
.index-part04 .img
{
    position: relative;
    width: 100%;
    z-index: 2;
}
.index-part04 .img .c
{
    position: absolute;
    right: 5%;
    bottom: 10%;
    color: #fff;
    width: 30%;
}
.index-part04 .img h2
{/*font-family: CN-Light;*/
    margin-bottom: 10px;
}
.index-part04 .img p
{
    font-size: 14px;
    line-height: 1.8;
}
.index-part04 .line01
{
    position: absolute;
    left: 0;
    bottom: 5%;
    width: 100%;
}
.index-part04 .line02
{
    position: absolute;
    left: 0;
    bottom: 10%;
    width: 100%;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled
{
    opacity: 1;
    pointer-events: inherit!important;
}
.index-part03 .swiper-button-prev, .index-part04 .swiper-button-prev
{
    width: 36px;
    height: 62px;
    margin-top: -36px;
    background: url(/jpg/7j0gxfyx.jpg) no-repeat;
}
.index-part03 .swiper-button-next, .index-part04 .swiper-button-next
{
    width: 36px;
    height: 62px;
    margin-top: -36px;
    background: url(/jpg/018wb9lo.jpg) no-repeat;
}
.index-part05
{
    margin: 4% 0 0;
}
.index-part05 h2
{
    color: #656565;
    margin-bottom: 1%;/*font-family: CN-Light;*/
}
.index-part05 li
{
    float: left;
    position: relative;
    width: 33.33%;
}
.index-part05 li .inner
{
    padding: 8% 12%;
}
.index-part05 li span
{
    display: block;
    color: #000;
    font-size: 14px;
    margin-bottom: 15px;
}
.index-part05 li h3
{
    -webkit-line-clamp: 2;
    line-height: 1.3;
    max-height: 2.6em;
    height: 2.6em;
    margin-bottom: 20px;
}
.index-part05 li h3 a
{
    color: #414141;
}
.index-part05 li p
{
    color: #414141;
    font-size: 14px;
    line-height: 2;
    max-height: 6em;
    height: 6em;
    margin-bottom: 30px;
}
.index-part05 li em
{
    display: block;
    width: 60px;
    height: 2px;
    background: #6b6b6b;
}
.index-part06
{
    margin: 5% 0 0;
}
.index-part06 li
{
    float: left;
    width: 49%;
    position: relative;
}
.index-part06 li:nth-child(2n)
{
    float: right;
}
.index-part06 li .txt
{
    color: #fff;
    padding: 0 12%;
    width: 100%;
}
.index-part06 li h2
{/*font-family: CN-Light;*/
    margin-bottom: 20px;
}
.index-part06 li em
{
    display: block;
    width: 40px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #000;
    border-radius: 20px;
    background: #fff;
}
.index-part06 li em i
{
    font-size: 12px;
}
.index-part07
{
    margin: 8% 0 0;
    background: #3ab7b6;
}
.index-part07 .wrap
{
    position: relative;
}
.index-part07 .mapbg
{
    max-width: 100%;
    margin-left: 9%;
}
.index-part07 .con
{
    width: 100%;
    padding: 0 2%;
}
.index-part07 .ll
{
    float: left;
    width: 50%;
}
.index-part07 .ll h3
{
    color: #fff;
    line-height: 1.8;
}
.index-part07 .rr
{
    float: right;
    width: 48%;
    text-align: right;
}
.index-part07 .rr dd
{
    display: inline-block;
    margin: 0 4%;
}
.index-part07 .rr dd img
{
    max-width: 112px;
    max-height: 92px;
    width: 100%;
}
@media only screen and (min-width: 1025px)
{
    .banner .swiper-button-prev:hover, .banner .swiper-button-next:hover
    {
        background: url(/png/n1kt9ann.png);
        background-size: cover;
    }
    .index-part05 li, .index-part05 li span, .index-part05 li p, .index-part05 li em
    {
        transition: .3s all;
        -webkit-transition: .3s all;
        -moz-transition: .3s all;
        -o-transition: .3s all;
        -ms-transition: .3s all;
    }
    .index-part05 li:hover
    {
        background: #3ab7b6;
    }
    .index-part05 li:hover span, .index-part05 li:hover a, .index-part05 li:hover p, .index-part05 li:hover h3
    {
        color: #fff;
    }
    .index-part05 li h3 a:hover
    {
        color: #fff!important;
    }
    .index-part05 li:hover em
    {
        background: #fff;
    }
    .index-part06 li:hover h2
    {
        color: #3ab7b6;
    }
    .index-part06 li:hover em
    {
        color: #fff;
        background: #3ab7b6;
    }/*{-webkit-transform: translateX(10px);-moz-transform:translateX(10px);transform: translateX(10px);}*/
}
@media only screen and (max-width: 1500px)
{
    .index-part04 .img p br
    {
        display: none;
    }
    .index-part03 li .txt h3 em i
    {
        top: 0;
    }
}
@media only screen and (max-width: 1279px)
{
    .banner .swiper-button-prev
    {
        width: 18px;
        height: 31px;
        margin-top: -16px;
    }
    .banner .swiper-button-next
    {
        width: 18px;
        height: 31px;
        margin-top: -16px;
    }
    .index-part05 ul
    {
        margin: 0 -1%;
    }
    .index-part05 li
    {
        width: 31.33%;
        margin: 0 1%;
        border: 1px solid #3ab7b6;
    }
}
@media only screen and (max-width: 1023px)
{
    .banner .swiper-pagination
    {
        bottom: 10px;
    }
    .index-part01 .ll, .index-part01 .rr, .index-part07 .ll, .index-part07 .rr
    {
        float: none;
        width: 100%;
    }
    .index-part04 .img .c
    {
        width: 90%;
    }
    .index-part07 .con
    {
        padding: 0;
    }
    .index-part07 .ll
    {
        text-align: center;
    }
    .index-part07 .rr
    {
        margin-top: 3%;
        text-align: center;
    }
}
@media only screen and (max-width: 767px)
{
    .banner .txt
    {
        width: 80%;
    }
    .banner .down
    {
        display: none;
    }
    .index-part01 .ll a.more
    {
        margin-top: 20px;
    }
    .index-part01 .rr li
    {
        margin-bottom: 3%;
    }
    .index-part02 li, .index-part02 li+li, .index-part03 li, .index-part06 li
    {
        width: 100%;
    }
    .index-part03 li .txt h3 em, .index-part06 li em
    {
        width: 30px;
        height: 16px;
        line-height: 16px;
        margin-left: 10px;
    }
    .index-part06 li em
    {
        margin-left: 0;
    }
    .index-part03 li .txt h3 em i, .index-part06 li em i
    {
        font-size: 14px;
    }
    .index-part03 h2+p br, .index-part07 .ll h3 br, .index-part04 .img img
    {
        display: none;
    }
    .index-part04 .img
    {
        height: 260px;
    }
    .index-part05 ul
    {
        margin: 0;
    }
    .index-part05 li
    {
        width: 100%;
        margin: 0 0 2%;
    }
    .index-part05 li .inner
    {
        padding: 5%;
    }
    .index-part05 li p
    {
        margin-bottom: 10px;
        line-height: 1.5;
    }
    .index-part05 li p, .index-part05 li h3
    {
        height: auto;
    }
    .index-part06 li
    {
        margin-bottom: 2%;
    }
    .index-part06 li h2
    {
        margin-bottom: 10px;
    }
    .index-part07
    {
        background-size: cover;
        background: url(/png/52zjgow0.png) no-repeat #3ab7b6;
    }
    .index-part07 .wrap
    {
        height: 258px;
    }
    .index-part07 .mapbg
    {
        margin: 0;
        display: none;
    }
    .index-part07 .rr dd
    {
        float: left;
        width: 23.33%;
        margin: 0 5%;
    }
}/*首页end*/
