/* ==========================================================================
   Index Page
   ========================================================================== */
.ibanner{ height:380px;}   
@media screen and (max-width:500px){
    .ibanner{ height:210px;}
}
@media screen and (max-width:375px){
    .ibanner{ height:185px;}
}
@media screen and (max-width:340px){
	.ibanner{ height:170px;}
}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:top center; background-size:100% auto;text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:5%;}
.ibanner .swiper-button-next{ right:5%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:rgb(0,0,0,0.6); width:60px; height:100px; line-height:100px; text-align:center;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:4rem;}
.ibanner .ban-img{ position:absolute; width:100%; height:100%; left:0; top:0;}
.ibanner .swiper-button-prev.swiper-button-disabled,.ibanner .swiper-button-next.swiper-button-disabled{ background:rgb(0,0,0,0.4);}
/*.ibanner .swiper-slide-active .ban-img{animation: zoomIn2 8s forwards;}*/
.ibanner .swiper-pagination-banner{
	width: 100%;
    bottom: 5%;
    margin: 0;
}
.swiper-pagination-banner .swiper-pagination-bullet{
    width: 12px;
    height: 4px;
    border-radius: 6px;
    background: #fff;
    opacity: 1;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}
.swiper-pagination-banner .swiper-pagination-bullet-active{
    width: 20px;
    background: #fff;
    border-radius: 6px;
}

