@charset "utf-8";
html,body,*{
color:#555962;
font-family: 'Cabin', sans-serif;
}
@font-face {
font-family: '字魂151号-联盟综艺体';
src: url('../fonts/字魂151号-联盟综艺体.ttf');
url('../fonts/字魂151号-联盟综艺体.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: '字魂154号-锐艺黑';
src: url('../fonts/字魂154号-锐艺黑.ttf');
url('../fonts/字魂154号-锐艺黑.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.clears{
clear:both;
}
a:link,
a:hover,
a:active,
a:visited{
text-decoration:none;
}
.warp{
width:100%;
height:auto;
background:#fff;
position:relative;
z-index:1;
}
/* 头部 */
header.navbar{
width:100%;
height:auto;
min-height:auto;
background:rgba(255,255,255,.61);
position:fixed;
top:0;
left:0;
z-index:999;
transition:all 0s;
-webkit-transition:all 0s;
-moz-transition:all 0s;
-ms-transition:all 0s;
}
header .container{
max-width:14.78rem;
width:100%;
transition:all 0s;
-webkit-transition:all 0s;
-moz-transition:all 0s;
-ms-transition:all 0s;
}
.navbar>.container .navbar-brand{
width:auto;
height:auto;
margin:.1161rem 0 .1161rem;
padding:0;
transition:all 0s;
-webkit-transition:all 0s;
-moz-transition:all 0s;
-ms-transition:all 0s;
}
.container>.navbar-header{
width:1.47rem;
margin-right:2rem;
}
header .navbar-brand img{
display:block;
width:100%;
height:auto;
transition:all 0s;
-webkit-transition:all 0s;
-moz-transition:all 0s;
-ms-transition:all 0s;
}
header .navbar-nav{
margin-top:.7rem;
}
.navbar-nav>li{
margin-right:1.06rem;
}
.navbar-nav>li:last-child{
margin-right:0;
}
.navbar-nav>li>a{
line-height:.4rem;
font-size:.24rem;
font-family: '字魂154号-锐艺黑';
color:#153d7d;
padding:0;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-webkit-transform:scale(.75);
-moz-transform:scale(.75);
-ms-transform:scale(.75);
-o-transform:scale(.75);
transform:scale(.75);
}
.navbar-nav>li:hover>a{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
.nav>li>a:focus,
.nav>li>a:hover{
background-color:transparent;
}
.nav li{ position:relative;}
.nav li .chilNav{ position:absolute;left:0;top:0; padding:47px 0 0 0; z-index:2; width:100%; display:none;}
.nav li:hover .chilNav{ display:block;}
.nav li .chilBox{ position:relative; background-color:rgba(255,255,255,0.5);}
.nav li .chilBox:after{ content:''; position:absolute;left:50%;top:-10px;margin:0 0 0 -10px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff; opacity:0.5}
.nav li .chilNav a{ display: block; width:100%; height:36px; line-height:36px; text-align:center; border-bottom:#ccc 1px solid;color:#000;}
.nav li .chilNav a:hover{ background-color:rgba(255,255,255,0.5);color:#153D7D}
.nav li .chilBox a:last-child{ border-bottom:0;}
.banner{
width:100%;
height:auto;
}
.banner img{
display:block;
width:100%;
height:auto;
}
footer.footer{
width:100%;
height:auto;
background:#001230;
padding:.5rem 0;
}
footer.footer .footer_cont{
max-width:14.78rem;
width:100%;
height:auto;
font-size:16px;
text-align:center;
color:#fff;
margin:0 auto;
}
footer.footer .footer_cont span,
footer.footer .footer_cont a{
font-size:16px;
color:#fff;
}
footer.footer .footer_cont .footer_left{
float:left;
margin-right:1rem;
margin-bottom:.5rem;
}
footer.footer .footer_cont .footer_left img{
width:1.47rem;
transition:all 0s;
-webkit-transition:all 0s;
-moz-transition:all 0s;
-ms-transition:all 0s;
}
footer.footer .footer_cont .footer_right{
float:right;
padding-top:.4rem;
margin-bottom:.5rem;
}
footer.footer .footer_cont .footer_right ul{
font-size:0;
}
footer.footer .footer_cont .footer_right ul li{
display:inline-block;
margin-right:.62rem;
}
footer.footer .footer_cont .footer_right ul li:last-child{
margin-right:0;
}
footer.footer .footer_cont .footer_right ul li a{
line-height:.4rem;
font-size:.3rem;
font-family: '字魂175号-创中圆';
color:#fff;
padding:0;
transition:all 0s;
-webkit-transition:all 0s;
-moz-transition:all 0s;
-ms-transition:all 0s;
}
@media only screen and (max-width:780px) {
header .container{
width:100%;
}
.container>.navbar-header{
max-width:100%;
width:100%;
margin:0;
}
.navbar>.container .navbar-brand{
width:auto;
}
.navbar>.container .navbar-brand img{
width:auto;
height:2rem;
}
.navbar-toggle{
background:#fff;
margin:.4rem 0 0;
padding:.2rem .21rem;
}
.navbar-toggle .icon-bar{
background:#333;
}
.navbar-collapse{
width:100%;
background:rgba(255,255,255,.75);
border:none;
position:absolute;
left:0;
}
.container>.navbar-collapse{
margin:0;
}
header.navbar{
border:none;
margin:0;
}
header .navbar-nav{
width:14.78rem;
margin:0 auto;
padding:0 15px;
}
.navbar-nav>li{
display:inline-block;
}
.navbar-nav>li>a{
line-height: .8rem;
font-size: .6rem;
padding:.5rem 0;
}
.navbar-toggle .icon-bar{
width:1rem;
height:.1rem;
}
.navbar-toggle .icon-bar+.icon-bar{
margin-top:.16rem;
}
header .container,
footer.footer .footer_cont{
max-width:80%;
}
}
@media only screen and (max-width:1920px) {
html{
font-size:99.1146px;
}
}
@media only screen and (max-width:1700px) {
html{
font-size:88px;
}
}
@media only screen and (max-width:1600px) {
html{
font-size: 82px;
}
}
@media only screen and (max-width:1500px) {
html{
font-size:78px;
}
}
@media only screen and (max-width:1400px) {
html{
font-size:72.0312px;
}
}
@media only screen and (max-width:1300px) {
html{
font-size:66.8229px;
}
}
@media only screen and (max-width:1200px) {
html{
font-size:61.6146px;
}
}
@media only screen and (max-width:1100px) {
html{
font-size:56.4062px;
}
}
@media only screen and (max-width:1000px) {
html{
font-size:51.1979px;
}
}
@media only screen and (max-width:900px) {
html{
font-size:45.9896px;
}
}
@media only screen and (max-width:800px) {
html{
font-size:40.7812px;
}
}