html{
}
body{
}
.top{
	width:100%;
	height:100%;
	background:url(../images/bg.jpg) no-repeat;	
	background-position: center center;
	/* background-attachment: fixed;	 */
	background-size: cover;
	overflow:hidden;
	position:relative;
}
.circle{
	width:1708px;
	height:1708px;
	background:url(../images/circlebg3.png) no-repeat;
	background-position:-5px 2px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-884px;
	margin-left:-865px;	
	z-index:0;
}
.roundbg1{
	width:1164px;
	height:1164px;
	background:url(../images/circlebg2.png) no-repeat;	
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-590px;
	margin-left:-582px;	
	-ms-animation:rotate 10s linear infinite;	
	-webkit-animation:rotate 10s linear infinite;	
	-moz-animation:rotate 10s linear infinite;	
	-o-animation:rotate 10s linear infinite;	
}
.roundbg2{
	position:absolute;	
	width:594px;
	height:594px;
	background:url(../images/circlebg.png) no-repeat;	
	left:50%;
	top:50%;
	margin-top:-297px;
	margin-left:-292px;	
	-ms-animation:rotate2 16s linear infinite;		
	-webkit-animation:rotate2 16s linear infinite;		
	-moz-animation:rotate2 16s linear infinite;		
	-o-animation:rotate2 16s linear infinite;		
}
@-ms-keyframes rotate{ 		
	0%{-ms-transform:rotate(0deg);} 			
	100%{-ms-transform:rotate(360deg);} 	
}
@-webkit-keyframes rotate{ 		
	0%{-webkit-transform:rotate(0deg);} 			
	100%{-webkit-transform:rotate(360deg);} 	
}
@-moz-keyframes rotate{ 		
	0%{-moz-transform:rotate(0deg);} 			
	100%{-moz-transform:rotate(360deg);} 	
}
@-o-keyframes rotate{ 		
	0%{-o-transform:rotate(0deg);} 			
	100%{-o-transform:rotate(360deg);} 	
}
@-ms-keyframes rotate2{ 		
	0%{-ms-transform:rotate(0deg);} 			
	100%{-ms-transform:rotate(-360deg);} 	
}
@-webkit-keyframes rotate2{ 		
	0%{-webkit-transform:rotate(0deg);} 			
	100%{-webkit-transform:rotate(-360deg);} 	
}
@-moz-keyframes rotate2{ 		
	0%{-moz-transform:rotate(0deg);} 			
	100%{-moz-transform:rotate(-360deg);} 	
}
@-o-keyframes rotate2{ 		
	0%{-o-transform:rotate(0deg);} 			
	100%{-o-transform:rotate(-360deg);} 	
}
.srollTab{
	width:22px;
	height:254px;
	background:url(../images/topLeftTab.png) no-repeat;
	position:absolute;
	left:70px;
	top:50%;	
	margin-top:-150px;
}
.srollTab span{
	display:block;	
	width:20px;
	height:10px;
	background:url(../images/tabIco.png) no-repeat;
	position:absolute;
	left:-18px;
	top:46px;	
}
.srollTab .tab1{
	top:46px;	
}
.srollTab .tab2{
	top:98px;	
}
.srollTab .tab3{
	top:149px;	
}
.srollTab .tab4{
	top:200px;	
}
.circleText{
	width:600px;
	height:300px;
	text-align:center;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-300px;
	margin-top:-120px;
}
.circleText h1{
	font-size:50px;
	color:#fff;
	line-height:80px;
	font-weight:400;
}
.circleText h2{
	font-size:50px;
	color:#34a9d4;
	line-height:80px;
	font-weight:400;	
}
.circleText p{
	font-size:30px;
	color:#fff;
	line-height:50px;
}
.circleText div{
	width:100%;
	height:100%;
	display:none;
	position:absolute;
	left:0;
	top:0;
}
.circleText .showText{
	display:block;
	animation: fadeIn .5s;
	-moz-animation: fadeIn .5s;	/* Firefox */
	-webkit-animation: fadeIn .5s;	/* Safari 和 Chrome */
	-o-animation: fadeIn .5s;	/* Opera */
}
@keyframes fadeIn
{
0%   {margin-top:200px;opacity:0.3}
100% {margin-top:0px;opacity:1}
}
@-moz-keyframes fadeIn
{
0%   {margin-top:200px;opacity:0.3}
100% {margin-top:0px;opacity:1}
}
@-webkit-keyframes fadeIn
{
0%   {margin-top:200px;opacity:0.3}
100% {margin-top:0px;opacity:1}
}
@-o-keyframes fadeIn
{
0%   {margin-top:200px;opacity:0.3}
100% {margin-top:0px;opacity:1}
}
.circleText .hideText{
	display:block;
	opacity:0;
	animation: fadeOut .5s;
	-moz-animation: fadeOut .5s;	/* Firefox */
	-webkit-animation: fadeOut .5s;	/* Safari 和 Chrome */
	-o-animation: fadeOut .5s;	/* Opera */
}
@keyframes fadeOut
{
0%   {margin-top:0px;opacity:1}
100% {margin-top:-200px;opacity:0;display:none;}
}
@-moz-keyframes fadeOut
{
0%   {margin-top:0px;opacity:1}
100% {margin-top:-200px;opacity:0;display:none;}
}
@-webkit-keyframes fadeOut
{
0%   {margin-top:0px;opacity:1}
100% {margin-top:-200px;opacity:0;display:none;}
}
@-o-keyframes fadeOut
{
0%   {margin-top:0px;opacity:1}
100% {margin-top:-200px;opacity:0;display:none;}
}

