@import url(main2.css);
.title{font-size:40px;line-height:60px;margin-bottom:30px;text-align:center;}
.title a{color:#0f58d6;}

.i_pro{padding:40px 0;background:#f6f7f7;}
.i_pro-inner{width:1200px;margin:0 auto;position:relative;}
.i_pro_tit{font-size:40px;line-height:60px;margin-bottom:30px;}
.i_pro_tit a{color:#0f58d6;}
.i_pro_list{display:flex;justify-content:space-between;flex-wrap:wrap;}

.i_pro_btn{position:absolute;top:20px;right:0;width:85px;height:40px;display:flex;justify-content:space-between;align-items:center;}
.i_pro_btn .i_pro-button-next{width:40px;height:40px;background:#e1e1e1;display:flex;align-items:center;}
.i_pro_btn .i_pro-button-next:after{font-size:24px;}
.i_pro_btn .i_pro-button-next:hover{background:#0f58d6;}
.i_pro_btn .i_pro-button-prev{width:40px;height:40px;margin-right:5px;background:#e1e1e1;display:flex;align-items:center;}
.i_pro_btn .i_pro-button-prev:after{font-size:24px;}
.i_pro_btn .i_pro-button-prev:hover{background:#0f58d6;}
.i_pro_btn .swiper-button-prev,.i_pro_btn .swiper-container-rtl .swiper-button-next{left:0;right:auto;}
.i_pro_btn .swiper-button-next,.i_pro_btn .swiper-container-rtl .swiper-button-prev{right:0;}
.i_pro_btn .swiper-button-next:hover, .i_pro_btn .swiper-button-prev:hover{color:#FFF;}

.i_pro-wrapper{display:flex;justify-content:space-between;}

.swiper-slide span{display:block;width:100%;height:auto;overflow:hidden;}
.swiper-slide span img{width:100%;transition: .5s;}
.swiper-slide p{font-size:16px;line-height:60px;text-align:center;background:#FFF;color:#0f58d6;transition: .5s;}
.swiper-slide:hover span img{transform:scale(1.2);transition:.5s;}
.swiper-slide:hover p{background:#0f58d6;color:#FFF;transition: .5s;}

.i_brand{margin:30px auto 0;}

.i_brand_tit{background:linear-gradient(to bottom,#FFF 0,#FFF 20%,#4d71e9 20%, #4d71e9 100%);}
.i_brand_tit h4{background:url(../image/i_brand_tit_bg.jpg) center 3px no-repeat;height:82px;text-align:center;color:#FFF;}
.i_brand_tit h4 p{font-size:34px;padding-top:20px;}
.i_brand_tit h4 span{font-size:18px;}

.i_brand_img{width:1200px;margin:20px auto 0;}
.i_brand_img img{width:100%;height:auto;}



.i_about{background:#f6f7f7;width:100%;min-width:1200px;padding:30px 0;}
.i_about_tit{text-align:center;margin-bottom:20px;}
.i_about_tit h3{font-size:30px;line-height:60px;color:#0f58d6;}

.i_about_sub{width:1200px;margin:20px auto 0;display:flex;justify-content:space-between;}
.i_about_con{width:520px;padding:30px;}
.i_about_con h2{margin-bottom:10px;font-size:24px;font-weight:600;}
.i_about_con p{font-size:16px;line-height:32px;}
.i_about_con span{margin-top:20px;font-size:14px;line-height:28px;display:block;}

.i_about_img{width:590px;}
.i_about_img video{width:100%;height:auto;}

.i_quick{width:1200px;margin:30px auto 0;}
.i_quick ul{display:flex;justify-content:space-between;}
.i_quick ul li{width:24%;}
.i_quick ul li div{width:100%;height:auto;background:#485a64;}
.i_quick ul li div img{width:100%;}
.i_quick ul li h4{color:#0f58d6;font-size:18px;line-height:40px;}
.i_quick ul li p{font-size:14px;line-height:28px;}
.i_quick ul li span{font-size:14px;line-height:28px;}

.i_news{width:1200px;margin:30px auto 0;display:flex;justify-content:space-between;}

.i_news_tit{margin-bottom:10px;border-bottom:2px solid #909090;display:flex;justify-content:space-between;}
.i_news_tit h4{font-weight:500;font-size:20px;line-height:40px;}
.i_news_tit h4 a{color:#0f58d6;}
.i_news_tit span{font-size:14px;line-height:40px;}
.i_news_tit span a{color:#ccc;}

.i_news_left{width:46%;}
.i_news_right{width:46%;}

.i_news_list li{border-bottom:1px dashed #999;height:40px;line-height:40px;background:url(../image/i_news_icon.jpg) 5px center no-repeat;padding-left:20px;}
.i_news_list li a{color:#606060;}

#ind_supply { width: 100%; margin: 0 auto; height: 180px;
    background-color: #0f58d6;
    box-sizing: border-box;
    padding: 3rem; 
}
#ind_supply h3 {
    float: left;
    font-size: 1.0rem;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    line-height: 2.2;
    border-bottom: 2px solid #fff;
    margin: 0 1.5rem;
}

#ind_supply li {
    float: left;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    width: 19%;
    line-height: 3;
}
#ind_supply li img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    transition: all ease-out .5s;
    -webkit-transition: all ease-out .5s;
}
.wh{width:1200px;margin:0 auto;}

.box1{
    overflow: hidden;
    padding: 35px 0 60px;
}
.b1_index{
    width: 1216px;
    overflow: hidden;
    margin: 25px -8px 0 -8px;
}
.b1ul1{
    width: 100%;
    text-align: center;
}
.b1ul1 li{
    width: 97px;
    height: 46px;
    background-color: #f5f5f5;
    margin: 0 8.5px;
    text-align: center;
    display: inline-block;
}
.b1ul1 li:hover{background-color: #3083ff;}
.b1ul1 li a{
    display: block;
    width: 100%;
    line-height: 46px;
    font-size: 15px;
    color: #474747;
}
.b1ul1 li:hover a{color: #ffffff;}
.b1_index .bd{
    margin-top: 47px;
    width: 100%;
    overflow: hidden;
}
.b1_index .bd .b1ul2{
    width: 100%;
    overflow: hidden;
}
.b1_index .bd .b1ul2 li{
    float: left;
    float: left;
    margin: 0 8px 14px 6px;
    position: relative;
    width: 287px;
    border: solid 1px #e5e5e5;
}
.b1_index .bd .b1ul2 li:hover{ box-shadow: 0px 0px 7px 2px rgb(0 0 0 / 19%);
}
.b1_index .bd .b1ul2 li .b1img1{
    width: 100%;
    position: relative; 
}
.b1img1 img{width: 100%; display: block;}
.b1_index .bd .b1ul2 li .b1con1{
    width: 100%;
    height:58px;
    background-color: #e5e5e5;
    text-align: center;
    line-height: 58px;
    font-size: 16px;
    color: #474747;
}
.b1_index .bd .b1ul2 li:hover .b1con1{
    color: #ffffff;
    background-color: #3083ff;
}

.index_tit h3{
    font-size: 38px;
    line-height: 1;
    color: #333333;
    margin-bottom: 18px;
}