
.section {
    position: relative;
    overflow: hidden;
}

.section2 {
    position: relative;
    background: url(../images/j18.jpg) center no-repeat;
    background-size: cover;
}

.section-security-check {
    position: relative;
    background: url(../images/bigbgtp4.jpg) center no-repeat;
    background-size: cover;
}

/*首屏导航*/
.indexHeader {
    background: rgb(0 0 0 / 50%);
    border-bottom: 4px solid transparent;
}

.indexHeader .logo .line {
    opacity: 0;
}

.indexHeader .tel_2 {
    display: none;
}

.indexHeader .tel_1 {
    display: block;
}

.indexHeader .navLine:after {
    opacity: 0;
}

.indexHeader .nav li a {
    color: #fff;
}

.indexHeader .nav li:hover a {
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}

.indexHeader .nav .menu_nav {
    background: rgba(255, 255, 255, 0);
}

.indexHeader .nav .menu_nav a:hover {
    background: rgba(255, 255, 255, 0.5);
}

.indexHeader .search_form .s_input {
    border: 2px solid rgba(255, 255, 255, 0.8);
}

.indexHeader .s_submit input {
    background: url(../images/icon/icon_2_fff.png) no-repeat center;
    background-size: 100% 100%;
}

.indexHeader .navlinks {
    background: rgba(255, 255, 255, 0.2);
}


.downTip {
    position: absolute;
    width: 26px;
    height: 52px;
    background: url(../images/icon/icon_1.png) no-repeat center;
    background-size: 100% 100%;
    bottom: 20px;
    left: 50%;
    margin-left: -13px;
    animation: mymove 1.5s infinite;
    -webkit-animation: mymove 1.5s infinite;
    cursor: pointer;
}

