@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;} 
body, button, input, select, textarea {
    font-size: 14px;
    line-height: 1.5;
    font-family: Arial, 'Microsoft Yahei';
	background-color:#0a0b2b}
div {
    box-sizing: border-box;
}
ul, ol {
    list-style: none;}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    border: medium none;
    margin: 0;
    padding: 0;
    font-size: 100%;
}
a {
    text-decoration: none;
    color: #333;
}

#hd {
    height: 68px;
    background: rgba(255,255,255,0.7);
    position: fixed;
    z-index: 11;
    width: 100%;}
.hd-nav ul li {
    float: left;
    margin: 0 20px;}
.clearfix{ clear:both;}
.hd-logo f1 img{ display:block; line-height: 68px;}
.hd-logo {
    height: 100%;
    line-height: 68px;
    margin-left: 40px;
	padding-top:10px;
}
.hd-nav {
    margin-left: 15%;
}
 
.fl {
    float: left;
}
.hd-nav ul li h3 a {
    display: block;
    line-height: 68px;
    padding: 0 10px;
    font-size: 16px;
    color: #0a0b2d;
    position: relative;
    overflow: hidden;
}
.banner img{width:100%; height:auto} 
.box1{max-width:1200px;margin:0 auto;margin-top:60px;padding-bottom:70px;}
.background1 img,.background2 img{width:100%;;text-align:center;}
.box2{width:100%;margin:0 auto;padding-top:70px; background-color:#0a0b2b;}
.background2{max-width:1200px;margin:0 auto;}
.box3{width:100%;margin:0 auto;padding-top:70px;padding-bottom:50px;}
.box4{width:100%;margin-top:100px;text-align:center; }
.background3{max-width:1200px;margin:0 auto;text-align:center;}
.background3 img{width:100%;}
.rc{max-width:620px;margin:0 auto;text-align:center;padding-top:20px;}
.rc img{display:block;text-align:center;}
.box5{width:100%;margin-top:100px;background-color:#0a0b2b;padding-bottom:50px;padding-top:50px; }
.background4{max-width:1200px;margin:0 auto;text-align:center;overflow:auto}
.background4 img{width:100%}
.box6{width:100%;margin-top:100px;padding-bottom:50px;padding-top:50px; }
.background5{max-width:1200px;margin:0 auto;text-align:center;}
.background4 span img,.background5 span img{padding-top:40px;}
.background5 img{width:100%;}
.background5 span img{max-width:700px;padding-top:40px;height:auto;}
.box7{width:100%;margin-top:100px;padding-bottom:50px;padding-top:50px; background-color:#0a0b2b;}
.background6{max-width:1200px;margin:0 auto;text-align:center;}
.background6 img{width:100%;}
.bm{width:100%;position:fixed;bottom:0; background-color:rgba(60,41,177,0.7)}
.zx{max-width:1200px;margin:0 auto;text-align:center;}
.zx a{line-height:60px; text-align:center;color:rgba(255,255,255,0.8);font-size:20px;}
.zx a:hover{color:rgba(255,255,255,1);cursor:pointer;font-size:22px;}
@media screen and (max-width:1399px){
.hd-nav {
    margin-left: 8%;
}	
.hd-nav ul li h3 a {
    display: block;
    line-height: 68px;
    padding: 0 6px;
    font-size: 14px;
    color: #0a0b2d;
    position: relative;
    overflow: hidden;
} 
.zx a{line-height:60px; text-align:center;color:rgba(255,255,255,0.8);font-size:18px;} 
.zx a:hover{color:rgba(255,255,255,1);cursor:pointer;font-size:20px;}
}

@media screen and (max-width:1199px){
.hd-nav {
    margin-left: 6%;
}	
.hd-nav ul li h3 a {
    display: block;
    line-height: 68px;
    padding: 0 4px;
    font-size: 12px;
    color: #0a0b2d;
    position: relative;
    overflow: hidden;
} 
.zx a{line-height:60px; text-align:center;color:rgba(255,255,255,0.8);font-size:18px;} 
.zx a:hover{color:rgba(255,255,255,1);cursor:pointer;font-size:20px;}
}

@media screen and (max-width:991px){ 
.hd-nav {
    margin-left: 5%;
}
 .hd-nav ul li h3 a {
    display: block;
    line-height: 68px;
    padding: 0 4px;
    font-size: 12px;
    color: #0a0b2d;
    position: relative;
    overflow: hidden;
} 
.zx a{line-height:60px; text-align:center;color:rgba(255,255,255,0.8);font-size:16px;}
.zx a:hover{color:rgba(255,255,255,1);cursor:pointer;font-size:18px;}  
}

@media screen and (max-width:767px){  
.hd-nav {
    margin-left: 5%;
}
.hd-nav ul li h3 a {
    display: block;
    line-height: 68px;
    padding: 0 4px;
    font-size: 12px;
    color: #0a0b2d;
    position: relative;
    overflow: hidden;
}
.zx a{line-height:60px; text-align:center;color:rgba(255,255,255,0.8);font-size:14px;}
.zx a:hover{color:rgba(255,255,255,1);cursor:pointer;font-size:16px;}  
}