@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;margin-bottom:1rem;}
.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;display:flex;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;}

