@font-face{
   /* font-family: "Microsoft YaHei" ;
    src : url('MicrosoftYaHei.ttf'); */
}

/*��ҳ*/
html,body{background-color: #ededed;
    font-family:Univers LT Std,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
	font-weight:300;
}
.foot-tet{}
.foot-tet:hover{


}
.foot-tet h3, .foot-tet h4{
    transition: all 0.5s;
    display: inline-block;
}
.foot-tet a:hover h3, .foot-tet a:hover h4{
  margin-left: 10px;
}
.b-logo{
    position: absolute;
    top: 50px;
    left: 80px;
    z-index: 6666;
    width: 90px;
}
.zgzs-nav{
    position: fixed;
    width: 60px;
    height: 60px;
    padding:10px;
    background-color: #ededed;
    top: 40px;
    right: 20px;
    cursor: pointer;
    z-index: 55;
}
.menu-hide{margin-right: 0px;}
.zgzs-nav span{
    width:100%;
    height: 7px;
    background-color: #000;
    display: block;
    margin-top: 6px;
    transition: all 0.5s;
}
.zgzs-nav span.a1{
    width: 30px;
}
.zgzs-nav span.a3{
    width: 20px;
}
.zgzs-nav:hover .a1{
     width: 100%;
 }
.zgzs-nav:hover .a3{
    width: 100%;
}
.index-mian{
    position: relative;
    transition: all 0.5s;
    left: 0;
    background: url(../imges/p1-1-copy-8.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
}
.index-mian video{
     width: 100%;
    height: 100%;
    object-fit:cover;

 }
.zgzs-foot{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;

}
.zgzs-foot{
    padding: 0 40px 0 80px;
}
.zgzs-foot h3{
    font-size: 30px;
    color: #fff;
    font-weight: bold;
}
.zgzs-foot h4{
    font-size: 30px;
    color: #fff;
    font-weight: inherit;
}
.zgzs-foot .foot-a {text-align: center;position: relative}
.zgzs-foot .foot-a a{
    position: absolute;
    font-size: 12px;
    color: #fff;
    transition: all 0.5s;
    display: inline-block;
}
.shsh {font-size: 9px;
    color: #eee;
	}
.zgzs-foot .foot-a a.a-1{left: 0}
.zgzs-foot .foot-a a.a-1:hover{
    margin-left: 10px;
}
.zgzs-foot .foot-a a.a-2{left: 50%;margin-left: -60px;}
/*.zgzs-foot .foot-a a.a-2:hover{*/
    /*margin-left: -50px;*/
/*}*/
.zgzs-foot .foot-a a span{
    position: absolute;
    width: 60px;
    height: 1px;
    background-color: #fff;
    top: 6px;
    left: -70px;
}
.video-sy{
    cursor:pointer;
}
.video-sy span{
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 2px;
    background-color: #fff;
}
.video-sy1 span:nth-child(1), .video-sy1 span:nth-child(5) {
     height: 5px;
 }
.video-sy1 span:nth-child(2), .video-sy1 span:nth-child(4) {
    height: 8px;
}
.video-sy1 span:nth-child(3) {
    height: 12px;
}

/*�˵�*/
.zgzs-menu{
    position: fixed;
    width: 100%;
    top: 0;
    right: -100%;
    background: url(../imges/cd-pic.jpg) repeat-x;
    height: 100vh;
    z-index: 88;
    border-left: solid 0px #fff;
    background-size: auto 100%;
    overflow: auto;
    transition: all 0.5s;
    z-index: 999999;
    overflow: hidden;

}
.zgzs-menu .menu-heda{
    padding: 50px 30px 80px 20%;
}
.zgzs-menu .menu-heda a{
    font-size: 14px;
    color: #fff;
    display: inline-block;
    margin: 0 10px 0 0;
    line-height: 40px;
}
.zgzs-menu .menu-heda a:hover{
    opacity: 0.8;
}
.zgzs-menu .menu-heda i{
    display: block;
    font-size: 40px;
    color: #fff;
    transition: all 0.5s;
    cursor: pointer;
}
.zgzs-menu .menu-heda i:hover{
    transform: rotateZ(180deg);
}

.menu-dz{
    position: absolute;
    left: 0;
    top: 335px;
}
.menu-dz p{
    font-size: 10px;
    color: #fff;
    transform: rotateZ(90deg);
    margin-left: -80px;
	margin-top: -25px;
}
.menu-yj{
    position: absolute;
    left: 0;
    bottom: 80px;
}
.menu-yj p{
    font-size: 10px;
    color: #fff;
    transform: rotateZ(90deg);
    margin-left: -35px;
	text-transform:uppercase;
}

.zgzs-list{
    padding: 40px 30px 0 20%;

}
.zgzs-list ul li{
    font-size: 40px;
    margin-bottom: 30px;


}
.zgzs-list ul li a{
    color: #fff;
    display: block;
    transition: all 0.5s;
    font-weight: inherit;
}
.zgzs-list ul li a span{
    display: inline-block;
    width: 50px;
    height: 1px;
    background-color: #fff;
    position: relative;
    top: 30px;
    transition: all 0.5s;
}
.zgzs-list ul li a:hover{
    letter-spacing: 10px;
}
.zgzs-list ul li a:hover span{
    width: 40%;
    /*height: 5px;*/
}

.sm1{
    margin-top:66px;
	  overflow: hidden;
	white-space: nowrap;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	}
.sm1 a{
    display: inline-block;
	width:40px;
	opacity: 1;
}
.sm1 a img{
    width: 20px;
    display: inline-block;
}	
.sm1 a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 0.6;
}

