.wapper{
    width: calc(100%);
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.header{
  
    position: fixed;
    left: 0px;
    font-weight: 400;
    z-index: 1002;
    width: 100%;
    top: 0px;
    transition: all 0.3s ease 0s;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%);
    border-bottom:4px solid #1b5bb3
}
.header_active { 
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 5%);
}
.header_active .navbar-light .navbar-nav .nav-link{
    color:#333
}
.banner{
    width:100%;
    margin-top:102px;
    position: relative;
    padding:0;
}
.t_youshi{
  
    width:100%;
    background: #b40605;
    background: rgb(27,91,179,.9);
    padding:10px 0;
}
.t_youshi li{
    position: relative;
    text-align: center;
    padding:0 5px; /**********/
}
.t_youshi li::after{
    position: absolute;
    width:1px;
    height:100%;
    content:'';
    right:0;
    top:0;
    background: #779ac5;
}
.t_youshi li:last-child::after{
    display: none;
}
.t_youshi li h2{
    color:#fff;
    font-size:20px;
    font-weight: normal;
}
.t_youshi li span{
    font-size: 12px;
}
.t_youshi li b{
    font-size: 14px;
    color:#fff;
    font-weight: normal;
}
.banner img{
    width: 100%;
    height:450px;
    min-height: 170px;
    object-fit: cover;
    display: block;
}
.navbar-light .navbar-nav .nav-link{
    font-size: 16px;
    position: relative;
    font-family: Microsoft YaHei;
    font-weight: normal;
    color: #333;
    display: inline-block;
    padding:0;
}
.nav_box{
    width:70%;
    justify-content: space-around;
}
.navbar-nav li{
    line-height: 52px;
    height:50px;
}
.navbar-nav .active{

}
.nav-link::after{
    position: absolute;
    width: 10%;
    height: 2px;
    content: '';
    margin: 0 auto;
    bottom: 0;
    left:50%;
    transform: translateX(-50%);
    background: #d31010;
    content:'';
    transition: all 0.3s ease-out;
    opacity: 0;
}
.navbar-nav li.active .nav-link::after{
    width: 100%;
    opacity: 1;
}
.navbar{
    padding:0;
}
.navbar-nav li:hover .nav-link::after{
    width: 100%;
    opacity: 1;
}
.footer_top{
    background: #18406b;
    padding-bottom:20px;
}
.footer_top *{
    color:#999;
}
.footer{
    background: #041d38 !important;
    padding:20px 0;
}
.footer p{
    max-width: 80%;
    margin:0 auto;
}
.footer *{
    text-align: center;
    color:#777;
    font-size: 14px;
    line-height: 28px;
}
.footer a:hover{
    color:#777;
}
.top-line{
    height:30px;
    line-height: 30px;
}
.footer_top  .links li:nth-of-type(1) a{
      font-size: 15px;
      color:#e6e6e6;
}
.footer_top  .links li:nth-of-type(1){
    margin-bottom:10px;
}
.footer_top .links a:hover {
    color: #999;
    text-decoration: none;
}
.info-list{
    display: flex;
    justify-content: space-between;
}
.small-heading {
    font-size: 15px;
    color:#e6e6e6;
    margin-bottom:10px;
}
.logo{
    /*height:60px;*/
}
.container_box{
    background: #fff;
}
.t_title{
    text-align: left;
    color:#fff;
    height:60px;
    display: flex;
    line-height: 60px;
    justify-content: space-between;
    align-items: baseline;
    /*background: linear-gradient(to right,#3f8fcc,#165ba8);*/
    border-bottom: 4px solid #165ba8;
}
.title_left{
    display: flex;
}
.menu_n_box .m-2{
    margin:4px;
}
.t_title .more{
    display: block;
    padding: 0px 12px;
    text-align: center;
    color: #1a60ab;
    border: 1px solid rgb(28 98 173);
    background: rgba(255,255,255,.4);
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
/*.main_title::after,.main_title::before{
    position: absolute;
    width: 47px;
    height: 6px;
    background: #1b5bb3;
    content: '';
    border-radius: 25px;
    top: 68%;
}*/
.main_title::after{
    right:-65%;
}
.main_title::before{
    left:-65%;
}
.t_title h2{
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    position: relative;
    line-height: 60px;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
    padding: 0 13px;
    display: inline-block;
    background: linear-gradient(to right,#3f8fcc,#165ba8);
}
.t_title p{
    font-size: 14px;
    font-weight: 400;
    color: #1d64ae;
    text-align: center;
    margin-bottom: 0px;
    margin-left: 10px;
}
.introduction{
  /*  background: #f8f7fc;*/
    box-sizing: border-box;
}
.introduction h2{
    font-size: 18px;
    font-weight: bold;
}
.introduction p{
    font-size: 14px;
    line-height: 26px;
    display: -webkit-box;
    word-break: break-all;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: pre-line;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;

}
.img_wap{
    width:300px;
    height:368px;
}
.img_wap img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.img_wap_box{
    display: flex;
    align-items: center;
    position: absolute;
    right:0;
    top:-21%;
    z-index: 1;
}
.introduction>.row{
    position: relative;
}
.youshi{
    margin-top:58px;
}
.youshi li{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.youshi li h2{
    font-size: 16px;
    font-weight: bold;
    margin:10px 0 0 0;
}
.youshi li p{
    font-size:14px;
    text-align: center;
}
.youshi  .y_wapper{
    width:100px;
    height:100px;
    border-radius: 50%;
    background: #6dadff;
    text-align: center;
    line-height: 100px;
    position: relative;
}

.youshi li:nth-of-type(2) .y_wapper{
   background:#00bad8
}
.youshi li:nth-of-type(3) .y_wapper{
    background:#26d3da
}
.youshi li:nth-of-type(4) .y_wapper{
    background:#81adde
}
.youshi li:nth-of-type(5) .y_wapper{
    background:#8c86e6
}
.youshi li:nth-of-type(6) .y_wapper{
    background:#fdba63
}
.introduction_box,.xuesheng_box,.huanjing_box,.zixun_box  {
     background:#f4f4f4;
     padding:20px 0;
}
.paddingbox>.container{
    background: #fff;

}

.zixun_box>.container{
    padding: 30px 30px 0 30px;
}
.kecheng_box,.xuesheng_box,.fuwu_box {
   /* background: #fbfcfd;*/
}
.xuesheng_box{
    padding-bottom:18px;
}
.kecheng li{
    height:250px;/*******/
    margin-bottom:14px;
    overflow: hidden;
    padding:0;
    box-shadow: 0 0 8px -2px rgb(223 227 230);
}
.kecheng>.row,.xuesheng>.row{
    margin:0;
}
.kecheng li .k_wap{
    display: flex;
    height:100%;
}
.kecheng,.xuesheng{
    margin-top:20px;
}
.list_group h6{
    color:#333;
    font-size: 14px;
    display: flex;
    align-items: baseline;
    padding:0 20px 0 0;
}

.list_group b{
    font-weight: normal;
    margin-left:10px;
    line-height: 22px;
    font-size: 16px;
}
.xuesheng .row>div{
    padding:0 5px;
    overflow: hidden;
}
.xuesheng_item>div{
    width:100%;
    height:200px;
    overflow: hidden;
}
.xuesheng img {
    width: 100%;
    height: 100%;
    height: 200px;
    object-fit: cover;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    opacity: 1;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-30px,0,0) scale(1.12);
    transform: translate3d(-30px,0,0) scale(1.12);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    max-height: max-content;
    max-width: max-content;
}

.xuesheng_item:hover img {
    opacity: 0.7;
    -webkit-transform: translate3d(0,0,0) scale(1);
    transform: translate3d(0,0,0) scale(1);
}

.xuesheng h2 {
    height: 30px;
    line-height: 30px;
    background: #1b5bb3;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.liuchchengs_item{
    display: flex;
    flex-direction: row;
    padding:60px 0;
}
.liuchchengs_item li{
    flex:1;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 200px;
}
.liuchchengs_item li:nth-child(2n) i{
    background: #b9b9b9;
    animation-delay: 1.5s;
}
.liuchchengs_item li:nth-child(odd){
   margin-top:100px;
}
.bao_li i{
    width:70px;
    height:70px;
    display: block;
    border-radius: 50%;
    background: #1b5bb3;
    flex:0 0 70px;
    position: relative;
    line-height: 70px;
    text-align: center;
    animation-delay: 0s;
    animation: updownup 3s ease infinite;
}
.bao_li i::after{
    width: 0;
    height: 0;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: 20px solid #1b5bb3;
    content: '';
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
}
.liuchchengs_item li:nth-child(2n) i::after{
    border-top: 20px solid #b9b9b9;
}
.bao_li_box{
    display: flex;
    margin-top:20px;
    height:100%;
}
.l_box{
    font-size: 40px;
    font-weight: normal;
    flex:0 0 43%;
    text-align: right;
}
.l_center{
    width:20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.l_center span{
    width:20px;
    height:20px;
    border:1px solid #ddd;
    border-radius: 50%;
    flex:0 0 20px;
}
.l_center dfn{
    width:1px;
    height:100%;
    border:1px dashed #f0f0f1;
}
.l_right{
    margin-left:10px;
    flex:0 0 52%;
}
.l_right h2{
    font-size: 18px;
    color:#333;
    font-weight: bold;
}
.l_right p{
    font-size: 13px;
    color:#999;
    margin-bottom:8px;
    border-left:1px solid #dee1e2;
    padding-left:10px;
}
.text_p p{
    height:220px;
    overflow: hidden;
    font-size: 14px;
}
.kecheng li dfn{
    font-size: 20px;
}
.kecheng li i,.kecheng li h3,.kecheng li span{
    z-index: 2;
}
.kecheng li i{
    color:#534f8e;
    font-weight: bold;
}
.kecheng li h3{
    font-size: 44px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    position: absolute;
    left:9%;
    top:23%
}
.kecheng li span{
    font-size: 14px;
    color:#7f7474;
    display: block;
    width:28px;
    word-wrap: break-word;
    left:10px;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    background: #fff;
    padding: 5px;
    text-align: center;
}
.kecheng .left{
    flex:0 0 88px;
    background: #9f9be0;
    position: relative;
    overflow: hidden;
}

.kecheng .left h4{
    padding:2px;
    font-size: 20px;
    width:20px;
    word-break: break-all;
    position: absolute;
    right:20px;
    color:#fff;
    top:50%;
    transform: translateY(-50%);
}
.kecheng li:nth-of-type(2) .left{
    background: #fdba63;
}
.kecheng .left::after{
  /*  position: absolute;
    width:100%;
    height:100%;
    border-radius: 0 0 100px 100px ;
    background: #fe6637;
    content:'';
    bottom:10%;
    z-index: 1;*/
}
.kecheng li:nth-of-type(2) .left::after{
    background: #fcce33;
}
.kecheng li:nth-of-type(3) .left{
    background: #7bb0b1;
}
.kecheng li:nth-of-type(3) .left::after{
    background: #32cacb;
}
.kecheng li:nth-of-type(2)  i{
    color:#c59c05
}
.kecheng li:nth-of-type(3)  i{
    color:#346e6f
}
.hgroup{
   padding:0 10px;
    background: #Fff;
    margin-left:16px;
    width:100%;
}
.hgroup h2{
    font-size: 22px;
    color:#ff6738;
    line-height: 30px;
    padding-top:20px;
    margin-bottom:10px;
}
.jihua>.row{
    margin:0;
}
.hgroup em{
    font-size: 14px;
    color:#776b6b;
    font-weight: bold;
}
.hgroup p{
    padding-top:20px;
    font-size: 16px;
    color:#585858;
    border-top:1px dashed #6d6767;
    margin-top:7px;
    display: -webkit-box;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre-line;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.kanxiao{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex:0 0 170px;
}
.kanxiao a{
    padding:6px 0;
    border:1px solid #ddd;
    text-align: center;
    display: block;
    margin:20px;
    background: linear-gradient(to right,#3f8fcc,#165ba8);
    color:#fff;
}
.kanxiao .yuyue{
    background: #6c757d;
}
.jihua .left{
    background: #1b5bb3;
    display: flex;
    padding:10px;
   /* flex:0 0 88px;*/
    align-items: center;
    justify-content: space-between;
}
.jihua .left span{
    width:28px;
    word-break: break-all;
    background: #fff;
    color:#333;
    padding:4px;
}
.jihua .left b{
    width:28px;
    word-break: break-all;
    color:#fff;
    margin-left:10px;
}
.jihua .right h2{
    font-size: 16px;
    background: #eef3fb;
    padding: 8px;
    font-weight: bold;
}
.jihua .right p{
    color: #585858;
    padding: 0 10px;
    font-size: 15px;
    height:22px;
    overflow: hidden;
    margin-bottom:6px;
}
.jihua .right li:last-child p{
    margin-bottom:0;
}
.jihua .right li{
    padding:0 0 0 10px;
}
.list_group{

}
.kecheng li .list_group i{
    color:#333;
    font-weight: normal;
}
.yuanxiao_box{
    background: #fff;
}
.yuanxiao li .wap{
    box-shadow: 0px 4px 12px 0px rgb(35 120 162 / 8%);/***/
    border-radius: 8px;
}
.yuanxiao li{
    text-align: center;
    margin-bottom:10px;
}
.xiao_img{
    height:150px;
    width:100%;
}
.xiao_img img{
    width:100%;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}
.yuanxiao h2{
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
}
.yuanxiao h3{
    font-size: 20px;
}
.yuanxiao p{
    padding-top:20px;
    border-top:1px dashed #000;
    color:#666;
    margin:20px 20px 0px 20px;
}
.yuanxiao h6{
    margin-top:10px;
    font-weight: bold;
    padding-bottom:20px;
}
.yuanxiao h6 span{
    margin-right:10px;
}
.huanjing .row{
    position: relative;
    margin:0;
}
.huanjing .row>div{
    padding:0;
    border:2px solid #f3f2f2;
    position: relative;
}
.huanjing .row>div:nth-of-type(2)::after{
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(98,190,211,0.9);
    opacity: 1;
    transition: all 0.5s;
    content:'';
    left:0;
    top:0;
    z-index: 1;
}
.huanjing .row>div:nth-of-type(4)::after{
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(172,109,166,0.9);
    opacity: 1;
    transition: all 0.5s;
    content:'';
    left:0;
    top:0;
    z-index: 1;
}
.huanjing .row>div:nth-of-type(7)::after{
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(113,60,142,0.9);
    opacity: 1;
    transition: all 0.5s;
    content:'';
    left:0;
    top:0;
    z-index: 1;
}
/*.huanjing .row>div:nth-of-type(9)::after{
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(241,241,241,0.9);
    opacity: 1;
    transition: all 0.5s;
    content:'';
    left:0;
    top:0;
    z-index: 1;
}*/
.fuwu{
    margin-top:20px;
}
.huanjing .row>div:nth-of-type(10)::after{
    z-index: 1;
    position: absolute;
    width:100%;
    height:100%;
    background: rgba(246,161,122,0.9);
    opacity: 1;
    transition: all 0.5s;
    content:'';
    left:0;
    top:0;
}
.huanjing .row>div h2{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    color:#fff;
    z-index: 2;
    font-size: 20px;
}
.huanjing img{
    width:100%;
    object-fit: cover;
    height:200px;
    webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}
.h_items>div{
    width:100%;
    overflow: hidden;
}
.huanjing_item{
    background: -webkit-linear-gradient(
            45deg
            , #ff89e9 0%, #05abe0 100%);
    background: linear-gradient(
            45deg
            , #ff89e9 0%,#05abe0 100%);
}
.huanjing_item:hover img {
    opacity: 0.5;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.liucheng{
  margin-left:-60px;
}

element.style {
}
.hex.hex-1 {
    background: #74cddb;
}
.hex.hex-2{
    background: #f06966;
}
.hex.hex-3{
    background: #01b8f1;
}
.hex.hex-4{
    background: #f79704;
}
.hex.hex-5{
    background: #1bbd98;
}
.hex.hex-gap {
    margin-left: 86px;
}
.liucheng{
    height:400px;
}
.liucheng .row{
    align-items: center;
    justify-content: center;
}
.liucheng .row:nth-of-type(2){
    margin-left:66px;
}
.hex {
    width: 150px;
    height: 86px;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: auto 173px;
    -moz-background-size: auto 173px;
    -ms-background-size: auto 173px;
    -o-background-size: auto 173px;
    position: relative;
    float: left;
    margin: 25px 5px;
    text-align: center;
    zoom: 1;
}
.hex *{
    color:#fff;
}
.hex p{
   margin:0 20px;
}
.hex.hex-1 {
    background: #74cddb;
}
.hex .corner-1, .hex .corner-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    z-index: -2;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.hex .corner-1 {
    z-index: -1;
    -webkit-transform: rotate(
            60deg
    );
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(
            60deg
    );
}
.hex .corner-2 {
    -webkit-transform: rotate(
            -60deg
    );
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(
            -60deg
    );
}
.hex .corner-1:before, .hex .corner-2:before {
    width: 173px;
    height: 173px;
    content: '';
    position: absolute;
    background: inherit;
    top: 0;
    left: 0;
    z-index: 1;
    background: inherit;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.hex .corner-1:before {
    -webkit-transform: rotate(
            -60deg
    ) translate(-87px, 0px);
    -moz-transform: rotate(-60deg) translate(-87px, 0px);
    -ms-transform: rotate(-60deg) translate(-87px, 0px);
    -o-transform: rotate(-60deg) translate(-87px, 0px);
    transform: rotate(
            -60deg
    ) translate(-87px, 0px);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}
.hex .corner-2:before {
    -webkit-transform: rotate(
            60deg
    ) translate(-48px, -11px);
    -moz-transform: rotate(60deg) translate(-48px, -11px);
    -ms-transform: rotate(60deg) translate(-48px, -11px);
    -o-transform: rotate(60deg) translate(-48px, -11px);
    transform: rotate(
            60deg
    ) translate(-48px, -11px);
    bottom: 0;
}

/***/
.zhuangye_box{}
.zhuangye_box .container{
    background: #fff;

}
.zhuangye li{
    margin-top:8px;
}
.zhuangye h4{
    padding:10px 0px;
    background: #508ee2;
    color:#fff;
    border-radius: 30px;
    text-align: center;
    font-size: 16px;
    width: 60%;
}
.titles{
}
.in_bg{
    position: relative;
    padding-right:0;
}
.in_bg_wap{
    background: #d5e5f1;
    width:100%;
    height:100%;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
    flex-direction: column;
    border:1px solid #fff;
}
.zs_detail_box{
    margin-top:20px;
}
.zs_detail_box h4{
  border-bottom:1px solid #ddd;
}
.zs_detail_box span{
   height: 34px;
    padding: 0 8px;
    line-height: 34px;
    font-size: 16px;
    background: #f4f5f7;
    border-radius: 4px 4px 0 0;
    display: inline-block;
}
.in_bg_wap .img_waps1{
   height:120px;
    width:210px;
    width:100%;
}
.in_bg_wap .img_waps1 img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.zs_detail_box li{
  margin:10px 0;
}
.zs_detail_box li b{
   font-weight: bold;
    font-size: 14px;
}
.zs_detail_box li em{
    font-weight: normal;
}
.text_in{
    position: relative;
    z-index: 4;
    padding:20px 20px 0 20px;
    box-sizing: border-box;
}
.text_in h3{
    font-size: 18px;
    color:#2b75ba
}
.tese li{
    display: flex;
    margin-bottom:10px;
}
.tese h4{
    margin-left:10px;
}
.in_bg_wap p,.in_bg_wap h2{
    color:#2b75ba
}
.in_bg_wap p{

    text-indent: 0;
}
.address_box{
    margin-top:10px;
}
.address_box h4{
    display: flex;
    margin-bottom:10px;
}
.address_box p{
    font-size: 14px;
    margin-left:10px;
    margin-bottom:0;
    max-height:50px;
    overflow: hidden;
}
.address_box svg{
    display: block;
}
.form-body button{
    width:100%;
    background: #1b5bb3;
}
textarea.form-control {
   
}
.form_in{
    padding: 0 15px 0 0;

}
.form_box{

    border: 1px solid rgba(0,0,0,.125);
}
.form_in h5{
    line-height: 40px;
    background: #3582c3;
    text-align: center;
    color: #fff;
    margin-bottom:0;
}
.form_in form{
    padding: 10px;
}
.form-button button{
    width:100%;
    background-color: #d31010;
    border:none;
}
.form-button{
    margin-bottom:0;
}
.zixun>.container{
    background: #fbfcfd;
    padding: 40px;
}
.in_bg_wap p, .in_bg_wap h2{
    max-height:100px;
    overflow: hidden;
}
.fuwu_box{
  
}
.fuwu_item_box{
    border-bottom:2px solid  #888285;
    transition: transform 0.5s;
}
.fuwu_item_box:hover{
    border-bottom:2px solid #7a2056;
    transform: translateY(-5px);
}

.fuwu_item .fw_img_wap{
    position: relative;
    overflow: hidden;
}
.fuwu_item h2{
    position: absolute;
    bottom:0;
    height:34px;
    line-height: 34px;
    background: rgba(0,0,0,0.7);
    color:#fff;
    font-weight: bold;
    font-size: 16px;
    width:100%;
    text-align: left;
    padding-left:10px;
    box-sizing: border-box;
    margin:0;
    overflow: hidden;
}
.fuwu_item p{
    height:98px;
    font-size: 14px;
    text-align: justify;
    background: #fff;
    margin:0;
    padding:10px;
    overflow: hidden;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInDown {
    animation:fadeInDown 0.8s linear;
    -webkit-animation:fadeInDown 0.8s linear;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes updownup {
    25% {
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
    }
    100%,
    50% {
        transform: translateY(0);
        webkit-transform:translateY(0);
        -ms-transform: translateY(0);
    }
    75% {
        transform: translateY(2px);
        webkit-transform:translateY(2px);
        -ms-transform: translateY(2px);
    }
}
@-webkit-keyframes updownup {
    25% {
        -webkit-transform: translateY(-2px);
    }
    100%,
    50% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(2px);
    }
}
@-moz-keyframes updownup {
    25% {
        -moz-transform: translateY(-2px);
    }
    100%,
    50% {
        -moz-transform: translateY(0);
    }
    75% {
        -moz-transform: translateY(2px);
    }
}
.youshi li,.kecheng li{
    transition:transform 0.5s;
}
.youshi li:hover,.kecheng li:hover{
    transform: translateY(-5px);
}
.fuwu_item{
    margin-bottom:10px;
}
/*新闻*/
 
 .right_a_line .item{
      border-bottom:1px solid #ddd;
     margin:8px 0;
     background: #fff;
     transition: border 0.5s;
 }
 .right_a_line .item:hover{
      border-bottom:1px solid #1f66b0;
      box-shadow: 0 5px 15px 0 rgb(0 0 0 / 6%);
 }
 .right_a_line  .item_wap_a{
      display: flex;
 }
  .right_a_line  .dt{
      display: flex;
    flex-direction: column;
    flex: 0 0 90px;

    align-items: center;
    justify-content: center;
    position: relative;
  }
  .right_a_line  .dt i{
      position: absolute;
      right:0;
      width:1px;
      height:50%;
     background: #ddd;
     content:'';
  }
  .right_a_line .imgs{
      flex:0 0 145px;
      height:100%;
      overflow: hidden;
  }
  .right_a_line .imgs img{
      width:100%;
      height:100%;
      object-fit: cover;
      transition: transform 0.5s;
      vertical-align:middle;
  }
  .right_a_line .item:hover img{
      transform: scale(1.1);
  }
  .article_wapperBox{
      padding: 20px 0 10px 0;
  }
 .right_a_line  .dt em{
     font-size: 40px;
     color: #999;
 }
 .right_a_line .item:last-child{
     margin-bottom:0;
 }
 .right_a_line  .dt span{
     color: #999;
 }
  .right_a_line .dd{
      padding:18px 20px 0 20px;
  }
 .right_a_line .dd h2{
     font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom:6px;
  }
  .right_a_line .dd p{
      text-align: justify;
      color: #797373;
      height:45px;
      overflow: hidden;
  }
  .left_a_box .item .dt a{
      font-size:18px;
      color:#fff;
  }
  .left_a_box .dd b{
      margin-top:10px;
      display: block;
      font-size: 12px;
  }
  .left_a_box{
      padding: 20px 0px 0px 0;
      position: relative;
      height:100%;
  }
  .left_a_box .more{
      background: #d31010;
      padding:8px 10px;
  }
  .article_wapperBox{
      background: #f8f8f8;
      padding:20px 0 40px 0;
  }
  .article_box{
      margin-bottom:20px;
  }
  .right_a_line{
      padding: 12px 0 0 0;
  }
  .left_a_box .item{
      position: absolute;
    bottom: -35px;
    left:6%;
    background: rgb(29,100,174,.8);
    color: #fff;
    width: 70%;
    height: 50%;
    padding: 20px;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 6%);
    transition: bottom 0.5s;
  }
  .left_a_box .item:hover{
       bottom: 0px;
  }
  .left_a_box .item h2{
      color:#fff;
      font-size: 14px;
      font-weight: bold;
  }
  .right_a_line .item.active{
      background: #3b8ac9;
     color: #fff;
  }
   .right_a_line .item.active h2, .right_a_line .item.active p,.right_a_line .item.active em{
       color:#fff;
   }
   .left_a_box .item p{
      font-size: 13px;
     color: #f4f5f7;
     margin-top:8px;
  }
 .left_a_box .scale{
      height:100%;
  }
  .left_a_box .scale img{

    height: 100%;
    object-fit: cover;
  }
  
  .left_a_box .dd{
      margin-top:20px;
      font-size:12px;
  }
  .button_box{
      position: absolute;
      bottom:0;
      right:15px;
  }
  
#index .article-list {
 margin-bottom: 20px;
}
#index .article-list .img {
 text-align: center;
 margin-bottom: 20px;
 overflow: hidden;
}
#index .article-list .img img {
 width: 100%;
}
@media (min-width: 1100px) {
 #index .article-list .img img {
  width: 445px;
  height: 278px;
 }
}
#index .article-list .img em {
 display: block;
 background-color: #EEE;
 line-height: 278px;
 color: #999;
}
#index .article-list .item,#index .sidebar_box .item  {
 zoom: 1;
 overflow: hidden;
 margin:0 0 20px 0!important;
}
#index .article_section .item {
    border-bottom:1px solid #ddd;
    background: #fff;
    margin-bottom: 10px!important;
}
#index .article-list .item dt {
    font-family: Arial, Lucida, Verdana, Helvetica, sans-serif;
    text-align: center;
    height: 100%;
    padding: 0;
}
#index .article-list .item dt em {
 display: block;
 background-color: #EEE;
 font-size: 36px;
 padding-bottom: 3px;
 color: #e52d67;
}
.article-list>.row{
    margin:0;
}
#index .article-list .item dt b {
 display: block;
 background-color: #DDD;
 font-size: 15px;
 color: #555;
}
#index .article-list .item dd {
 margin-left:0px!important;
 font-size: 14px;
 padding-right:0;
}
#index .article-list .item dd a {
 color: #003a74;
 font-size: 16px;
}
#index .article-list .item dd a:hover {
 color: #0a68c5;
 font-size: 16px;
}
#index .article-list .item dd p {
 color: #9A9A9A;
 line-height: 180%;
}