/* 新闻 */
.s7_inner {
    width: 1340px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.s7_inner .width100 {
    width: 100%;
    padding-bottom: 10px;
}

.index_title {
    width: 100%;
    text-align: center;
    margin-bottom: 35px;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all 1s;
    -webkit-transition: all 1s;
}

.indexNews {
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: all 1s;
    -webkit-transition: all 1s;
}

.inNewsItem {
    display: block;
    width: 100%;
    overflow: hidden;
}

.inNewsItem h3 {
    color: #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.inNewsItem .p {
    color: #aaaaaa;
}

.inNewsItem > span {
    display: block;
    width: 100%;
    text-align: right;
    font-size: 16px;
    text-decoration: underline;
    margin-top: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.inNewsItem .img {
    overflow: hidden;
}

.inNewsItem .img img {
    width: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.s7_left {
    width: 63%;
    float: left;
    background: #fff;
    padding: 20px;
}

.s7_left h3 {
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.s7_left .p {
    margin-top: 15px;
    line-height: 28px;
    height: 56px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.s7_left .img {
    width: 100%;
    margin-bottom: 21px;
    height: 400px;
}

.s7_right {
    width: 35%;
    float: right;
    background: #fff;
    padding: 20px;
}

.s7_right .inNewsItem {
    padding: 18px 0;
    border-top: 1px solid #d4d4d3;
}

.s7_right .img {
    float: left;
    width: 46%;
    height: 116px;
}

.s7_right .text {
    float: left;
    width: 54%;
    padding-left: 15px;
}

.s7_right h3 {
    height: 50px;
    font-size: 16px;
    line-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.s7_right .p {
    margin-top: 8px;
    line-height: 24px;
    height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.inNewsItem:hover h3 {
    color: #20226E;
}

.inNewsItem:hover > span {
    color: #20226E;
}

.inNewsItem:hover .img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.s7_tabNav {
    margin-bottom: 20px;
}

.s7_tabNav a {
    display: block;
    float: left;
    width: 48%;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-right: 3%;
    background: #1e1f21;
}

.s7_tabNav a:last-child {
    margin-right: 0;
}

.s7_tabNav a.active {
    background: #20226E;
}

.s7_tabItems .item {
    display: none;
    height: 488px;
    border-bottom: 1px solid #d4d4d3;
}

.s7_tabItems .item.active {
    display: block;
}

.s7_tabItems .swiper-container {
    height: 100%;
    overflow: hidden;
}

.case_tabNav {
    margin-bottom: 20px;
}

.case_tabNav a {
    width: 25%;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-right: 3%;
    background: #1e1f21;
    padding: 15px 40px
}

.case_tabNav a:last-child {
    margin-right: 0;
}

.case_tabNav a.active {
    background: #20226E;
}

.act .index_title,
.act .indexNews {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

@media screen and (min-width: 1400px) and (max-width: 1599px) {
    .s7_inner {
        width: 1200px;
    }

    .s7_left,
    .s7_right {
        padding: 15px;
    }

    .s7_left .img {
        height: 370px;
        margin-bottom: 18px;
    }

    .s7_left .p {
        margin-top: 10px;
        line-height: 24px;
        height: 48px;
    }

    .s7_right .p {
        height: 48px;
        -webkit-line-clamp: 2;
    }

    .s7_right .img {
        height: 104px;
    }

    .s7_tabNav a {
        line-height: 50px;
        font-size: 16px;
    }

    .s7_tabItems .item {
        height: 488px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .index_title h2 {
        font-size: 28px;
    }

    .index_title h2 span {
        font-size: 22px;
    }

    .s7_inner {
        width: 1170px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .s7_left,
    .s7_right {
        padding: 15px;
    }

    .s7_left .img {
        height: 350px;
        margin-bottom: 15px;
    }

    .s7_left .p {
        margin-top: 9px;
        line-height: 24px;
        height: 48px;
    }

    .s7_right h3 {
        -webkit-line-clamp: 1;
        height: 25px;
    }

    .s7_right .p {
        height: 48px;
        -webkit-line-clamp: 2;
    }

    .s7_right .img {
        height: 96px;
    }

    .s7_tabNav {
        margin-bottom: 15px;
    }

    .s7_tabNav a {
        line-height: 50px;
        font-size: 16px;
    }

    .s7_tabItems .item {
        height: 407px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .index_title h2 {
        font-size: 26px;
    }

    .index_title h2 span {
        font-size: 20px;
    }

    .index_title p {
        margin-top: 15px;
    }

    .s7_inner {
        width: 970px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .s7_left,
    .s7_right {
        padding: 10px 10px 15px;
    }

    .inNewsItem > span {
        font-size: 14px;
        margin-top: 10px;
    }

    .s7_left .img {
        height: 292px;
        margin-bottom: 15px;
    }

    .s7_left .p {
        margin-top: 9px;
        line-height: 24px;
        height: 48px;
    }

    .s7_left h3 {
        font-size: 16px;
    }

    .s7_right .p {
        height: 48px;
        -webkit-line-clamp: 2;
    }

    .s7_right .img {
        height: 81px;
    }

    .s7_right h3 {
        height: 25px;
        -webkit-line-clamp: 1;
    }

    .s7_right .inNewsItem {
        padding: 17px 0;
    }

    .s7_tabNav {
        margin-bottom: 15px;
    }

    .s7_tabNav a {
        line-height: 45px;
        font-size: 16px;
    }

    .s7_tabItems .item {
        height: 354px;
    }


    .showBigImg .close {
        width: 45px;
        height: 45px;
        right: 5%;
        top: 5%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .index_title h2 {
        font-size: 24px;
    }

    .index_title h2 span {
        font-size: 18px;
    }

    .index_title p {
        margin-top: 15px;
    }

    .s7_inner {
        width: 750px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .s7_left {
        width: 52%;
    }

    .s7_left,
    .s7_right {
        padding: 10px 10px 15px;
    }

    .inNewsItem > span {
        font-size: 14px;
        margin-top: 8px;
    }

    .s7_left .img {
        height: 180px;
        margin-bottom: 13px;
    }

    .s7_left .p {
        margin-top: 9px;
        line-height: 24px;
        height: 48px;
    }

    .s7_left h3 {
        font-size: 16px;
    }

    .s7_right {
        width: 46%;
    }

    .s7_right .p {
        height: 24px;
        -webkit-line-clamp: 1;
    }

    .s7_right .img {
        height: 89px;
    }

    .s7_right h3 {
        font-size: 14px;
        height: 40px;
        line-height: 20px;
    }

    .s7_right .inNewsItem {
        padding: 15px 0;
    }

    .item .inNewsItem:nth-last-child(2) {
        border-bottom: none;
        padding-bottom: 0;
    }

    .item .inNewsItem:last-child {
        display: none;
    }

    .s7_tabNav {
        margin-bottom: 10px;
    }

    .s7_tabNav a {
        line-height: 45px;
        font-size: 16px;
    }

    .s7_tabItems .item {
        height: 243px;
    }

    .showBigImg .close {
        width: 45px;
        height: 45px;
        right: 3%;
        top: 5%;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .index_title {
        margin-bottom: 25px;
    }

    .index_title h2 {
        font-size: 20px;
    }

    .index_title h2 span {
        font-size: 14px;
    }

    .index_title p {
        margin-top: 10px;
        line-height: 20px;
        font-size: 12px;
    }

    .s7_inner {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .s7_left {
        display: none;
    }

    .s7_right {
        width: 100%;
        padding: 10px 10px 15px;
    }

    .s7_right .p {
        height: 48px;
        -webkit-line-clamp: 2;
    }

    .s7_right .img {
        height: auto;
        max-height: 95px;
    }

    .s7_right h3 {
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        -webkit-line-clamp: 1;
    }

    .item .inNewsItem:nth-last-child(2) {
        border-bottom: none;
        padding-bottom: 0;
    }

    .item .inNewsItem:last-child {
        display: none;
    }

    .s7_right .inNewsItem {
        padding: 16px 0;
    }

    .s7_tabNav {
        margin-bottom: 10px;
    }

    .s7_tabNav a {
        line-height: 40px;
        font-size: 14px;
    }


    .s7_tabItems .item {
        height: 390px;
    }


    .priceImg {
        max-width: 90%;
        max-height: 80%;
    }

    .priceImg .img {
        max-height: calc(80vh - 20px);
    }

    .showBigImg .close {
        width: 30px;
        height: 30px;
        right: 50%;
        top: 15%;
        margin-right: -15px;
    }
}

@media screen and (min-width: 0px) and (max-width: 479px) {
    #fp-nav.right {
        right: -6px;
    }
}

@media screen and (min-width: 0px) and (max-width: 767px) and (max-height: 600px) {
    .s7_right .img {
        max-height: 75px;
    }

    .s7_tabItems .item {
        height: 321px;
    }
}

@media screen and (min-width: 0px) and (max-width: 479px) and (max-height: 600px) {
    .section7 .index_title {
        margin-bottom: 20px;
    }

    .s7_tabNav a {
        line-height: 35px;
    }
}


@media screen and (min-width: 992px) and (max-height: 800px) {
    .index_title {
        margin-bottom: 25px;
    }

    .index_title h2 {
        font-size: 26px;
    }

    .index_title h2 span {
        font-size: 20px;
    }

    .index_title p {
        margin-top: 10px;
    }

    .s7_left,
    .s7_right {
        padding: 10px 10px 15px;
    }

    .inNewsItem > span {
        font-size: 14px;
        margin-top: 5px;
    }

    .s7_left .img {
        height: 300px;
        margin-bottom: 15px;
    }

    .s7_left .p {
        margin-top: 9px;
        line-height: 20px;
        height: 40px;
    }

    .s7_left h3 {
        font-size: 16px;
    }

    .s7_right .p {
        height: 48px;
        -webkit-line-clamp: 2;
    }

    .s7_right .img {
        height: 81px;
    }

    .s7_right h3 {
        font-size: 14px;
        height: 25px;
        -webkit-line-clamp: 1;
    }

    .s7_right .inNewsItem {
        padding: 16px 0;
    }

    .s7_tabNav a {
        line-height: 45px;
        font-size: 16px;
    }

    .s7_tabNav {
        margin-bottom: 15px;
    }

    .s7_tabItems .item {
        height: 349px;
    }
}

@media screen and (min-width: 992px) and (max-height: 650px) {
    .s7_left .img {
        height: 203px;
    }

    .s7_tabNav {
        margin-bottom: 10px;
    }

    .s7_tabItems .item {
        height: 257px;
    }

    .s7_right .img {
        display: none;
    }

    .s7_right .text {
        width: 100%;
        padding-left: 0;
    }

    .s7_right h3 {
        font-size: 14px;
        height: 25px;
        -webkit-line-clamp: 1;
    }

    .s7_right .p {
        margin-top: 5px;
        height: 24px;
        -webkit-line-clamp: 1;
    }

}


@media screen and (min-width: 1200px) and (max-height: 550px) {

}


@media screen and (min-width: 1200px) and (min-height: 551px) and (max-height: 700px) {

}


@media screen and (min-width: 0px) and (max-width: 374px) and (max-height: 560px) {
    .header {
        height: 60px;
    }

    .header .min_main_nav {
        top: 60px;
    }

    .header .logo {
        line-height: 60px;
    }

    .header .menu_icon, .header .menu_icon_cha {
        background-size: 20px 20px;
    }

    .header .min_main_nav .nav li a {
        font-size: 14px;
        padding: 5px 0;
    }


}


.border_dot {
    border-style: solid;
    border-color: #20226E;
}


.index2Tab {
    margin-top: 20px;
}

.index2Nav {
    width: 12.5%;
    float: left;
    text-align: center;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    background-color: #f7f7f7;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.index2Nav .list {
    background-color: #f7f7f7;
    border-bottom: 1px solid #e1e1e1;
    cursor: pointer;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.index2Nav .slick-slide:first-child .list {
    border-top: 1px solid #e1e1e1;
}

.index2Nav .list .H5 {
    display: inline-block;
    font-size: 16px;
    color: #262626;
    position: relative;
}

.index2Nav .list .H5::after {
    width: 18px;
    height: 1px;
    background-color: #20226E;
    content: "";
    position: absolute;
    top: 50%;
    left: -25px;
    opacity: 0;
}

.index2Nav .list .H5::before {
    width: 18px;
    height: 1px;
    background-color: #20226E;
    content: "";
    position: absolute;
    top: 50%;
    right: -25px;
    opacity: 0;
}

@media screen and (min-width: 992px) {
    .index2Nav .list:hover {
        background-color: #fff;
    }

    .index2Nav .list:hover .H5 {
        color: #20226E;
    }

    .index2Nav .list:hover .H5::after,
    .index2Nav .list:hover .H5::before {
        opacity: 1;
    }
}

.index2Nav .list.on {
    background-color: #fff;
}

.index2Nav .list.on .H5 {
    color: #20226E;
}

.index2Nav .list.on .H5::after,
.index2Nav .list.on .H5::before {
    opacity: 1;
}

.index2R {
    width: 87.5%;
    float: right;
}

.index2RList {
    overflow: hidden;
}

.index2RList .pic {
    width: 62.67%;
    float: left;
}

.index2RList .text {
    width: 37.33%;
    float: left;
    background-color: #141414;
    text-align: center;
    padding: 160px 4.16% 0 4.16%;
}

.index2RList .list {
    background-color: #141414;
}

.index2RList .text .H4 a {
    font-size: 30px;
    color: #fff;
}

.index2RList .text .H4 {
    margin-bottom: 15px
}

.index2RList .text .H5 {
    font-size: 24px;
    color: #fff;
    font-family: Arial;
    text-transform: uppercase;
    margin: 25px 0 35px 0
}

.index2RList .text .p {
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    height: 108px;
    opacity: 0.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.index2RList .slick-dots {
    bottom: 10%;
    width: 37.32%;
    right: 0;
    text-align: center;
    line-height: 0;
}

.index2RList .slick-dots li {
    width: 11px;
    height: 11px;
    background-color: #444444;
    border-radius: 50%;
    margin: 0 6px;
}

.index2RList .slick-dots li.slick-active {
    background-color: #20226E;
}

.index2Nav .slick-prev,
.index2Nav .slick-next {
    width: 20px;
    height: 20px;
    left: 0;
    background: url(../images/p11.png) center no-repeat;
    background-size: 100%;
}

.index2Nav .slick-next {
    left: auto;
    right: 0;
    background-image: url(../images/p12.png)
}

@media screen and (max-width: 1700px) {
    .index2RList .slick-dots {
        bottom: 20%;
    }
}

@media screen and (max-width: 1199px) {
    .index2Nav .list {
        height: 80px;
        line-height: 80px;
    }

    .index2RList .text {
        padding: 60px 4% 0 4%;
    }

    .index2RList .text .H4 {
        font-size: 22px;
    }

    .index2RList .text .H5 {
        font-size: 18px;
    }

    .index2RList .slick-dots {
        bottom: 20px;
    }
}

@media screen and (max-width: 991px) {
    .index2Nav {
        width: 100%;
        border-bottom: 1px solid #e1e1e1;
        border-top: 1px solid #e1e1e1;
    }

    .index2Nav .list {
        border: none !important;
        line-height: 40px;
        height: 40px;
    }

    .index2Nav .list .H5 {
        font-size: 14px;
    }

    .index2R {
        width: 100%;
        margin-top: 20px;
    }

    .index2RList .text,
    .index2RList .pic {
        height: 340px;
    }
}

@media screen and (max-width: 767px) {
    .title .H4 {
        font-size: 20px;
        width: 100%;
    }

    .title .H5 {
        width: 100%;
        margin: 0;
        font-size: 14px;
        line-height: normal;
    }

    .index2Tab {
        margin-top: 25px;
    }

    .index2Nav {
        padding: 0 20px;
    }

    .index2Nav .list {
        background-color: transparent;
    }

    .index2Nav .list.on .H5::after,
    .index2Nav .list.on .H5::before {
        display: none;
    }

    .more {
        font-size: 12px;
        margin: 10px 0 0 0;
        width: 100px;
    }

    .index2RList .pic {
        width: 100%;
        height: auto;
        background: none !important;
    }

    .index2RList .text {
        width: 100%;
        height: auto;
        padding: 20px 10px 40px 10px;
    }

    .index2RList .text .H4 {
        font-size: 18px;
    }

    .index2RList .text .H5 {
        font-size: 14px;
        margin: 15px 0;
    }

    .index2RList .text .p {
        font-size: 13px;
        line-height: 22px;
        height: 66px;
    }

    .index2RList .slick-dots {
        width: 100%;
        bottom: 10px;
    }

    .index2RList .slick-dots li {
        width: 8px;
        height: 8px;
        margin: 0 4px;
    }
}


.section4 .sec_tit {
    color: #2f2f2f
}

.section4 .mobileshow .item {
    position: relative
}

.section4 .mobileshow .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/zskuang.png) no-repeat center center;
    background-size: 100% 100% !important
}

.section4 .sec_main {
    position: absolute;
    top: 250%;
    left: 50%;
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    z-index: 4;
    width: 1200px
}

.section4 .sec_main .sec_tit1 {
    color: #000;
    font-size: 46px;
    margin-bottom: 60px
}

.section4 .sec_main .cont {
    position: relative
}

.section4 .sec_main .cont .prev {
    width: 44px;
    height: 44px;
    background: url(../images/zuojianb1.png) no-repeat center center;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: .8;
    top: 50%;
    margin-top: -22px;
    left: -60px;
    z-index: 3
}

.section4 .sec_main .cont .prev:hover {
    opacity: 1;
    background: url(../images/zuojiana1.png) no-repeat center center
}

.section4 .sec_main .cont .next {
    width: 44px;
    height: 44px;
    background: url(../images/youjianb1.png) no-repeat center center;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: .8;
    top: 50%;
    margin-top: -22px;
    right: -60px;
    z-index: 3
}

.section4 .sec_main .cont .next:hover {
    opacity: 1;
    background: url(../images/youjiana1.png) no-repeat center center
}

.section4 .sec_main .cont .cont2 {
    position: relative;
    height: 548px;
    width: 100%
}

.section4 .sec_main .cont .cont2 .item {
    position: absolute;
    top: 50%;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box;
    cursor: pointer
}

.section4 .sec_main .cont .cont2 .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/zskuang.png) no-repeat center center;
    background-size: 100% 100% !important
}

.section4 .sec_main .cont .cont2 .item:hover {
    background: #8dc11e !important
}

.section4 .sec_main .cont .cont2 .item img {
    width: 100%;
    height: 100%
}

.section4 .sec_main .cont .cont2 .item.item_style0 {
    width: 130px;
    height: 165px;
    left: -150px;
    opacity: 0
}

.section4 .sec_main .cont .cont2 .item.item_style1 {
    width: 278px;
    height: 392px;
    left: 40px;
    z-index: 1
}

.section4 .sec_main .cont .cont2 .item.item_style2 {
    width: 338px;
    height: 476px;
    left: 190px;
    z-index: 2
}

.section4 .sec_main .cont .cont2 .item.item_style3 {
    width: 389px;
    height: 548px;
    left: 400px;
    z-index: 3
}

.section4 .sec_main .cont .cont2 .item.item_style4 {
    width: 338px;
    height: 476px;
    left: 678px;
    z-index: 2
}

.section4 .sec_main .cont .cont2 .item.item_style5 {
    width: 278px;
    height: 392px;
    left: 870px;
    z-index: 1
}

.section4 .sec_main .cont .cont2 .item.item_style6 {
    width: 130px;
    height: 165px;
    left: 1080px;
    opacity: 0
}

.section4 .sec_main .tiao {
    width: 530px;
    height: 3px;
    background: #828586;
    margin-top: 80px;
    position: relative;
    overflow: hidden
}

.section4 .sec_main .tiao .inner {
    height: 3px;
    background: #fff;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0
}

/* display */
.dn {
    display: none;
}

.di {
    display: inline;
}

.db {
    display: block;
}

.dib {
    display: inline-block;
}

/* if the element is block level(eg. div, li), using 'inline-any' instead */


.fl {
    float: left;
}

.fr {
    float: right;
}

/* 块状元素水平居中 */
.auto {
    margin-left: auto;
    margin-right: auto;
}

/* overflow */
.ovh {
    overflow: hidden;
}

/* position */
.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.mobileshow {
    display: none !important;
}

.mapSIZE {
    width: 600px;
    height: 400px;
    border: #ccc solid 1px;
}


@media screen and (min-width: 1025px) and (max-width: 3200px) {
    .paddingTop90 {
        padding-top: 90px;
    }

    .about-content {
        padding: 50px 0px 80px;
    }

    .lindex2Navslider {
        display: none;
    }

    /*.am-gallery-default .am-gallery-item img {*/
    /*    height: 200px !important;*/
    /*}*/
}

@media screen and (min-width: 641px) and (max-width: 1024px) {

    .lindex2Navslider {
        display: none;
    }
}

@media screen and (min-width: 0px) and (max-width: 640px) {
    .indexHeader {
        background: #ffffff;
    }

    .section2 {
        padding-bottom: 60px;
    }

    .am-g-pad1 {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .am-slider-b3 {
        box-shadow: 0 0px 0px rgb(0 0 0 / 20%) !important;
    }

    .paddingTop90 {
        padding-top: 0px;
    }

    .index2Nav {
        display: none;
    }

    .lindex2Navslider {
        display: block;
    }

    .section4 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .section4 .sec_tit {
        color: #2f2f2f
    }

    .section4 .sec_main {
        position: static;
        top: 0;
        left: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        z-index: 4;
        width: 100%
    }

    .section4 .sec_main .sec_tit1 {
        color: #000;
        font-size: 18px;
        margin-bottom: 10px
    }

    .section4 .sec_main #owl-demo2 {
        width: 60%;
        margin-left: auto;
        margin-right: auto
    }

    .section4 .sec_main .prev {
        width: 44px;
        height: 44px;
        background: url(../images/zuojiana1.png) no-repeat center center;
        cursor: pointer;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: .8;
        top: 50%;
        margin-top: -22px;
        left: 10px;
        z-index: 3;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    .section4 .sec_main .prev:hover {
        opacity: 1;
        background: url(../images/zuojiana1.png) no-repeat center center
    }

    .section4 .sec_main .next {
        width: 44px;
        height: 44px;
        background: url(../images/youjiana1.png) no-repeat center center;
        cursor: pointer;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        opacity: .8;
        top: 50%;
        margin-top: -22px;
        right: 10px;
        z-index: 3;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    .section4 .sec_main .next:hover {
        opacity: 1;
        background: url(../images/youjiana1.png) no-repeat center center
    }

    .mobileshow {
        display: block !important;
    }

    .pcshow {
        display: none !important;
    }

    .indexNews {
        opacity: 1;
        transform: translateY(0%);
    }

    .mapSIZE {
        width: 100%;
        height: 300px;
        border: #ccc solid 1px;
    }

    .nav li a span {
        color: #ffffff;
    }

}
