body {font-family: "Microsoft YaHei" ! important;background: rgb(246, 246, 246);font-size: 16px;line-height: 28px;}
li {list-style: none;}
.clear {clear: both;}
h3 {margin: 2% 0;}
p{margin:0;}

/*导航*/
.home-nav{background: rgb(255,86,27);}

.home-nav{padding:0;position: fixed;z-index:1000;width: 100%;top: 0;}
.home-nav .navbar{background:none;border: none;border-radius: 0;margin-bottom: 0;font-size: 20px;}
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-brand,.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #fff;}
.navbar-default .navbar-nav > li > a:hover{color: rgb(19,138,203);}
.dian_hua{float: right;color:white;padding: 11px 0;}
.home-nav .navbar-brand{font-size: 24px;}


.cont-phone {font-size: 20px;display: flex;align-items: center;flex-wrap: wrap;}

.cont-wx .cont-ef span{font-size: 1.5vw;font-weight: 200;display: inline-block;padding: 4px 0;display: block;margin-bottom: 10px;}
.cont-wx .cont-et{text-align: center;margin: 10% 0;}
.cont-wx .cont-et img{width:50%;max-height: 100%;height: auto}
.cont-wx .cont-ed{font-size: 14px}

.container-fluid.did{display: none;padding: 25px 0 45px 0;text-align: center}
.footer{padding:0;}

.container.cont{padding-top: 60px;}
/**/
.cont {
    background: white;
    box-shadow: 0 0 10px black;
    padding: 30px 50px;
}

.cont-top {
    border: 1px solid #cccccc;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
}

.cont-top > div {
    display: inline-block;
    width: 33%;
    padding: 0 5%;
}

.cont-top ul {
    padding: 0;
}

.cont-top ul li {
    line-height: 30px;
}

.bc {
    border-right: 1px solid #ccc;
}

/**/
.cont-c {
    border: 1px solid #cccccc;
    border-radius: 10px;
    float: left;
    padding: 20px;
    width: 72%;
}
@media (min-width: 768px){
    .cont-c img{
       max-height: 87px;
    }
}
.cont-e {
    border: 1px solid #cccccc;
    border-radius: 10px;
    float: right;
    padding: 20px;
}

.cont-ef {
    font-size: 24px;
  color: #B38633;
  font-weight: bold;
    text-align: center;
}

.cont-ed {
    font-size: 16px;
    text-align: center;
}

.money-c {
    float: left;
    width: 70%;
    margin-left: 3%;
    font-size: 14px;
    padding: 5% 0;
}

.money-c div {
    float: left;
    width: 31%;
    text-align: center;
}

.cont-b {
    margin: 0 auto;
    text-align: center;

}

.cont-b a {
    display: inline-block;
    margin-top: 20px;
  font-weight:bold;
    color: #515658;
    padding: 1%;
    font-size: 16px;
    text-decoration: none;
}

.cont-db{color: #fff;}
.cont-db h3{margin-bottom: 15px;}
.cont-db p{padding-bottom: 10px;}


.cont-db {
    background: rgb(47, 54, 60);
    text-align: center;
}

.cont-db img {
    width: 10%;
    padding: 0;
    margin-top: 2%;
    border:solid 4px #fff;
}

.cont-db span {
    color: rgb(225, 231, 236);
    display: inline-block;
    padding: 0.5%;
}

.ftop {
    background: rgba(156, 157, 150, 0.5);
    position: fixed;
    bottom: 5%;
    right: 2%;
    cursor: pointer;
    z-index: 10000;
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 10px;

}

.ftop:hover {
    background: rgba(156, 157, 150, 0.8);
}

.ftop{display: none;}
.ftop img{width: 25px;}

/*--responsive--*/
@media (max-width: 1366px) {
}

@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
}
@media (max-width: 992px) {
    .cont-c{
        width: 100%;
    }
    .bc {
        border-right:none;
    }
}
@media (max-width: 768px) {
    .cont-c{
        width: 100%;
    }
}

@media (max-width: 640px) {
    .cont-c{
        padding: 10px;
    }
    .money-c{
        margin-left: 0px;
    }
    .cont-e {
        border: 1px solid #cccccc;
        border-radius: 10px;
        margin: 0 auto;
        float: right;

    }
    .nav .container div {
        float: right;
        margin-top: -16px;
        padding-bottom: 6px;
    }

    .bc {
        border-right: none;
    }
    .cont-c {
        border: 1px solid #cccccc;
        border-radius: 10px;
        float: left;
        width: 100%;
    }
    .cont-c img {
        width: 100%;
    }

    .money-c {
        width: 100%;
        font-size: 12px;
        border-bottom: none;
        text-align: center;
    }
    .cont-e {
        margin: 0 auto;
        border: 1px solid #cccccc;
        border-radius: 10px;
    }
    .cont-db {display: flex;text-align: center;justify-content: center;align-items: center;padding: 1% 0!important;}
    .cont-db img{margin:0;width: 6%;padding:0;margin-right: 1%;}
}
.dpic{
    background: white;
    display: inline-block;
    position: fixed;
    width: 8%;
    right: 0;
    top:20%;
    z-index: 10000;

}
.dpic>span{
    cursor: pointer;
    color: grey;

}
.dpic div{
    text-align: center;
    padding-bottom: 20%;
}
.navbar-collapse{padding-left: 0;}

@media (max-width: 991px) {
    body{padding-top: 50px;padding-bottom: 45px;}
    h3{margin:15px 0;font-size: 20px;}
    .cont{padding:0 10px 10px;box-shadow: 0 0 0 #000;}

    .navbar-header {
        display: none;
    }
    .navbar-collapse.collapse {
        display: block!important;
        padding-left: 15px;
    }
    .dian_hua{display: none;}
    .navbar-nav>li {
        width: 20%;
        float: left;
        text-align: center;
    }
    .nav > li > a{
        padding:0;
        font-size: 18px;
        line-height: 50px;
    }
    .container.cont{padding-top: 0;}


    .cont-top{padding: 5px;}
    .cont-e{padding:10px;}
    .cont-phone{font-size: 19px;font-weight: normal;}
    .navbar-default .navbar-toggle{border:none;margin-right: 0;}
    .navbar-default .navbar-toggle .icon-bar{background: #fff;}
    .dian_hua{margin:0 auto!important;padding:10px 0;float: none;}
    .home-nav .col-md-12{padding:0;}
    .navbar-nav{margin:0 -15px;}

    .container-fluid.did{display: block;clear: both;padding:15px;}
    .container-fluid.did img{width: 40%;margin-bottom: 10px;}

    .cont-wx{display: none;}

    .footer{position: fixed;bottom: 0;width: 100%;}
    .footer .cont-db{padding:10px 0!important;font-size: 18px;background: rgba(0,0,0,.5);}


}



@media (max-width: 376px) {
    .cont-phone,.nav > li > a,body{font-size: 17px;}
}

@media (max-width: 361px) {
    .cont-phone,.nav > li > a,body{font-size: 16px;}
}
@media (max-width: 320px) {
    .cont-phone,.nav > li > a,body{font-size: 14px;}
}