/*产品展示*/
.sect_product {padding:15px 0;overflow: hidden;width: 100%;margin:0 auto;}
/*产品列表*/
.ywlist {padding: 10px 0 0;overflow: hidden;}
.ywlist .ywitem {padding:0;width: 50%;float: left;overflow: hidden;margin-bottom: 15px;}
.ywlist .ywitem a {display: block;width: 100%;height: 100%;}
.ywlist .ywitem .probox {padding:0;width: 94%;border:1px solid #ddd;margin:0 auto;}
.ywlist .ywitem .probox .icon {width:100%;height: 100%;padding:0;overflow: hidden;background: none;border:none;}
.ywlist .ywitem .probox .icon img {display: block;width: 100%;height: 100%;object-fit: cover;max-width: none;max-height: none;}
.ywlist .ywitem .pcon {padding:0 3px;overflow: hidden;background: #f9b73a;}
.ywlist .ywitem .pcon h2 {color: #000;font-size: 14px;line-height: 35px;font-weight: normal;text-align: center;}
.ywlist .ywitem:hover .icon img {
    transition: 1s;
    transform:scale(1.2,1.2); 
    -ms-transform:scale(1.2,1.2);       
    -moz-transform:scale(1.2,1.2);      
    -webkit-transform:scale(1.2,1.2);   
    -o-transform:scale(1.2,1.2);}

/*通栏*/
.tonglan {padding: 10px 0;overflow: hidden;background: #2b2b2b;margin:0 auto;}
.tonglan .tlcon {
    padding: 0;
    overflow: hidden;
    text-align: center;
}
.tonglan .tlcon h3 {
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 10px;
}
.tonglan .tlcon h3 small {
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    font-weight: normal;
}
.tonglan .tlcon .tlitem {
    padding: 0;
    overflow: hidden;
    margin-bottom: 10px;
} 
.tonglan .tlcon .tlitem span {
    display: inline-block;
    padding: 0 5px;
    overflow: hidden;
    background: #f9b73a;
    border-radius: 10px;
    line-height: 30px;
    text-align: center;
    color: #000;
    font-size: 13px;
    margin-right: 1px;
}
.tonglan .tltel {
    overflow: hidden;
    line-height: 45px;
}
.tonglan .tltel p {
    background: url(../img/tltel.png) no-repeat left center;
    padding-left: 40px;
    background-size: 35px 35px;
    color: #fff;
    font-size: 16px;
    line-height: 45px;
    display: inline-block;
}
.tonglan .tltel strong {
    display: inline-block;
    color: #e7a414;
    font-size: 24px;
    line-height: 45px;
    transition: all 0.3s;
    animation: zoomIn1 2s infinite;
}
@keyframes zoomIn1 {
    0% {
        transform: translate3d(0,5px,0);
    }
    50% {
        opacity: 1;
        transform: none;
    }   
    100% {
        opacity: 1;
        transform: translate3d(0,5px,0);
    }
}
/*优势*/
.sect_ys {padding:15px 0 0;overflow: hidden;background: url(../img/m2bg.png) no-repeat top center;background-size: cover;}
.sect_ys .title_1 i {display: inline-block;width: 30px;height: 35px; background: url(../img/four.png) no-repeat center;background-size:contain;margin:0 10px;vertical-align: top;}
.sect_ys .ysimg {padding: 0;overflow: hidden;}
.sect_ys .ysimg img {width: 100%;max-width: 100%;display: block;}
.sect_ys .yslist {padding:15px 0 0;overflow: hidden;}
.sect_ys .yslist .ysitem {width: 46%;margin:0 2% 10px;float: left;text-align: center;} 
.sect_ys .yslist .ysitem .yspic {width: 40%;margin:0 auto 5px;}
.sect_ys .yslist .ysitem .yspic img {max-width: 100%;}
.sect_ys .yslist .ysitem h4 {color: #2c2c2c;font-size: 16px;line-height: 30px;}
.sect_ys .yslist .ysitem p {color: #7c7c7c;font-size: 12px;line-height: 20px;min-height: 80px;}
/*案例展示*/
.sect_case {padding: 20px 0;overflow: hidden;background: url(../img/m3bg.jpg) no-repeat center;background-size: cover;}
.sect_case .title_1 h3,.sect_case .title_1 span{color: #fff;}
.caselist {padding: 20px 0 30px;overflow: hidden;position: relative;}
.caselist .caseitem {padding: 0;overflow: hidden;border: 1px solid #f1f1f1;}
.caselist .caseitem a {display: block;width: 100%;height: 100%;}
.caselist .caseitem .icon {padding: 0;overflow: hidden;} 
.caselist .caseitem .icon img {display: block;width: 100%;height: 100%;max-width: none;max-height: none;object-fit: cover;}
.caselist .caseitem .casecon {padding: 0 5px;overflow: hidden;background: #fff;line-height: 40px;}
.caselist .caseitem .casecon h2 {text-align: center;color: #000;font-size: 14px;line-height: 40px;font-weight: normal;}
.caselist .caseitem:hover .casecon {background: #fbae27;}
.caselist .scase {bottom: 0;width: 100%;}
.caselist .scase .swiper-pagination-bullet {background: #fff;opacity: 1;margin:0 2px;}
.caselist .scase .swiper-pagination-bullet-active{background: #f9b73a;}

/*源头厂家*/
.sect_yt {padding: 15px 0;overflow: hidden;background: #f5f6f9;}
.sect_yt .ytlist {
    padding: 0;
    overflow: hidden;
}
.sect_yt .ytlist li {
    width: 48%;
    float: left;
    text-align: center;
    margin:0 1% 10px;
    position: relative;
    padding: 21px 0 0;
}
.sect_yt .ytlist li .ytjt {
    width: 42px;
    height: 42px;
    margin:0 auto;
    background: url(../img/duia.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 50%;
    margin-left: -21px;
    top:0;
    z-index: 1;
    transition: all 0.3s;
}
.sect_yt .ytlist li .ytitem {
    padding: 30px 5px 5px;
    overflow: hidden;
    background: #f9b73a;
    transition: all 0.3s;
}
.sect_yt .ytlist li .ytitem h3 {
    color: #000;
    font-size: 16px;
    line-height: 40px;
}
.sect_yt .ytlist li .ytitem em {
    display: block;
    width: 20px;
    height: 3px;
    background: #000;
    margin:0 auto 10px;
}
.sect_yt .ytlist li .ytitem p {
    padding: 0 10px;
    color: #000;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
}
.sect_yt .ytlist li .ytitem .ytimg {
    width: 100%;
    height: 90px;
}
.sect_yt .ytlist li .ytitem .ytimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sect_yt .ytlist li:hover {
    cursor: pointer;
}
.sect_yt .ytlist li:hover .ytjt {
    background: url(../img/dui.png) no-repeat center;
    background-size: contain;
}
.sect_yt .ytlist li:hover .ytitem {
    background: #f9b73a;
}
.sect_yt .ytlist li:hover .ytitem em {
    background: #000;
}

/*关于我们*/
.sect_about {padding:0;overflow: hidden;background: url(../img/m4bg.jpg)no-repeat top center;background-size: 100% 80%;}
.sect_about .aboutconent {padding: 20px 0;overflow: hidden;}
.sect_about .aboutconent .aboutT {padding: 0;overflow: hidden;text-align: center;color: #fff;font-size: 22px;line-height: 55px;margin-bottom: 5px;text-transform: uppercase;font-weight: bold;}
.sect_about .aboutconent .acontent {padding: 0;overflow: hidden;}
.sect_about .aboutconent .acontent,.sect_about .aboutconent .acontent p {color: #fff;font-size: 13px;line-height: 25px;}
.sect_about .aboutconent .aboutmore {padding:10px;overflow: hidden;width: 100px;margin:10px auto;text-align: center;}
.sect_about .aboutconent .aboutmore a {display: block;width: 100px;height: 35px;background: #f9b73a;color: #000;font-size: 14px;line-height: 35px;transition: all 0.3s;}
.sect_about .aboutconent .aboutmore a:hover {box-shadow: 3px 3px 5px 1px #b5b5b5;color: #000;}
.sect_about .num_conts {padding:15px 0;overflow: hidden;background: #fff;border-bottom: 4px solid #f9b73a;}
.sect_about .num_conts .num_cont {width: 48%;float: left;text-align: center;border-bottom: 1px dashed #e7ecf6;margin:0 1%;}
.sect_about .num_conts .num_cont:nth-child(3),.sect_about .num_conts .num_cont:nth-child(4) {border-bottom:none;}
.sect_about .num_conts .num_cont h6 ,.sect_about .num_conts .num_cont h6 i{color: #f9b73a;font-size: 30px;line-height: 40px;font-weight: bold;font-style: normal;margin-top: 5px;}
.sect_about .num_conts .num_cont p {color: #8e8e8e;font-size: 14px;line-height: 30px;}

/*资质荣誉*/
.sect_honor {padding: 20px 0;overflow: hidden;background: #fff;}
.sect_honor .honortit {padding: 0;overflow: hidden;text-align: center;}
.sect_honor .honortit a {display: block;color: #fbae27;font-size: 22px;line-height: 40px;font-weight: bold;}
.sect_honor .caselist .casecon {background: #2c2c2c;color: #fff;}
.sect_honor .caselist .casecon h2 {color: #fff;}
.sect_honor .caselist .hcase {bottom: 0;width: 100%;}
.sect_honor .caselist .hcase .swiper-pagination-bullet {background: #cacaca;opacity: 1;margin:0 2px;}
.sect_honor .caselist .hcase .swiper-pagination-bullet-active{background: #f9b73a;}

/*新闻*/
.sect_news {padding:0 0 15px;overflow: hidden;background: #fff;}
.hydt {padding:0;overflow: hidden;margin-bottom: 20px;}
.hydt .hthot {padding: 5px;overflow: hidden;background: #f4f4f4;}
.hydt .hthot a {display: block;width: 100%;height: 100%;}
.hydt .hthot .xwimg {width: 48%;padding: 0;overflow: hidden;height: 115px;}
.hydt .hthot .xwimg img {width: 100%;height: 100%;object-fit: cover;}
.hydt .hthot .xwhcon {width: 48%;padding: 0;overflow: hidden;}
.hydt .hthot .xwhcon h2 {color: #343435;font-size: 15px;line-height: 30px;font-weight: normal;}
.hydt .hthot .xwhcon span {display: block;color: #343435;font-size: 12px;line-height: 25px;}
.hydt .hthot .xwhcon p {display: block;color: #818181;font-size: 12px;line-height: 20px;}
.hydt .hthot:hover  {background: #fbae27;}
.hylist {padding:0;overflow: hidden;}
.hylist li {padding:0 5px;overflow: hidden;border-bottom: 1px dashed #c6c6c6;}
.hylist li a {display:block;width: 100%;height: 100%;}
.hylist li h2 {color: #282828;font-size: 13px;line-height: 40px;font-weight: normal;width: 70%;position: relative;padding-left: 5%;}
.hylist li h2:before {content: "";width: 4px;height: 4px;background: #666;position: absolute;left: 0;top:50%;margin-top: -2px;z-index: 1;}
.hylist li span {display: block;width: 25%;text-align: right;color: #a2a2a2;font-size: 12px;line-height: 40px;} 
.hylist li:hover {background: #f9b73a;}
.hylist li:hover h2,.hylist li:hover span{color: #fff;}
.hylist li:hover h2:before {background: #fff;}


@media screen and (max-width:340px){
    /*通栏*/
    .tonglan .tlcon h3,.tonglan .tlcon h3 strong {font-size: 17px;}
	.tonglan .tlcon .tlitem span {padding: 0 3px;border-radius: 5px;line-height: 30px;font-size: 12px;margin-right: 1px;}
    .tonglan .tltel strong {font-size: 22px;}
    /*源头厂家*/
    .sect_yt .title_1 h3 ,.sect_yt .title_1 h3 strong {font-size: 18px;}
}