@import url(ph-main3.css);
.title{font-size:2rem;line-height:4rem;margin-bottom:2rem;text-align:center;}
.title a{color:#0f58d6;}

.i_pro{padding:2rem 0;background:#f6f7f7;}
.i_pro-inner{max-width:750px;width:96%;padding:0 2%;margin:0 auto;position:relative;}
.i_pro_tit{font-size:2rem;line-height:4rem;margin-bottom:1rem;}
.i_pro_tit a{color:#0f58d6;}
.i_pro_list{display:flex;justify-content:space-between;flex-wrap:wrap;}

.i_pro_btn{position:absolute;top:1rem;right:0;width:6.5rem;height:4rem;display:flex;justify-content:space-between;align-items:center;}
.i_pro_btn .i_pro-button-next{width:3rem;height:3rem;background:#e1e1e1;display:flex;align-items:center;}
.i_pro_btn .i_pro-button-next:after{font-size:2rem;}
.i_pro_btn .i_pro-button-next:hover{background:#0f58d6;}
.i_pro_btn .i_pro-button-prev{width:3rem;height:3rem;background:#e1e1e1;display:flex;align-items:center;}
.i_pro_btn .i_pro-button-prev:after{font-size:2rem;}
.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:1.4rem;line-height:4rem;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:2rem 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:5rem;text-align:center;color:#FFF;}
.i_brand_tit h4 p{font-size:2.4rem;padding-top:1rem;}
.i_brand_tit h4 span{font-size:1.4rem;}

.i_brand_img{max-width:750px;width:96%;padding:0 2%;margin:1rem auto 0;}
.i_brand_img img{width:100%;height:auto;}

.i_about{background:#f6f7f7;width:96%;max-width:750px;padding:2rem 2%;}
.i_about_tit{text-align:center;}
.i_about_tit h3{font-size:2rem;line-height:4rem;color:#0f58d6;}

.i_about_sub{width:100%;margin:1rem auto 0;}
.i_about_con{width:92%;padding:2rem 4% 0;}
.i_about_con h2{margin-bottom:1rem;font-size:2rem;font-weight:600;}
.i_about_con p{font-size:1.4rem;line-height:2.8rem;}
.i_about_con span{margin-top:1rem;font-size:1.2rem;line-height:2.4rem;display:block;}

.i_about_img{width:96%;padding:1rem 2%;}
.i_about_img video{width:100%;height:auto;}

.i_quick{width:100%;margin:2rem auto 0;}
.i_quick ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.i_quick ul li{width:49%;margin-bottom:1rem;}
.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:1.6rem;line-height:3.2rem;}
.i_quick ul li p{font-size:1.4rem;line-height:2.8rem;}
.i_quick ul li span{font-size:1.4rem;line-height:2.8rem;}

.i_news{max-width:750px;width:96%;padding:2rem 2% 0;}

.i_news_tit{margin-bottom:1rem;border-bottom:2px solid #909090;justify-content:space-between;}
.i_news_tit h4{font-weight:500;font-size:1.8rem;line-height:3.6rem;}
.i_news_tit h4 a{color:#0f58d6;}
.i_news_tit span{font-size:1.2rem;line-height:3.6rem;}
.i_news_tit span a{color:#ccc;}

.i_news_left{width:100%;margin-bottom:2rem;}
.i_news_right{width:100%;margin-bottom:2rem;}

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

#ind_supply { width: 100%; margin: 0 auto; height: 320px;
    background-color: #0f58d6;
    box-sizing: border-box;
    padding: 3rem; 
}
#ind_supply h3 {    
    font-size: 3.0rem;
    color: #fff;    
    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: 14px;
    font-weight: 700;
    width: 50%;
    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;
}

#ind_supply ul {
    float:right;
    margin-top:10px;
}
.wh{width:100%;margin:0 auto;}

.box1{
    overflow: hidden;
    padding: 35px 0 60px;
}

.box1 h3{
    font-size:20px;
}

.b1_index{
    width: 100%;
    overflow: hidden;
}
.b1ul1{
   
    text-align: center;
}
.b1ul1 li{
    width: 28%;
    height: 46px;
    background-color: #f5f5f5;
    margin: 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;
    margin: 0 8px 14px 6px;
    position: relative;
    width: calc(50% - 15px);
    border: solid 1px #e5e5e5;
    box-sizing:border-box;
}
.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;
}
.kehu1 .swiper {
	width: 100%;
	height: 100%;
}

.kehu1 .swiper-slide {
	font-size: 18px;
	background: #fff;
}

.kehu1 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.kehu1 .swiper {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.kehu1 .swiper-slide {
	background-size: cover;
	background-position: center;
}

.kehu1 .mySwiper2 {
	height: 80%;
	width: 100%;
}

.kehu1 .mySwiper {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}

.kehu1 .mySwiper .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
}

.kehu1 .mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}

.kehu1 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.kehu{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
.kehu>p{
	text-align:center;
	font-size:25px;
	margin-top:20px;
}
.kehu>span{
	display:block;
	color:#999;
	font-size:16px;
	margin-top:10px;
	text-align:center;
}
.kehu1{
	overflow:hidden;
}
.kehu1 .mySwiperaa{
	width:100%;
	margin:10px auto;
	border:1px solid #2961c9;
	overflow:hidden;
	box-sizing: border-box;
}
.kehu1 .mySwiper2aa img{
	width:100%;
	float:left;
}
.mySwiper2aa{
	background:#fff;
}
.mySwiper2aa a{
	width:100%;
	background:#f9f9f9;
	cursor: pointer;
}
.mySwiper2aa .swiper-slide{
	margin:20px 0;
}
.mySwiper2aa .swiper-slide p{
	background:none;
}
.mySwiper2aa .swiper-slide:hover p{
	color:#2961c9;
}
.mySwiper2aa span{
	display:-webkit-box;
	width:90%;
	margin:10px auto;
	color:#666;
	overflow:hidden;
	-webkit-line-clamp:5;
	-webkit-box-orient:vertical;
}
.mySwiper2aa a div{
	background:#2961c9;
	color:#fff;
	width:100px;
	height:40px;
	line-height:40px;
	margin-left:5%;
	border-radius:5px;
	text-align:center;
	font-size:14px;
}
.mySwiperaa p{
	position:relative;
	overflow:hidden;
	cursor: pointer;
}
.mySwiperaa p:hover{
	transition:1s;
}
.mySwiperaa p::after{
	width:50%;
	height:200%;
	content:'';
	left:-100%;
	background:rgba(255,255,255,0.3);
	top:-30px;
	position:absolute;
	transform: rotate3d(1, 1, 1, 145deg);
	transition:1s;
}
.mySwiperaa p:hover:after{
	left:100%;
	transition:1s;
}
.mySwiperaa .swiper-slide{
	border-right:1px solid #2961c9;
}
.a7_b1{
	width:100%;
	overflow:hidden;
}
.a7_b1 h2{
	float:left;
}
.a7_c1>div>a{
	float:right;
}
.a7_c1 img{
	width:100%;
	margin:10px 0;
}
.a7_c1{
	margin-top:20px;
}
.xw_a1 li{
	margin:10px 0;
	overflow:hidden;
}
.xw_a1 a{
	float:left;
	width:calc(100% - 112px)
}
.xw_a1 span{
	float:right;
}
.i_about_img img{
	width:100%;
}