html,body{width: 100%; height: 100%; overflow: hidden;font-family: '微软雅黑'; line-height: 1.8;}
img{display: block; width: 100%}
.pos-r{position: relative}
.pos-a{position: absolute}
.left{float: left}
.wrap{
    width: 100%;
    height: 100%;
}
.star1{
    width: 6%;
    top:0;
    right:34%;
}
.star2{
    width: 5%;
    top:0;
    right:-5%;
}
.star3{
    width: 7%;
    top:-10%;
    right:-10%
}
.zfs{
    width:28%;
    left: 0;
    bottom: 0;
}
.sgs{
    width:34%;
    left: 33%;
    top: 14%;
}
.djs{
    width:31%;
    right: -2%;
    top:-4%;
}
.gys{
    width: 27%;
    right:-2%;
    bottom:-3%;
}
.logo{
    width:12%;
    top:2%;
    left: 4%;
}

.logo_2{
    left: 3%;
    width: 21.5%;
    top: 3%;
}
.nav{
    /*width: 40%;*/
    top:5%;
    left:50%;
}
.nav li{
    float: left;
    font-weight: bold;
    font-size: 16px;
}
.nav li a{
    color:#fabe00;
}
.nav li a:hover,.nav li .on{
    color:#fff;
}
.nav li span{
    padding: 10px;
    font-weight: normal;
    color: #b38627;
}
.hover{display: none}
.mask{display: none; position: absolute; width: 100%; height: 100%; top:0; left: 0; background: #000; opacity: 0.2; filter:alpha(opacity=20)}
.pop{display: none; position: absolute; width:20%; left: 40%; top:40% }
.cir{cursor: pointer}
.cir:hover .hover{display: block}
.cir .hover{position: absolute; width: 100%; top:0; left: 0;}
/*.zfs .hover{width: 50%; left: 15%; top:50%}*/
/*.gys .hover{width: 50%; left: 35%; top:40%}*/
/*.djs .hover{width: 50%; left: 20%; top:40%}*/
.line{width: 48%; left: 25%; top:9%}
.link{width: 32%; left: 34%; bottom:2%}
.back-btn{width:30%; right:10%; top:2% }
.cube{width: 1.6%; left: 73%; top:33%}
/*ʿ����*/
.bg{ position:absolute; left: 0; width: 100%}
.section { overflow: hidden; position: relative; display: none}
.active{display: block}
.header{position: fixed; top:0;  right: 0; width: 10%; height:100%; z-index: 1000; }
.header .sgs-nav{position: relative;  top:10%; left: 0; width: 100% }
.header .sgs-nav li{ cursor: pointer; margin-bottom: 10px; }
.header .sgs-nav a{display: block; height: 100%; line-height: 50px; font-size: 16px; color:#fff; text-align: left}
#menu .active {color:#3c8aef; border-bottom: 1px solid #3c8aef}
.qc-wrap .logo{left: 2%;}
.qc-wrap .section{background: #3c8aef}
.qc-wrap .slogan{width:31%; left:42%; top:16%}


.qc-wrap .b_con{width:40%; left: 30%; top:13%}
.qc-wrap .b_con1{color: #fff; width: 32%;  font-weight: bold;top: 5%;left: 4%; font-size:18px ; margin: 0 auto 2%}
.qc-wrap .b_con1 .b_title{ top:0; left: 0; text-align: center; width: 100%;
    font-size: 20px;
    font-weight: bold;}
.qc-wrap .b_con2{color: #fff;left: 4%;top: 20%; }
.qc-wrap .b_con2 p{text-indent: 2em; font-size: 18px;line-height:2.2; margin-bottom:2%}
.qc-wrap .b_con2 .yellow{color: #feef48}
.qc-wrap .c_con2 dt{font-size: 16px;font-weight: bold;}

.qc-wrap .c_con{width:60%; left: 15%; height: 80%;top:0;bottom: 3%;margin: auto 0}
.qc-wrap .c_con1{width:22%; left:38%; top:0%; margin-bottom: 0%}
.qc-wrap .c_con1 .c_title{ top:0; left: 0; text-align: center; width: 100%; color: #fff;
    font-size: 20px;
    font-weight: bold;}
.qc-wrap .c_con .w30{width: 17.7%}
/*.qc-wrap .c_con2{height:70%}*/
.qc-wrap .c_con .c_con_sec{width: 30%}
.qc-wrap .c_con .info{top:0; left: 0; position: absolute; color: #fff}
.qc-wrap .c_con .c_con2_1{top:2%; left: 5%}
.qc-wrap .c_con .c_con2_2{left: 39%; top:5%}
.qc-wrap .c_con .c_con2_3{left: 73%;top:2%}
.qc-wrap .c_con .c_con2_4{left: 5%; top:40%}
.qc-wrap .c_con .c_con2_5{left: 39%;top:49%}
.qc-wrap .c_con .c_con2_6{left: 73%;top:40%}
.qc-wrap .c_con .info{padding:5%}
.qc-wrap .c_con .info dt{text-indent: 2em;margin-bottom: 1%}
.qc-wrap .c_con3  dl{color: #fff; padding-left: 6%; line-height: 2; margin: 2% 0;overflow: hidden}
.qc-wrap .c_con3 dt{margin-right: 2%;font-size: 16px;font-weight: bold; background-color: rgba(52, 182, 238, 0.4); padding:2px 10px; border-radius:30px }
.qc-wrap .c_con3 dd{width: 80%}



.post{display: block; width: 10%; margin: 0 auto; z-index: 1000}
.sec4 .d_con1,.sec5 .d_con1{
    width: 12%;
    left: 39%;
    top:10%
}
.sec4 .d_con1 .d_title,.sec5 .d_con1 .d_title{
    top:0;
    /*left: 0;*/
    text-align: center;
    color: #fff;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
}
.sec4 .con{
    width: 40%;
    top:20%;
    left: 26%;
}

.sec5 .con{
    width: 55%;
    left: 10%;
    top:20%
}


.none{display: none}


.right_bg{width:25%; top:0; right:0 }


.qc-wrap .e_con{width: 54%; left: 23%; top:25%}
.qc-wrap .e_con p{color: #fff; font-weight: bold; font-size: 16px; text-align: center; line-height: 2}
.qc-wrap .e_con .px1{top:11%; left: 8%}
.qc-wrap .e_con .px2{top:45%; left: 7%}
.qc-wrap .e_con .px3{top:-5%; left:35%}
.qc-wrap .e_con .px4{top:28%; left:36%}
.qc-wrap .e_con .px5{top:-12%; left:70%}
.qc-wrap .e_con .px6{top:12%; left:60%}
.qc-wrap .e_con .px6 p{text-align: left; font-weight: normal}
.qc-wrap .e_con .px6 .fw{font-weight: bold}
.qc-wrap .e_con .px6 .mt20{margin-top: 20px}