@font-face{

    font-family: 'Arials';

    src : url('../font/ariblk.ttf');

}

@font-face{

    font-family: 'rzdf';

    src : url('../font/rzdf.TTF');

}


.banner{position: relative;}

.bannerinner{position: absolute;top: 50%;left: 20%;transform: translateY(-50%) translateX(-20%);color: #fff;}

.bannerinner h2{font-size: 54px;line-height: 67px;margin-bottom: 30px;text-shadow: 3px 3px 3px #fff;color: #17479e;font-weight: bold;}

.bannerinner p{font-size: 14px;line-height: 24px;color: rgba(255,255,255,.7);}

.banner img{width: 100%;}



.banner .swiper-pagination .swiper-pagination-bullet{font-size: 18px;color: #fff;opacity: 1;}

.banner .swiper-pagination-bullet{background: transparent !important;width: auto;height: auto;}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin-left: 20px !important;}

.banner .swiper-pagination-bullet:after{

    content:'';

    display: inline-block;

    width: 42px;

    height: 4px;

    background: #fff;

    vertical-align: middle;

    margin: 0 

}

.banner .swiper-pagination-bullet-active:after{

    width: 170px;

    height: 4px;

    margin: 0 5px;

    background: #17479e;

}

.banner .swiper-pagination .swiper-pagination-bullet-active {

    color:#17479e;

}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{margin-bottom: 40px;}

.banner .swiper-button-prev{display: block !important;}

.swiper-button-next, .swiper-button-prev{

    background: rgba(23,71,158,.2);

    text-align: center;

    width: 32px;

    height: 95px;

    line-height: 95px;

    color: #fff;

    transform: translateY(-50%);
    /* display: none; */

}

.swiper-button-next{right: -10%;}

.swiper-button-prev{left: -10%;}

.swiper-button-prev:hover{

    background: #17479e;

}

.swiper-button-next:hover{

    background: #17479e;

}



.zyyw{background: #f6f6f6;padding: 80px 0;font-size: 0}

.i_tit h2 {position: relative;}

.i_tit h2 span{position: relative;display: inline-block;font-size: 30px;color: #17479e;font-weight: bold;font-family: Arials;padding-right: 22px;z-index: 5;
background: #f6f6f6;line-height: 36px;text-transform:Uppercase;}

.i_tit h2 a{font-size: 12px;line-height: 36px;display: inline-block;float: right;color: #c6ccd4;z-index: 5;padding-left: 16px;position: relative;background: #f6f6f6;

font-family: Arials;font-weight: bold;}

.i_tit h2::before{content: '';display: block;width: 100%;height: 4px;background: #e2e5eb;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}

.i_tit h3{font-size: 26px;color: #17479e;font-weight: bold;}

.zyywlist{margin-top: 60px;}

.zyywlist li{float: left;margin-right: 0.66%;box-sizing: border-box;position: relative;background: #17479e;width: 100%; height:100%; display:block;}

.zyywlist li:last-of-type{margin-right: 0;}

.zyywlist li img{width: 100%;}

.zyywlist .ywtxt{background: #fff;text-align: center;padding: 52px 0;}

.zyywlist .ywtxt h2{font-size: 20px;color: #282828;}

.zyywlist .ywtxt1 h2{font-size: 20px;color: #fff;}

.zyywlist .ywtxt span,.zyywlist .ywtxt1 span{font-size: 14px;color: #c3c3c3;}

.zyywlist .ywtxt1 p{font-size: 14px;color: #fff;margin-top: 52px;}

.zyywlist .ywtxt1{position: absolute;width: 100%;height: 0;left: 0;bottom:0;background: #fff;text-align: center;box-sizing: border-box;

transition: all .5s cubic-bezier(.35, .75, .55, 1) 0.1s;

-webkit-transition: all .5s cubic-bezier(.35, .75, .55, 1) .1s;

-moz-transition: all .5s cubic-bezier(.35, .75, .55, 1) .1s;

overflow: hidden;}

.zyywlist li:hover .ywtxt1{height: 100%;background: rgba(23,71,158,.9);padding: 0 40px;padding-top: 110px;}

.zyywlist li:hover .ywtxt{background: #17479e;}

.zyywlist li:hover .ywtxt h2{opacity: 0;}

.zyywlist li:hover .ywtxt span{opacity: 0;}

.ywtxt1 i{display: block;width: 46px;height: 46px;line-height: 46px;background: #fff;border-radius: 50%;text-align: center;margin: 0 auto;margin-top: 70px;}



.xwdt{padding: 80px 0 70px 0;font-size: 0}

.xwdt .i_tit h2 span{background: #fff;}

.i_tit h2 a:hover{color: #17479e;}

.xwdt .i_tit h2 a{background: #fff;}


.qywh .i_tit h2 span{background: #fff;}

.qywh .i_tit h2 a{background: #fff;}


.xwdt .i_tit h2::before{background: #eceef1;}

.xwdtlb{margin-top: 80px;position: relative;text-align: center;}

.xwdtlb h3{font-size: 18px;color: #282828;line-height: 22px;width: 90%;height: 36px;text-align: left;margin-top: 30px;}

.xwdtlb p{font-size: 14px;color: #999999;line-height: 22px;border-bottom: 1px solid #dcdee2;padding-bottom: 40px;text-align: left;}

.xwdtlb em{font-size: 18px;line-height: 22px;font-weight: bold;font-family: Arials;padding: 30px 0 50px;display: block;text-align: left;}

.xwdtlb img{
    /* position: absolute;
    top: 78px; */
    width: 100%;
    /* opacity: 0;
    left:0;

    -webkit-transition: all 1s ease-in-out;

    -moz-transition: all 1s ease-in-out;

    -o-transition: all 1s ease-in-out;

    transition: 0.3s ease-in-out; */

}

/* .xwdtlb .swiper-slide:hover img{opacity: 1;}

.xwdtlb .swiper-slide:hover p{opacity: 0;}

.xwdtlb .swiper-slide:hover em{display: none} */

.xwdtlb .swiper-slide:hover h3{color: #17479e;}

.xwdtlb .swiper-slide:hover p{border-bottom:1px solid #17479e;
    -webkit-transition: all 2s ease-in-out;

    -moz-transition: all 2s ease-in-out;

    -o-transition: all 2s ease-in-out;

    transition: 2s ease-in-out;
}

.xwdtlb .swiper-button-next,.xwdtlb .swiper-button-prev{width: 27px;height: 27px;line-height: 27px;border: 1px solid #d4d4d4;border-radius: 50%;background: #fff;

color: #444;text-align: center;cursor: pointer;position: static;

display: inline-block;

vertical-align: middle;margin-top: 56px;}

.xwdtlb .swiper-button-prev{margin-right: 20px;}

.xwdtlb .swiper-button-prev:hover,.xwdtlb .swiper-button-next:hover{background: #17479e;color: #fff;}

.zyywlist .swiper-button-next,.zyywlist .swiper-button-prev,.subcont .zyywlist .swiper-pagination{display: none;}





.subcont{padding-top: 46px;padding-bottom: 40px;background: #f4f9ff;font-size: 0;}

.subcont ul{position: relative;}

.subcont ul li{float: left;width:100%;box-sizing: border-box;margin-right: 8%;font-size: 0;padding-top: 40px;}

.subcont ul li:last-of-type{margin-right: 0;}

.subcont ul li span{display: inline-block;margin-right: 12%;width: 100% !important;}

.subcont ul li span img{width: 100%;}

.subcont ul li:hover i{background: #17479e;color: #fff;}

.subcont_txt{display: inline-block;width: 100% !important;vertical-align: top;}

.subcont_txt h3{font-size: 20px;color: #000;}

.subcont_txt p{font-size: 12px;color: #ababab;line-height: 16px;text-transform:uppercase;margin-top: 16px;margin-left: 10px;}

.subcont_txt p::after{content: '';display: block;width: 18px;height: 2px;background: #17479e;margin-top: 26px;}

.subcont_txt i{display: block;width: 27px;height: 27px;line-height: 27px;background: #f4f9ff;border:1px solid #d3d3d3;border-radius: 50%;text-align: center;margin-top: 24px;

margin-left: 4px;}

.banner img:last-of-type{display: none;}