.topIco{
	position:absolute;
	left:70px;
	bottom:40px;
	color:#fff;
}
.codeTop{
	width:110px;
	height:110px;
	background:#fff;
	padding:15px;
	position:absolute;
	bottom:120px;
	left:100px;
	overflow:hidden;
	display:none;
}
.codeTop img{
	width:110px;
	height:110px;
}
.codeTop2{
	width:110px;
	height:110px;
	background:#fff;
	padding:15px;
	position:absolute;
	bottom:120px;
	left:20px;
	overflow:hidden;
	display:none;
}
.codeTop2 img{
	width:110px;
	height:110px;
}
.topIco div{
	height:40px;
	margin-bottom:10px;
}
.topIco div span{
	display:inline-block;
	width:40px;
	height:40px;
	overflow:hidden;
	margin-right:30px;
	cursor:pointer;
}
.topIco div .qq{
	background:url(../images/qq.png) center no-repeat;	
}
.topIco div .wchat{
	background:url(../images/weixin.png) center no-repeat;	
}
.topIco div .code{
	background:url(../images/code.png) center no-repeat;	
}

.topNews{
	position:absolute;
	right:70px;
	bottom:40px;
	line-height:30px;
}
.topNews h3{
	color:#fff;
	font-size:18px;	
	text-align:right;
	line-height:30px;
	padding-bottom:20px;
}
.topNews div{
	display:inline-block;
	width:250px;
	height:140px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	text-align:center;
	border:1px solid #498eb9;
}
.topNews div img{
	width:250px;
	height:100%;
	transition:all 0.3s;	
}
.topNews div:hover img{
	
	width:105%;
	height:105%;
}
.topNews span{
	width:100%;
	height:50px;
	background:rgba(0,0,0,0.6);
	position:absolute;
	left:0;
	text-align:center;	
	font-size:16px;
	color:#fff;
	line-height:50px;
	bottom:-50px;
	transition:all 0.3s;	
}
.topNews div:hover span{
	bottom:0;	
}
.mouseTip{
	width:60px;
	height:140px;
	text-align:center;
	position:absolute;
	left:50%;
	bottom:10px;
	margin-left:-30px;
	z-index:1;
}
.mouseTip div{
	display:inline-block;
	width:54px;
	height:79px;
	background:url(../images/mouse.png) no-repeat;
	margin-bottom:10px;	
}
.mouseTip span{
	display:inline-block;
	width:42px;
	height:15px;
	background:url(../images/arrow.png) no-repeat;	
}
.mouseTip .aoorw1{
	-ms-animation:fade 0.8s linear infinite;			
	-webkit-animation:fade 0.8s linear infinite;			
	-moz-animation:fade 0.8s linear infinite;			
	-o-animation:fade 0.8s linear infinite;
	opacity:0.8;	
}
.mouseTip .aoorw2{
	-ms-animation:fade2 0.8s linear infinite;
	-webkit-animation:fade2 0.8s linear infinite;
	-moz-animation:fade2 0.8s linear infinite;
	-o-animation:fade2 0.8s linear infinite;
	opacity:0;
}
@-ms-keyframes fade{ 		
	0%{opacity:0.8;} 
	50%{opacity:0;} 	
	100%{opacity:0.8;} 	
}
@-webkit-keyframes fade{ 		
	0%{opacity:0.8;} 
	50%{opacity:0;} 	
	100%{opacity:0.8;} 	
}
@-moz-keyframes fade{ 		
	0%{opacity:0.8;} 
	50%{opacity:0;} 	
	100%{opacity:0.8;} 	
}
@-o-keyframes fade{ 		
	0%{opacity:0.8;} 
	50%{opacity:0;} 	
	100%{opacity:0.8;} 	
}
@-ms-keyframes fade2{ 		
	0%{opacity:0;} 			
	50%{opacity:.5;} 			
	100%{opacity:0;} 	
}
@-webkit-keyframes fade2{ 		
	0%{opacity:0;} 			
	50%{opacity:.5;} 			
	100%{opacity:0;} 	
}
@-moz-keyframes fade2{ 		
	0%{opacity:0;} 			
	50%{opacity:.5;} 			
	100%{opacity:0;} 	
}
@-o-keyframes fade2{ 		
	0%{opacity:0;} 			
	50%{opacity:.5;} 			
	100%{opacity:0;} 	
}
.indexBlock{
	width:100%;
	text-align:center;
	margin:0 auto;
}
.indexBlock div{
	display:inline-block;
	width:340px;
	height:280px;
	overflow:hidden;
	margin:0px -3px;
	transition:all 0.3s;
	background-size:100%;	
}
.indexBlock .block1{
	background-image:url(../images/img1.png);
}
.indexBlock .block2{
	background-image:url(../images/img2.png);
}
.indexBlock .block3{
	background-image:url(../images/img3.png);
}
.indexBlock .block4{
	background-image:url(../images/img4.png);
}
.indexBlock div:hover{
	background-position:0px -20px;
}
.indexServe{
	width:100%;
	margin:0 auto;	
	background:#f9f9f9;
	padding:56px 0;
	margin:50px 0px 0px 0;
	position:relative;
	overflow:hidden;
}
.serviceMid .sq{
	width:400px;
	height:400px;
	border:1.5px solid #006cff;	
	border-image: -webkit-linear-gradient(#17e639, #0c7de7) 30 30;			
	border-image: -moz-linear-gradient(#17e639, #0c7de7) 30 30;			
	border-image: -o-linear-gradient(#17e639, #0c7de7) 30 30;			
	border-image: linear-gradient(#17e639, #0c7de7) 30 30;	
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-200px;
	margin-left:-200px;
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); 	/* IE 9 */
	-moz-transform:rotate(0deg); 	/* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
	-o-transform:rotate(0deg); 	/* Opera */		
}
.indexServe .serviceMid{
	width:580px;
	height:580px;
	background:url(../images/serviceBg.png) no-repeat;
	background-size:100%;
	position:relative;
	margin:0 auto;
	color:#9e9e9e;
	text-align:center;
	overflow:hidden;
}
.serviceMid p{
	margin-top:250px;
	font-size:26px;	
}
.serviceMid .sq2{
	-ms-transform:rotate(30deg); 	/* IE 9 */
	-moz-transform:rotate(30deg); 	/* Firefox */
	-webkit-transform:rotate(30deg); /* Safari 和 Chrome */
	-o-transform:rotate(30deg); 	/* Opera */	
	animation: sqRotate2 1.5s;
	-moz-animation: sqRotate2 1.5s;	/* Firefox */
	-webkit-animation: sqRotate2 1.5s;	/* Safari 和 Chrome */
	-o-animation: sqRotate2 1.5s;	/* Opera */
}
@keyframes sqRotate2
{
0%   {transform:rotate(0deg);}
100% {transform:rotate(30deg);}
}
@-moz-keyframes sqRotate2
{
0%   {-moz-transform:rotate(0deg);}
100% {-moz-transform:rotate(30deg);}
}
@-webkit-keyframes sqRotate2
{
0%   {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(30deg);}
}
@-o-keyframes sqRotate2
{
0%   {-o-transform:rotate(0deg);}
100% {-o-transform:rotate(30deg);}
}
.serviceMid .sq3{
	transform:rotate(60deg);
	-ms-transform:rotate(60deg); 	/* IE 9 */
	-moz-transform:rotate(60deg); 	/* Firefox */
	-webkit-transform:rotate(60deg); /* Safari 和 Chrome */
	-o-transform:rotate(60deg); 	/* Opera 	*/
	animation: sqRotate3 1.5s;
	-moz-animation: sqRotate3 1.5s;	/* Firefox */
	-webkit-animation: sqRotate3 1.5s;	/* Safari 和 Chrome */
	-o-animation: sqRotate3 1.5s;	/* Opera */	
}
@keyframes sqRotate3
{
0%   {transform:rotate(90deg);}
100% {transform:rotate(60deg);}
}
@-moz-keyframes sqRotate3
{
0%   {-moz-transform:rotate(90deg);}
100% {-moz-transform:rotate(60deg);}
}
@-webkit-keyframes sqRotate3
{
0%   {-webkit-transform:rotate(90deg);}
100% {-webkit-transform:rotate(60deg);}
}
@-o-keyframes sqRotate3
{
0%   {-o-transform:rotate(90deg);}
100% {-o-transform:rotate(60deg);}
}
.indexServeLeft{
	position:absolute;
	right:50%;
	width:290px;
	top:80px;
	margin-right:350px;
}
.indexServeLeft span{
	display:inline-block;
	width:281px;
	height:86px;
	font-size:26px;
	color:#888888;
	line-height:86px;
	text-align:center;
	background:url(../images/sqbg2.png) no-repeat;
	clear:both;
	float:left;
	margin-top:75px;
	opacity:0;	
}

.indexServeLeft .left1,.indexServeLeft .left2,.indexServeLeft .left3{
	margin-left:150px;
}
.indexServeLeft .leftMotion{
	margin-left:30px;
	opacity:1;
	animation: leftMotion 1s;
	-moz-animation: leftMotion 1s;	/* Firefox */
	-webkit-animation: leftMotion 1s;	/* Safari 和 Chrome */
	-o-animation: leftMotion 1s;	/* Opera */	
}
@keyframes leftMotion
{
0%   {margin-left:150px;opacity:0;}
100% {margin-left:30px;opacity:1;}
}
@-moz-keyframes leftMotion
{
0%   {margin-left:150px;opacity:0;}
100% {margin-left:30px;opacity:1;}
}
@-webkit-keyframes leftMotion
{
0%   {margin-left:150px;opacity:0;}
100% {margin-left:30px;opacity:1;}
}
@-o-keyframes leftMotion
{
0%   {margin-left:150px;opacity:0;}
100% {margin-left:30px;opacity:1;}
}
.indexServeLeft .leftMotion2{
	margin-left:0px;
	opacity:1;
	animation: leftMotion2 1s;
	-moz-animation: leftMotion2 1s;	/* Firefox */
	-webkit-animation: leftMotion2 1s;	/* Safari 和 Chrome */
	-o-animation: leftMotion2 1s;	/* Opera */	
}
@keyframes leftMotion2
{
0%   {margin-left:150px;opacity:0;}
100% {margin-left:0px;opacity:1;}
}
@-moz-keyframes leftMotion2
{
0%   {margin-left:150px;opacity:0;}
100% {margin-left:0px;opacity:1;}
}
@-webkit-keyframes leftMotion2
{
0%   {margin-left:150px;opacity:0;}
100% {margin-left:0px;opacity:1;}
}
@-o-keyframes leftMotion2
{
0%   {margin-left:150px;opacity:0;}
100% {margin-left:0px;opacity:1;}
}
.indexServeRgt{
	position:absolute;
	left:50%;
	width:290px;
	top:80px;
	margin-left:350px;
}
.indexServeRgt span{
	display:inline-block;
	width:281px;
	height:86px;
	font-size:26px;
	color:#888888;
	line-height:86px;
	text-align:center;
	background:url(../images/sqbg.png) no-repeat;
	clear:both;
	float:right;
	margin-top:75px;
	opacity:0;
}
.indexServeRgt .right1,.indexServeRgt .right2,.indexServeRgt .right3{
	margin-right:150px;
}
.indexServeRgt .rightMotion{
	margin-right:30px;
	opacity:1;
	animation: rightMotion 1s;
	-moz-animation: rightMotion 1s;	/* Firefox */
	-webkit-animation: rightMotion 1s;	/* Safari 和 Chrome */
	-o-animation: rightMotion 1s;	/* Opera */	
}
@keyframes rightMotion
{
0%   {margin-right:150px;opacity:0;}
100% {margin-right:30px;opacity:1;}
}
@-moz-keyframes rightMotion
{
0%   {margin-right:150px;opacity:0;}
100% {margin-right:30px;opacity:1;}
}
@-webkit-keyframes rightMotion
{
0%   {margin-right:150px;opacity:0;}
100% {margin-right:30px;opacity:1;}
}
@-o-keyframes rightMotion
{
0%   {margin-right:150px;opacity:0;}
100% {margin-right:30px;opacity:1;}
}
.indexServeRgt .rightMotion2{
	margin-right:0px;
	opacity:1;
	animation: rightMotion2 1s;
	-moz-animation: rightMotion2 1s;	/* Firefox */
	-webkit-animation: rightMotion2 1s;	/* Safari 和 Chrome */
	-o-animation: rightMotion2 1s;	/* Opera */	
}
@keyframes rightMotion2
{
0%   {margin-right:150px;opacity:0;}
100% {margin-right:0px;opacity:1;}
}
@-moz-keyframes rightMotion2
{
0%   {margin-right:150px;opacity:0;}
100% {margin-right:0px;opacity:1;}
}
@-webkit-keyframes rightMotion2
{
0%   {margin-right:150px;opacity:0;}
100% {margin-right:0px;opacity:1;}
}
@-o-keyframes rightMotion2
{
0%   {margin-right:150px;opacity:0;}
100% {margin-right:0px;opacity:1;}
}
.more{
	width:136px;
	height:46px;
	line-height:46px;
	font-size:18px;
	color:#666666;
	background:url(../images/more.png) no-repeat;
	text-align:center;
	padding-right:20px;
	margin:0 auto;
	margin-top:50px;
	transition:all 0.3s;
	cursor:pointer;	
}
.more:hover{
	text-indent:-10px;
}

.strenge{
	width:100%;
	background:url(../images/indexBg2.jpg) no-repeat;	
	background-position: center center;
	background-attachment: fixed;	
	background-size: cover;	
	margin-top:30px;
	padding-bottom:50px;
}
.indexNews{
	width:100%;
	padding-bottom:40px;
}
.indexNewsCont{
	width:100%;
	text-align:center;
}
.indexNewsLeft{
	display:inline-block;
	width:485px;
	height:400px;
	overflow:hidden;
	margin-left:100px;
}
.indexNewsLeft img{
	width:485px;
	height:240px;
}
.indexNewsLeft h3{
	display:inline-block;
	font-size:20px;
	color:#333333;
	width:485px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	text-align:left;
	line-height:60px;
}
.indexNewsLeft p{
	font-size:15px;
	color:#999999;
	display:inline-block;
	width:485px;
	height:50px;
	line-height:24px;
	overflow:hidden;
}
.indexNewsRight{
	display:inline-block;
	width:610px;
	height:400px;
	overflow:hidden;
	margin-left:100px;
}
.indexNewsList{
	width:558px;
	border:1px solid #fff;
	padding:25px 20px;
	height:60px;
	overflow:hidden;
	position:relative;
	float:left;
	margin-bottom:20px;
	transition:all 0.3s;	
	cursor:pointer;
}
.indexNewsDate{
	float:left;
	width:100px;
	height:100%;
	overflow:hidden;
	padding-right:25px;
}
.date1{
	font-size:36px;
	color:#666666;
	white-space:nowrap;
	display:inline-block;
	width:100%;
	text-align:right;
}
.date2{
	font-size:18px;
	color:#999999;
	text-align:right;	
	white-space:nowrap;	
	display:inline-block;
	width:100%;	
}
.indexNewsContent{
	height:100%;
	overflow:hidden;
}

.indexNewsContent h3{
	display:inline-block;
	width:380px;	
	font-size:20px;
	color:#555555;
	font-weight:400;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;	
	text-align:left;
}
.indexNewsContent p{
	text-align:left;	
	display:inline-block;
	width:380px;
	font-size:15px;
	color:#999;
	padding-top:10px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.into{
	width:24px;
	height:24px;
	background:url(../images/into.png) no-repeat;
}
.indexNewsList .into{
	position:absolute;
	right:0px;
	top:45px;
	opacity:0;
	transition:all 0.3s;	
}
.curNews{
	border-color:#ccc;
}
.curNews .into{
	opacity:1;
	right:20px;	
}
.indexNewsList:hover .into{
	opacity:1;
	right:20px;	
}
.indexNewsList:hover{
	border-color:#ccc;
}
.indexNews .more{
	margin-top:20px;
}
.bottom{
	width:100%;
	min-height:440px;
	padding:40px 0;
	/*background:#f3f3f3 url(../images/botBigLogo.png) 0 bottom  no-repeat;*/
	background:#f3f3f3 0 bottom  no-repeat
	text-align:center;
	background-size:10%;
}
.leftBot{
	width:30%;
	height:440px;
	display:inline-block;
	overflow:hidden;
	background:url(../images/botlogo.png) center center no-repeat;
	border-right:1px solid #ddd;
}
.midBot{
	width:20%;
	height:420px;
	display:inline-block;
	overflow:hidden;	
	padding-left:60px;	
	border-right:1px solid #ddd;
}
.midBot ul{
	clear:both;
	float:left;
	margin-left:20px;
	margin-bottom:50px;
}
.midBot li{
	font-size:16px;
	color:#bbbbbb;
	line-height:20px;
	cursor:pointer;
	margin-bottom:10px;
}
.midBot div{
	font-size:20px;
	color:#666666;
	display:inline-block;
	clear:both;
	float:left;
	line-height:50px;
	cursor:pointer;
}
.midBot div span{
	font-size:16px;
	color:#999;
	padding-left:10px;
}
.rightBot{
	width:35%;
	height:440px;
	display:inline-block;	
}
.rightBot p{
	text-align:left;
	line-height:40px;
	margin-left:60px;
}
.rightBot span a{
	color:#999;
	margin-right:10px;
	
}
.rightBot div{
	display:block;
	text-align:left;
	padding-left:60px;
	padding-top:20px;
}
.qqLink{
	background:url(../images/qqIco.png) no-repeat;
	
}
.wchatLink{
	background:url(../images/wchatIco.png) no-repeat;	
}