.menu-wl{
    position: absolute;
    right: 30px;
    bottom: 20px;
}
.menu-wl1{
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.menu-wl a{
    display: block;
    margin-bottom: 10px;
}
.menu-wl a img{
    width: 20px;
    display: inline-block;
;
}
.menu-wl a .pic-b{
    display: none;
}
.menu-wl a:hover .pic-b{
    display: block;
}
.menu-wl a:hover .pic-a{
    display: none;
}
/*��Ч��ҳ*/
.zgzs-container{height: 3800px}
.zgzs-hade{
    position: fixed;
    width: 100%;
    z-index: 444;
    padding: 50px 60px 50px 80px;
}
.zgzs-logo{
 width: 90px;
}
.zgzs-indexbj{
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    transition: all 1s;
    -webkit-transform: scale(1.1);
    z-index: 5;
}
.zgzs-index{
    position: fixed;
    height: 100vh;
    width: 100%;
    transition: all 0.5s;
    z-index: 6;
}

.zgzs-index .bx-overflow{
    position: absolute;
    width: 100%;
    height: 100vh;
}
.zgzs-index .div {
    position: absolute;
    top: 100px;
    left: calc(50% - 200px);
    width: 400px;
    height: 400px;
    border: solid 1px #666;
    transition: all 0.5s;
    cursor: pointer;
    opacity: 0.9;
    overflow: hidden;
    /*-webkit-transform: rotate(-45deg);*/
    /*transform: rotate(-45deg);*/
    /*1.transform: matrix3d(0.707107, 0.707107, 0, 0, -0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, 0, -1000, 1);*/
    /*2.transform: matrix3d(0.707113, 0.645033, 0.289731, 0, -0.707115, 0.645031, 0.289731, 0, 0, -0.419022, 0.932874, 0, 0, 0, -1000, 1);*/
    /*3.transform: matrix3d(0.70711, 0.611008, 0.3559, 0, -0.707104, 0.611015, 0.3559, 0, -2.79889e-06, -0.521247, 0.89488, 0, 0, 0, -1000, 1);*/
    /*4.transform: matrix3d(0.707107, 0.570236, 0.418128, 0, -0.707106, 0.570237, 0.418128, 0, 0, -0.621858, 0.84808, 0, 0, 0, -1000, 1);*/
    /*5.transform: matrix3d(0.707107, 0.523145, 0.47573, 0, -0.707106, 0.523146, 0.47573, 0, 0, -0.720309, 0.792102, 0, 0, 0, -1000, 1);*/
    /*6.transform: matrix3d(0.707108, 0.470258, 0.528068, 0, -0.707106, 0.470261, 0.528068, 0, -1.86752e-06, -0.815813, 0.726505, 0, 0, 0, -1000, 1);*/
    /*7.transform: matrix3d(0.707107, 0.412175, 0.574554, 0, -0.707106, 0.412176, 0.574554, 0, 0, -0.907137, 0.650765, 0, 0, 0, -1000, 1);*/
    /*8.transform: matrix3d(0.707108, 0.349521, 0.614681, 0, -0.707106, 0.349526, 0.614681, 0, -3.06337e-06, -0.99253, 0.564378, 0, 0, 0, -1000, 1);*/
    /*9.transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);*/
}

.zgzs-index .div .div-one-d{
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    display: none;
    transition: all 0.5s;
    animation:aaa 1s ease infinite alternate;

}
.zgzs-index .div .div-one-c{
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    display: none;
    transition: all 0.2s;
    animation:aaa 1s ease infinite alternate;

}
.zgzs-index .div .div-one-e{
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    display: none;
    transition: all 0.2s;
    animation:aaa 1s ease infinite alternate;

}
.zgzs-index .div .div-one-e:hover, .zgzs-index .div .div-one-d:hover,.zgzs-index .div .div-one-c:hover{
	position: absolute;
    width: 45px;
    height: 45px;
    background-color: #fff;
	opacity:0.8;
	margin-left: -12px;
    margin-top: -12px;
    display: none;
    transition: all 0.9s;
    animation:aaa 1s ease infinite alternate;
	}
	
.zgzs-index .div:hover{ border: solid 1px #000;}
.zgzs-index .div-one:hover{
    border: solid	 5px #cf378a;
}
.zgzs-index .div-two:hover{
    border: solid	 5px #000;
}
.zgzs-index .div-three:hover{
    border: solid	 5px #14499c;
}
.zgzs-index .div-four:hover{
    border: solid	 5px #CD2525;
}
.zgzs-index .div-five:hover{
    border: solid	 5px #52D51E;
}
.zgzs-index
.zgzs-bz{
    position: absolute;
    top: calc(50% - 150px);
    left: calc(50% - 0px);
    font-size: 12px;
    color: #666;
    z-index: 999;
    display: none;
}
.zgzs-bz:before{
    content: "";
    position: absolute;
    width: 2px;
    top: 20px;
    left: 18px;
    height: 20px;
    transition: all 1s;
    background-color: #666;
    animation:qqqa 1s linear infinite alternate;;
}
/*#div1 .chenc1, #div1 .chenc2, #div1 .chenc3, #div1 .chenc4, #div1 .chenc5{*/
    /*top: calc(50% - 300px);*/
    /*z-index: 6;*/
/*}*/
#div1 .div-one, #div1 .div-two, #div1 .div-three, #div1 .div-four, #div1 .div-five{
    top: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.707107, 0, 0, -0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, 0, -1000, 1);
    z-index: 5;
}
#div1 .div-one{
    z-index: 6;
}
/*#div2 .chenc1, #div2 .chenc2, #div2 .chenc3, #div2 .chenc4, #div2 .chenc5{*/
    /*top: calc(50% - 300px);*/
    /*z-index: 6;*/
/*}*/
#div2 .div-one, #div2 .div-two, #div2 .div-three, #div2 .div-four, #div2 .div-five{
    top: calc(50% - 200px);
    transform: matrix3d(0.707113, 0.645033, 0.289731, 0, -0.707115, 0.645031, 0.289731, 0, 0, -0.419022, 0.932874, 0, 0, 0, -1000, 1);
    z-index: 6;
}
/*#div3 .chenc1, #div3 .chenc2, #div3 .chenc3, #div3 .chenc4, #div3 .chenc5{*/
    /*top: calc(50% - 300px);*/
    /*z-index: 6;*/
/*}*/
#div3 .div-one, #div3 .div-two, #div3 .div-three, #div3 .div-four, #div3 .div-five{
    top: calc(50% - 200px);
    transform: matrix3d(0.70711, 0.611008, 0.3559, 0, -0.707104, 0.611015, 0.3559, 0, -2.79889e-06, -0.521247, 0.89488, 0, 0, 0, -1000, 1);
    z-index: 6;
}

