@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.2rem;line-height:2.0rem;}
.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:32%;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.0rem;line-height:2.0rem;}
.i_quick ul li span{font-size:1.4rem;line-height:2.8rem;}
.i_quick img{width:100%;}

.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;}


       .i_pro_sub {
           padding-bottom:50px;
           float:left;
          /* width:calc(100% - 230px);*/
           margin-top:20px;
           margin-left:0px;           
       }

       .i_pro_sub ul li {
           margin: 10px 0.5% 0 !important;
           display: inline-block;
           width: 46%;
           padding: 0;
           background: #fff;
           position:relative;
       }
       .i_pro_sub ul li:hover a .pic{
           transform: rotate3d(1,1,1,360deg);
           transition:1s;
       }

       .i_pro_sub ul li a {
           background: none;
       }

       .i_pro_sub ul li a .pic span img {
           width: 99%;
           max-height: none;
           margin-left:0.5%;
       }

       .i_pro_sub ul li a:hover {
           background: none;
           box-shadow: none;
       }

       .i_pro_sub ul li a .pic {
           float: none;
           width: 100%;
           margin: 0 auto;
       }

       .i_pro_sub ul li a p {
           display: none;
       }

       .i_pro_sub ul li a .txt {
           width: 100%;
           position:absolute;
           top:45%;
           opacity:0;
           background:#0f59d6;
           color:#fff;
       }
       .i_pro_sub ul li:hover a .txt{
           opacity:1;
           transition:1s;
       }

.index-reason {

padding: 60px 0 0;

background-color: #fff;

overflow: hidden;
}



.index-reason .reason-nav {

    margin-top: 44px;

}



.index-reason .reason-nav ul {

display: block;

justify-content: space-between;

overflow: hidden;
}



.index-reason .reason-nav ul li {

width: 50%;

height: 140px;

cursor: pointer;

position: relative;

display: flex;

align-items: center;

justify-content: center;

transition: 0.3s;

float: left;
}



.index-reason .reason-nav ul li .icon {

width: 30px;

height: 30px;

margin-right: 20px;

transition: 0.3s;
}



.index-reason .reason-nav ul li .icon2 {

    display: none;

}



.index-reason .reason-nav ul li .word .title {

    font-size:20px;

    transition: 0.3s;

}



.index-reason .reason-nav ul li .word .intro {
text-transform: uppercase;
    font-size: 15px;
    color: #808080;
    margin-top: 10px;
    transition: 0.3s;

}



.index-reason .reason-nav ul li .sanjiao {

    display: none;

    position: absolute;

    left: 50%;

    bottom: -16px;

    width: 0;

    height: 0;

    transition: 0.3s;

    transform: translateX(-50%);

    border-top: 16px solid #1a5391;

    border-right: 16px solid transparent;

    border-left: 16px solid transparent;

}



.index-reason .reason-nav ul li::after {

    content: "";

    right: 0;

    top: 30px;

    width: 1px;

    height: 80px;

    position: absolute;

    background-color: #cccccc;

}



.index-reason .reason-nav ul li:last-child::after {

    display: none;

}



.index-reason .reason-nav ul .li-active {

    background-color: #1a5391;

}



.index-reason .reason-nav ul .li-active .icon1 {

    display: none;

}



.index-reason .reason-nav ul .li-active .icon2 {

    display: block;

}



.index-reason .reason-nav ul .li-active .word .title {

    color: #fff;

}



.index-reason .reason-nav ul .li-active .word .intro {

    color: #fff;

}



.index-reason .reason-nav ul .li-active .sanjiao {

    display: block;

}



.index-reason .reason-nav ul li:hover {

    background-color: #1a5391;

}



.index-reason .reason-nav ul li:hover .icon1 {

    display: none;

}



.index-reason .reason-nav ul li:hover .icon2 {

    display: block;

}



.index-reason .reason-nav ul li:hover .word .title {

    color: #fff;

}



.index-reason .reason-nav ul li:hover .word .intro {

    color: #fff;

}



.index-reason .reason-nav ul li:hover .sanjiao {

    display: block;

}



.index-reason .reason-contain {

background-image: url("../images/reason_bg.png");

background-repeat: no-repeat;

background-size: cover;

background-position: center;

/* height: 560px; */
}



.index-reason .reason-contain .wd1200 {

display: block;

height: 100%;
}



.index-reason .reason-contain .wd1200 .promise {

width: 100%;

padding: 18px 0 0 20px;

margin-right: 140px;

background: #0000007a;
display: none;
}



.index-reason .reason-contain .wd1200 .promise h3 {

    font-size: 24px;

    color: #fefefe;

}

    .index-reason .reason-nav ul li {
        text-align: center;
    }
    .index-reason .reason-nav ul li .sanjiao {
        display: none !important;
    }
    .index-reason .reason-nav ul li .word .title {
        font-size: 16px;
    }
    .index-reason .reason-nav ul li .word .intro {
        font-size: 14px;
    }
    .index-reason .reason-contain .wd1200 .reason-box .index-reason-swiper .swiper-slide h2 {
        font-size: 20px;
    }
    .index-reason .reason-contain .wd1200 .reason-box {
        width: 100%;
    }

