* {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.w {
    width: 1300px;
    margin: auto;
}

.a1 {
    float: left;
    position: relative;
}

/* .a1 img {
    position: absolute;
} */

.a1 img:nth-child(1) {
  /*  top: -7px;
    width: 127px; */
	height: 113px;
}

.a1 img:nth-child(2) {
    top: 33px;
    left: 134px;
    width: 186px;
}

.a2 {
    float: left;
    margin-left: 122px;
}

.a3>li {
    float: left;
    font-size: 20px;
    margin-top: 55px;
}

.a3>li>a {
    color: #000;
    padding: 20px 40px;
}

.a3 li:nth-child(2) {
    position: relative;
}

.a3>li>a:hover {
    border-bottom: 2px solid blue;
    color: blue;
}

.a4 {
    position: absolute;
    top: 48px;
    left: -120px;
    width: 690px;
     display: none; 
    font-size: 16px;
    z-index: 99999999;
    background: rgba(135,206,234,0.5);
    padding-left: 24px;
}

.a4 li {
    position: relative;
    float: left;
    width: 200px;
    height: 200px;
    margin-right: 30px;
}

.a4 img {
    width: 200px;
    margin-top: 10px;
}

.a4 li div {
    width: 200px;
    padding: 20px 0;
    border-bottom: 2px solid #fff;
    text-align: center;
    color: #fff;
}

.a4 li p {
    position: absolute;
    top: 130px;
    left: 60px;
    padding: 7px 12px;
    background: rgba(255, 156, 0, 0.9);
    border-radius: 20px;
}

.a4 li p a {
    color: #fff;
}

.a4 li p:hover {
    background: #ff7800;
}

.b1 {
    position: relative;
    /*height: 608px;*/
    z-index: -3;
    overflow: hidden;
}

/*.b1 img {
    width: 100%;
    height: 608px;
    position: absolute;
    top: 122px;
    z-index: -10;
}*/
.weilai{
	position: absolute;
    top: -41px;
    left: 0;
    width: 100%;
    z-index: 99999;
	
}
.b2 {
    top: 54%;
    position: absolute;
    /* left: 7%; */
    width: 100%;
    z-index: 99999;
    text-align: center;
}

.b2 p:nth-child(1) {
	font-family: "微软雅黑";
        color: #fff;
    font-size: 150px;
    font-weight: 600;
}

.b2 p:nth-child(2) {
    color: #fff;
    margin-top: 30px;
    font-size: 20px;
}

.c {
    /*margin-top: 80px;*/
   height: 500px;
}

.c div:nth-child(1) h1 {
    text-align: center;
}

.c div:nth-child(n+2) {
    width: 300px;
    height: 240px;
    float: left;
    margin-top: 50px;
    margin-bottom: 50px;
}

.c div:nth-child(n+2) p {
    text-align: center;
    color: #000;
}

.c div:nth-child(n+3) {
    margin-left: 33px;
}

.c img {
    width: 300px;
}

.d {
    clear: both;
    margin-top: 100px;
    height: 660px;
}

.d h1 {
    text-align: center;
    /*padding: 40px 0;*/
}

.d div:nth-child(n+2) {
    float: left;
}

.d div:nth-child(3) {
    width: 650px;
    margin-left: 200px;
}

.d h2 {
    margin: 20px 0;
}

.d p {
    line-height: 26px;
}

.d img {
    width: 400px;
    margin-left: 50px;
}

.e {
    height: 250px;
    color: #fff;
}

.e1 {
    padding: 50px 100px;
}

.e2 {
    padding: 50px 0;
}

.e1 p {
    margin: 20px 0;
    font-size: 14px;
}

.e2 img {
    width: 150px;
}

.e2 p {
    text-align: center;
}

.e1,
.e2 {
    float: left;
}

.f {
    clear: both;
    background: #000;
    height: 280px;
}
.H1class{
	margin-top: 50px;
    margin-bottom: 50px;
    height: 100px;
    line-height: 100px;
    font-size: 40px;
    background-image: url(../imgs/BG1.png);
    text-align: center;
}
.headers{
	height: 123px;
}
.hexin{
	width: 1300px;
	/*margin: auto;*/
	margin: 0 auto;
}
.wenzi{
	float: left;
    width: 660px;
    margin-top: 50px;
}
.wenzi h2{
	margin: 20px 0;
}
.wenzi p{
	line-height: 26px;
	
}
.zheng{
            float: left;
    		width: 624px;
    		height: 680px;
}
.video{
	
    /*position: fixed;//视频定位方式设为固定*/
    /*right: 0;
    bottom: 0;//视频位置*/
    /*min-width: 100%;*/
    /*min-height: 100%; //不会因视频尺寸造成页面需要滚动*/
   /*margin-top: -250px;*/
    width: 100%;
    /*height: auto; //尺寸保持原视频大小*/
    z-index: -100; //z轴定位，小于0即可
    -webkit-filter: grayscale(20%);//添加灰度蒙版，如果设定为100%则视频显示为黑白
}
.jump{
	transition: All 0.4s ease-in-out;
}
.jump:hover{
	transform: translate(0, -10px);
	-moz-box-shadow:3px 4px 15px #333333; -webkit-box-shadow:3px 4px 15px #999; box-shadow:3px 4px 15px #999;
	cursor:pointer
}
/*------------------------------------------------正方体-------------------*/
.container {
            position: relative;
            top: 171px;
    		left: 244px;

        }
        /* 主要用来装功能块在容器内保证定位 相当于该功能块的padding*/
        
        .container .wrap {
            width: 100px;
            height: 100px;
            top: 150px;
            left: 150px;
            margin: 0;
        }
        /* 功能块 */
        
        .container .wrap .cube {
            width: 100px;
            height: 100px;
            transform-style: preserve-3d;
            /* perspective: 500px; */
            transform: rotateX(-30deg) rotateY(-80deg);
            animation: ziZhuan linear 20s infinite;
            animation-direction: alternate-reverse;
            transition: all 0.5s;
        }
        
        @keyframes ziZhuan {
            0% {
                transform: rotateX(0deg) rotateY(0deg);
            }
            100% {
                transform: rotateX(360deg) rotateY(360deg);
            }
        }
        
        .container .wrap .cube div {
            position: absolute;
            top: 0;
            left: 0;
            width: 200px;
            height: 200px;
            background-color: rgb(0, 183, 255);
            z-index: -1;
            transition: all 0.5s;
            opacity: 0.45;
            outline: rgb(40, 226, 240) solid thick;
            box-shadow: rgba(17, 123, 194, 0.712) 0 0 50px 50px;
        }
        
        .container .wrap .cube div img {
            width: 100%;
            height: 100%;
        }
        
        .container .wrap .cube span {
            position: absolute;
            top: 50px;
            left: 50px;
            display: block;
            width: 100px;
            height: 100px;
            outline: rgba(21, 40, 211, 0.664) solid thin;
            background-color: rgba(11, 96, 224, 0.295);
        }
        
        .container .wrap .cube span img {
            width: 100%;
            height: 100%;
        }
        
        .container .wrap .cube .out-front {
            transform: rotateY(0deg) translateZ(100px);
        }
        
        .container .wrap .cube .out-back {
            transform: translateZ(-100px);
        }
        /* //y正方向逆时针 */
        
        .container .wrap .cube .out-left {
            transform: rotateY(-90deg) translateZ(100px);
        }
        
        .container .wrap .cube .out-right {
            transform: rotateY(90deg) translateZ(100px);
        }
        /*  x->正-上*/
        
        .container .wrap .cube .out-top {
            transform: rotateX(90deg) translateZ(100px);
        }
        
        .container .wrap .cube .out-bottom {
            background-color: rgba(36, 238, 80, 0.253);
            transform: rotateX(-90deg) translateZ(100px);
        }
        
        .container .wrap .cube .in-left {
            transform: rotateY(-90deg) translateZ(50px);
        }
        
        .container .wrap .cube .in-right {
            transform: rotateY(90deg) translateZ(50px);
        }
        
        .container .wrap .cube .in-back {
            transform: translateZ(-50px);
        }
        
        .container .wrap .cube .in-front {
            transform: translateZ(50px);
        }
        
        .container .wrap .cube .in-top {
            transform: rotateX(90deg) translateZ(50px);
        }
        
        .container .wrap .cube .in-bottom {
            transform: rotateX(-90deg) translateZ(50px);
        }
        
        .container .wrap .cube:hover .out-front {
            transform: rotateY(0deg) translateZ(200px);
        }
        
        .container .wrap .cube:hover .out-back {
            transform: rotateY(0deg) translateZ(-200px);
        }
        
        .container .wrap .cube:hover .out-top {
            transform: rotateX(90deg) translateZ(200px);
        }
        
        .container .wrap .cube:hover .out-bottom {
            transform: rotateX(-90deg) translateZ(200px);
        }
        
        .container .wrap .cube:hover .out-right {
            transform: rotateY(90deg) translateZ(200px);
        }
        
        .container .wrap .cube:hover .out-left {
            transform: rotateY(-90deg) translateZ(200px);
        }
.weixinP{
	color: #fff;
}