/*#div4 .chenc1, #div4 .chenc2, #div4 .chenc3, #div4 .chenc4, #div4 .chenc5{*/
    /*top: calc(50% - 300px);*/
    /*z-index: 6;*/
/*}*/
#div4 .div-one, #div4 .div-two, #div4 .div-three, #div4 .div-four, #div4 .div-five{
    top: calc(50% - 200px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.570236, 0.418128, 0, -0.707106, 0.570237, 0.418128, 0, 0, -0.621858, 0.84808, 0, 0, 0, -1000, 1);
    z-index: 6;
}
#div5 .div-one{
    top: calc(50% - 200px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.523145, 0.47573, 0, -0.707106, 0.523146, 0.47573, 0, 0, -0.720309, 0.792102, 0, 0, 0, -1000, 1);
    z-index: 6;
}
#div5 .div-two{
    top: calc(50% - 190px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.523145, 0.47573, 0, -0.707106, 0.523146, 0.47573, 0, 0, -0.720309, 0.792102, 0, 0, 0, -1000, 1);
    z-index: 5;
}
#div5 .div-three{
    top: calc(50% - 180px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.523145, 0.47573, 0, -0.707106, 0.523146, 0.47573, 0, 0, -0.720309, 0.792102, 0, 0, 0, -1000, 1);
    z-index:4;
}
#div5 .div-four{
    top: calc(50% - 170px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.523145, 0.47573, 0, -0.707106, 0.523146, 0.47573, 0, 0, -0.720309, 0.792102, 0, 0, 0, -1000, 1);
    z-index: 3;
}
#div5 .div-five{
    top: calc(50% - 160px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.523145, 0.47573, 0, -0.707106, 0.523146, 0.47573, 0, 0, -0.720309, 0.792102, 0, 0, 0, -1000, 1);
    z-index: 2;
}

#div6 .div-one{
    top: calc(50% - 200px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707108, 0.470258, 0.528068, 0, -0.707106, 0.470261, 0.528068, 0, -1.86752e-06, -0.815813, 0.726505, 0, 0, 0, -1000, 1);
    z-index: 6;
}
#div6 .div-two{
    top: calc(50% - 180px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707108, 0.470258, 0.528068, 0, -0.707106, 0.470261, 0.528068, 0, -1.86752e-06, -0.815813, 0.726505, 0, 0, 0, -1000, 1);
    z-index: 5;
}
#div6 .div-three{
    top: calc(50% - 160px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707108, 0.470258, 0.528068, 0, -0.707106, 0.470261, 0.528068, 0, -1.86752e-06, -0.815813, 0.726505, 0, 0, 0, -1000, 1);
    z-index: 4;
}
#div6 .div-four{
    top: calc(50% - 140px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707108, 0.470258, 0.528068, 0, -0.707106, 0.470261, 0.528068, 0, -1.86752e-06, -0.815813, 0.726505, 0, 0, 0, -1000, 1);
    z-index: 3;
}
#div6 .div-five{
    top: calc(50% - 120px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707108, 0.470258, 0.528068, 0, -0.707106, 0.470261, 0.528068, 0, -1.86752e-06, -0.815813, 0.726505, 0, 0, 0, -1000, 1);
    z-index: 2;
}

#div7 .div-one{
    top: calc(50% - 200px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.412175, 0.574554, 0, -0.707106, 0.412176, 0.574554, 0, 0, -0.907137, 0.650765, 0, 0, 0, -1000, 1);
    z-index: 6;
}
#div7 .div-two{
    top: calc(50% - 160px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.412175, 0.574554, 0, -0.707106, 0.412176, 0.574554, 0, 0, -0.907137, 0.650765, 0, 0, 0, -1000, 1);
    z-index: 5;
}
#div7 .div-three{
    top: calc(50% - 120px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.412175, 0.574554, 0, -0.707106, 0.412176, 0.574554, 0, 0, -0.907137, 0.650765, 0, 0, 0, -1000, 1);
    z-index: 4;
}
#div7 .div-four{
    top: calc(50% - 80px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.412175, 0.574554, 0, -0.707106, 0.412176, 0.574554, 0, 0, -0.907137, 0.650765, 0, 0, 0, -1000, 1);
    z-index: 3;
}
#div7 .div-five{
    top: calc(50% - 40px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.412175, 0.574554, 0, -0.707106, 0.412176, 0.574554, 0, 0, -0.907137, 0.650765, 0, 0, 0, -1000, 1);
    z-index: 2;
}

#div8 .div-one{
    top: calc(50% - 200px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707108, 0.349521, 0.614681, 0, -0.707106, 0.349526, 0.614681, 0, -3.06337e-06, -0.99253, 0.564378, 0, 0, 0, -1000, 1);
    z-index: 6;
}
#div8 .div-two{
    top: calc(50% - 140px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707108, 0.349521, 0.614681, 0, -0.707106, 0.349526, 0.614681, 0, -3.06337e-06, -0.99253, 0.564378, 0, 0, 0, -1000, 1);
    z-index: 5;
}
#div8 .div-three{
    top: calc(50% - 80px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707108, 0.349521, 0.614681, 0, -0.707106, 0.349526, 0.614681, 0, -3.06337e-06, -0.99253, 0.564378, 0, 0, 0, -1000, 1);
    z-index: 4;
}
#div8 .div-four{
    top: calc(50% - 20px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707108, 0.349521, 0.614681, 0, -0.707106, 0.349526, 0.614681, 0, -3.06337e-06, -0.99253, 0.564378, 0, 0, 0, -1000, 1);
    z-index: 3;
}
#div8 .div-five{
    top: calc(50% + 40px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707108, 0.349521, 0.614681, 0, -0.707106, 0.349526, 0.614681, 0, -3.06337e-06, -0.99253, 0.564378, 0, 0, 0, -1000, 1);
    z-index: 2;
}
#div9 .div-one{
    top: calc(50% - 200px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 6;
}
#div9 .div-two{
    top: calc(50% - 120px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 5;
}
#div9 .div-three{
    top: calc(50% - 40px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 4;
}
#div9 .div-four{
    top: calc(50% + 40px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 3;
}
#div9 .div-five{
    top: calc(50% + 120px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 2;
}