.index-reason .reason-contain .wd1200 .promise .intro {
 
font-size: 22px;
 
color: #fefefe;
 
margin-top: 10px;
}



.index-reason .reason-contain .wd1200 .promise .line {

width: 60px;

height: 5px;

background-color: #ffffff;

margin-top: 10px;
}



.index-reason .reason-contain .wd1200 .promise .seave {
    margin-top: 30px;
}



.index-reason .reason-contain .wd1200 .promise .seave .strip {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}



.index-reason .reason-contain .wd1200 .promise .seave .strip div {

    width: 8px;

    height: 8px;

    margin-right: 10px;

    background-color: #ffffff;

}



.index-reason .reason-contain .wd1200 .promise .seave .strip span {
font-family: sans-serif;
    font-size: 18px;
    color: #fefefe;

}



.index-reason .reason-contain .wd1200 .promise .order {

    margin-top: 20px;

    width: 160px;

    height: 54px;

    color: #fefefe;

    font-size: 16px;

    line-height: 54px;

    text-align: center;

    display: block;

    transition: 0.2s;

    border: solid 1px #ffffff;

}



.index-reason .reason-contain .wd1200 .promise .order:hover {

    color: #fff;

    background-color: #1a5391;

    border: 1px solid #1a5391;

}



.index-reason .reason-contain .wd1200 .reason-box {

width: 100%;

height: 326px;

/*margin-top: 104px;*/

position: relative;

background-color: #ffffff;
}



.index-reason .reason-contain .wd1200 .reason-box .index-reason-swiper {

    width: 100%;

    height: 100%;

    position: initial;

}



.index-reason .reason-contain .wd1200 .reason-box .index-reason-swiper .swiper-slide {
 
    padding: 24px 20px;

    box-sizing: border-box;

    background: #0000001f;

}



.index-reason .reason-contain .wd1200 .reason-box .index-reason-swiper .swiper-slide h2 {
font-family: "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
    text-transform: uppercase;
    font-size: 40px;

    color: #1a5391;

    padding: 0;

    margin: 0;

}



.index-reason .reason-contain .wd1200 .reason-box .index-reason-swiper .swiper-slide .intro {

margin-top: 10px;

font-size: 24px;

margin-top: 24px;
}



.index-reason .reason-contain .wd1200 .reason-box .index-reason-swiper .swiper-slide .line {

    width: 100%;

    height: 1px;

    margin-top: 20px;

    background-color: #cccccc;

}



.index-reason .reason-contain .wd1200 .reason-box .index-reason-swiper .swiper-slide .detail {

margin-top: 20px;

font-size: 16px;

color: #666;

line-height: 32px;

text-align: justify;

display: -webkit-box;

-webkit-line-clamp: 3;

-webkit-box-orient: vertical;

overflow: hidden;

width: 100%;
}



.index-case {

    padding: 60px 0;

    background-color: #fff;

}



.index-case .case-box {

    margin-top: 54px;

}



.index-case .case-box .gallery-top {

    width: 100%;

    height: 802px;

}



.index-case .case-box .gallery-top .swiper-slide {

    background-size: 100% 100%;

    background-repeat: no-repeat;

    position: relative;

}



.index-case .case-box .gallery-top .swiper-slide .title {

    position: absolute;

    width: 100%;

    height: 110px;

    line-height: 110px;

    bottom: 0;

    left: 0;

    font-size: 24px;

    color: #feffff;

    padding-left: 38px;

    box-sizing: border-box;

    background: rgba(0, 0, 0, 0.52);

}
.index-case .case-box .gallery-top .swiper-slide .title a{font-size: 24px;

    color: #feffff;}



.index-case .case-box .gallery-top .swiper-slide .title span {

    position: relative;

}



.index-case .case-box .gallery-top .swiper-slide .title span::after {

    content: "";

    position: absolute;

    bottom: -10px;

    left: 0;

    width: 60px;

    height: 3px;

    background-color: #ffffff;

}



.index-case .case-box .gallery-thumbs {

    width: 100%;

    height: 221px;

    box-sizing: border-box;

    padding: 10px 0 30px;

}



.index-case .case-box .gallery-thumbs .swiper-slide {

    background-size: 100% auto;

    position: relative;

    opacity: 0.6;

    background-repeat: no-repeat;

}



.index-case .case-box .gallery-thumbs .swiper-slide div {

    position: absolute;

    bottom: -30px;

    left: 50%;

    font-size: 16px;

    transform: translateX(-50%);

}

.index-reason .reason-nav ul .li-active .word .title {

    color: #fff;

}

.control{
display:none;
}

.fx_banner{
background:#000;
}