@charset "utf-8";
/* 通用*/
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:normal 16px "Microsoft Yahei";overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul,ol{list-style:none;}
a{text-decoration:none;outline:none;}
img{border:0;}
body{    min-width: 1240px;}
#BizQQWPA{background:url(../img/gif.gif); position:fixed; right:2px; width:110px; height:154px; top:130px; cursor:pointer;z-index: 999;}
#BizQQWPA1{background:url(../img/gif.png); position:fixed; right:2px; width:110px; height:154px; top:130px; cursor:pointer;z-index: 998;} 
.banner{height:600px;background: url(../img/banner.jpg) top center no-repeat;}
.da{position: relative;width: 100%;height: 100%;}
#canvas{position: absolute;height: 100%;width: 100%;}
	.cont1 {
	width: 100%;
	height: 800px;
	overflow: hidden;
	background: url(../img/m1Bg.jpg) no-repeat top center/cover;
	}

.cont1 .w1180 {
	height: 100%;
	overflow: hidden
}
.w1180{width: 1180px;margin: 0 auto;box-sizing: border-box;position: relative;}

.cont1 h2 {
	margin-top: 98px;
	font-size: 36px;
	color:#fff;
	text-align: center;
	font-weight: 700;
	letter-spacing: 1px
}

.cont1 .desc {
	margin-top: 32px;
	font-size: 18px;
	color: #e6e6e6;
	line-height: 30px;
	text-align: center;
}

.cont1 .u3d-game {
	position: relative;
	margin-top: 38px
}

