@charset "utf-8";
/* CSS Document */

body,html{
	font-size:12px;
	font-family: "Microsoft YaHei","微软雅黑";
	}
.headerBg{
	width:100%;
	height:97px;
	background:#0a0a0a;
	background:rgba(0,0,0,0.9);
	position:fixed;
	z-index: 999;
	}
.header  a.logo{
	display:inline-block;
	position:fixed;
	width: 200px;
    top: 16px;
	left:10px;
	}
.header .logo img{
	/*width:200px;*/
	height:72px;
	overflow:hidden;
	}
.navBar{
	text-align:center;
	height:97px;
	line-height:97px;
	}
.navBar ul{
	padding-left: 0;
    margin-left: -5px;
    list-style: none;
	}
.navBar ul li{
    font-size: 20px;
	display: inline-block;
	height:97px;
	}
.navBar ul li a{
	color:#ffffff;
	display:block;
	padding:0 14px;
	}
.navBar ul li a:hover{
	background:#ff002f;
	}
.headerBg .hotLine{
	position: fixed;
    top: 40px;
    right:10px;
	}
/*-----------------navBar end--------------------*/
.bannerbox{
	width: 100%;
	height: 1103px;
	overflow: hidden;
	position: relative;
	margin: 0px auto;
}
.bannerbox ul.bannerImg{
    position: relative;
}
.bannerbox ul.bannerImg li{	
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left:0px;
	-moz-user-select: none;
}
.bannerbox ul.bannerImg li a{
	display:block;
	margin:0 auto;
	width:1920px;
	}
.bannerbox ul.bannerImg li img{
	width:1920px;
	height:1103px;
	}
.bannerbox ul.bannerImg li .img1{
    position: absolute;
}
.bannerFocus{
	width:140px;
	height:14px;
	position:absolute;
	bottom:500px;
	right:20px;
	z-index: 20; 
	left: 50%;
	margin-left: -65px
	}
.bannerFocus dl dd{
	list-style-type:none;
	width:40px;
	height:3px;
	float:left;
	margin-right:5px;
	cursor:pointer;
	background:#ffffff;
	}
.bannerFocus dl .bg{
	background:#ee0326;
	width:40px;
	height:3px;
	border:none;
	}
.xiala{
	width:30px;
	height:16px;
    position: absolute;
    bottom:480px;
    z-index: 20;
    left: 50%;
    margin-left: -14px;
	}
.xiala a{
	background:url(../images/xiala.png) center no-repeat;
	background-position:0px 0px;
	width:30px;
	height:16px;
	overflow:hidden;
	display:block;
	}
.xiala a:hover{
	background:url(../images/xiala.png) center no-repeat;
	background-position:0 -16px;
    }
/*----------------banner end--------------------*/
.indexScreen{
	width:100%;
	height:1199px;
	overflow:hidden;
	background-size:cover;
	}
.indexScreen01{
	background:url(../images/screen01.png) center bottom no-repeat;
	}
.indexScreenCont{
	width:1000px;
	height:auto;
	overflow:hidden;
	position:relative;
	}
.indexTeamList{
	margin-top:350px;
	height:auto;
	}
.scrollleft{
	width:1000px;
	margin:0 auto;
	margin-top:20px;
	}
.scrollleft ul{
	width:1026px;
	}
.scrollleft li{
	float:left;
	margin-right:26px;
	display:inline;
	width:230px;
	height:275px;
	text-align:center;
	line-height:19px;
	position:relative;
	}
.scrollleft img{
	width:230px;
	height:165px;
	}
.scrollleft li  p{
	width: 230px;
    height: 40px;
    line-height: 40px;
    background: #000000;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
	margin-top:10px;
	}
.scrollleft li  p a{
	color:#fff;
	}
/*.scrollleft li a:hover p{
	background:#ee0326;
	background:red;
	}*/
.scrollleft ul li div.zhezhao{
	position:absolute;
	left:0px;
	top:0px;
	width:230px;
	height:165px;
	background: rgba(0,0,0,0.5);
	display:none;
	/*display:block;*/
	}
