html{margin: 0;padding: 0}
body{margin: 0;padding: 0;font-family:'sy-normal', sans-serif;font-size: 16px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li {margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: #333333}
img{display: block}
button{padding: 0}
.img{position: relative;display: block;}
.img img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.nowrap{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.line_num{display: -webkit-box;-webkit-box-orient:vertical;overflow: hidden;text-overflow:ellipsis;}



/*公用宽度*/

.main_width{width: 90.167%;margin: 0 auto}


/*公用头部*/


header  {background-image: url("../images/logo_b.png");padding: 20px 0 46px;background-repeat: no-repeat;position: relative;background-size: cover;}
header .mobile_menu {position:fixed;min-width: 50%;width: 50%;top: 0;transition: all .3s ;background-color: #336ca6;z-index:2;height: 100vh;left: -100%;}
header .mobile_menu.active{left: 0}
header .mobile_menu .item .item_top>a {color: #fff;}
header .mobile_menu .item span{display:block;width: 8px;height:8px;border-top: 2px solid #fff;border-right:2px solid #fff;transform: rotate(135deg);cursor: pointer;transition: all .2s}
header .mobile_menu .item span.active{transform: rotate(-45deg)}
header .mobile_menu .item .item_top {display: flex;justify-content: space-between;align-items: center;;padding: 12px 20px 12px 32px;cursor: pointer;border-bottom: 1px solid  #295887;}
header .mobile_menu .item .item_top .erji{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center}
header .mobile_menu .item .item_top:hover {background-color: #31679e}
header .mobile_menu .item .mobile{display: none;background-color: #31679e;}
header .mobile_menu .item .mobile li a{display: block;color: #fff;padding: 12px 12px 12px 45px;border-bottom: 1px solid  #295887}
header .top  {display: flex;justify-content: flex-end}
header .head_top svg{width: 30px;color: #fff;display: none;cursor: pointer;}
header .top ul {display: flex;color: #ffffff}
header .top ul li:nth-of-type(n+2){margin-left: 32px}
header .top ul li a{color: #fff;position: relative;}
header .top ul li a::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 1px solid #FFFFFF;display: none;animation: a_underline 0.5s ease}
header .top ul li a:hover::after{display: block;}
@keyframes a_underline {
    0%  {width: 0}
    100%{width: 100%}
}
header .bottom{margin-top: 5px;display: flex;justify-content: space-between;align-items: center}
header .bottom .search{position: relative;display: flex}

header .bottom .search .to_index{display: flex;align-items: center;padding-left: 4px;}
header .bottom .search .to_index span{display: block;transform: translateY(-2px);padding-right: 3px;color: #ffffff;}
header .bottom .search .to_index a{color: #ffffff;font-size: 14px;border-bottom: 1px solid transparent;white-space: nowrap}
header .bottom .search .to_index a:hover{color: #ffffff;border-bottom: 1px solid #ffffff}

header .bottom .search form{display: flex;position: relative}
header .bottom .search form button{background-color: unset;border: unset;right: 20px;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer}
header .bottom .search input{display: block;border-radius: 18px;box-sizing: border-box;padding: 5px 20px;
    color: #B9B9B9;line-height: 22px;outline: none;
    border: 1px solid #DEDEDE;}
header .bottom .logo img{width: 100%}
nav {background-image: url("../images/logo_b.png");background-size: cover;background-repeat: no-repeat}
nav.active{position: fixed;top: 0;left: 0;width: 100%;z-index: 9}
nav .menu ul {display: flex;justify-content: space-around}
nav .menu ul li{position: relative;padding: 0 10px;transition: all 0.5s ease;}
nav .menu ul li:hover{background-color: #FFFFFF;}
nav .menu ul li:hover a{color: #5378BE}
nav .menu ul li:hover .list_menu{display: block}
nav .menu ul li .list_menu{position: absolute;top:100%;min-width: 168px;z-index: 2;left: 50%;transform: translateX(-50%);padding: 10px 0;background-color: #fff;display: none}
nav .menu ul li .list_menu .item{text-align: center;padding: 12px 0}
nav .menu ul li .list_menu .item a{color: #333;font-size: 16px;}
nav .menu ul li .list_menu .item:hover {
background: #5378BE;}
nav .menu ul li .list_menu .item:hover a {color: #fff}
nav .menu ul li>a{font-size: 22px;color: #fff;line-height: 70px;}
.zhengzhao{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);z-index:2;display: none}

.close{background-color: rgb(44,93,143);color: #fff;padding:20px 20px ;display: flex;justify-content: space-between}
.close span {position: relative;cursor: pointer}
.close span:after{
    transform: rotate(-45deg);
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;}
.close span:before{
    margin-left: -9px;
    transform: rotate(135deg);
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}
.main_gjsxy{padding: 40px 0;background-color: #F9F9F9}
.gjsxy_banner{display: flex;justify-content: space-between}
.gjsxy_banner .left{width: 31.579%}
.gjsxy_banner .right{width: 65.789%}
.gjsxy_banner .right .img{padding-bottom: 57.2%;}
.gjsxy_banner .right .swiper{height: 100%}
.list {padding: 24px 24px 0;background-color: #fff}
.list .title {display: flex;justify-content: space-between;align-items: center}
.list .title .title_left{font-size: 26px;color: #5378BE}
.list .title .title_right a{font-size: 22px;color: #999999}
.list .title .title_right a:hover{color: #5378BE}
.list .line{height: 2px;background-color: #5378BE;opacity: .2;margin-top: 12px}
.list .list_s{margin-top: 2px;}

.list .list_s .item a {display: flex;padding: 22px 0 24px;justify-content: space-between;font-size: 18px;color: #333}
.list .list_s .item a .item_left{-webkit-line-clamp: 1;flex: 1;position: relative;padding-left: 28px;}
.list .list_s .item a .item_left::before{content: '';border-left: 12px solid #C8C8C8;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 6px solid transparent;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.list .list_s .item a:hover{color: #5378BE}
.list .list_s .item a:hover .item_left::before{border-left-color:#5378BE }
.list .list_s .item a .item_right{padding-left: 5px;}
.list .list_s .item:nth-of-type(n+2){border-top: 1px dashed rgba(0,0,0,.5)}
.gjsxy_list {display: flex;justify-content: space-between;margin-top: 42px;}
.gjsxy_list .list_s1{width: 31.882%;display: flex;flex-direction: column;}

.gjsxy_subject{margin-top: 40px;}
.gjsxy_subject h3{text-align: center;font-size: 26px;color:
 #5378BE;}
.gjsxy_subject .list_img{margin-top: 40px;position: relative;}
.gjsxy_subject .list_img a {display: block;overflow: hidden}
.gjsxy_subject .list_img a .img{padding-bottom: 32.681%;}
.gjsxy_subject .list_img a img{transition: all .3s}
.gjsxy_subject .list_img a:hover img{transform: scale(1.1)}
.gjsxy_subject .list_img  .swiper{position: unset;}
.gjsxy_subject .list_img   img{width: 100%}
.gjsxy_subject .list_img  .swiper-button-next{right: -50px}
.gjsxy_subject .list_img  .swiper-button-prev{left: -50px}
.gjsxy_list .list_s1 .bt_img{flex: 1}
.gjsxy_list .list_s1 .bt_img img{width: 100%;height: 100%;}

.gjsxy_subject .list_img  .swiper-button-next:after, .gjsxy_subject .list_img  .swiper-button-prev:after{font-size: 25px;color: #4E4E4E;opacity: .4;}


.swiper-pagination-bullet{width: 12px;height: 12px;border: 1px solid #fff;background-color: unset;opacity: unset}
.swiper-pagination-bullet-active{background-color: #fff}



.phone_search{width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 30px;
    position: relative;}
.phone_search input{width: 100%;
    padding: 10px;
    box-sizing: border-box;}
.phone_search img{position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    cursor: pointer;}

.public_banner img{width: 100%}


.gjsxy_content{margin-top: 80px;}
.gjsxy_content .main_width{display: flex;justify-content: space-between;align-items: flex-start}
.gjsxy_content .left{width: 26.316%;padding: 32px 24px 26px 0;background-color: #5378BE;box-sizing: border-box}
.gjsxy_content .left .td{font-size: 26px;color: #fff;padding-left: 32px;padding-bottom: 34px;}
.gjsxy_content .left .td span{margin-left: 24px;font-size: 20px;}
.gjsxy_content .left ul{background-color: #fff}
.gjsxy_content .left ul li a{padding: 28px 0 30px 32px;display: block;color: #666;font-size: 22px;background-color: #F2F2F2}
.gjsxy_content .left ul li:hover a{color: #5378BE}
.gjsxy_content .right{flex: 1;margin-left: 40px;}
.gjsxy_content .right .top{display: flex;justify-content: space-between;align-items: center;padding-bottom: 22px;border-bottom: 2px solid rgba(0,0,0,.1);position: relative}
.gjsxy_content .right .top::after{content: '';position: absolute;height: 6px;background-color: #5378BE;bottom: 0;left: 0;width: 10.37%}
.gjsxy_content .right .top_left{font-size: 26px;color: #5378BE}
.gjsxy_content .right .top_right {color: #666;font-size: 14px;}
.gjsxy_content .right .top_right a {color: #666}
.gjsxy_content .right .body{margin-top: 40px;}



.gjsxy_content .right .body h2{text-align: center;line-height: 46px;color: #000;font-size: 26px;font-weight: unset;padding: 0 100px 40px;;border-bottom: 1px dashed rgba(0,0,0,.5);}
.gjsxy_content .right .body p.text_s{color: #999;line-height: 21px;text-align: center;margin-top: 40px;}
.gjsxy_content .right .body .text{margin-top: 40px;}
.gjsxy_content .right .body .text p{color: #000;line-height: 28px;text-indent: 2em}
.gjsxy_content .right .body .text img{margin: 0 auto;width: 76.111%;max-width: 100%;height: auto}
.gjsxy_content .right .body .text.jianjie p:nth-of-type(n+2){margin-top: 35px;}
.gjsxy_content .right .body .text.jianjie .list_imgs{display: flex;justify-content: space-between;margin-top: 40px;}
.gjsxy_content .right .body .text.jianjie .list_imgs img{width: 32%}
.gjsxy_content .right .body .shizi_list .item{border-bottom: 1px dashed rgba(0,0,0,.5);}
.gjsxy_content .right .body .shizi_list .item .shizi_img{overflow: hidden;width: 20.37%}
.gjsxy_content .right .body .shizi_list .item .shizi_img .img{padding-bottom: 144.55%;}
.gjsxy_content .right .body .shizi_list .item .shizi_img img{transition: all .3s;}
.gjsxy_content .right .body .shizi_list .item .shizi_img:hover img{transform: scale(1.3)}
.gjsxy_content .right .body .shizi_list .item a{display: flex; }
.gjsxy_content .right .body .shizi_list .item:first-child{padding-bottom: 40px;}
.gjsxy_content .right .body .shizi_list .item:nth-of-type(n+2){padding: 40px 0}
.gjsxy_content .right .body .shizi_list .item .shizi_right{flex: 1;margin-left: 40px;}
.gjsxy_content .right .body .shizi_list .item .shizi_right h4{padding-top: 20px;font-size: 20px;line-height: 26px;font-weight: unset;}
.gjsxy_content .right .body .shizi_list .item .shizi_right p{margin-top: 20px;line-height: 28px;}

.gjsxy_content .right .body .xinwen_list .item a{display: flex;justify-content: space-between;border-bottom: 1px dashed rgba(0,0,0,.5);color: #000;font-size: 18px;}
.gjsxy_content .right .body .xinwen_list .item a:hover{color: #5378BE}
.gjsxy_content .right .body .xinwen_list .item:first-child a{padding-bottom: 22px}
.gjsxy_content .right .body .xinwen_list .item:nth-of-type(n+2) a{padding: 22px 0}
.gjsxy_content .right .body .xinwen_list .item .item_left{-webkit-line-clamp: 1;flex: 1}

.gjsxy_content .left ul li:nth-of-type(n+2){margin-top: 2px;}
.gjsxy_content .left ul li.active a{color: #5378BE}


.page_list{margin-top: 80px;}
.page_list .page{width: 48.75%;margin: 0 auto;display: flex;justify-content: flex-end;align-items: center;min-width: 496px;}
.page_list .page span{color: #666}
.page_list .page ul{display: flex;margin-left: 16px;}
.page_list .page ul li{padding: 7px 10px;border: 1px solid #999;}
.page_list .page ul li:nth-of-type(n+2){margin-left: 16px;}
.page_list .page .count{margin-left: 23px;}
.page_list .page .count span{padding: 7px 10px;border: 1px solid #999}
.page_list .page .link{margin-left: 16px;padding: 7px 14px;background-color: #5378BE;}
.page_list .page .link  a{color: #fff}
.page_list .page ul li a{color: #666}
.public_b{padding-bottom: 80px;}
footer .top{padding: 81px 0;
    background-size: cover;
    background-repeat: no-repeat;}
footer .content{width: 74.167%;
    margin: 59px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 58px 0 11px;
    position: relative;
    margin-top: 0px;
    padding-top: 0px;
    margin-left: 150px;
}
footer .content .one{width: 37.64%;display: flex;justify-content: space-between}
footer .content .one .one_img{width: 45%;position: relative;}
footer .content .one .one_img .img img{transition: all .3s}
footer .content .one .one_img:hover .img img{transform:scale(1.1);}
footer .content .one .one_img .img{padding-bottom: 67.742%;overflow: hidden}
footer .content .one .one_img  .text{position: absolute;background-color: #4B90FF;left: 0;top: 0;transform: translateY(-50%);padding: 4px 8px;color: #fff}
footer .content  .two{margin-left: 124px;display: flex;padding-top:10px;}
footer .content  .two .code:last-child{margin-left: 28px;}
footer .content  .two .code img{margin: 0 auto}
footer .content  .two .code p{color: #fff;line-height: 21px;
text-shadow: 0px 2px 4px rgba(186,94,23,0.4);margin-top: 5px;}
footer .content .three{margin-left: 88px;padding-top: 37px;width: 16.124%;}
footer .content .three .op{position: relative;}
footer .content .three .op .border{
    display: flex;justify-content: space-between;align-items: center;
background: rgba(255,255,255,0.2);border: 1px solid #fff;color: #fff;font-size: 14px;cursor: pointer}
footer .content .three .op .left{padding:14px 20px;}
footer .content .three .op .op_s{display: none;position: absolute;top: 100%;width: 100%;border: 1px solid #fff;box-sizing: border-box;border-top: unset}
footer .content .three .op .op_s a{color: #fff;display: block;padding:14px 20px ;font-size: 14px;background-color: rgb(0,0,0,.3)}
footer .content .three .op .op_s li:hover{background-color: #FFFFFF}
footer .content .three .op .op_s li:hover a{color: #5378BE}
footer .content .three .op:hover .op_s{display: block}
footer .content .logo{margin-left: 46px;}
footer {background: #3D3BB8;}
footer .content .code{position: absolute;
    right: 0;
    top: 0;
    transform: translateX(50%);}
footer .content .code img{  
 margin: 0 auto;
 width: 120px;
}




footer .content .code p {
    margin-top: 14px;
    color: #999999;
    background-color: unset;
    padding: unset;
    font-size: 18px;
}

footer .b_p {
    padding: 21px 0 20px;
    background-color: #355DA9;
    text-align: center;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
}