#div10 .div-one{
    top: calc(50% - 200px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 6;
    background-color: #cf378a;
    border: none;
}
#div10 .ys1{
    background-color: transparent;
    border: solid 2px #fff;
}
#div10 .zgzs-bz{
;
    display: block;
}
#div10 .zgzs-bz1{
;
    display: none;
}
#div10 .div-one .div-one-d{
    top: 120px;
    left: 150px;
    display: block;
}

#div10 .div-one .div-one-c{
    top: 250px;
    left: 240px;
    display: block;
}
#div10 .div-two{
    top: calc(50% - 120px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 5;
}
#div10 .div-three{
    top: calc(50% - 40px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 4;
}
#div10 .div-four{
    top: calc(50% + 40px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 3;
}
#div10 .div-five{
    top: calc(50% + 120px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 2;

}
#div10 .zgzs-xxgd{display: none}
#div10 .zgzs-nav2 ul li:nth-child(1){
    font-size: 12px;
}
#div10 .zgzs-nav2 ul li:nth-child(1) a{
    color: #000;
}
#div10 .zgzs-nav2 ul li:nth-child(1) .pull-right{
    width: 150px;
    height: 1px;
    background-color: #000;
    top: 8px;
}
#div10 .zgzs-nav2 ul li:nth-child(1) .hide-s{
    display: inline-block;
    animation:qwer 2s linear  ;;
}
#div10 .zgzs-nav2 ul li:nth-child(1) .hide-a{
    display: none;

}





#div11 .div-one{
    top: calc(50% - 280px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 6;
}
#div11 .div-two .div-one-d{
    bottom: 120px;
    left: 260px;
    display: block;
	
}
#div11 .div-two .div-one-c{
    bottom: 110px;
    left: 120px;
    display: block;
	
}
#div11 .div-two .div-one-e{
    bottom: 270px;
    left: 270px;
    display: block;
	
}
#div11 .div-two{
    top: calc(50% - 200px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 8;
    background-color: #3E3E3E;
    border: none;
}

#div11 .div-three{
    top: calc(50% - 120px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 4;
}
#div11 .div-four{
    top: calc(50% - 40px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 3;
}
#div11 .div-five{
    top: calc(50% + 40px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 2;
}
#div11 .zgzs-xxgd{display: none}
#div11 .zgzs-nav2 ul li:nth-child(2){
    font-size: 12px;
}
#div11 .zgzs-nav2 ul li:nth-child(2) a{
    color: #000;
}
#div11 .zgzs-nav2 ul li:nth-child(2) .pull-right{
    width: 150px;
    height: 1px;
    background-color: #000;
    top: 8px;
}
#div11 .zgzs-nav2 ul li:nth-child(2) .hide-s{
    display: inline-block;
    animation:qwer 2s linear  ;;
}
#div11 .zgzs-nav2 ul li:nth-child(2) .hide-a{
    display: none;
}



#div12 .div-one{
    top: calc(50% - 360px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 6;
}

#div12 .div-two{
    top: calc(50% - 280px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 5;

}
#div12 .div-three{
    top: calc(50% - 200px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 8;
    background-color: #27569F;
    border: none;
}
#div12 .div-three .div-one-d{
    bottom: 120px;
    left: 260px;
    display: block;
}
#div12 .div-three .div-one-c{
    bottom: 110px;
    left: 120px;
    display: block;
}
#div12 .div-three .div-one-e{
    bottom: 270px;
    left: 270px;
    display: block;
}
#div12 .div-four{
    top: calc(50% - 120px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 3;
}
#div12 .div-five{
    top: calc(50% - 40px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 2;
}
#div12 .zgzs-xxgd{display: none}
#div12 .zgzs-nav2 ul li:nth-child(3){
    font-size: 12px;
}
#div12 .zgzs-nav2 ul li:nth-child(3) a{
    color: #000;
}
#div12 .zgzs-nav2 ul li:nth-child(3) .pull-right{
    width: 150px;
    height: 1px;
    background-color: #000;
    top: 8px;
}
#div12 .zgzs-nav2 ul li:nth-child(3) .hide-s{
    display: inline-block;
    animation:qwer 2s linear  ;;
}
#div12 .zgzs-nav2 ul li:nth-child(3) .hide-a{
    display: none;
}



#div13 .div-one{
    top: calc(50% - 440px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 6;
}

#div13 .div-two{
    top: calc(50% - 360px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 5;

}
#div13 .div-three{
    top: calc(50% - 280px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 4;

}

#div13 .div-four{
    top: calc(50% - 200px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 8;
    background-color: #CD2525;
    border: none;
}
#div13 .div-four .div-one-d{
    bottom: 120px;
    left: 120px;
    display: block;
}
#div13 .div-four .div-one-c{
    bottom: 240px;
    left: 120px;
    display: block;
}

#div13 .div-five{
    top: calc(50% - 120px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 2;
}
#div13 .zgzs-xxgd{display: none}
#div13 .zgzs-nav2 ul li:nth-child(4){
    font-size: 12px;
}
#div13 .zgzs-nav2 ul li:nth-child(4) a{
    color: #000;
}
#div13 .zgzs-nav2 ul li:nth-child(4) .pull-right{
    width: 150px;
    height: 1px;
    background-color: #000;
    top: 8px;
}
#div13 .zgzs-nav2 ul li:nth-child(4) .hide-s{
    display: inline-block;
    animation:qwer 2s linear  ;;
}
#div13 .zgzs-nav2 ul li:nth-child(4) .hide-a{
    display: none;
}




#div14 .div-one{
    top: calc(50% - 520px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 6;
}

#div14 .div-two{
    top: calc(50% - 440px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 5;

}
#div14 .div-three{
    top: calc(50% - 360px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 4;

}

#div14 .div-four{
    top: calc(50% - 280px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 3;

}
#div14 .div-five .div-one-d{
    top: 135px;
    right: 250px;
    display: block;
}
#div14 .div-five .div-one-c{
    top: 260px;
    right: 120px;
    display: block;
}

#div14 .div-five{
    top: calc(50% - 200px);
    left: calc(50% - 200px);
    transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
    z-index: 8;
    background-color: #52D51E;
    border: none;
}
#div14 .zgzs-xxgd{display: none}