.indexTeamListMore{
	width:284px;
	height:58px;
	line-height:58px;
	background:#ee0326;
	font-size:16px;
	text-indent:125px;
}
.indexTeamListMore a{
	color:#fff;
	display:block;
	width:284px;
	height:58px;
	}
/*----------------indexScreen01 end--------------------*/
.indexScreen02{
	background:url(../images/screen02.png) center bottom no-repeat;
	}
.indexNewSign{
	margin-top:350px;
	}
/*.indexNewSign ul li{
	width:333px;
	height:230px;
	float:left;
	position:relative;
	}
.indexNewSign ul li img{
	width:333px;
	height:230px;
	overflow:hidden;
	}
.indexNewSign ul li .newSingZheImg{
	width:333px;
	height:184px;
	overflow:hidden;
	background:url(../images/new-sign-zhezhao.png) center top no-repeat;
	position:absolute;
	top:0;
	left:0;
	display:none;
	}
.indexNewSign ul li a{
	width:333px;
	height:46px;
	position:absolute;
	color:#000000;
	font-size:14px;
	text-align:center;
	bottom:0;
	left:0;
	display:none;
	}
.indexNewSign ul li a p{
	width:333px;
	height:46px;
	line-height:46px;
	color:#000000;
	background:#fff;
	}

*//*----------------indexScreen02 end--------------------*/
.indexScreen03{
	background:url(../images/screen03.png) center bottom no-repeat;
	}
.indexService{
	margin-top:400px;
	}
.indexService ul li{
	width:90px;
	height:287px;
	float:left;
	padding:0 55px;
	position:relative;
	left:0;
	top:0;
	cursor:pointer;
	margin-top: 50px;
	}
.indexService ul li .serviceImg{
	width:90px;
	height:97px;
	margin-bottom:60px;
	text-align:center;
	}
.indexService ul li a{
	color:#ee0326;
	text-align:center;
	}
.indexService ul li a p{
	font-size:14px;
	}
.serviceZhe{
	position:absolute;
	top:-50px;
	left:0;
	width:195px;
	height:287px;
	background:#ee0326;
	overflow:hidden;
	display:none;
	}
.serviceZhe img{
	margin: 35px 55px 13px 57px;
	}
.serviceZhe img.serviceZheImg01{
	margin:35px  61px 13px;
	}
.serviceZhe img.serviceZheImg02{
	margin:35px  64px 13px;
	}
.serviceZhe span{
	display:block;
	text-align:center;
	margin-bottom:30px;
	color:#ffffff;
	font-size:14px;
	}
.serviceZhe p{
	padding: 0px 15px 0 20px;
	line-height:24px;
	color:#ffffff;
	font-size:12px;
	height:72px;
	overflow:hidden;
	}
.indexNewSignMore{
	margin-top:80px;
	width:284px;
	height:58px;
	line-height:58px;
	background:#ee0326;
	font-size:16px;
	text-indent:125px;
}
.indexNewSignMore a{
	color:#fff;
	display:block;
	width:284px;
	height:58px;
	}
/*----------------indexScreen03 end--------------------*/
.indexScreen04{
	background:url(../images/screen04.png) center bottom no-repeat;
	}
.indexJoin{
	margin-top:390px;
	}
.indexJoin ul li{
	width:233px;
	height:307px;
	float:left;
	position:relative;
	left:0;
	top:0;
	cursor:pointer;
	margin-right:17px;
	}
.indexJoin ul li.mRight0{
	margin-right:0;
	}
.indexJoin ul li a img{
	width:233px;
	height:211px;
	overflow:hidden;
	}
.indexJoin ul li a p{
	height:83px;
	line-height:83px;
	background:#f7f7f7;
	text-align:center;
	color:#171a13;
	border-bottom:3px solid #ee0326;
	font-size:14px;
	}
.indexJoin ul li a .textZhezhao{
	position:absolute;
	top:0;
	left:0;
	display:none;
	}
