@charset "utf-8";
/* CSS Document */

body{overflow-x: hidden;}
.content_box{ width: 100%; }
.banner {
    width: 100%;
    height: 320px;
    position: relative;
    overflow: hidden;
}

.banner .bd {
    width: 2560px;
    height: 320px;
    position: absolute;
    left: 50%;
    margin-left: -1280px;
    overflow: hidden;
}

.banner .bd ul li {
    width: 100%;
    position: relative;
}
/* 
.banner .bd ul li a {
    width: 2560px;
    height: 100%;
    display: block;
} */

.banner .bd ul li .ban {
    width: 100%;
    height: 320px;
    object-fit: cover;
}

.banner .hd {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 78px;
    display: none;
}

.banner .hd li {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.6);
    display: inline-block;
    border: solid 1px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 0;
    margin: 0 6px;
    cursor: pointer;
}

.banner .hd li.on {
    background-color: #fff
}

.banner .hd .next {
    width: 52px;
    height: 52px;
    display: block;
    border: solid 1px #fff;
    border-radius: 52px;
    position: absolute;
    right: 10%;
    top: -232px;
    cursor: pointer;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    -o-border-radius: 52px;
}

.banner .hd .prev {
    width: 52px;
    height: 52px;
    display: block;
    border: solid 1px #fff;
    border-radius: 52px;
    position: absolute;
    left: 10%;
    top: -232px;
    cursor: pointer;
}

.banner .hd .next i {
    width: 100%;
    height: 100%;
    display: block;
    /* background: url(../images/next.png) no-repeat center center; */
}

.banner .hd .prev i {
    width: 100%;
    height: 100%;
    display: block;
    /* background: url(../images/prev.png) no-repeat center center; */
}

.banner .hd .next:hover,
.banner .hd .prev:hover {
    background: rgba(255, 255, 255, 0.4);
}

.banner .hd .pageState {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.6);
    position: relative;
}

.banner .hd .pageState span {
    color: rgba(255, 255, 255, 1);
    padding-right: 13px;
}

.banner .hd .pageState i {
    color: rgba(255, 255, 255, 1)
}

.banner .hd .pageState em {
    padding-left: 13px;
}