.cont1 .u3d-game:before {
	position: absolute;
	content: "";
	width: 270px;
	height: 100%;
	top: 0;
	left: 0;
	background: -webkit-linear-gradient(left,#000112,transparent);
	background: -o-linear-gradient(right,#000112,transparent);
	background: -moz-linear-gradient(right,#000112,transparent);
	background: linear-gradient(to right,#000112,transparent);
	z-index: 80
}

.cont1 .u3d-game:after {
	position: absolute;
	content: "";
	width: 270px;
	height: 100%;
	top: 0;
	right: 0;
	background: -webkit-linear-gradient(left,transparent,#000112);
	background: -o-linear-gradient(right,transparent,#000112);
	background: -moz-linear-gradient(right,transparent,#000112);
	background: linear-gradient(to right,transparent,#000112);
	z-index: 80
}

.cont1 .u3d-game li {
	position: relative;
	overflow: hidden
}

.cont1 .u3d-game li img {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.cont1 .u3d-game li:hover img {
	-webkit-transform: scale(1.08,1.08);
	-moz-transform: scale(1.08,1.08);
	-ms-transform: scale(1.08,1.08);
	-o-transform: scale(1.08,1.08);
	transform: scale(1.08,1.08)
}

.cont1 .u3d-game li .game-name {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	font-size: 18px;
	color: #ccc;
	letter-spacing: 2px;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 40px;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(100%,#000112));
	background: -webkit-linear-gradient(top,transparent 0%,#000112 100%);
	background: -o-linear-gradient(top,transparent 0%,#000112 100%);
	background: -ms-linear-gradient(top,transparent 0%,#000112 100%)
}
.consultBox{text-align: center;margin-top: 50px;}

.banner3{color:#fff;text-align:center;/* padding-bottom:60px; *//*   padding-top: 60px; */background: url(../img/m1Bg_c01_02.jpg) no-repeat top center/cover;}
.banner3 h2{font-size:38px; text-align:center;margin-bottom:42px;}
.banner3 p{font-size: 18px;width:866px;margin:0 auto;line-height:28px;margin-bottom:40px;text-align:center;}
.banner3 h3{font-size:24px;font-weight:normal;text-align:center;line-height:42px;margin-bottom:40px;}
.banner3 img{margin-bottom:40px;}
.banner3 h4{font-size:16px;font-weight:normal;text-align:center;    margin-bottom: 20px;}
.banner3 span{color:#ec561b;}
.cont2q{color:#fff;text-align:center;/* padding-bottom:60px; */padding-top: 60px;background: url(../img/m1Bg_c01_02.jpg) no-repeat top center/cover;}
.cont2q h2{font-size:38px;text-align:center;margin-bottom: 26px;}
.cont2q p{font-size: 18px;width: 900px;margin: 0 auto;line-height: 28px;}
.cont2q .cont2-1{width: 1100px;height: 700px;margin: 0 auto;position: relative;}
.cont2q .cont2-1 .sy{position: absolute;top: 41px;left: -124px;width: 431px;height: 313px;}
.cont2q .cont2-1 .dy{position: absolute;top: 351px;right: -81px;width: 409px;height: 288px;}
.cont2q .cont2-1 .yy{position: absolute;top: 33px;right: 260px;width: 367px;height: 280px;}
.cont2q .cont2-1 .vr{position: absolute;top: 361px;left: 194px;width: 382px;height: 289px;}
.cont2q .cont2-1 .text1{position: absolute;top: 182px;left: 272px;width: 244px;height: 189px;}
.cont2q .cont2-1 .text2{position: absolute;top: 158px;right: 27px;width: 227px;height: 189px;}
.cont2q .cont2-1 .text3{position: absolute;top: 407px;left: -49px;width: 252px;height: 189px;/* text-align: left; */}
.cont2q .cont2-1 .text4{position: absolute;top: 464px;right: 318px;width: 219px;height: 189px;}

@keyframes tag {
	0% {transform: scale(1.2);}
	50% {transform: scale(0.95);}
	100% {transform: scale(1.2);}
}

@-webkit-keyframes tag {
	0% {transform: scale(1.2);}
	50% {transform: scale(0.95);}
	100% {transform: scale(1.2);}
}

.kecdg{
  position: relative; } 
.kcdg { width: 1200px; margin: 0 auto;position: relative; margin-top: 65px; }
.kcdg:after {
    content: "";
    position: absolute;
    width: 290px;
    height: 290px;
    background-image: url(../img/chatu.png);
    background-repeat: no-repeat;
    top: -145px;
    right: -137px;
    }
.kcdg li { margin-bottom: 72px; }
.kcdg li:nth-child(even) > img { float: right; }
.kcdg li:nth-child(even) > div { float: left; margin-left: 30px; }
.kcdg li:nth-child(2) > div > div:nth-child(2):after {left: -43px;background: url(../img/biaol.png);}
.kcdg li:nth-child(4) > div > div:nth-child(2):after {left: -42px;background: url(../img/biaol.png);}
.kcdg li:nth-child(2) > div > div:nth-child(2) h4 { text-align: right; margin-right: 86px; }
.kcdg li:nth-child(2) > div > div:nth-child(2) p {float: right;text-align: left;padding-right: 37px;padding-top: 22px;}
.kcdg li:nth-child(4) > div > div:nth-child(2) h4 { text-align: right; margin-right: 86px; }
.kcdg li:nth-child(4) > div > div:nth-child(2) p {float: right;text-align: left;padding-right: 39px;padding-top: 0px;}
.kcdg li:nth-child(even) > div > div:nth-child(3) p {
/* padding-left: 200px; */
}
.kcdg li:nth-child(2) > div > div:nth-child(3) img {left: -75px;top: -75px;}
.kcdg li:nth-child(4) > div > div:nth-child(3) img {left: -60px;top: -73px;}
.kcdg li > img {float: left;width: 689px;height: 460px;}
.kcdg li > div {width: 475px;float: right;}
.kcdg li > div > h3 {font-size: 36px;color: #fff;font-weight: bold;text-align: center;position: relative;line-height: 33px;margin-bottom: 31px;}
.kcdg li > div > h3:after {
    content: "";
    position: absolute;
    width: 325px;
    height: 12px;
    background-image: url(../img/mkxian.png);
    background-repeat: no-repeat;
    left: 50%;
    margin-left: -36%;
    bottom: 30px; }
.kcdg li > div > h3 span {
  font-size: 22px;
  font-weight: normal; }
.kcdg li > div > div:nth-child(2) {color: #ffffff;position: relative;height: 248px;}
.kcdg li > div > div:nth-child(2):after {
  content: "";
  position: absolute;
  width: 168px;
  height: 161px;
  background: url(../img/biaox.png) top right;
  top: -44px;
  left: 327px;
  }
.kcdg li > div > div:nth-child(2) h4 {
  font-size: 22px;
  padding-left: 60px;
  }
.kcdg li > div > div:nth-child(2) p {
  width: 429px;
  font-size: 16px;
  line-height: 32px;
  /* padding-left: 60px; */
  padding-top: 30px;
  }
.kcdg li > div > div:nth-child(3) {
position: relative;
    width: 453px;
    height: 128px;
    background-image: url(../img/tyy.png);
    background-repeat: no-repeat;}
.kcdg li > div > div:nth-child(3) p {
 width: 377px;
 text-align: center;
 font-size: 18px;
 line-height: 112px;
 color: #e8efff;
 }
.kcdg li > div > div:nth-child(3) img {position: absolute;left: 327px;top: -87px;}
.bg {background-color: #0a0c21;height: 2440px;}

.clearfix {  zoom: 1; }
.clearfix:after {  content: "";  display: block;  clear: both; }
.ctit h2{font-size: 36px;color: #e6ad25;font-weight: 700;letter-spacing: 1px;text-align: center;/* padding-top: 50px; */}
.ctit .pf{width: 894px;margin: 20px auto;font-size: 18px;color: #fff;}
.main9 {width: 100%;height: 884px;background: url(../img/m1Bg_02.png) bottom center no-repeat;overflow: hidden;}
.main9 h2 {font-size: 36px;font-weight: 700;letter-spacing: 1px;color: #fff;text-align: center;margin-top: 52px;} 
.main9 .subtitle {margin-top: 12px;font-size: 18px;color: #fff;text-align: center;line-height: 30px;} 
.main9 .corporator { margin-top: 45px } 
.main9 .corporator .company-logo ul { font-size: 0; text-align: center; } 
.main9 .corporator .company-logo ul li {
	vertical-align: top;
	display: inline-block;
	width: auto;
	height: 88px;
	box-sizing: border-box;
	border: 1px solid #143da9;
	border-radius: 3px 2px;
	background-color: rgba(24,34,60,.6);
	cursor: pointer;
	margin-left: 14px;
}

.main9 .corporator .company-logo ul li.item1 {
	width: 154px;
	background: url(../img/546.png) no-repeat center center/cover;
	margin-left: 0px;
}
 
.main9 .corporator .company-logo ul li.item2 {
	width: 154px;
	background: url(../img/556.png) no-repeat center center/cover;
}
 
.main9 .corporator .company-logo ul li.item3 {
	width: 154px;
	background: url(../img/565.png) no-repeat center center/cover;
}
 
.main9 .corporator .company-logo ul li.item4 {
	width: 154px;
	background: url(../img/ea.png) no-repeat center center/cover;
}
 
.main9 .corporator .company-logo ul li.item5 {
	width: 154px;
	background: url(../img/583.png) no-repeat center center/cover;
}
 
.main9 .corporator .company-logo ul li.item6 {
	width: 154px;
	background: url(../img/592.png) no-repeat center center/cover;
}
 
.main9 .corporator .company-logo ul li.item7 {
	width: 171px;
	background: url(../img/601.png) no-repeat center center/cover
} 
.main9 .corporator .company-logo ul li.hover {
	border-color: #227cff;
	background-color: #16325d;
}

.main9 .corporator .company-logo ul li:hover {
	border-color: #5882ed;
	background-color: #354a821f;
}

.main9 .corporator .company-logo ul li img {
	display: inline-block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
} 
.main9 .corporator .company-content { width: 100%; height: 499px; overflow: hidden; position: relative; margin-top: 20px; } 
.main9 .corporator .company-content li { position: absolute; top: 0; left: 0; display: none } 
.main9 .corporator .company-content li.hover { display: block } 
.main9 .corporator .company-content li img { display: block } 
.shizi {  background: url(../img/bj11.png); height: 1166px; }
 .wrapper { width: 970px; margin: 0 auto;}
.shizi p { font: 16px/30px "Microsoft Yahei";color: #FFF;}
.hao6{font-size: 36px!important;color: #fff;font-weight: 700!important;letter-spacing: 1px;text-align: center;padding-top: 73px;margin-bottom: 57px;}
.shizi h4 {color: #FFF;margin-bottom: 30px;width: 1051px;margin-top: 30px;font-weight: normal!important;font-size: 17px;}
.jiasl { height: 280px;width: 964px; margin-bottom: 14px;background: url(../../yxdx/style/img/p.png);}
.jiasl22 {height: 280px;width: 964px;margin-bottom: 14px;background: url(../img/h.png);}
.jiasl2 {height: 280px;width: 964px;margin-bottom: 14px;background: url(../../yxdx/style/img/j.png);}
.jiasl3 {height: 280px;width: 964px; margin-bottom: 14px;background: url(../../yxdx/style/img/v.png);}
.jiangshileft { float: left; }
.jiangshijiaoshao {float: left;margin-left: 70px;margin-top: 30px;}
.lygj16{text-align: center;width: 224px;height: 44px;display: block;margin: 20px auto 0px;line-height: 49px;cursor: pointer;animation: .9s tag linear infinite;}

.lygj16kc{text-align: center;width: 304px;height: 44px;display: block;margin: 20px auto 0px;line-height: 49px;cursor: pointer;animation: .9s tag linear infinite;}

.lygj166{text-align: center;width: 361px;height: 44px;display: block;margin: 20px auto 0px;line-height: 49px;cursor: pointer;}
.lygj166:hover{  width: 371px; }
.shizix{text-align: center;width: 264px;height: 44px;display: block;margin: 43px auto;line-height: 49px;cursor: pointer;animation: .9s tag linear infinite;}

.majs{font-size: 22px;padding-right: 6px;    color: #fbc53c;}
.ajyxy{padding-bottom: 50px;  background: url(../img/q2.jpg) bottom center no-repeat;height: 886px; }
.ajyxy h2{padding-top:50px;font-weight:bold;font-size:38px;text-align:center;margin-bottom: 56px;color: #e6ad25;}
.ajyxy .txt{width: 990px;height: 88px;margin: 0px auto 20px;font-size:18px;font-weight: normal;color: #ffffff;}
.ajyxy ul{width: 1060px;margin:0 auto;}
.ajyxy ul li{width: 253px;float:left;margin-right: 16px;color: #fff;}
.ajyxy ul li:nth-child(4n){margin-right: 0;}
.ajyxy ul li h3{font-size:24px;font-weight:normal;text-align:center;margin-top:14px;margin-bottom:18px;}
.ajyxy ul li p{font-size:16px;text-align:center;line-height:28px;}
.ajyxy .sqyh{font-size:22px;text-align:center;width: 371px;height:52px;display:block;margin:50px auto 0px;line-height:44px;border-radius: 11px;font-weight: bold;cursor: pointer;}
.ajyxy .sqyh:hover{ width:380px}
.qy{background: url(../img/bjlogo.jpg) top center no-repeat;padding-top: 50p;}
 .section{    padding-top: 50px; padding-bottom: 100px;}
 .section h2{font-size:36px;color:#fff;font-weight:700;letter-spacing:1px;text-align:center;/* padding-top: 50px */}
 .section .subtitle{margin-top: 10px;margin-bottom: 10px;font-size:18px;color: #fff;line-height:30px;text-align:center;}
 .section img{display:block}
 .section1 h2{margin-top:98px}
 .employment{width: 1100px;margin: 0 auto;}
  .employment>img{width: 900px;margin: 10px auto;}
.cont2{height: 500px;background:#000 }
.lingyu{    padding-top: 98px;  font-size: 36px;  color: #fff; text-align: center; font-weight: 700; letter-spacing: 1px;  line-height: 54px;}
 .section-content{width: 1100px;height: 400px;margin: 0 auto;}
.main2 {
	width: 100%;
	height: 1013px;
	background: url(../images/m1Bg.jpg) no-repeat top center/cover ;
 
}

.main2 .w1180 {
	height: 100%
}

.main2 h2 {
 	padding-top: 98px; 
	font-size: 36px;
	color: #fff;
	text-align: center;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 54px
}

.main2 h2 span {
	color: #f1c74b
}

.main2 ul {
	margin-top: 35px;
	width: 100%;
	height: 564px;
	position: relative
}

.main2 ul li {
	position: absolute;
	z-index: 5;
	font-size: 0;
	border-radius: 50%;
	overflow: hidden
}

.main2 ul li img {
	display: block;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.main2 ul li:hover img {
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1)
}

.main2 ul li .mask-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.42);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.main2 ul li:hover .mask-layer {
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg)
}

.main2 ul li .txt-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 11;
	text-align: center;
	box-sizing: border-box;
	border: 2px solid transparent;
	/* border-radius: 50%; */
}

.main2 ul li .txt-layer span {
	display: inline-block;
	font-size: 18px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	letter-spacing: 1px
}

.main2 .item1 {
	top: 0;
	left: 130px
}

.main2 .item1 .txt-layer {
	border-color: #2788af;
	color: #2788af
}
.main2 .item1 .txt-layer,.main2 .item3 .txt-layer,.main2 .item5 .txt-layer,.main2 .item7 .txt-layer,.main2 .item9 .txt-layer{
      
           -webkit-animation:circle-outer 4s linear infinite;
           -moz-animation:circle-outer 4s linear infinite;
           -o-animation:circle-outer 4s linear infinite;
           animation:circle-outer 4s linear infinite;
           }
        @-webkit-keyframes circle-outer{
            from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}
        }
        @-moz-keyframes circle-outer{
            from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}
        }
        @-o-keyframes circle-outer{
            from{-o-transform:rotate(0deg)}to{-o-transform:rotate(360deg)}
        }
        @keyframes circle-outer{
            from{transform:rotate(0deg)}to{transform:rotate(360deg)}
        }

.main2 .item2 {
	top: 0;
	right: 250px
}

.main2 .item2 .txt-layer {
	border-color: #7c2ff3;
	color: #7c2ff3
}
.main2 .item2 .txt-layer,.main2 .item4 .txt-layer,.main2 .item6 .txt-layer,.main2 .item8 .txt-layer{
      
           -webkit-animation:circle-outer 6s linear infinite;
           -moz-animation:circle-outer 6s linear infinite;
           -o-animation:circle-outer 6s linear infinite;
           animation:circle-outer 6s linear infinite;
           }
        @-webkit-keyframes circle-outer{
            from{-webkit-transform:rotate(45deg)}to{-webkit-transform:rotate(-360deg)}
        }
        @-moz-keyframes circle-outer{
            from{-moz-transform:rotate(45deg)}to{-moz-transform:rotate(-360deg)}
        }
        @-o-keyframes circle-outer{
            from{-o-transform:rotate(45deg)}to{-o-transform:rotate(-360deg)}
        }
        @keyframes circle-outer{
            from{transform:rotate(45deg)}to{transform:rotate(-360deg)}
        }

.main2 .item3 {
	top: 232px;
	left: 0
}

.main2 .item3 .txt-layer {
	border-color: #9d1a55;
	color: #9d1a55
}

.main2 .item4 {
	top: 205px;
	left: 295px;
}

.main2 .item4 .txt-layer {
	border-color: #2d922d;
	color: #2d922d
}

.main2 .item5 {
	top: 200px;
	right: 75px
}

.main2 .item5 .txt-layer {
	border-color: #0c3781;
	color: #0c3781
}

.main2 .item6 {
	left: 185px;
	bottom: 0
}

.main2 .item6 .txt-layer {
	border-color: #951c9b;
	color: #951c9b
}

.main2 .item7 {
	left: 576px;
	bottom: 0
}

.main2 .item7 .txt-layer {
	border-color: #08727e;
	color: #08727e
}

.main2 .item8 {
	left: 742px;
	bottom: 186px;
}

.main2 .item8 .txt-layer {
	border-color: #fbb531;
	color: #fbb531
}

.main2 .item9 {
	right: 112px;
	bottom: 0;
}

.main2 .item9 .txt-layer {
	border-color: #0195a7;
	color: #0195a7
}

.main2 .consultBox {
	margin-top: 55px
}


 .bg4{background:url(../img/di.png) no-repeat center top;height: 529px;margin-top: -50px;} 
/*.bg4{ height:495px;background:url(../imageshq/bg5.png) no-repeat; width:2000px; position:relative;left:50%; margin-left:-1000px;margin-top:-50px;}*/
.jiej{    text-align: center;
    padding-left: 517px;}
.jiej .orange{font: bold 40px/80px "微软雅黑";color: #ffb80d;}
.jiej .gry{font:bold 29px/80px "微软雅黑"; color:#fff;}
.hao13{font:bold 28px/80px "微软雅黑";color: rgb(255, 253, 24);}
.tel a.btn b {
        display: inline-block;
    background: none;
    border: 2px solid #e4ddde;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px 20px 8px;
    margin: 0 auto;
    text-align: center;

    font-size: 23px;
      background: rgba(1, 0, 10, 0.63);color: #fff;
}
.tel a.btn b:hover{     color:#e6ad25;  }
   .jiejue {
    width: 1160px;
    margin: 0 auto;
    padding-top: 127px;
    }