#indexBanner {
    width: 100%;
}
    #indexBanner > .swiper-wrapper{
    }
    #indexBanner .swiper-slide {
        width: 100%;
    }
    #indexBanner img {
        width: 100%;
        object-fit: cover;
    }
#indexBanner .swiper-pagination-bullet{
    width: 40px;
    height: 5px;
    border-radius: 0;
}
#indexBanner .swiper-pagination-bullet-active{background:#76838F;}
/*=====section=====*/
/* === base title === */
.blockTitle{
    margin: 50px 0;
    text-align: center;
}
.blockTitle h3 {
    margin-bottom:10px;
    letter-spacing: 8px;
    font-weight: bold;
    font-size: 36px;
    color: #010101;
}
.prod .blockTitle h3{
    display: flex;
    justify-content: center;
    align-items: center;
}
.prod .blockTitle h3 img:first-child{
    margin-right:8px;
}
/* === END base title === */

/* ==== 浜у搧灞曠ず ==== */
#prodTab{
    display: flex;
    justify-content: space-around;
}
#prodTab li{
    position:relative;
    text-align:center;
    cursor:pointer;
}
#prodTab li i{
    display:inline-block;
    width:100px;
    height:100px;
    background:url("../../../common/imgs/prodTab.png") no-repeat;
    background-position-x:-100px;
}
#prodTab li:nth-child(2) i{background-position-y:-100px;}
#prodTab li:nth-child(3) i{background-position-y:-200px;}
#prodTab li:nth-child(4) i{background-position-y:-300px;}
#prodTab li p{
    margin-top:15px;
    font-size:14px;
}
#prodTab li img{
    position:absolute;
    bottom:-58px;
    left:50%;
    margin-left:-10px;
    width:20px;
    transition:bottom .3s;
}
#prodTab li.active img{
    bottom:-40px;
}
#prodTab li:hover i,#prodTab li.active i{
    background-position-x:0;
}
#prodTab li:hover p,#prodTab li.active p{
    color:#e60012;
}

#prodList{
    position:relative;
    height:292px;
    margin-top:40px;
    padding:37px 40px;
    background:#E3E7EA;
    overflow:hidden;
}
#prodList li{
    display:none;
    position:absolute;
    height:100%;
}
#prodList li.active{
    display:block;
}
#prodList li a{
    float:left;
    display:block;
    width:338px;
    height:288px;
}
#prodList li a:not(:first-child){
    margin-left:53px;
}
#prodList li a figure{
    width: 100%;
    height:240px;
    overflow:hidden;
    font-size:0;
}
#prodList li a figure img{
    width:100%;
    height:100%;
}
#prodList li p{
    height:48px;
    background:#575757;
    line-height:48px;
    text-align:center;
    color:#fff;
}
/* ==== END 浜у搧灞曠ず ==== */

/* ==== 鍚堜綔浼欎即 ==== */
.partnerList{
    /*overflow:hidden;*/
}
.partnerList li{
    float:left;
    width:150px;
    height:150px;
    margin:40px;
    border: 1px solid #D3D3D3;
    background:#fff;
    transform:rotate(45deg);
    overflow:hidden;
    transition:.3s;
}
.partnerList li:hover{
    transform:scale(1.1) rotate(45deg);
    border:1px solid #626262;
}
.partnerList li:nth-child(9n+6){
    margin-left:156px;
}
.partnerList li:nth-child(n+6){
    position: relative;
    margin-top:-67px;
}
.partnerList li div{
    width:100%;
    height:100%;
    transform:rotate(-45deg);
    line-height:150px;
    text-align:center;
}
.partnerList li img{
    max-width:90%;
    vertical-align: middle;
}
/* ==== END 鍚堜綔浼欎即 ==== */

/* ==== 鏂伴椈銆佺畝浠 ===== */
.newsContainer {
    display:flex;
    justify-content:space-between;
    margin:60px 0 40px;
}
.newsContainer > div{
    width:584px;
}
.newscTitle{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    border-bottom:2px solid #626262;
}
.newscTitle div p{
    display:inline-block;
    padding:13px 22px 5px 11px;
    background:url("../../../common/imgs/newscTitleBg.png") no-repeat;
    background-size:100% 100%;
    font-size:24px;
    color:#fff;
}
.newscTitle div span{
    display:inline-block;
    padding-bottom:5px;
    vertical-align:bottom;
    font-family:"瀹嬩綋";
    font-weight:bold;
    font-size:24px;
    color:#cc0000;
}
.newscTitle a{
    padding-bottom:5px;
    font-weight:bold;
    font-size:12px;
    color:#cc0000;
}

/* === 鏂伴椈 === */
.newsList li{
    display:flex;
    align-items:center;
    margin-top:20px;
}
.newsList li div{
    width:54px;
    padding:6px;
    background:url("../../../common/imgs/newsListBg.png") no-repeat;
    background-size:100% 100%;
}
.newsList li div p{
    text-align:center;
    color:#626262;
}
.newsList li div p:nth-of-type(1){
    font-weight:bold;
    font-size:30px;
}
.newsList li div p:nth-of-type(2){
    font-size:12px;
}
.newsList li div i{
    display: block;
    height:1px;
    margin:3px 0 5px;
    background:#A2A2A2;
}
.newsList li a{
    display:block;
    width:500px;
    margin-left:18px;
    color:#000;
}
.newsList li a h3{
    font-size:18px;
}
.newsList li a p{
    margin-top:5px;
    font-size:14px;
}
.newsList li a:hover{
    color:#e60012;
}
/* === END 鏂伴椈 === */

/* === 鍏徃绠€浠 === */
.aboutContent{
    display:flex;
    justify-content:space-between;
    margin-top:22px;
}
.aboutContent img{
    width:307px;
    height:189px;
}
.aboutContent div{
    width:258px;
}
.aboutContent div h3{
    font-size:18px;
}
.aboutContent div p{
    margin-top:10px;
    line-height:1.75;
    font-size:14px;
}
/* === END 鍏徃绠€浠 === */
/* ==== END 鏂伴椈銆佺畝浠 ===== */
/*=====END section=====*/
* {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    background: #fff;
    font: normal 12px/22px 瀹嬩綋;
    width: 100%;
}

img {
    border: 0;
}

a {
    text-decoration: none;
    color: #333;
}

    a:hover {
        color: #1974A1;
    }

#footer {
    text-align: center;
}

.fullSlide {
    width: 100%;
    position: relative;
    height: 460px;
    background: #000;
}

    .fullSlide .bd {
        margin: 0 auto;
        position: relative;
        z-index: 0;
        overflow: hidden;
    }

        .fullSlide .bd ul {
            width: 100% !important;
        }

        .fullSlide .bd li {
            width: 100% !important;
            height: 460px;
            overflow: hidden;
            text-align: center;
        }

            .fullSlide .bd li a {
                display: block;
                height: 460px;
            }

    .fullSlide .hd {
        width: 100%;
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        height: 30px;
        line-height: 30px;
        text-align: center;
        _background: #000;
        _filter: alpha(opacity=60);
    }

        .fullSlide .hd ul {
            text-align: center;
            padding-top: 5px;
        }

            .fullSlide .hd ul li {
                cursor: pointer;
                display: inline-block;
                *display: inline;
                zoom: 1;
                width: 10px;
                height: 9px;
                margin: 5px;
                background: url(../../imgs/tg_flash_p.png) -18px 0;
                overflow: hidden;
                line-height: 9999px;
            }

            .fullSlide .hd ul .on {
                background-position: 0 0;
            }