.banner .hd .prev2 {
    left: 25%;
}
.banner .bd ul li .zhe{width: 100%  ; height: 324px; display: flex;flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 0;bottom: 0;z-index: 3;}
.banner .bd ul li .zhe h3{ line-height: 48px;font-size: 48px;font-weight: bold;color: #fff; margin-bottom: 18px;}
.banner .bd ul li .zhe h4{font-size: 24px; color: rgba(255, 255, 255, 0.6);text-transform:uppercase; }

.main_bg{ width: 100%; }
.main_bg .main-ctr{ width: 1400px; margin: 0 auto; padding: 49px 0 65px 0; overflow: hidden;}
.main_bg .main-ctr .m_left{width: 281px; float: left;}
.main_bg .main-ctr .m_right{ width: 1068px ; float: right;}


.main_bg .main-ctr .m_left .cd{width: 100%; height: 114px; background: url(../images/ltimg.jpg); display: flex; align-items: center; overflow: hidden;}
.main_bg .main-ctr .m_left .cd h3{ font-size: 24px; color: #fff; padding-left: 35px;}

.lmlist { width: 100%; background-color: #e3eff9; background-image: url(../images/lnbg.jpg) ; background-repeat: no-repeat; background-position: left bottom; padding-bottom: 180px; overflow: hidden; }
.lmlist ul { width: 100%;}
.lmlist ul li {width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.07);}
/* .lmlist ul li:last-child { border: none;} */
.lmlist ul li.on .yj {color: #fff !important; background-color: #6088c9 !important; /* background-image: url(../images/xl3.png) ; background-repeat: no-repeat; background-position: 91% center;*/}
.lmlist ul li:hover .yj {background-color: #d2a271; color: #fff; /* background-image: url(../images/xl3.png); background-repeat: no-repeat; background-position: 91% center;*/}
.lmlist ul li .yj { width: 200px;font-size: 16px;line-height: 20px;color: #333;display: block;padding: 18px 40px 18px 41px;background: url(../images/xl4.png) no-repeat 91% center; position: relative;}
.lmlist ul li .xl { width: 220px; padding: 0 0 0 45px; display: none;}
.lmlist ul li .xl a {width: 100%;display: block;font-size: 14px;line-height: 24px;color: #555;margin: 8px 0 8px 0; }
.lmlist ul li .xl a:hover{transform: translateX(6px);transition: transform .5s ease-out;}
.lmlist ul li .xl a.activ{color: #333;font-weight: bold;}

.lmlist ul li.kong .yj {background: none; color: #333;}
.lmlist ul li.kong:hover .yj {background-color: #d2a271; color: #fff; }

.lmlist ul li.ys .yj{background-image: url(../images/xl.png) ; background-repeat: no-repeat; background-position: 91% center;}
.lmlist ul li.ys:hover .yj { background-image: url(../images/xl3.png); background-repeat: no-repeat; background-position: 91% center;}
.lmlist ul .ys.on .yj{background-image: url(../images/xl2.png) !important; background-repeat: no-repeat; background-position: 91% center;} 
.lmlist ul li:hover .yj{background-image: url(../images/xl5.png); background-repeat: no-repeat; background-position: 91% center;}
.lmlist ul li.on .yj{background-image: url(../images/xl5.png); background-repeat: no-repeat; background-position: 91% center;}


.vshow{display: block !important;}

.pagelable {
    width: 100%;
    border-top: 1px solid #c4c7ca;
    padding: 42px 0 0 0;
}

.pageCustom {
    text-align: center;
    margin: auto;
}

.pageCustom a {
    width: 34px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    border: solid 1px #e5e5e5;
    text-align: center;
    font-size: 16px;
    color: #585858;
    margin: 0 4px;
    background-color: #fff;
    /* border-radius: 3px; */
    cursor: pointer;
    text-decoration: none;

}

/*提示*/
.pageCustom a.pageCustom_Prompt {
    width: auto;
    padding: 0px 12px;
}

/*第一页-启用*/
.pageCustom a.pageCustom_First {
    width: 71px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.pageCustom a.pageCustom_First:hover {
    background-color: #163c91;
    color: #fff;
    border: solid 1px #163c91;
}

/*第一页-禁用*/
.pageCustom a.pageCustom_First_Disable {
    width: 71px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.pageCustom a.pageCustom_First_Disable:hover {
    background-color: #163c91;
    color: #fff;
    border: solid 1px #163c91;
}

/*上一页-启用*/
.pageCustom a.pageCustom_Pre {
    width: 71px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.pageCustom a.pageCustom_Pre:hover {
    background-color: #163c91;
    color: #fff;
    border: solid 1px #163c91;
}

/*上一页-禁用*/
.pageCustom a.pageCustom_Pre_Disable {
    width: 71px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.pageCustom a.pageCustom_Pre_Disable:hover {
    background-color: #163c91;
    color: #fff;
    border: solid 1px #163c91;
}

/*页码*/
/* .pageCustom a.pageCustom_Num{  border-radius: 2px; } */
.pageCustom a.pageCustom_Num:hover {
    border: solid 1px #163c91;
}

.pageCustom a.pageCustom_Num_On {
    font-weight: bold;
    color: #fff;
    background-color: #163c91;
}

/*下一页-启用*/
.pageCustom a.pageCustom_Next {
    width: 71px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.pageCustom a.pageCustom_Next:hover {
    border: solid 1px #163c91;
    background-color: #163c91;
    color: #fff;
}

/*下一页-禁用*/
.pageCustom a.pageCustom_Next_Disable {
    width: 71px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.pageCustom a.pageCustom_Next_Disable:hover {
    border: solid 1px #163c91;
    background-color: #163c91;
    color: #fff;
}

/*尾页-启用*/
.pageCustom a.pageCustom_Last {
    width: 71px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.pageCustom a.pageCustom_Last:hover {
    border: solid 1px #163c91;
    background-color: #163c91;
    color: #fff;
}

/*尾页-禁用*/
.pageCustom a.pageCustom_Last_Disable {
    width: 71px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.pageCustom a.pageCustom_Last_Disable:hover {
    border: solid 1px #163c91;
    background-color: #163c91;
    color: #fff;
}

/*跳转*/
.pageCustom a.pageCustom_Go {
    width: auto;
    padding: 0 6px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
    text-align: center;
    border: none !important;
    background: none;
}

.pageCustom a.pageCustom_Go input {
    margin: 0 3px;
    width: 43px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    color: #696969;
    text-align: center;
    border: solid 1px #d3d3d3;
    background-color: #fff;
    font-size: 16px;
    color: #666;
}



.mtop_box{width: 100%; height: 40px; display: flex; align-items: center; justify-content: space-between; padding: 0 0 19px 0;border-bottom: 1px solid #d7dbdd;}
.mtop_box .lt{font-size: 18px; color: #333;}
.mtop_box .rt{font-size: 14px; color: #999;}
.mtop_box .rt a{font-size: 14px; color: #999;display: inline-block;margin: 0 3px;}
.mtop_box .rt a:hover{color: #333;}
.mtop_box .rt a:first-child{margin-left: 0;}
.mtop_box .rt a.on{color: #333;}

.pic_list{width: 100%; padding: 0 0 36px 0; overflow: hidden;}
.pic_list ul{width: 1440px;}
.pic_list ul li{ width: 333px ; height: 250px; float: left; margin: 42px 34px 18px 0;}
.pic_list ul li a{width: 100%; height: 100%; display: block; position: relative; overflow: hidden;}
.pic_list ul li a img{width: 100%; height: 100%; object-fit: cover; transition: all 1s;}
.pic_list ul li a .zhe{width: 100%; height: 56px;padding-top: 60px; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0));display: flex;align-items: center; justify-content: space-between; position: absolute; left: 0;bottom: 0; overflow: hidden;}
.pic_list ul li a .zhe h3{width: 260px; padding-left: 18px;font-size: 16px; color: #fff; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.pic_list ul li a .zhe i{ width: 13px ; height: 14px; display: inline-block; background: url(../images/rt.png);margin-right: 19px;}
.pic_list ul li a:hover .zhe{background: -webkit-linear-gradient(bottom, rgba(11, 88, 207, 0.79), rgba(11, 88, 207,0));}
.pic_list ul li a:hover img{transform: scale(1.1);}


.twlist{width:100%  ;padding: 40px 0 20px 0;}
.twlist ul li{width: 100%;border-bottom: 1px dashed #c8c6c6;padding:30px 0;}
.twlist ul li a{width: 100%; display: block; overflow: hidden;}
.twlist ul li a .imgbox{width: 203px ; height: 122px; float: left;overflow: hidden;}
.twlist ul li a .imgbox img{width: 100% ; height: 100% ; object-fit: cover; transition: all 1s;}
.twlist ul li a .tr{width: 838px;float: right;height: 122px;  display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.twlist ul li a .tr h3{width: 100% ; line-height: 20px; font-size: 18px; color: #333; white-space: nowrap;text-overflow: ellipsis; margin: 4px 0 10px 0; overflow: hidden; }
.twlist ul li a .tr h4{width: 100% ; max-height: 44px; line-height: 22px; font-size: 14px; color: #686868;  margin-bottom: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;  overflow: hidden;}
.twlist ul li a .tr h5{width: 100% ; line-height: 20px; font-size: 14px; color: #686868;font-family: 'Arial'; margin-bottom: 6px; overflow: hidden; }
.twlist ul li a:hover .imgbox img{transform:scale(1.1)}
.twlist ul li a:hover .txt h3{color: #7f2964;}
.twlist ul li:last-child{border: none;}
.twlist ul li.zt2 a .imgbox{display: none;}
.twlist ul li.zt2 a .tr{width: 100%;}
.twlist ul li a:hover .tr h3{ color: #163c91;font-weight: bold;}
.twlist ul li.noa .tr{width: 100%;}
.twlist ul li.noa .imgbox{display: none;}
.twlist ul li:first-child{padding-top: 0;}


.xwlist {width: 100%;padding: 37px 0 5px 0;}
.xwlist ul { width: 100%;}
.xwlist ul li { width: 100%; margin-bottom: 35px;}
.xwlist ul li a { width: 100%; height: 20px; display: block; overflow: hidden;}
.xwlist ul li a h3 { width: 880px; height: 20px; line-height: 20px; font-size: 16px; color: #333; float: left; position: relative;
    white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.xwlist ul li a h5 { float: right;height: 20px;line-height: 20px;font-size: 14px; color: #888;position: relative;}
.xwlist ul li a h3 i{font-size: 12px; color: #333; padding: 0 6px 0 0 ;}
.xian{width: 100%; height: 1px; border-top: 1px dashed #dfdfdf;margin: 25px 0 23px 0; position: relative; }
.xwlist ul li a:hover h3{color: #163c91; font-weight: bold;} 
.xwlist ul li a:hover h3 i{color: #163c91;} 
.xwlist ul li a:hover h3{transform: translateX(13px);transition: transform .5s ease-out;}
.xwlist ul li a h3 span{color: #163c91;}


.video_list{width: 100%; padding: 40px 0 36px 0; overflow: hidden;}
.video_list ul{width: 1440px;}
.video_list ul li{ width: 333px ; float: left; margin: 0 27px 18px 3px;}
.video_list ul li a{width: 100%; display: block; position: relative;}
.video_list ul li a img{width: 100%; height: 100%;border: solid 1px rgba(255, 255, 255, 0); object-fit: cover; transition: all 1s;}
.video_list ul li a .zhe{width: 100%; height: 250px;text-align: center; display: flex;align-items: center;justify-content: center; position: absolute; left: 0;top: 0; overflow: hidden;}
.video_list ul li a .zhe i{ width: 43px; height: 43px;background: url(../images/video.png);display: inline-block; }
.video_list ul li a .jb{width: 100%; height: 62px; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0)); position: absolute; left: 0;bottom: 66px;}
.video_list ul li a h3{width: 100% ; height: 66px; line-height: 66px;text-align: center; font-size: 16px; color: #333; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.video_list ul li:hover img{box-shadow: 0 0 3px 4px rgba(10, 44, 107, 0.2);border: solid 1px rgba(255, 255, 255,1);}
.video_list ul li:hover h3{font-weight: bold; color: #163c91;}

.gjc{font-size: 14px; color: #fff; margin-bottom: 28px;}
.gjc a{font-size: 14px; color: #fff; display: inline-block;margin: 0 10px;}
.searchbox2{ width: 795px; height: 50px; background-color: #fff;border-radius: 3px; position: relative; overflow: hidden;}
.searchbox2 .submit{ width: 81px ; height: 50px; background-color: #163c91; font-size: 16px; color: #fff; cursor: pointer; position: absolute;right: 0;top: 0;}
.searchbox2 .text{width: 660px; height: 50px;line-height: 50px;font-size: 14px; color: #333; float: left;}
.searchbox2 .ico{width: 38px; height: 50px;float: left;display: flex;align-items: center;justify-content: right; padding-right: 8px;}


.yw_list{ width: 100%; padding: 0 0 40px 0; overflow: hidden;}
.yw_list ul{width: 1450px;}
.yw_list ul li{width: 510px; float: left; margin: 45px 40px 0 3px; position: relative; overflow: hidden;}
.yw_list ul li a{width: 100%; display: block;background-color: #fff; box-shadow: 0 0 3px 3px rgba(10, 44, 107, 0.03); }
.yw_list ul li a .top{width: calc(100% - 34px); height: 151px; padding:30px 17px 0 17px;overflow: hidden;}
.yw_list ul li a .top .img2{display: none;}
.yw_list ul li a .top h3{width: 100% ; height: 26px; line-height: 26px;font-size: 24px; color: #333; white-space: nowrap;text-overflow: ellipsis; margin-bottom: 7px; overflow: hidden;}
.yw_list ul li a .top p{width: 100% ; height: 48px; line-height: 24px; font-size: 12px; color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.yw_list ul li a .imgbox{width: 100%; height: 216px;overflow: hidden;}
.yw_list ul li a .imgbox img{width: 100%; height: 100%; object-fit: cover; transition: all 1s;}
.yw_list ul li a .jtbox{ width: 37px; height: 37px; border-radius: 37px; display: flex;align-items: center; justify-content: center; background: -webkit-linear-gradient(left,#2d5bb0,#3a7adc)
; position: absolute; left: 24px;top: 162px; overflow: hidden;}
.yw_list ul li a .jtbox span{display: none; font-size: 14px; color: #163c91;padding: 0 19px 0 0;}
.yw_list ul li a .jtbox i{width: 17px; height: 17px;display: block; background: url(../images/jt1.png);}
.yw_list ul li a .ys{background: #fff;}
.yw_list ul li a .ys i{background: url(../images/jt2.png);}
.yw_list ul li a .jtbox:hover i{background: url(../images/jt2.png)}
.yw_list ul li a:hover{ background: -webkit-linear-gradient(left,#2d5bb0,#3a7adc)}
.yw_list ul li a:hover .top h3,.yw_list ul li a:hover .top p{color: #fff;}
.yw_list ul li a:hover .top .img2{display: block;}
.yw_list ul li a:hover .top .img1{display: none;}



.map_box{ width: 100%; margin: 42px 0 55px 0; position: relative;}
.map_box .map{width: 100%; height: 100%;}
.map_box .dw{position: absolute; left: 309px;top: 108px;}

.lxwm{display: flex;justify-content: space-between; border-bottom: 1px solid #e1e3e5; padding: 0 16px 40px 16px;}
.lxwm .div .tit{ width: 280px;}
.lxwm .div .tit h3{font-size: 18px; color: #2e2e2e; margin-bottom: 16px;}
.lxwm .div .tit h4{font-size: 12px; color: #2e2e2e;text-transform:uppercase;margin-bottom: 26px}
.lxwm .div .tit i{ width: 18px ; height: 1px ;display: block; background-color: #a7a9aa;}
.lxwm .div h6{font-size: 12px; color: #808283;margin-top: 20px;}
.lxwm .div h6 span{color: #2e2e2e;}


.saom{width: 160px; text-align: center;} 
.saom .wmb{border: solid 1px #dcdcdc;}
.saom .ewm{width: 150px; border: solid 5px #fff; }
.saom h5{ font-size: 16px ; color: #444444; padding: 15px 0 0 0;}

.leave_word{width: calc(100% - 30px); padding: 0 15px 50px 15px; border-bottom: 1px solid #e1e3e5;}
.leave-top{ width: 100% ; display: flex; justify-content: space-between; padding: 60px 0 0 0; margin-bottom: 35px;}
.leave-top .lt{text-align: center;}
.leave-top .lt h3{ font-size: 24px ; color: #2e5db3; margin-bottom: 4px;}
.leave-top .lt h4{ font-size: 12px ; color: #808283;text-transform:uppercase;word-spacing:8px}
.leave-top .rt{ width: 448px;text-align: right; line-height: 24px; font-size: 12px; color: #2e2e2e;}

.ipt_box{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.ipt_box .ipt{width: calc(50% - 12px); height: 52px; background-color: #fff; border-radius: 3px; margin-bottom: 24px; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05); overflow: hidden;}
.ipt_box .ipt h3{width: 88px; height: 52px; line-height: 52px;font-size: 16px; color: #2e2e2e;text-align: center;float: left;}
.ipt_box .ipt h3 i{color: #c92920;}
.ipt_box .ipt .ip{width: calc(100% - 90px); height: 52px; line-height: 52px;font-size: 16px; color: #2e2e2e;float: left;}
.textarea_box{width: 100%; height: 188px; background-color: #fff; border-radius: 3px; margin-bottom: 24px; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05);overflow: hidden;}
.textarea_box h3{width: 88px; height: 52px; line-height: 52px;font-size: 16px; color: #2e2e2e;text-align: center;float: left;}
.textarea_box h3 i{color: #c92920;}
.textarea_box .texta{width: calc(100% - 90px);float: left;font-size: 16px; color: #2e2e2e;font-family: "微软雅黑"; padding: 16px 0; height: 150px;border: none;}
.submit_box{text-align: center; padding: 15px 0 0 0;}
.submit_box .submit{ width: 162px; height: 49px; background-color: #2e5db3; font-size: 16px; font-weight: bold; border-radius: 49px; border: none; color: #fff; cursor: pointer;}

.mjtit { width: 100% ;  text-align: center ;border-bottom: 1px dashed #dce0e2; padding: 48px 0 34px 0}
.mjtit h3 { line-height: 42px; font-size: 30px; color: #333 ; margin-bottom: 27px;}
.mjtit h4 {width: 100%;height: 16px;font-size: 14px;color: #999;}
.nr_box{width: 100% ; line-height: 30px; font-size: 18px; color: #666; text-align: justify; padding: 15px 0; overflow: hidden;}
.nr_box p{margin: 16px 0;}
.nr_box img{max-width: 100% !important;  height: auto;}


.page_box{width: 100%; display: flex; justify-content: space-between; border-top: 1px solid #d7dbdd; padding: 30px 0 0 0;margin-top: 20px;}
.page_box .pg{width: calc(50% - 20px);}
.page_box .pg h3{width: 100%; height: 20px; line-height: 20px;font-size: 16px; color: #2e2e2e; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.page_box .pg h3 a{font-size: 16px; color: #2e2e2e;}
.page_box .pg h3:hover{text-decoration: underline;color: #3e63ac;}
.page_box .pg h3:hover a{color: #3e63ac;}



.dsj{background: url(../images/dsj.jpg) no-repeat center top; min-height: 1020px;}

.dashiji{ padding: 60px 0 0 0;}
.dashiji h3{ line-height: 36px; font-size: 36px; font-weight: bold; color: #333333; margin-bottom: 15px;}
.dashiji a{font-size: 20px; color: #114ba5;}

/* .licheng{ width: 100%; height: 890px; position: relative; overflow: hidden;}
.licheng .swiper-slide{ width: 25%; height: 450px; background: url(../images/hq1.png) no-repeat left top; margin: 0 4px 0 0; position: relative;}
.licheng .swiper-slide a{width: calc(100% - 30px); padding: 34px 0 0 22px;display: block;}
.licheng .swiper-slide a .nab{width: 94%;}
.licheng .swiper-slide a .nab h3{font-size: 20px; color: #2d5bb0;font-weight: bold; font-family: 'Arial';}
.licheng .swiper-slide a .nab h4{font-size: 18px;color: #333; font-weight: bold; margin: 3px 0 7px 0;}
.licheng .swiper-slide a .nab p{width: 100%; line-height: 24px; text-align: justify;font-size: 16px; color: #555;}
.licheng .sty1{margin-top: 130px;}
.licheng .sty2{margin-top: 100px;}
.licheng .sty3{margin-top: 66px;}
.licheng .sty4{margin-top: 4px;}
.licheng .swiper-pagination{width: 1040px; left: initial;bottom: initial;display: flex; align-items: center;justify-content: center; position: relative; top: -30px; }
.licheng .swiper-pagination span{width: 100px; height: 2px;background-color: #d4d6d9; opacity: 1; margin: 0 !important;}
.licheng .swiper-pagination .swiper-pagination-bullet-active{background-color: #3b7bde;}
.licheng .swiper-button-prev{ top: initial; left: 200px; bottom: 5px;}
.licheng .swiper-button-next{top: initial;right: 200px; bottom: 5px;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 30px;} */


.licheng{ width: 100%; height:670px; position: relative; overflow: hidden;}
.licheng .swiper-slide{ width: 25%; height: 200px; background: url(../images/hq1.png) no-repeat left top; margin: 0 4px 0 0; position: relative;}
.licheng .swiper-slide a{width: calc(100% - 30px); padding: 34px 0 0 22px;display: block;}
.licheng .swiper-slide a .nab{width: 94%;}
.licheng .swiper-slide a .nab h3{font-size: 20px; color: #2d5bb0;font-weight: bold; font-family: 'Arial'; margin-bottom: 10px;}
.licheng .swiper-slide a .nab h4{font-size: 18px;color: #333; font-weight: bold; margin: 3px 0 7px 0;}
.licheng .swiper-slide a .nab p{width: 100%; line-height: 24px; text-align: justify;font-size: 16px; color: #555;}
.licheng .sty1{margin-top: 130px;}
.licheng .sty2{margin-top: 100px;}
.licheng .sty3{margin-top: 66px;}
.licheng .sty4{margin-top: 4px;}
.licheng .swiper-pagination{width: 1040px; left: initial;bottom: initial;display: flex; align-items: center;justify-content: center; position: relative; top: -30px; }
.licheng .swiper-pagination span{width: 33%; height: 2px;background-color: #d4d6d9; opacity: 1; margin: 0 !important;}
.licheng .swiper-pagination .swiper-pagination-bullet-active{background-color: #3b7bde;}
.licheng .swiper-button-prev{ top: initial; left: 200px; bottom: 5px; display: none;}
.licheng .swiper-button-next{top: initial;right: 200px; bottom: 5px;display: none;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 30px;}
.swiper-pagination span:nth-child(3){margin-left: -33% !important;}

.my_pagination{width: 1040px;display: flex; position: absolute; left: 0;bottom: 0;z-index: 99;}
.my_pagination .zhishi{width: 33%;display: inline-block; text-align: center;cursor: pointer; position: relative;}
.my_pagination .zhishi span{width: 100%; height: 2px;background-color: #d4d6d9;display: inline-block;text-align: center; }
.my_pagination .zhishi.activ span{background-color: #3b7bde;}
.my_pagination .zhishi h3{font-size: 20px; font-weight: bold; color: #3b7bde;padding: 10px 0 0 0;}
.my_pagination .zhishi .thr1{width: 50%; height: 80px; position: absolute; left: 0;top: 0;}
.my_pagination .zhishi .thr1 i{width: 100%;height: 2px;background-color: #3b7bde; float: left;display: none;}
.my_pagination .zhishi .thr2{width: 50%; height: 80px;position: absolute; left: 50%;top: 0;}
.my_pagination .zhishi .thr2 i{width: 100%;height: 2px;background-color: #3b7bde;  float: left;display: none;}
.my_pagination .zhishi .thr3{width: 33.3%; height: 80px;position: absolute; right: 1px;top: 0;}
.my_pagination .zhishi .thr3 i{width: 100%;height: 2px;background-color: #3b7bde;  float: left;display: none;}


.zhishi .thr1:hover i{display: block;}
.zhishi .thr2:hover i{display: block;}
.zhishi .thr3:hover i{display: block;}
.my_pagination .zhishi:hover span{background-color: #3b7bde; } 
.my_pagination .yangshi1:hover span{background-color: #d4d6d9;}
.yuan{ width: 9px; height: 9px;display: inline-block;background-color: #3b7bde; border-radius: 9px;position: relative;top: -4px;}


.licheng .swiper-slide:hover{background: url(../images/hq2.png) no-repeat left top;}
.licheng .swiper-slide:hover a .nab h3{color: #d2a271;}

.bgimg{ width: 206px ; height: 132px; border: solid 1px #fff; box-shadow: 0 3px 3px 3px rgba(19, 61, 130, 0.1); position: absolute; left: 17px;top: 165px;}
.bgimg img{width: 206px; height: 132px; object-fit: cover;}
/* .licheng .swiper-slide:hover .bgimg{display: block;} */

.zx_box{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
.zx_box .lt{width: calc(50% - 12px); height: 52px; background-color: #fff; border-radius: 3px; margin-bottom: 24px; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05);}
.zx_box .rt{width: calc(50% - 12px); height: 52px; background-color: #fff; border-radius: 3px; margin-bottom: 24px; box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.05);position: relative;}
.zx_box .rt h3{width: 88px; height: 52px; line-height: 52px; font-size: 16px; color: #2e2e2e; text-align: center; float: left;}
.zx_box .rt h3 i{color: #c92920;}
.zx_box .rt .ip{width: calc(100% - 230px); height: 52px; line-height: 52px;  font-size: 16px;  color: #2e2e2e;  float: left;}
.zx_box .rt .mmbg{width: 130px; height: 52px; display: flex; align-items: center; justify-content: center; background-color: #000; position: absolute; right: 0;top: 0;}
.zx_box .rt .mmbg img{width: 100%; height: 100%;}

.zx_box .lt h3{width: 88px; height: 52px; line-height: 52px; font-size: 16px; color: #2e2e2e; text-align: center; float: left;}
.zx_box .lt h3 i{color: #c92920;}

.sp_next{ width: 48px; height: 48px; position: absolute; right: 40px; bottom: 170px;z-index: 2; cursor: pointer;}
.sp_prev{ width: 48px; height: 48px; position: absolute; left: 0; bottom: 170px;z-index: 2; cursor: pointer;}
.linkbox3{width: calc(100% - 90px); float: left; position: relative;}
.linkbox3 p{width: calc(100% - 34px); height: 52px; line-height: 52px; font-size: 16px ; color: #333; border: solid 1px rgba(255, 255, 255, 0.23); padding: 0 23px 0 11px; background: url(../images/zz.png) no-repeat 388px center; cursor: pointer;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.linkbox3 .new{width: 418px; background-color: #e6ebf1;border: solid 1px rgba(255, 255, 255, 0.23);position: absolute; left: 0;bottom: 53px;display: none;}
.linkbox3 .new li{ width: calc(100% - 24px); padding: 0 12px;}
.linkbox3 .new li a{width: 100%;display: block; font-size: 14px; color: #333; white-space: nowrap;text-overflow: ellipsis; padding: 3px 0; cursor: pointer; overflow: hidden;}
.linkbox3 .new li a:hover{color: #062c6c;}



.tisi{text-align: center; position: absolute; left: 50%; top: 47%; transform: translate(-50%,0); display: none;}
.tisi h6{font-size: 12px; color: #2d5bb0; opacity: 0.77; padding: 10px 0 0 0;}

.licheng .swiper-slide{background: none;}
.licheng .swiper-slide a{height: 100%; background: url(../images/hq1.png) no-repeat left top;}
.licheng .swiper-slide a:hover{background: url(../images/hq2.png) no-repeat left top;}
.fhbox{text-align: center; position: absolute; right: 160px;top:46%; cursor: pointer;z-index: 5; display: none;}
.fhbox h5{font-size: 14px; color: #2d5bb0; padding: 10px 0 0 0;}
.licheng .swiper-slide:nth-child(4n) .bgimg{left: initial;right: 18px;}
.fhbox img{width: 50px;}
.element1 {
    position: relative;
    opacity: 0;       /* 初始透明 */
    animation: slideUp 2s ease forwards; /* 动画持续1秒 */
}
@keyframes slideUp {
0% {
    transform: translateY(100%);
    opacity: 0;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}
  
.element2 {
    position: relative;
    opacity: 0;       /* 初始透明 */
    animation: slideUp 1.5s ease forwards; /* 动画持续1秒 */
}
@keyframes slideUp {
0% {
    transform: translateY(100%);
    opacity: 0;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}

.element3 {
    position: relative;
    opacity: 0;       /* 初始透明 */
    animation: slideUp 1s ease forwards; /* 动画持续1秒 */
}
@keyframes slideUp {
0% {
    transform: translateY(100%);
    opacity: 0;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}

.element4 {
    position: relative;
    opacity: 0;       /* 初始透明 */
    animation: slideUp 0.5s ease forwards; /* 动画持续1秒 */
}
@keyframes slideUp {
0% {
    transform: translateY(100%);
    opacity: 0;
}
100% {
    transform: translateY(0);
    opacity: 1;
}
}

/* .licheng .swiper-slide{  transition: transform 0.5s ease;}
.licheng .swiper-slide:hover{ transform: translateY(10px);} */





.whlist{ width: 100%; padding: 78px 0 0 0; }
.whlist ul{ width: 100%; }
.whlist ul li{ width: 324px; height: 640px; float: left; margin: 0 46px 46px 0; box-shadow: 0 0 5px 5px rgba(28, 112, 185, 0.12);}
.whlist ul li a{width: 100% ; height: 100%; display: block; position: relative; overflow: hidden;}
.whlist ul li a .jb_box{width: 100%;height: 535px;  background: url(../images/whjb1.png) no-repeat top center;  padding: 105px 0 0 0; text-align: center;   position: absolute;left: 0; bottom: -420px;}
.whlist ul li a .jb_box h3{ line-height: 32px; font-size: 30px; color: #fff; margin-bottom: 29px; }
.whlist ul li a .jb_box h4 i{width: 20px ; height: 4px; display: inline-block ; background-color: #fff;}
.whlist ul li a .jb_box p{width: 202px; min-height: 144px; margin: 0 auto; line-height: 36px; font-size: 20px; color: #fff; margin-top: 52px; }
.whlist ul li a .jb_box .ico{width: 73px ; height: auto;}
.whlist ul li:nth-child(3n){margin-right: 0;}
.whlist ul li:nth-child(2){margin-top: 90px;}
.whlist ul li a:hover .jb_box { background: url(../images/whjb2.png) no-repeat top center;}
.whlist ul li a:hover h3{animation: dh1 1s ease forwards; }
.whlist ul li a:hover h4{animation: dh1 1s ease forwards; }
.whlist ul li a:hover p{animation: dh1 1s ease forwards; }
.whlist ul li:nth-child(1){animation: dh1 0.5s ease forwards; }
.whlist ul li:nth-child(2){animation: dh1 0.8s ease forwards; }
.whlist ul li:nth-child(3){animation: dh1 1.1s ease forwards; }
.whlist ul li:nth-child(3) p{text-align: left;}


  @keyframes dh1 {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}