.indexJoinMore{
	margin-top:80px;
	width:284px;
	height:58px;
	line-height:58px;
	background:#ee0326;
	font-size:16px;
	text-indent:125px;
}
.indexJoinMore a{
	color:#fff;
	}
/*----------------indexScreen04 end--------------------*/
.indexScreen05{
	background:url(../images/screen05.png) center bottom no-repeat;
	}
.indexApparatus{
	margin-top:390px;
	}
.indexApparatus ul{
	width:870px;
	}
.indexApparatus ul li{
	width:433px;
	height:316px;
	float:left;
	position:relative;
	left:0;
	top:0;
	cursor:pointer;
	background:url(../images/apparatus-li-bg.png) center top no-repeat;
	}
.indexApparatus ul li.mRight0{
	margin-right:0;
	}
.indexApparatus ul li a img{
	width:412px;
	height:294px;
	border:1px solid #999999;
	overflow:hidden;
	margin:10px;
	}
.indexApparatus ul li a .textZhezhao{
	position:absolute;
	top:0px;
	left:0px;
	width:414px;
	height:296px;
	display:none;
	}
.indexApparatus ul li a p{
	position:absolute;
	top:145px;
	left:0;
	width:434px;
	text-align:center;
	font-size:16px;
	color:#ffffff;
	display:none;
	}
.borderR{
	border-right:1px dotted #ccc;
	}
.borderB{
	border-bottom:1px dotted #ccc;
	}
/*----------------indexScreen05 end--------------------*/
.indexScreen06{
	background:url(../images/screen06.png) center bottom no-repeat;
	}
.indexTrainingCenter{
	margin-top:500px;
	}
.indexTrainingCenter ul li{
	width:310px;
	height:205px;
	float:left;
	position:relative;
	left:0;
	top:0;
	cursor:pointer;
	border:1px solid #eeddde;
	margin-right:10px;
	}
.mRight0{
	margin-right:0px;
	}
.indexTrainingCenter ul li.mRight0{
	margin-right:0;
	}
.indexTrainingCenter ul li img{
	width:310px;
	height:205px;
	overflow:hidden;
	}
.txt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6);
}
.txt p{
	font-size: 14px;
	display: block;
	line-height: 40px;
}
/*----------------indexScreen06 end--------------------*/
.indexScreen07{
	background:url(../images/screen07.png) center bottom no-repeat;
	height:905px;
	}
.indexContactUs{
	margin-top:425px;
	}
.indexContactUs dl{
	height:180px;
	float:left;
	padding-left:20px;
	border-left:1px solid #dedede;
	text-align:left;
	}
.indexContactUs dl.footerDl01{
	width:210px;
	height:180px;
	padding-left:10px;
	border:none;
	}
.indexContactUs dl.footerDl02{
	width:230px;
	}
.indexContactUs dl.footerDl03{
	width:265px;
	padding-left:8px;
	}
.indexContactUs dl.footerDl04{
	width:220px;
	}
.indexContactUs dl.paddingL0 dt,
.indexContactUs dl.paddingL0 dt dd{
	cursor:pointer;
	}
.indexContactUs dl dt{
	width:240px;
	height:45px;
	font-size:16px;
	}
.indexContactUs dl dt a,.indexContactUs dl dd a{
	color:#6f6f6f;
	}
.indexContactUs dl dt a:hover,.indexContactUs dl dd a:hover{
	color:#ee0326;
	}
.indexContactUs dl dd{
	width:240px;
	height:28px;
	font-size:13px;
	color:#6f6f6f;
	}
