@import url(main2.css);
.title{font-size:50px;line-height:60px;margin-bottom:0px;text-align:center;}
.title a{color:#0f58d6;}
.fr {
    float: right;
    font-size:14px;
}
.inners{display:block;}
.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:150px;right:0;width:85px;height:40px;display:flex;justify-content:space-between;align-items:center;}
.i_pro_btn .i_pro-button-next{width:45px;height:150px;background:#e1e1e18c;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:45px;height:150px;margin-right:5px;background:#e1e1e18c;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:0px auto 0;background-color:#ffffff;overflow:hidden;}

.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_brand_tt{margin-top:60px;}


.i_about{background:#ffffff;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{overflow:hidden;}
.i_quick ul li{width:33%;overflow:hidden;float:left;margin-top:20px;height:130px;cursor: pointer;}
.i_quick a{
	float:left;
	width:100px;
	height:100px;
}
.i_quick ul li div{width:calc(95% - 100px);height:auto;float:left;margin-left:5%;}
.i_quick ul li img{width:100%;height:100px;}
.i_quick ul li h4{color:#333;font-size:18px;line-height:40px;border-bottom:3px solid #FFA800;width:80%;}
.i_quick ul li h4:hover{
	width:90%;
	transition:1s;
}
.i_quick ul li:hover img{
	transform:rotate(20deg);
	transition:1s;
}
.i_quick ul li p{font-size:14px;line-height:28px;white-space: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orientt: vertical;
            -webkit-line-clamp:2;
}
.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;}

.index-reason {

    padding: 60px 0 0;

    background-color: #fff;

}



.index-reason .reason-nav {

    margin-top: 44px;

}



.index-reason .reason-nav ul {

    display: flex;

    justify-content: space-between;

}



.index-reason .reason-nav ul li {

    width: 25%;

    height: 140px;

    cursor: pointer;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: 0.3s;

}



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

    width: 80px;

    height: 80px;

    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: flex;

    height: 100%;

}



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

    width: 280px;

    padding: 18px 0 0 20px;

    margin-right: 140px;

    background: #0000007a;

}



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

    font-size: 24px;

    color: #fefefe;

}



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

    font-size: 22px;

    color: #fefefe;

}



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

    width: 60px;

    height: 5px; 

    background-color: #ffffff;

}



.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: 620px;

    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;

}



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

}



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

}

.wd1200 {
    max-width: 1200px;
    margin: auto;
}


.index-Title .line::after {

    content: "";

    display: block;

    position: absolute;

    left: 50%;
     top: -4px;

    width: 50px;

    height: 9px;

    background-color: #1a5391;

    border-radius: 5px;

    transform: translateX(-50%);

}

.index-Title .line {

    width: 387px;

    height: 1px;

    margin: 24px auto 0;

    background-color: #cccccc;

    position: relative;

}

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

       .i_pro_sub ul li {
           margin: 10px 0.5% 0 !important;
           display: inline-block;
           width: 23%;
           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;
       }
       
 .ellipsis {
           width: 100%;
           display: block;
           text-align: center;
           margin-top: 10px;
       } .ellipsis {
           width: 100%;
           display: block;
           text-align: center;
           margin-top: 10px;
       }



.fx_grid_c1{width:1920px;margin:0 auto}

.fx_banner{background:#f0f0f0;width:1903px;overflow:hidden;position:relative}
.fx_banner_inner{position:relative;height:502px}

.fx_banner_img{width:100%;}
.fx_banner_img li{float:left;height:700px;width:1903px;position:relative}
.fx_banner_link{position:absolute;top:0;left:0;width:100%;height:502px;cursor:pointer}

.fx_banner .child{position:absolute;width:100%;height:502px}
.fx_banner .child video{
	width:100%;
}
.fx_banner_common{position:relative}
.fx_banner_common a{position:absolute;top:50%;margin-top:200px;width:41px;height:119px;cursor:pointer;display:block;overflow:hidden;opacity:.5;filter:alpha(opacity=50);}
.fx_banner_pre{left:0;background:url(../image/ban_pre_24.png);}
.fx_banner_next{right:0;background:url(../image/ban_next_24.png);}
.fx_banner_pre:hover,.fx_banner_next:hover{opacity:1;filter:alpha(opacity=100)}
.fx_banner .control{width:300px;position:absolute;top:600px;left:50%;margin-left:-100px;text-align:center}
.fx_banner .control li{display:inline-block;*display:inline;*zoom:1;margin:0 5px;width:18px;height:18px;border-radius:50%;cursor:pointer;background:#a0a183}
.fx_banner .control li a{display:none}
.fx_banner .control li.current{background:#ff7f02}