/* 
* @Author: Marte
* @Date:   2017-03-01 15:12:40
* @Last Modified by:   Marte
* @Last Modified time: 2017-03-01 18:13:43
*/
/*全是公共样式*/
html{
	font-size: 33.75px !important;
    min-width: 320px;
}
body {
    background: #f0f0f0;
     font-family:"微软雅黑";
    position: relative;
    
}
ul,li,p,a{
    margin: 0;
    padding: 0;
    /*list-style: none;*/
}
.navbar-fixed-top {

    background: whitesmoke;

    z-index: 101;
    /*border-color: #e7e7e7;*/
}
.navbar-brand img {
    /*margin-top: 0.45rem;*/
    margin-right:0.45rem;
}
.navbar-toggle {
    border-color: white;
}
.navbar-toggle img {
    width: 60%;
    height: 90%;
}
.icon-bar {
    background: white;
}
#navbar-collapse ul li a span {
    color: rgb(51, 51, 51);
    font-size: 0.5rem;
}
#ll {
    margin-top: 0;
}
.banner {
    width: 100%;
    margin-top: 1.568rem;         /* position: absolute;*/
    /*top: 51px;*/
    height: 10rem;
}
.pml {
    border-bottom: 1px solid black;
    margin-top: 0.5rem;
    padding-bottom: 0.1rem;
    text-align: right;
}
.pml span{
    font-size: 0.44rem;
}
.hml {
    margin-top: 0.3rem;
    /*text-align: center;*/
}
/*.hml h2{*/
    /*margin: 1rem auto;*/
/*}*/

/*底部*/
.footer-box {
    background: #283238;
    width: 100%;
    /*height: 7.82rem;*/
    overflow: hidden;
    color:#fff;
    /*padding-bottom:0.2rem;*/
    /*position: absolute;*/
    /*bottom: 1.8rem;*/
}
.footer-box div h2 {
    color: white;
}
.footer-box div p {
    color: #fff;  
}
.footer-box div .img img{
   width: 0.5rem;
   height: 0.5rem;
   margin: 0;
   padding:0;
   /*margin-top: -1.5rem;*/
}
.footer-box div .img{
    margin-top: 0;
}
.lasetfooter {
  text-align: center;
}
@media (min-width:1200px) {
    #navbar-collapse ul {
        margin-left: 2rem;
    }
    #navbar-collapse ul li {
        width: 3.4rem;
        margin-left: 1rem;
    }
    #navbar-collapse ul li {
        width: 3.4rem;
    }
    #navbar-collapse ul li a span {
        color: rgb(51, 51, 51);
        font-size: 0.54rem;
    }
    .hml h2{
        margin: 1rem auto;
    }
    .hml p{
        font-size: 0.5rem;
        width: 90%;
        margin: 0 auto;
        /*text-indent: 2em;*/
    }
    .footer-box div {
        float: left;
        width: 50%
    }
    .footer-box div h2 {
        font-size: 0.8rem;
        margin-left: 1rem;
    }
    .footer-box div img {
        margin-left: 1rem;
        width: 80%;
    }
    .footer-box div p{
        /*width: 80%;*/
        font-size: 0.4rem;
        margin-left: 1rem;
        margin-top: 0.2rem;
    }
    .footer-box div span,h3{
        margin-left: 1rem;
        display:inline-block;
        margin-top: 0.5rem;
    }
    /*.hml p{*/
        /*margin: 1rem auto;*/
        /*width: 70%;*/
        /*font-size: 0.45rem;*/
    /*}*/
}
@media (max-width:1200px){
    #ll li{
        margin-left: 1rem;
    }
    .footer-box div{
        float:left;
        width: 48%;
    }
    .footer-box div h2 {
        font-size: 0.8rem;
        margin-left: 1rem;
    }
    .footer-box div img {
        margin-left: 1rem;
        /*width: 80%;*/
    }
    .footer-box div p{
        /*width: 80%;*/
        font-size: 0.4rem;
        margin-left: 1rem;
        margin-top: 0.8rem;
    }
    .footer-box div span,h3{
        margin-left: 1rem;
        display:inline-block;
        margin-top: 0.4rem;
    }
    .hml p{
        font-size: 0.5rem;
        width: 90%;
        margin: 0 auto;
        text-indent: 2em;
    }
}
@media (max-width:992px) {
    #ll li{
        margin-left: 0.1rem;
    }
    #navbar-collapse ul li a span {
        color: rgb(51, 51, 51);
        font-size: 0.5rem;
    }
    #navbar-collapse ul li {
        text-align: left;            /*border-bottom: 1px solid #e7e7e7;*/
    }
    .hml h2{
        margin: 0.6rem auto;
    }
    .hml p{
        font-size: 0.4rem;
        width: 90%;
        margin: 0 auto;
        text-indent: 2em;
    }
    .footer-box div {
        float: left;
        width: 50%;
       /* border: 1px solid red;
        box-sizing: border-box;*/
        /*border-bottom: 1px solid #fff;*/
    }
    .footer-box div h2 {
        font-size: 0.8rem;
    }
    .footer-box div img {
        margin-left: 1rem;
        /*width: 80%;*/
    }
    .banner{
        height: 8rem;
    }
    .hml h2{
        font-size: 0.8rem;
    }
}
@media (max-width:766px) {
    #navbar-collapse {
        /*background: white;*/
    }
    .navbar-fixed-top {
        /*height: 2.5rem;        /!*z-index: 999;*!/*/
    }
    .navbar-brand img {
        /*width: 6rem;*/
        /*margin-top: 0.5rem;*/
    }
    .navbar-toggle {
        width: 1.4rem;
        height: 1rem;       /* line-height: 1rem;*/
        position: relative;
        /*top: 0.45rem;*/
    }
    .navbar-toggle img {
        position: absolute;
        top: 0.1rem;
        left: 20%;
    }
    #navbar-collapse {
        /*margin-top: 1rem;*/
    }
    #navbar-collapse ul li a span {
        color: rgb(51, 51, 51);
        font-size: 0.75rem;
        display: inline-block;
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }
    .footer-box div {
        float: left;
        width: 100%;
        /*border: 1px solid red;
        box-sizing: border-box;*/
        border-bottom: 1px solid #fff;
    }
    .banner{
        height: 5rem;
    }

}
@media (max-width:565px) {
    #navbar-collapse {
        /*margin-top: 1rem;*/
    }
    .footer-box div{
        text-align: center;
    }
    .footer-box div p{
        width: 70%;
        margin: 0.4rem auto;
    }
    .footer-box div img{
        margin-left: 0;
        width: 80%;
    }
    .footer-box div h2{
    	margin-left: 0;
    }
    .footer-box div p{
    	/*margin-left: 0;*/
    }
    .footer-box div span{
    	margin: 0 auto;
    }
    .footer-box div span{
    	margin: 0 auto;
    }
    .footer-box div h3{
        margin:0 auto;
    }
    #ll li{
        margin-left: 0;
    }
    #navbar-collapse ul li a span{
        font-size: 0.5rem;
        color: #000000;
        padding: 0;
    }
    .navbar-header{
        background: white;
    }
}