.iCon2{ clear:both; width: 100%; overflow: hidden;}

.about-div .section2 .swiper-wrapper{ position: static;}
.about-div .section2 .gallery-thumbs .swiper-wrapper { display:block; }
.about-div .section2 .swiper-wrapper .tp{display:block; width: 100%; height: auto}
.about-div .section3 .list .swiper-wrapper{ position: static}
.about-div .section5 .list .swiper-wrapper{position:static; height: 3.2rem;}

.about-div .section5 .swiper .swiper-wrapper{
    -webkit-transition-timing-function: linear; /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

.iBanner{clear:both; width: 100%; position: relative; text-align: center; color: #fff; height: 0rem;}
.iBanner .tp { display:block; width: 100%; height: auto; }
.iBanner .wz { width:100%; height:130px; position: absolute; left: 0; top: 43%; z-index: 9;}
.iBanner .wz .t1 { font-size: 48px; line-height: 54px; font-family:HarmonyOsSansSCB; margin-bottom: 8px;text-transform:uppercase;}
.iBanner .wz .t2 { font-size: 30px; line-height: 34px;}

@keyframes sec_banner{
    0%{transform: scale(1.1); opacity: 0.1;}
    20%{ opacity: 1;}
    100%{transform: scale(1);}
}
.iBanner .iBann{ width: 100%; height: 9rem; overflow: hidden;position: absolute; left: 0; top: 0; z-index: 1;object-fit: cover;animation:sec_banner 5s; animation-timing-function: ease-out;}
.iBanner .iBann img { display:block; width: 100%; height: 100%;}

.secMenu { clear:both; width: 84%; height: 100px; position:absolute; left: 50%; bottom: -50px; margin-left: -42%; z-index: 9999; display: flex; align-items: center; justify-content: center;}
.secMenu .li { width: 20%; height: 100%; float: left; border-right:1px solid #e6e4e4; text-align: left;}
.secMenu .li a{ display:block; width: 100%; height: 100%; padding:24px 25px 20px 25px;background: #fff url(../../images/icon15.png) no-repeat 93% center;}
.secMenu .li:last-child{border-right:0}
.secMenu .li .d1 { font-size: 16px; line-height: 26px; margin-bottom:5px; color:#333;}
.secMenu .li .d2 { font-size: 12px; line-height: 20px; color: #666;}
#nowMenu{ background: #004eb1 url(../../images/icon15-on.png) no-repeat 93% center; color: #fff;}
#nowMenu .d1 { color:#fff}
#nowMenu .d2 { color:#fff}
.news .secMenu .li{width:31%!important}
/*.news #nowMenu{ background: #D32113 url(../../images/icon15-on.png) no-repeat 93% center; }*/
.manufacture .secMenu .li{width:26.3%!important}
.three .secMenu .li{width:31%!important}
.cp .secMenu .li{width:31%!important}

.product-div .tit { width: 100%; text-align: center; color: #222; letter-spacing: 1px; margin-top: 1.7rem; position: absolute; left: 0; top: 0; z-index: 2;}
.product-div .tit .d1 { font-size: .46rem; line-height: .6rem; margin-bottom: .1rem; font-weight: bold;}
.product-div .tit .d2 { font-size: .24rem; line-height: .34rem;}

/* 切换 */


@-webkit-keyframes beacon1_1 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(254, 104, 8, 0.6);
        -moz-box-shadow: 0 0 0 0 rgba(254, 104, 8, 0.6);
        box-shadow: 0 0 0 0 rgba(254, 104, 8, 0.6);
    }
    100% {
        -webkit-box-shadow: 0 0 0 .4rem transparent;
        -moz-box-shadow: 0 0 0 .4rem transparent;
        box-shadow: 0 0 0 .4rem transparent;
    }
}
/*圈*/
.di_l1_1 {
    top: 45%;
    left: 42%;
    -webkit-animation: beacon1_1 1s infinite linear;
    -o-animation: beacon1_1 1s infinite linear;
    animation: beacon1_1 1s infinite linear;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
}
.di_l1_2 {
    top: 45%;
    left: 42%;
    -webkit-animation: beacon1_1 1.5s infinite linear;
    -o-animation: beacon1_1 1.5s infinite linear;
    animation: beacon1_1 1.5s infinite linear;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
}
.di_l1_3 {
    top: 45%;
    left: 42%;
    -webkit-animation: beacon1_3 2s infinite linear;
    -o-animation: beacon1_3 2s infinite linear;
    animation: beacon1_3 2s infinite linear;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s;
}


.phone-div { display:none!important}
/*切换2*/
/* 切换 */
.product-div{position: relative; height: 10.8rem;background:url(../../images/pic308.jpg) no-repeat center center;}
.product-div .gallery-top .swiper-container-skin{height: 100%;}
.product-div .gallery-top .swiper-slide{height:10.8rem}
.product-div .gallery-top .pic { width: 4rem; height: 4rem; overflow: hidden;  border-radius: 50%; border: .04rem solid #fff; display: flex; align-items: center; justify-content: center; margin-top: .3rem; margin-left: .2rem; background: #fff; position: absolute; right: 5%; top: 27%; z-index: 22;}
.product-div .gallery-top .pic img{ display: block; max-width: 70%; max-height: 70%; margin: 0 auto;}
.product-div .gallery-top .car {display: block; width: 100%; height: auto; position: absolute; right: 0; top: 0; z-index: 1;}
.product-div .gallery-top .swiper-button-prev {
    background:url(../images/npic105.png) no-repeat left center;border-radius: 50%;
    position: absolute;
    right:19%; left: inherit;
    top:inherit; bottom: 6.3%;
    width: .4rem;height: .4rem;
    z-index: 10; background-size: cover;-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.product-div .gallery-top .swiper-button-prev:hover{background: url(../../images/npic105-on.png) no-repeat left center; background-size: cover;}
.product-div .gallery-top .swiper-button-next {
    background:url(../images/npic106.png) no-repeat right center;border-radius: 50%;
    position: absolute;
    right: 15%;
    top:inherit; bottom: 6.3%;
    width: .4rem;height: .4rem;
    z-index: 10; background-size: cover;-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.product-div .gallery-top .swiper-button-next:hover{background: url(../../images/npic106-on.png) no-repeat right center; background-size: cover;}

.product-div .dian {/*background:url(../../images/npic108.png) no-repeat center center; background-size:.45rem;*/ width: 76px; height: 76px; position: absolute; z-index: 99999999}
/*新能源*/
.product-div .list1 .dian1 { right: 69.2%; top: 35.2%;}
.product-div .list1 .dian2 { right: 71.2%; top: 38.2%;}
.product-div .list1 .dian3 { right: 44.2%; top: 54.5%;}
.product-div .list1 .dian4 { right: 51.2%; top: 38.2%}
.product-div .list1 .dian5 { right: 61.2%; top: 38.2%}
.product-div .list1 .dian6 { right: 49.5%; top: 56.5%;}
.product-div .list1 .dian7 { right: 46.7%; top: 59.5%;}
.product-div .list1 .dian8 { right: 45.7%; top: 50.5%;}
.product-div .list1 .dian9 { right: 32.7%; top: 46.2%;}
.product-div .list1 .dian10 { right: 32.7%; top: 46.2%;}
/*传统汽车*/
.product-div .list2 .dian1 { right: 47.3%; top: 53.8%;}
.product-div .list2 .dian2 { right: 47.3%; top: 53.8%;}
.product-div .list2 .dian3 { right: 47.3%; top: 53.8%;}
.product-div .list2 .dian4 { right: 47.3%; top: 53.8%;}
.product-div .list2 .dian5 { right: 51.5%; top: 55.5%;}
.product-div .list2 .dian6 { right: 51.5%; top: 55.5%;}
.product-div .list2 .dian7 { right: 51.5%; top: 55.5%;}
.product-div .list2 .dian8 { right: 38%; top: 47.6%;}
.product-div .list2 .dian9 { right: 40.5%; top: 52%;}
.product-div .list2 .dian10 { right: 32.5%; top: 32%;}
.product-div .dian ul li {
    cursor: pointer;
    width: .14rem;
    height: .14rem;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; background: #004eb1;
}


.product-div .gallery-thumbs{width:64%; margin: 0 auto; position: absolute; left: 12%; bottom: 1%; z-index: 99; overflow: hidden;}
.product-div .line{ width: 2px; height: 60px; background:url(../../images/npic109.png) no-repeat center center; position: absolute; right: 23%; bottom: 5%; z-index: 999;}
.product-div .gallery-thumbs .swiper-slide {
    text-align: center;
    width: 1.2rem;
    height: 1.8rem;
    cursor:pointer;
    position: relative;
    display: block !important;
    -webkit-box-pack: normal !important;
    -ms-flex-pack: normal !important;
    -webkit-justify-content: normal !important;
    justify-content: normal !important;
    -webkit-box-align: normal !important;
    -ms-flex-align: normal !important;
    -webkit-align-items: normal !important;
    align-items: normal !important;
    background: transparent !important;
}
.product-div .gallery-thumbs .swiper-slide .d1{ width: 100%; font-size:.17rem; color: #333; line-height: .22rem; opacity: 0; height: .44rem; overflow: hidden;}
.product-div .gallery-thumbs .swiper-slide .d2 { width: 1.2rem; height: 1.2rem; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.product-div .gallery-thumbs .swiper-slide .d2 p { width: .8rem; height: .8rem;  border-radius: 50%; overflow: hidden; margin: 0 auto; display: flex; align-items: center; justify-content: center; background: #fff; /*background: rgba(255,255,255,0.3);*/ }
.product-div .gallery-thumbs .swiper-slide .d2 p img { display: block; max-width:66%; max-height: 68%;}
.product-div .gallery-thumbs .swiper-slide-thumb-active .d1{ opacity:1;}
.product-div .gallery-thumbs .swiper-slide-thumb-active .d2 p{ width: 100%; height: 100%; }

.product-div .line{ width: 2px; height: 60px; background:url(../../images/npic109.png) no-repeat center center; position: absolute; right: 23%; bottom: 5%; z-index: 999;}