/*----------------indexScreen07 end--------------------*/
@media (max-width: 1600px){
	.bannerbox ul.bannerImg li{
		left:-110px;
	}
	.insideBanner{
		left:0px !important;
		}
}
@media (max-width: 1500px){
	.bannerbox ul.bannerImg li{
		left:-200px;
	}
}
@media (max-width: 1400px){
	/*.header  a.logo{
		left:10px;
	}
	.headerBg .hotLine {
    	right: 5px;
	}*/
	.bannerbox ul.bannerImg li{
		left:-200px;
	}
}
@media (max-width: 1300px){
	/*.header  a.logo{
		left:32px;
	}
	.headerBg .hotLine {
    	right: -25px;
	}*/
	.bannerbox ul.bannerImg li{
		left:-300px;
	}
	.insideBanner{
		left:0px !important;
		}
}
@media (max-width: 1199px){
	/*.header  a.logo{
		left:-130px;
	}
	.headerBg .hotLine {
    	right: -190px;
	}*/
	.bannerbox ul.bannerImg li{
		left:-400px;
	}
}

@media (max-width: 991px){ 
	/*.header  a.logo{
		left:-130px;
	}
	.headerBg .hotLine {
    	right: -190px;
	}
*/	.bannerbox ul.bannerImg li{
		left:-500px;
	}
}

@media (max-width: 767px){
	/*.header  a.logo{
		left:-130px;
	}
	.headerBg .hotLine {
    	right: -190px;
	}*/
}

/*-------------@media end-------------------*/

.indexScreen08{
	background:url(../images/screen08.png) center top no-repeat;
	}
.indexCooperStyle{
	padding-top:370px;
	width:1180px;
	padding-left:90px;
	}
.cooperStyleCont{
	height:1200px;
	position:relative;
	top:0;
	left:0;
	}
.cooperStyle{
	width:1180px;
	margin:0 auto;
	background:#99F;
	position:relative;
	top:0;
	left:0;
	}
.main01{
	position:absolute;
	top:-28px;
	left:43px;
	}
.main02{
	position:absolute;
	top:-28px;
	left:634px;
	}
.main03{
	position:absolute;
	top:350px;
	left:339px;
	}
.main01 .box{
	width:416px;
	height:416px;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	}
.main02 .box{
	width:416px;
	height:416px;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	}
.main03 .box{
	width:416px;
	height:416px;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	}
.boxImg02{
	width:416px;
	height:416px;
	overflow:hidden;
	position:relative;
	}
.main01 .box a.smallImg01,.main02 .box a.smallImg02,.main03 .box a.smallImg03{
	cursor:pointer;
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	-o-transform: rotateZ(-45deg);
	-ms-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
	overflow:hidden;
	position:absolute;
	}
.main01 .box a.smallImg01{
	width:899px;
    height: 600px;
	left: -198px;
	top: -129px;
	}
.main02 .box a.smallImg02{
	width:817px;
    height: 591px;
	left: -228px;
	top: -57px;
	}
.main03 .box a.smallImg03{
	width:817px;
    height: 591px;
	left: -189px;
	top: -158px;
	}
.main01 .box a.smallImg01{
	background:url(../images/ys.jpg) no-repeat;
	}
.main02 .box a.smallImg02{
	background:url(../images/tg.jpg) no-repeat;
	}
.main03 .box a.smallImg03{
	background:url(../images/jm.jpg) no-repeat;
	}
		
.main01 .box a.smallImg01:hover{
	left: -200px;
	top: -130px;
	}
.main02 .box a.smallImg02:hover{
	left: -230px;
	top: -59px;
	}
.main03 .box a.smallImg03:hover{
	left: -196px;
	top: -162px;
	}
.main01 .box .boxImg02 a p{
	position:relative;
	top: 220px;
	left: -75px;
	color:#fff;
	width:97px;
	height:50px;
	background:url(../images/ysw.png) no-repeat;
	}
.main02 .box .boxImg02 a p{
	position:relative;
	top: 220px;
	left: 40px;
	color:#fff;
	width:97px;
	height:50px;
	background:url(../images/tgw.png) no-repeat;
	}
.main03 .box .boxImg02 a p{
	position:relative;
	top: 258px;
	left: 32px;
	color:#fff;
	width:360px;
	height:50px;
	background:url(../images/jmw.png) no-repeat;
	}
/*----------------indexScreen08 end--------------------*/