#div14 .zgzs-nav2 ul li:nth-child(5){
    font-size: 12px;
}
#div14 .zgzs-nav2 ul li:nth-child(5) a{
    color: #000;
}
#div14 .zgzs-nav2 ul li:nth-child(5) .pull-right{
    width: 150px;
    height: 1px;
    background-color: #000;
    top: 8px;
}
#div14 .zgzs-nav2 ul li:nth-child(5) .hide-s{
    display: inline-block;
    animation:qwer 2s linear  ;;
}
#div14 .zgzs-nav2 ul li:nth-child(5) .hide-a{
    display: none;
}





#div10.ys1, #div11 .ys1, #div12 .ys1, #div13 .ys1, #div14 .ys1{
    background-color: transparent;
    border: solid 3px #fff;
}
#div2 .zgzs-xxgd{display: none}
#div3 .zgzs-xxgd{display: none}
#div4 .zgzs-xxgd{display: none}
#div5 .zgzs-xxgd{display: none}
#div6 .zgzs-xxgd{display: none}
#div7 .zgzs-xxgd{display: none}
#div8 .zgzs-xxgd{display: none}
#div9 .zgzs-xxgd{display: none}
#div0 .zgzs-xxgd{display: none}
#div11 .zgzs-xxgd{display: none}
#div12 .zgzs-xxgd{display: none}
#div13 .zgzs-xxgd{display: none}
#div14 .zgzs-xxgd{display: none}


.zgzs-xxgd{
    position: fixed;
    bottom: 5px;
    width: 100%;
    height: 80px;

    text-align: center;
}
.zgzs-xxgd span{
    display: inline-block;
    width: 5px;
    height: 40px;

    background-color: #333;
    animation:qqq 1s linear infinite alternate;;
}
.zgzs-xxgd2{
    position: fixed;
	bottom:20px;
    width: 100%;
    height: 80px;

    text-align: center;
}
.zgzs-xxgd2 span{
    display: inline-block;
    width: 2px;
    height: 40px;
	
    background-color: #fff;
    animation:qqq 1s linear infinite alternate;;
}
.zgzs-xxgd p{
    position: relative;
    top: -20px;
   /*font-size: 12px;*/
    /*width: 15px;*/
    text-align: center;
    color: #333;
    margin: 0px auto;


}
.zgzs-xxgd p i{
    font-size: 24px;
}
@keyframes  qqq {
    0%{
        height: 30px;
    }
    100%{
        height: 40px;
    }
}
@keyframes  qqqa {
    0%{
        height: 20px;
    }
    100%{
        height: 60px;
    }
}
@keyframes  aaa {
    0%{
        -webkit-transform: scale(1.5)
    }
    100%{
        -webkit-transform: scale(1)
    }
}
.footer-fs{
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 0 20px;
    z-index: 999;
}
.footer-fs .menu-yj p{
    color: #666;
}

.zgzs-nav2{
 position: fixed;
    right: 40px;
    width: auto;
    text-align: right;
    top: 35%;
}
.zgzs-nav2 ul li{
    font-size: 12px;
    color: #666;
}
.zgzs-nav2 ul li a{
    color: #666;
    display: block;
    transition: all 0.5s;
	height:40px;

}
.zgzs-nav2 ul li .pull-right{
    width: 80px;
    height: 1px;
    background-color: #666;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    top: 8px;
    transition: all 0.5s;
}
.zgzs-nav2 ul li .hide-s{
    position: relative;
    display: none;


}
.zgzs-nav2 ul li:hover{
    font-size: 12px;

}
.zgzs-nav2 ul li.cur{
    font-size: 12px;
}
.zgzs-nav2 ul li:hover a
{
    color: #000;
}
.zgzs-nav2 ul li.cur a{
    color: #000;
}
.zgzs-nav2 ul li.cur .pull-right{
    width: 100px;
    height: 1px;
    background-color: #000;
    top: 8px;
}
.zgzs-nav2 ul li:hover .pull-right{
    width: 150px;
    height: 1px;
    background-color: #000;
    top: 8px;
}
.zgzs-nav2 ul li.cur .hide-s, .zgzs-nav2 ul li:hover .hide-s{
    display: inline-block;
    animation:qwer 2s linear  ;;
}

.zgzs-nav2 ul li.cur .hide-a, .zgzs-nav2 ul li:hover .hide-a{
    display: none;
}

