.no-padding {
    padding: 0 0;
}

.no-margin {
    margin: 0 0;
}

.rowF {
    display: flex;
    flex-direction: row;
}

.columnF {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*头部*/
header {
    width: 100%;
    /* background: #FFFFFF; */
    position: fixed;
    top: 0;
    z-index: 999;
}

.header-box {
    padding: 15px 0;
}

.fixednav {
    background: #FFFFFF;
}

.head-bar {
    align-items: center;
    justify-content: space-between;
}

.nav-case {
    flex: 1;
}

.nav-list {
    flex: 1;
    align-items: center;
    justify-content: space-around;
}

.nav-list a {
    padding-bottom: 5px;
    color: #181818;
    font-size: 16px;
}

.nav-case img {
    /* width: 115px; */
}

.nav-active {

    border-bottom: 2px solid #DA251D;
}

.btn-case {
    justify-content: flex-end;
}

.dropbtn1 {
    margin-right: 30px;
}

.dropbtn1 .btn {
    background: #FCA455;
    color: #FFFFFF;
}

.dropbtn2 .btn {
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #FCA455;
    color: #EF8C3D;
}

.dropbtn1 .dropdown-toggle::after, .dropbtn2  .dropdown-toggle::after{
    border-right: 0;
    border-left: 0;
    margin-left:0;
    margin-right: -3px;
}
.dropdown-item{
    padding:.5rem 1.5rem;
}
.dropdown-item.active,
.dropdown-item:active {
    background-color: #FCA455;
}

.navbar-dark .navbar-toggler-icon {
   background-image: url('../img/ic_bar.png');
}

/*底部*/
footer {
    width: 100%;
    background: #2E3033;
    padding: 30px;
    box-sizing: border-box;
    /* position: fixed;
    bottom: 0; */
    /* min-width: 1208px; */
}

.foot-nav {
    border-bottom: 1px solid #45484C;
    padding-bottom: 37px;
    align-items: center;
}

.code-box,
.foot-logo {
    width: 440px;
    box-sizing: border-box;
}

.logo-item {
    margin-right: 35px;
    align-items: center;
}

/* .logo-item img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 22px;
} */

.logo-item p {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
}

.menu-nav {
    flex: 1;
    padding: 0 50px;
    box-sizing: border-box;
    justify-content: space-between;
}

.menu-nav a {
    color: #CCCCCC;
    font-size: 14px;
}

.foot-info {
    margin-top: 42px;
}

.code-item {
    margin-right: 88px;
}

.code-item img {
    width: 106px;
    height: 106px;
}

.code-item p {
    font-size: 14px;
    font-weight: 400;
    color: #CCCCCC;
    margin-top: 32px;
}

.info-content {
    flex: 1;
    padding: 0 50px;
    box-sizing: border-box;
}

.info-menu {
    justify-content: space-between;
}

.info-menu .columnF {
    align-items: flex-start;
    /* justify-content: space-between; */
}

.info-menu a,.info-menu span {
    color: #CCCCCC;
    font-size: 14px;
    margin-bottom: 30px;
}

.beian p{
    color: #CCCCCC;
    font-size: 16px;
    word-break: break-all;
    padding-top: 10px;
}
button:focus{
    outline: none;
}

@media screen and (max-width:1344px) {

    .code-box,
    .foot-logo {
        width: 350px;
    }

    .logo-item {
        margin-right: 30px;
    }

    .code-item {
        margin-right: 30px;
    }

    .menu-nav,
    .info-content {
        margin: 0 20px;
    }
    .info-content{
        padding:0 30px !important;
    }
}

@media screen and (min-width:1688px) {
    .footer-box {
        padding: 0 100px;
        box-sizing: border-box;
    }
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.carousel-item img {
    width: 100%;
}

/* @media screen and (max-width:992px) {
    .nav-list a:nth-child(6),

    .nav-list a:nth-child(7) {
        color: #FFFFFF;
    }
} */


@media screen and (min-width:1688px) {
    .banner-info {
        align-items: flex-end;
        margin-top: -25%;
    }

    .banner-info .banner-item {
        flex: 1;

    }
}

@media screen and (min-width:1344px) and (max-width:1688px) {
    .banner-info {
        align-items: flex-end;
        margin-top: -26%;
    }
    .wenan{
        left:55%  !important;
    }
}

@media screen and (max-width:1343px) {
    .banner-info {
        display: flex;
        flex-direction: column;
    }

    .banner-item {
        margin-right: 0px !important;
    }
    
.data-bg2 {
    background: #FAFBFE;
    margin-top: 30px;
    padding: 10px 30px;
}
.wenan{
    left:30%  !important;
}
}

@media screen and (max-width:768px) {}
/* 分页 */

#pageMain li {
    list-style: none;
}

.pageBox {
    padding-bottom: 30px;
    display: flex;
    justify-content: center;
}

#pageBox {
    margin: 0 auto;
    /* font-size: 12px; */

}

#pageBox span {
    display: inline-block;
    padding: 5px 10px;
    /* width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center; */
    /* font-size: 12px; */
    color: rgba(153, 153, 153, 1);
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(232, 232, 232, 1);

}

#pageNav {
    display: inline-block;
}

#pageNav a {
    display: inline-block;
    padding: 5px 10px;
    /* width: 24px;
    height: 24px; */
    /* font-size: 14px; */
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(232, 232, 232, 1);
    color: rgba(20, 42, 57, 1);
    text-decoration: none;
}

#pageNav a.active,
#pageNav a:hover {
    background: #EF806E;
    color: #EFEFEF;
}

#prev:hover {
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    color: #333;
}

#next:hover {
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    color: #333;
}
.close-none{
    display: none;
}
/* 选择 下拉框*/
.select-menu{
    margin:15px 0;
}
.select-menu-ul{
    margin-top:50px;
    list-style:none;
    opacity:0;
    display:none;
    width:245px;
    text-align:left;
    border:1px solid#E0E6ED;
    background:#fff;
    position:absolute;
    z-index:1;
}
.select-menu-ul li{
    padding:2% 0 2% 3%;
    
}
.select-menu-ul li:hover{
    background:#f2f2f2;
    
}
.select-menu-div{
    position:relative;
    height:30px;
    /* width:245px; */
    border:1px solid #E0E6ED;
    line-height:30px;
}
.select-this{
    background:#5FB878;
}
.select-this:hover{
     background:#5FB878!important;
}
i{
margin-right:5px;
position:absolute;
right:0;
top:7px;
background: url('../img/ic_down2.png') no-repeat;
background-size: 8px 8px;
background-position: top left;
}
.select-menu-input{
margin-left:3%;
border:0;
/* height:29px; */
cursor:pointer;
user-select:none;
position: relative;
}
.select-menu-i{
  transform:rotate(180deg);

}
.fa{
    width: 8px;
    height: 8px;
    background: url('../img/ic_down2.png') no-repeat;
    background-size: 8px 8px;
    position: absolute;
    top:50%;
    right:5px;
    margin-top:-4px;
}
i{
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.userInfo{
    align-items: center;
    font-size: 14px;
    justify-content:flex-end;
}
.userInfo span{
 
}
.user-avatar{
    width: 34px;
    height: 34px;
    background: #EDEBEB;
    border-radius: 50%;
    margin-right: 15px;
    overflow: hidden;
}
.fillbg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.fillbg-active { opacity: 1; display:block; }