body {
    font-family: "思源黑体","微软雅黑", "Microsoft YaHei", "Hiragisno Sans GB", Helvetica, Tahoma, Arial, SimSun, "宋体", sans-serif, STXihei, "华文细黑", Heiti, "黑体" !important;
   
}
.fixed {
    position: fixed;
    z-index: 999;
    top:0;
}


@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1400px;
    }
    .dh>div {
        text-align: center;
    }
    .dh i {
        width: 30px;
    }
    #demo .carousel-item {
        height: 420px;
        background-size: cover;
        background-position:  no-repeat center center;
    }
    #demo2 .carousel-item {
        height: 250px;
        background-size: cover;
        border-radius:3px;
    }
    .footer {
        padding: 20px;
        text-align: center;
        line-height: 40px;
    }
    .note {
        min-height: 824px;
    }
    .dh,.dh>div>a {
        color: #fff;
        line-height: 38px;
    }
    .dh-fluid {
        background-color: #1e4ea7 !important;
    }
}
@media (max-width: 980px) {
    body {
        
    }
    #demo {
        margin-top: 10px;
    }
    .flex-fill {
        width: 48%;
        text-align: left;
    }  
    .dh {
        margin-top: 1rem;
        font-size: 14px;
    }
    .dh>div {
        text-align: left;
        height: 45px;
        line-height: 35px;
    }
    .dh i {
        width: 30px;
    }
    .dh>div>a {
        color:#fff;
        border-radius: 3px;
        border:1px solid #1e4ea7;
        display: block;
        text-indent: 10px;
        background-color: #1e4ea7;
    }
    .dh>div:nth-child(2n) {
        margin-left: 2%;
    }
    #demo .carousel-item {
        height: 180px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }
    #demo2 .carousel-item {
        height: 180px;
        background-size: cover;
        border-radius:3px;
    }
    .flex-fill {
        margin: 0;
        padding: 0 !important;
        line-height: 10px;
    }
    .footer {
        padding: 20px;
        text-align: center;
        line-height: 30px;
        text-align: justify !important; 

    word-wrap: break-word;
    }
    
}

.note {
    display: inline-block;
    line-height: 200%;
    text-align: justify !important; 
    word-break: break-all !important;
    word-wrap: break-word;
}
.bank .card-body,.bank .card-img-top {
    height: 105px;
}

.bank .card-title {
    font-size: 15px;
    overflow: hidden;    
    text-overflow:ellipsis;    
    white-space: nowrap;
}
.gun a {
    overflow: hidden;    
    text-overflow:ellipsis;    
    white-space: nowrap;
}
.bank .card-text {
    font-size: 14px;
}
.bank .card {
   margin-bottom: 1rem;
}
#demo .carousel-item a {
    display: block;
    width: 100%;
    height: 100%;
}
#demo2 .carousel-item a {
    display: block;
    width: 100%;
    height: 100%;
}
#t2 td {
    min-width:120px;
}


.topr {
    line-height: 100px;

}
.dropdown-plus {
    position: relative;
    display: block;
}
.dropdown-plus-menu {
    position:absolute;
    display: none;
    z-index: 9999;
    background-color: #ffffffef;
    text-align: center;
}
.logo>img {
  margin-top: 10px;
  margin-bottom: 10px;
}

.more-title {
    float: left;
}
.more {
    float: right;
}
.more-li {
    border-bottom-width: 2px;
}
.bg-danger {
    background-color: #ca2727 !important;
}
.bg-primary {
    background-color: #1e4ea7 !important;
}
.bg-info {
    background-color: #3773e2 !important;
}
.border-danger {
    border-color: #a52626 !important;
}
.border-primary {
    border-color: #1e4ea7 !important;
}
.title-line {
    font-size: 16px;
    padding-bottom: 12px;
}

.title-line3 {
    font-size: 16px;
    padding-bottom: 8px;
    border-bottom: 3px solid;
}
.title-line2 {
    font-size: 16px;
    padding-bottom: 8px;
    border-bottom: 3px solid #2220b4;
}
.gun {
    margin-top: 10px;
    height: 200px;
    line-height: 165%;
    overflow: hidden;
}
.gun a {
    clear: none;
    display: block;
    float: none;color:#333333
}
.list-group a {
    color:#333333
}

.video {
    width: 100%;
    height: 250px;
}
#t2x,#t1x {
    font-size: 12px;
}
/* new */
body {
    background: rgb(223, 234, 250);
}
#z {
    position: fixed;
    width: 100px;
    height: 100px;
    z-index: 1000;
}
.box{
    position: relative;
    height: 220px;
    overflow: hidden;
    }
    .box1,.box2{
    width: 1298px;
    position: absolute;
    }
    .box2{
    left:1298px;
    }

#d2,#d1 {
    height: 200px;
    margin: 0;
    padding: 0;
}
#d2 li,#d1 li {
    float: none;
}

#box1 li {
    float: left;
    list-style: none;
}
#thediv
{
 z-index:100; 
 position:fixed ; 
 right:0px; 
 bottom: 100px;
 border: 8px solid #00a0e8;
 background-color: #fff;
 border-radius: 8px;
 width: 160px;
 text-align: center;
 padding: 0px;
 color:#00a0e8;
}
#thediv a {
    font-size: 15px;
}
.line1 {
    height: 40px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.h {
    margin-top: 270px;
}
.hright {
    right:0;
}
.x {
    position:absolute;
    top:0;
    right: 0px;
    font-size: 16px;
    display: block;
    width: 16px;
    height: 16px;
    cursor:pointer;
    color: #707273;
}