.nav-tabs{
    border-bottom:0;
}
.breadcrumb{
    background: none;
    margin-bottom:0;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: inherit;
    height: 100%;
}
}
/**foot**/
.footer {
	background: #003a74;

	color: #ddd;
	padding-bottom: 1rem;
}
.footer .small-heading {
	margin-bottom: 42px;
	border-left: 5px solid #e52d67;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 17px;
	padding-left: 12px;
	position: relative;
	font-size: 1rem;
}
.footer .links a {
	color: #ddd;
	line-height: 2rem;
}
.footer .links a:hover, .footer .links a:active {
	color: #5e656a;
}
.footer .f-contact  p{
	line-height: 2rem;
}
.detail_view{
    background: #f8f8f8;
    padding-bottom:20px;
}
.detail_view .row{
    padding:20px 0 0 0;
}

.detail_view  .cont_box{
    background: #fff;
    padding:20px;
}
.v_r_box  dd{
    padding:0 20px 0 0;
}
.detail_view  .view_right{
    border:none;
    padding:0;
}
.jumbotron  button{
    width:100%;
}
.detail_gusetbook  .row{
    padding:0;
    background: #fff;
}
.detail_gusetbook{
    padding-top:20px;
}
.wapper_boxs {
    padding: 20px 0;
}
@media all and (max-width: 768px) {
	.footer {
	
		padding-bottom: 18px;
	}
	.footer .small-heading {
		margin-top: 24px;
		margin-bottom: 24px;
	}
	.footer .copyright {
		margin-top: 24px;
	}
}
 .copyright {
 	background: #333333;
	color: #ddd;
	font-size: 14px;
	line-height: 1.2rem;


}
 .copyright span{
	margin-left: 15px;
}
.copyright a,.copyright a:hover{
	color: #ddd;
}
.form_in_top{
    display: none;
}
#index .sidebar_box .item dd h4{
    magin:0;
}
@media (max-width: 576px) {
    .menu_n_box .nav-link{
        padding:0;
    }
    .menu_n_box .breadcrumb{
        padding:0;
    }
    .menu_rights{
        padding:0;
    }
    .sidebar_box{
        margin-bottom:0;
    }
    #index .article-list .item{
        margin-left:0;
    }
    .article_section{
        padding:0;
    }
    #index .article_section .item{
        margin:0;
        background: #f8f9fa;
        padding:0;
    }
    .wapper_boxs{
       padding: 10px 0;
     }
    .zixun,.jihua,.xuesheng,.huanjing{
        margin-top:10px;
    }
    .zixun>.container{
        padding:10px;
    }
    .huanjing img{
        height:146px;
    }
    textarea.form-control{
        height:55px;
    }
    .form-body .col-form-label{
        display: none;
    }
    .signUp .img_div h3{
        text-align: justify;
    }
    .touch-right{
        padding-left:0;
        margin-top:10px;
    }
    .member-image{
        width:140px;
        height:140px;
    }
    .member-info h3{
        width:140px;
    }
    .member-image,.member-image img{
        border-radius: 40px 0;
    }
    .pull-xs-left{
        width:150px;
    }
    .in_bg_wap p, .in_bg_wap h2{
        text-align: center;
    }
    .right_a_line .dd{
        order:3;
    }
    .right_a_line .dd h2{
        font-size: 16px;
    }
    .right_a_line .dd{
        padding: 8px 20px 0px 20px;
    }
    .service-shadow{
        flex-direction: column;
        text-align: center;
    }
    .service-list .col-md-3:nth-of-type(1),.service-list .col-md-3:nth-of-type(2){
        margin-bottom:0px;
    }
    .about-list li:nth-child(2) .item-img{
        order:2;
    }
    .about-list li:nth-child(2) .item-content{
        order:1;
    }
    .t_youshi li h2{
        font-size: 14px;
    }
    .t_youshi li b{
        font-size: 12px;
    }
    
    
    
    /***/
    .yuanxiao p{
        display: none;
    }
    .yuanxiao li{
        padding:0 5px;
    }
    .yuanxiao h2{
        font-size: 18px;
        line-height: 20px;
    }
    .yuanxiao h3{
        font-size: 14px;
    }
    .zhuangye h4{
        width:110%;
    }
    .zhuangye li{
        padding:0 9px;
    }
    .kecheng .left{
        flex:0 0 88px;
        width:auto;
    }
    .kecheng li{
        padding:0;
        min-height:270px;
    }
    .xuesheng img{
        height:88px;
    }
    .min_hide{
        display: none;
    }
    .text_p p{
        height:108px;
    }
    .huanjing .row>div::after,.huanjing .row>div h2{
        display: none;
    }
    .text_in{
        padding:5px;
    }
    .text_in p{
        overflow: hidden;
    }
    .img_wap_box{
        position: relative;
        padding-right:0;
    }
    .t_title p{
        display: none;
    }
    .img_wap{
        height:160px;
        width:100%;
    }
    .t_title{
        padding:0;
        height:36px;
        line-height: 36px;
    }
    .youshi{
        margin-top:11px;
    }
    .liuchchengs .container{
        padding:0;
    }
    .t_title h2{
        font-size: 16px;
        line-height: 36px;
    }
    .introduction>.row{
        margin-right:0;
    }
    .form_in{
        padding: 0 0px 0 15px;
    }
    .right_a_line .imgs{
        order:1;
    }
    .right_a_line .dt{
        display: none;
    }
    .article-list .img-box{
        display: none;
    }
    .l_center{
        display: none;
    }
    .bao_li i{
        width:30px;
        height:30px;
        flex:0 0 30px;
        line-height: 30px;
    }
    .l_box{
        font-size: 18px;
        flex: none;
    }
    .liuchchengs_item{
        flex-wrap: wrap;
        padding:0;
    }
    .liuchchengs_item li:nth-child(odd){
        margin-top:0px;
    }
    .liuchchengs_item li{
        min-height: 160px;
        flex:0 0 30%
    }
    .bao_li_box{
        margin-top:6px;
    }
    .l_right{
        flex:0 0 99%;
        margin:0;
    }
    .liuchchengs{
        margin-top:10px;
    }
    .bao_li i::after{
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-top: 10px solid #3f8fcc!important;
        bottom: -5px;
    }
    .liuchchengs_item li:nth-child(2n) i::after{
        border-top: 10px solid #b9b9b9!important;
    }
    .banner img{
        height:170px;
    }
    .bao_li svg{
        width:20px;
        height:20px;
    }
    .huanjing .row>div:nth-child(n+6){
        display: none;
    }
    .liuchchengs_item li:nth-of-type(4){
        margin-left:15%;
    }
    .xuesheng_item>div{
        height:88px;
    }
    .kanxiao{
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        padding: 0;
        flex: inherit;
    }
    .kanxiao a{
        padding: 6px 14px;
        margin: 10px 10px 10px 0;
    }
    .top-line{
        display: none;
    }
    .banner{
        margin-top:74px;
    }
    
    .article_wapperBox{
        padding: 20px 0 10px 0;
    }
 
    .introduction_box .form_in{
        display: none;
    }
     .introduction_box .form_in_top{
       display: block;
       padding: 10px 10px 0 10px;
      margin-bottom: 17px;
    }
    .introduction_box, .xuesheng_box, .huanjing_box, .zixun_box{
        padding:10px 0;
    }
    .view_a_box h1{
        font-size: 26px;
    }
    .copyright,.footer_top,.top-line {
        display: none!important;
    }
    #index .article-list .item dd{
       padding: 8px 8px 0 15px;
       margin: 0!important;
    }
    #index .article-list .item dd h2{
        font-size: 16px;
    }
}
/*换颜色*/
.bao_li i,.form-body button,.jihua .left,.main_title::after, .main_title::before,.xuesheng h2{
    background: #3f8fcc;
}
.header{
    border-bottom:4px solid #3f8fcc
}
.t_youshi,.form-body button:hover{
    background: rgb(61 140 202);
}
.in_bg::after{
    border: 2px solid #1b5bb3;
}
.bao_li i::after{
    border-top: 20px solid #3f8fcc;
}