﻿
/*html字体大小*/
html{
  font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Helvetica, Arial, Verdana, sans-serif;
  font-size: 625%;
}
.navbar-collapse{
    padding: 0;
}
.navbar-brand img{
    margin-top: 0%;
    height: 60%;
}
@media only screen and (max-width: 768px){
  html{
    font-size: 625%!important;
  }
}
@media only screen and (max-width: 640px){
  html{
    font-size: 520%!important;
  }
}
@media only screen and (max-width: 560px){
  html{
    font-size: 455%!important;
  }
}
@media only screen and (max-width: 480px){
  html{
    font-size: 390%!important;
  }
}



/*导航*/
@media screen and (min-width: 768px) {
 .navbar{
     border-radius: 0;
 }
    .navbar-nav{
        float: right;
        width: 60%;
        min-width: 400px;
        max-width: 600px;
    }
    .navbar-inverse .navbar-nav>li{
        width: 16%;
    }
    .navbar-inverse .navbar-nav>li>a{
        padding: 0;
        text-align: center;
        height: 60px;
        line-height: 60px;
    	 color:#000;
    }
    
  
    
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
    color:#000;
    background-color: transparent;
}
.navbar{
    margin-bottom: 0;
    position: fixed;
    width: 100%;
    height: 60px;
    top: 0;
    left: 0;
    z-index:100;
}
.navbar .navbar-header {
    margin: 0 auto;
}
.navbar .container-fluid{
    padding: 0;
    height: 100%;
    line-height: 60px;
    max-width: 1200px;
    width: 80%;
    margin: 0 auto;
}


.content{
    margin-top: 52px;
}
/*底部*/
.footer{
    padding: 0.7rem 0 1rem;
    color: #fff;
    background-color: #272727;
}
.footer .footerLogo{
    padding:0.3rem 0.5rem 0 0;
}
.footer .footerLogo img{
    max-width: 220px;
}
.footer .footerTitle{
    margin-bottom: 0.3rem;
    color: #646464;
    font-size: 0.14rem;
    font-weight: 700;
}
.footer .contactUs .ul1{
    padding-right: 0.4rem;
}
.footer .contactUs li{
    font-size: 0.13rem;
    line-height: 0.13rem;
    height: 0.3rem;
    margin-bottom: 0.13rem;
}
.footer .contactUs li .icon{
    padding-right:0.05rem;
    height: 0.18rem;
    vertical-align: middle;
}
.footer .focusUs img{
    width: 1rem;
}
.copyRight{
    width: 100%;
    padding: 0.15rem 0;
    font-size: 0.12rem;
    line-height: 0.12rem;
    text-align: center;
    background-color: #323232;
    color: #888585;
}
/*版心*/
.typeSize{
    
    margin: 0 auto;
}

.footer .typeSize{
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}
/*标题*/
.title{
    font-size: 16px;
    text-align: center;
}

/*清除默认样式*/
ul{
    padding: 0;
}
ul li{
   list-style-type: none;
}
a,a:link,a:hover,a:visited{
    text-decoration: none;
    text-underline: none;
}
/*超小屏时的样式*/
@media (max-width: 748px) {
    .container-fluid>.navbar-collapse{
    overflow: hidden;
    background-color: #222;
    box-sizing: border-box;
    padding: 0 14%;
    }
    .navbar .container-fluid{
        width: 100%;
    }
    .navbar .navbar-header{
        padding: 0 10%;
    }
    /*导航栏右侧按钮*/
    .navbar-toggle{
        margin-right: 0;
    }
    .navbar .typeSize{
        padding: 0;
    }
    .news .title{
        font-size: 0.3rem;
        line-height: 0.3rem;
    }
    .footer .footerTitle{
        padding-bottom: 0.2rem;
        font-size:0.22rem;
    }
    .footer .contactUs .footerTitle{
        padding-top: 0.2rem;
        padding-bottom: 0.15rem;
    }
    .footer .contactUs li{
        font-size: 0.2rem;
        line-height: 0.3rem;
        height: 0.3rem;
    }
    .footer .contactUs li .icon{
        padding-right:0.1rem;
        height: 0.24rem;
    }
}