@keyframes  qwer {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@media (max-width: 1600px) {

}
@media (max-width: 1000px){
    .index-mian video {
       display: none;
    }
    /*��ҳ*/

    .zgzs-index .zgzs-bz{
        position: absolute;
        top: calc(50% - 100px);
        left: calc(50% - 80px);
        font-size: 14px;
        color: #666;
        z-index: 999;
        display: none;
    }
	
	
    .zgzs-list {
        padding: 40px 10px 0 40px;
    }
    .menu-wl {
        position: absolute;
        right: 10px;
        bottom: 20px;
    }
    .zgzs-nav{
        width: 45px;
        height: 40px;
        top:10px;
        right: 10px;
        padding:5px;
        background-color: #ededed;
    }
    .zgzs-foot{
        padding: 0 20px;
    }
    .zgzs-foot .foot-a a span{
        width: 10px;
        left: -10px;
    }
    .zgzs-nav span{
        height: 6px;
        margin-top: 5px;
    }
    .menu-hide {
        margin-right: 0px;
    }

    .zgzs-menu .menu-heda{
        padding: 20px 20px 20px 40px;
    }
    .zgzs-list ul li{
        font-size: 30px;
        margin-bottom: 30px;

    }
    .zgzs-list ul li a span{
        display: inline-block;
        width: 50px;
        height: 1px;
        background-color: #fff;
        position: relative;
        top: 20px;
        transition: all 0.5s;
    }
    .zgzs-list ul li a:hover{
        letter-spacing: 0px;
    }
    .zgzs-list ul li a:hover span{
        width: 60px;
        height: 5px;
    }
    .menu-dz{
        position: absolute;
        left: 0;
        top: 220px;
        display: none;
    }
    .menu-yj {
       display: none;
    }

    /*��Ч��ҳ*/
    .zgzs-container{position: relative;transition: all 0.5s; height: 3800px}
    .zgzs-hade{
        position: fixed;
        width: 100%;
        z-index: 666;
        padding: 10px 10px;
    }
    .zgzs-logo{
        width: 70px;
        position: absolute;
        top: 20px;
        left: 20px;
    }
    .zgzs-indexbj{
        position: fixed;
        height: 100vh;
        width: 100%;
        top: 0;
        left: 0;
        transition: all 1s;
        -webkit-transform: scale(1.1);
    }
    .zgzs-index{
        position: fixed;
        height: 100vh;
        width: 100%;
        transition: all 0.5s;
    }
    .zgzs-index .div {
        position: absolute;
        width: 250px;
        height: 250px;
        border: solid 1px #d5d5d5;
        transition: all 0.5s;
        cursor: pointer;
        /*-webkit-transform: rotate(-45deg);*/
        /*transform: rotate(-45deg);*/
        /*1.transform: matrix3d(0.707107, 0.707107, 0, 0, -0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, 0, -1000, 1);*/
        /*2.transform: matrix3d(0.707113, 0.645033, 0.289731, 0, -0.707115, 0.645031, 0.289731, 0, 0, -0.419022, 0.932874, 0, 0, 0, -1000, 1);*/
        /*3.transform: matrix3d(0.70711, 0.611008, 0.3559, 0, -0.707104, 0.611015, 0.3559, 0, -2.79889e-06, -0.521247, 0.89488, 0, 0, 0, -1000, 1);*/
        /*4.transform: matrix3d(0.707107, 0.570236, 0.418128, 0, -0.707106, 0.570237, 0.418128, 0, 0, -0.621858, 0.84808, 0, 0, 0, -1000, 1);*/
        /*5.transform: matrix3d(0.707107, 0.523145, 0.47573, 0, -0.707106, 0.523146, 0.47573, 0, 0, -0.720309, 0.792102, 0, 0, 0, -1000, 1);*/
        /*6.transform: matrix3d(0.707108, 0.470258, 0.528068, 0, -0.707106, 0.470261, 0.528068, 0, -1.86752e-06, -0.815813, 0.726505, 0, 0, 0, -1000, 1);*/
        /*7.transform: matrix3d(0.707107, 0.412175, 0.574554, 0, -0.707106, 0.412176, 0.574554, 0, 0, -0.907137, 0.650765, 0, 0, 0, -1000, 1);*/
        /*8.transform: matrix3d(0.707108, 0.349521, 0.614681, 0, -0.707106, 0.349526, 0.614681, 0, -3.06337e-06, -0.99253, 0.564378, 0, 0, 0, -1000, 1);*/
        /*9.transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);*/
    }

    .zgzs-index .div .div-one-d{
        position: absolute;
        width: 20px;
        height: 20px;
        background-color: #fff;
        border-radius: 50%;
        display: none;
        transition: all 0.5s;

    }
    #div10 .div-one .div-one-c {
        top: 88px;
        left: 182px;
        display: block;
    }
    .zgzs-index .div .div-one-d:hover{
        -webkit-transform: scale(2);
    }
    .zgzs-index .div:hover{
        border: solid 1px #000;

    }
    #div1 .div-one, #div1 .div-two, #div1 .div-three, #div1 .div-four, #div1 .div-five{
        top: calc(50% - 125px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.707107, 0, 0, -0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, 0, -1000, 1);
        z-index: 6;
    }
    #div2 .div-one, #div2 .div-two, #div2 .div-three, #div2 .div-four, #div2 .div-five{
        top: calc(50% - 125px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707113, 0.645033, 0.289731, 0, -0.707115, 0.645031, 0.289731, 0, 0, -0.419022, 0.932874, 0, 0, 0, -1000, 1);
        z-index: 6;
    }
    #div3 .div-one, #div3 .div-two, #div3 .div-three, #div3 .div-four, #div3 .div-five{
        top: calc(50% - 125px);
        left: calc(50% - 125px);
        transform: matrix3d(0.70711, 0.611008, 0.3559, 0, -0.707104, 0.611015, 0.3559, 0, -2.79889e-06, -0.521247, 0.89488, 0, 0, 0, -1000, 1);
        z-index: 6;
    }
    #div4 .div-one, #div4 .div-two, #div4 .div-three, #div4 .div-four, #div4 .div-five{
        top: calc(50% - 125px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.570236, 0.418128, 0, -0.707106, 0.570237, 0.418128, 0, 0, -0.621858, 0.84808, 0, 0, 0, -1000, 1);
        z-index: 6;
    }
    #div5 .div-one{
        top: calc(50% - 125px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.523145, 0.47573, 0, -0.707106, 0.523146, 0.47573, 0, 0, -0.720309, 0.792102, 0, 0, 0, -1000, 1);
        z-index: 6;
    }
    #div5 .div-two{
        top: calc(50% - 115px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.523145, 0.47573, 0, -0.707106, 0.523146, 0.47573, 0, 0, -0.720309, 0.792102, 0, 0, 0, -1000, 1);
        z-index: 5;
    }
    #div5 .div-three{
        top: calc(50% - 105px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.523145, 0.47573, 0, -0.707106, 0.523146, 0.47573, 0, 0, -0.720309, 0.792102, 0, 0, 0, -1000, 1);
        z-index:4;
    }
    #div5 .div-four{
        top: calc(50% - 95px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.523145, 0.47573, 0, -0.707106, 0.523146, 0.47573, 0, 0, -0.720309, 0.792102, 0, 0, 0, -1000, 1);
        z-index: 3;
    }
    #div5 .div-five{
        top: calc(50% - 85px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.523145, 0.47573, 0, -0.707106, 0.523146, 0.47573, 0, 0, -0.720309, 0.792102, 0, 0, 0, -1000, 1);
        z-index: 2;
    }

    #div6 .div-one{
        top: calc(50% - 125px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707108, 0.470258, 0.528068, 0, -0.707106, 0.470261, 0.528068, 0, -1.86752e-06, -0.815813, 0.726505, 0, 0, 0, -1000, 1);
        z-index: 6;
    }
    #div6 .div-two{
        top: calc(50% - 105px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707108, 0.470258, 0.528068, 0, -0.707106, 0.470261, 0.528068, 0, -1.86752e-06, -0.815813, 0.726505, 0, 0, 0, -1000, 1);
        z-index: 5;
    }
    #div6 .div-three{
        top: calc(50% - 85px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707108, 0.470258, 0.528068, 0, -0.707106, 0.470261, 0.528068, 0, -1.86752e-06, -0.815813, 0.726505, 0, 0, 0, -1000, 1);
        z-index: 4;
    }
    #div6 .div-four{
        top: calc(50% - 65px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707108, 0.470258, 0.528068, 0, -0.707106, 0.470261, 0.528068, 0, -1.86752e-06, -0.815813, 0.726505, 0, 0, 0, -1000, 1);
        z-index: 3;
    }
    #div6 .div-five{
        top: calc(50% - 45px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707108, 0.470258, 0.528068, 0, -0.707106, 0.470261, 0.528068, 0, -1.86752e-06, -0.815813, 0.726505, 0, 0, 0, -1000, 1);
        z-index: 2;
    }

    #div7 .div-one{
        top: calc(50% - 125px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.412175, 0.574554, 0, -0.707106, 0.412176, 0.574554, 0, 0, -0.907137, 0.650765, 0, 0, 0, -1000, 1);
        z-index: 6;
    }
    #div7 .div-two{
        top: calc(50% - 95px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.412175, 0.574554, 0, -0.707106, 0.412176, 0.574554, 0, 0, -0.907137, 0.650765, 0, 0, 0, -1000, 1);
        z-index: 5;
    }
    #div7 .div-three{
        top: calc(50% - 65px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.412175, 0.574554, 0, -0.707106, 0.412176, 0.574554, 0, 0, -0.907137, 0.650765, 0, 0, 0, -1000, 1);
        z-index: 4;
    }
    #div7 .div-four{
        top: calc(50% - 35px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.412175, 0.574554, 0, -0.707106, 0.412176, 0.574554, 0, 0, -0.907137, 0.650765, 0, 0, 0, -1000, 1);
        z-index: 3;
    }
    #div7 .div-five{
        top: calc(50% - 5px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.412175, 0.574554, 0, -0.707106, 0.412176, 0.574554, 0, 0, -0.907137, 0.650765, 0, 0, 0, -1000, 1);
        z-index: 2;
    }

    #div8 .div-one{
        top: calc(50% - 125px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707108, 0.349521, 0.614681, 0, -0.707106, 0.349526, 0.614681, 0, -3.06337e-06, -0.99253, 0.564378, 0, 0, 0, -1000, 1);
        z-index: 6;
    }
    #div8 .div-two{
        top: calc(50% - 85px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707108, 0.349521, 0.614681, 0, -0.707106, 0.349526, 0.614681, 0, -3.06337e-06, -0.99253, 0.564378, 0, 0, 0, -1000, 1);
        z-index: 5;
    }
    #div8 .div-three{
        top: calc(50% - 45px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707108, 0.349521, 0.614681, 0, -0.707106, 0.349526, 0.614681, 0, -3.06337e-06, -0.99253, 0.564378, 0, 0, 0, -1000, 1);
        z-index: 4;
    }
    #div8 .div-four{
        top: calc(50% - 5px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707108, 0.349521, 0.614681, 0, -0.707106, 0.349526, 0.614681, 0, -3.06337e-06, -0.99253, 0.564378, 0, 0, 0, -1000, 1);
        z-index: 3;
    }
    #div8 .div-five{
        top: calc(50% + 35px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707108, 0.349521, 0.614681, 0, -0.707106, 0.349526, 0.614681, 0, -3.06337e-06, -0.99253, 0.564378, 0, 0, 0, -1000, 1);
        z-index: 2;
    }
    #div9 .div-one{
        top: calc(50% - 125px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 6;
    }
    #div9 .div-two{
        top: calc(50% - 75px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 5;
    }
    #div9 .div-three{
        top: calc(50% - 25px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 4;
    }
    #div9 .div-four{
        top: calc(50% + 25px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 3;
    }
    #div9 .div-five{
        top: calc(50% + 75px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 2;
    }


    #div10 .div-one{
        top: calc(50% - 125px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 6;
        background-color: #cf378a;
        border: none;
    }
    #div10 .ys1{
        background-color: transparent;
        border: solid 2px #fff;

    }
    #div10 .div-one .div-one-d{
        top: 167px;
        left: 79px;
        display: block;
    }
    #div10 .div-two{
        top: calc(50% - 75px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 5;
    }
    #div10 .div-three{
        top: calc(50% - 25px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 4;
    }
    #div10 .div-four{
        top: calc(50% + 25px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 3;
    }
    #div10 .div-five{
        top: calc(50% + 75px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 2;
    }
    #div10 .zgzs-xxgd{display: none}
    #div10 .zgzs-nav2 ul li:nth-child(1){
        font-size: 12px;
    }
    #div10 .zgzs-nav2 ul li:nth-child(1) a{
        color: #000;
    }
    #div10 .zgzs-nav2 ul li:nth-child(1) .pull-right{
        width: 150px;
        height: 10px;
        background-color: #000;
        top: 5px;
    }
    #div10 .zgzs-nav2 ul li:nth-child(1) .hide-s{
        display: inline-block;

    }





    #div11 .div-one{
        top: calc(50% - 175px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 6;
    }
    #div11 .div-two .div-one-d{
        bottom: 50px;
        left: 20px;
        display: block;
		
    }
	#div11 .div-two .div-one-c{
    bottom: 110px;
    left: 120px;
    display: block;
	
}
#div11 .div-two .div-one-e{
    bottom: 170px;
    left: 170px;
    display: block;
	
}
    #div11 .div-two{
        top: calc(50% - 125px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 8;
        background-color: #3E3E3E;
        border: none;
    }

    #div11 .div-three{
        top: calc(50% - 75px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 4;
    }
    #div11 .div-four{
        top: calc(50% - 25px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 3;
    }
    #div11 .div-five{
        top: calc(50% + 25px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 2;
    }
    #div11 .zgzs-xxgd{display: none}
    #div11 .zgzs-nav2 ul li:nth-child(2){
        font-size: 12px;
    }
    #div11 .zgzs-nav2 ul li:nth-child(2) a{
        color: #000;
    }
    #div11 .zgzs-nav2 ul li:nth-child(2) .pull-right{
        width: 150px;
        height: 10px;
        background-color: #000;
        top: 5px;
    }
    #div11 .zgzs-nav2 ul li:nth-child(2) .hide-s{
        display: inline-block;
    }



    #div12 .div-one{
        top: calc(50% - 225px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 6;
    }

    #div12 .div-two{
        top: calc(50% - 175px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 5;

    }
    #div12 .div-three{
        top: calc(50% - 125px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 8;
        background-color: #27569F;
        border: none;
    }
    #div12 .div-three .div-one-d{
        bottom: 160px;
        left: 220px;
        display: block;
    }
    #div12 .div-four{
        top: calc(50% - 75px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 3;
    }
    #div12 .div-five{
        top: calc(50% - 25px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 2;
    }
    #div12 .zgzs-xxgd{display: none}
    #div12 .zgzs-nav2 ul li:nth-child(3){
        font-size: 12px;
    }
    #div12 .zgzs-nav2 ul li:nth-child(3) a{
        color: #000;
    }
    #div12 .zgzs-nav2 ul li:nth-child(3) .pull-right{
        width: 150px;
        height: 10px;
        background-color: #000;
        top: 5px;
    }
    #div12 .zgzs-nav2 ul li:nth-child(3) .hide-s{
        display: inline-block;
    }




    #div13 .div-one{
        top: calc(50% - 275px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 6;
    }

    #div13 .div-two{
        top: calc(50% - 225px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 5;

    }
    #div13 .div-three{
        top: calc(50% - 175px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 4;

    }

    #div13 .div-four{
        top: calc(50% - 125px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 8;
        background-color: #CD2525;
        border: none;
    }
    #div13 .div-four .div-one-d{
        bottom: 120px;
        left: 160px;
        display: block;
    }
	#div13 .div-four .div-one-c{
    bottom: 40px;
    left: 20px;
    display: block;
}

    #div13 .div-five{
        top: calc(50% - 75px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 2;
    }
    #div13 .zgzs-xxgd{display: none}
    #div13 .zgzs-nav2 ul li:nth-child(4){
        font-size: 12px;
    }
    #div13 .zgzs-nav2 ul li:nth-child(4) a{
        color: #000;
    }
    #div13 .zgzs-nav2 ul li:nth-child(4) .pull-right{
        width: 150px;
        height: 10px;
        background-color: #000;
        top: 5px;
    }
    #div13 .zgzs-nav2 ul li:nth-child(4) .hide-s{
        display: inline-block;
    }




    #div14 .div-one{
        top: calc(50% - 325px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 6;
    }

    #div14 .div-two{
        top: calc(50% - 275px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 5;

    }
    #div14 .div-three{
        top: calc(50% - 225px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 4;

    }

    #div14 .div-four{
        top: calc(50% - 175px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 3;

    }
    #div14 .div-five .div-one-d{
        top: 120px;
        right: 120px;
        display: block;
    }
	#div14 .div-five .div-one-c{
    top: 160px;
    right: 190px;
    display: block;
}

    #div14 .div-five{
        top: calc(50% - 125px);
        left: calc(50% - 125px);
        transform: matrix3d(0.707107, 0.321018, 0.630038, 0, -0.707107, 0.321019, 0.630038, 0, 0, -1.02722, 0.523394, 0, 0, 0, -1000, 1);
        z-index: 8;
        background-color: #52D51E;
        border: none;
    }
    #div14 .zgzs-xxgd{display: none}

    #div14 .zgzs-nav2 ul li:nth-child(5){
        font-size: 12px;
    }
    #div14 .zgzs-nav2 ul li:nth-child(5) a{
        color: #000;
    }
    #div14 .zgzs-nav2 ul li:nth-child(5) .pull-right{
        width: 150px;
        height: 10px;
        background-color: #000;
        top: 5px;
    }
    #div14 .zgzs-nav2 ul li:nth-child(5) .hide-s{
        display: inline-block;
    }

    #div10.ys1, #div11 .ys1, #div12 .ys1, #div13 .ys1, #div14 .ys1{
        background-color: transparent;
        border: solid 2px #fff;
    }


    .zgzs-xxgd{
        position: fixed;
        bottom: 10px;
        width: 100%;
        text-align: center;
    }
    .zgzs-xxgd img{
        display: inline-block;
        width: 30px;
        position: relative;

        animation:qqq 0.5s linear infinite alternate;;
    }
    /*@keyframes  qqq {*/
        /*0%{*/
            /*top: -10px;*/
        /*}*/
        /*100%{*/
            /*top: 0px;*/
        /*}*/
    /*}*/

    .footer-fs{
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        padding: 0 20px;
    }
    .footer-fs .menu-yj p{
        color: #666;
    }

    .zgzs-nav2{
        position: fixed;
        right: 10px;
        width: auto;
        text-align: right;
        top: 30%;
        z-index: 99999999999999;
    }
    .zgzs-nav2 ul li{
        font-size: 12px;
        color: #666;
        margin-bottom: 42px;
    }
    .zgzs-nav2 ul li a{
        color: #666;
        display: block;
    }
    .zgzs-nav2 ul li .pull-right{

        display: none;
    }
    .zgzs-nav2 ul li .hide-s{
        display: none;
    }
    .zgzs-nav2 ul li:hover {
        font-size: 20px;
    }
    .zgzs-nav2 ul li.cur{
        font-size: 24px;
    }
    .zgzs-nav2 ul li:hover a{
        color: #666;
    }
    .zgzs-nav2 ul li.cur a{
        color: #000;
    }
    .zgzs-nav2 ul li.cur .pull-right{
        width: 150px;
        height: 40px;
        background-color: #000;
        top: 5px;
    }
    .zgzs-nav2 ul li:hover .pull-right{
      display: none;
    }
    .zgzs-nav2 ul li.cur .hide-s{
        display: inline-block;
    }

    .zgzs-nav2 ul li:hover .hide-a{
        display: none;
    }
    .zgzs-foot .foot-a a.a-2 {
        display: none;
    }
    .b-logo{
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 6666;
        width: 70px;
    }

}