/* CSS Document */

.home_bg{
transition: all 0.8s;
transform: scale(1.0);
background:#f1f1f1; color:#333333; cursor:pointer; font-size:14px; border:#CCCCCC solid 1px;}
.home_bgs{
transition: all 0.8s;
transform: scale(1.0);
background:#2863af; color:#FFFFFF; cursor:pointer; font-size:14px; border:#FFFFFF solid 1px;}


body,td,th {
	font-size: 12px;
	font-family:"微软雅黑";
	color: #333333;
}
body {
background:#ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {
	font-size: 12px;
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #333333;
}
a:active {
	color: #FF6600;
}
.menu{
transition: all 0.6s;
transform: scale(1.0); 
color:#333333; font-size:16px; cursor:pointer;}
.menus{
transition: all 0.6s;
transform: scale(1.0); 
 color:#FFFFFF; font-size:16px; cursor:pointer;}
 
.left_bg{
transition: all 0.6s;
transform: scale(1.0);
background:#ffffff;
color:#333333; font-size:14px; cursor:pointer;}
.left_bgs{
transition: all 0.6s;
transform: scale(1.0); 
background:#f0ecd1;
color:#333333; font-size:14px; cursor:pointer;}

.tech {
	font-size: 16px;
	color: #333333;
	cursor:pointer;
}
.techs {
	font-size: 16px;
	color:#003399;
	cursor:pointer;
}



.cases{
transition: all 0.6s;
transform: scale(1.0); 
background:#ffffff; cursor:pointer;}
.casess{
transition: all 0.6s;
transform: scale(1.0); 
background:#eeeeee; cursor:pointer;}


.chakan{
transition: all 0.8s;
transform: scale(1.0); 
background:#015db2; color:#ffffff; cursor:pointer;}
.chakans{
transition: all 0.8s;
transform: scale(1.0); 
color:#ffffff; cursor:pointer; background:#000000;}



.chakanx{
transition: all 0.5s;
transform: scale(1.0); 
background:#dedede; color:#333333; font-size:16px; cursor:pointer;}
.chakanxs{
transition: all 0.5s;
transform: scale(1.0); 
color:#ffffff; cursor:pointer; font-size:16px; background:#015db2;}




*{margin:0;padding:0}html,css{width:100%;height:100%}.position{margin-left:auto;margin-right:auto;text-align:center;margin-top:15%}#workarea{position:absolute;width:100%;height:100%;background-color:#1e1a3e;font-family:Raleway}#personal{color:#666666;text-decoration:none;position:absolute;bottom:15px;right:2%}.spot{position:absolute;width:100%;height:100%;top:0;left:0}.svg-wrapper{margin-top:0;position:relative;width:90px;height:40px;display:inline-block;border-radius:3px;margin-left:5px;margin-right:5px}#shape{stroke-width:6px;fill:transparent;stroke:#ffffff;stroke-dasharray:85 400;stroke-dashoffset:-220;transition:1s all ease}#text{margin-top:-32px;text-align:center}#text a{color:#666666;text-decoration:none;font-weight:100;font-size:16px;}.svg-wrapper:hover #shape{stroke-dasharray:50 0;stroke-width:3px;stroke-dashoffset:0;stroke:#ed5200}

.top { width:100%; height:180px; position:fixed; z-index:999999999999999999999999999999999999999999999999999999999999999; *bottom: 0; *position:relative;margin-top:-0px;*margin-top:0px;_margin-top:0px;
*clear: both; 
z-index:1;
*top:expression(eval(document.compatMode &&

		document.compatMode=='CSS1Compat') ? 

		documentElement.scrollTop  

		: document.body.scrollTop );
}
.home_bg{
transition: all 0.8s;
transform: scale(1.0);
background:#f1f1f1; color:#333333; cursor:pointer; font-size:14px; border:#CCCCCC solid 1px;}
.home_bgs{
transition: all 0.8s;
transform: scale(1.0);
background:#FF0000; color:#FFFFFF; cursor:pointer; font-size:14px; border:#FFFFFF solid 1px;}

#demo0 { 
    width:1124px;
 height:80px;
 overflow:hidden;
 margin:auto;
} 
#demo0 img { 
    float:left;
 margin-left:1px;
 border:1px #ffffff solid;
}
#indemo0 { 
    float: left; 
    width: 800%; 
} 
#demo10 { 
    float: left; 
} 
#demo20 { 
    float: left; 
}
.tupian{
transition: all 0.8s;
transform: scale(1.0); }
.tupians{
transition: all 0.8s;
transform: scale(1.0);}

tp.a {
transition: all 0.6s;
transform: scale(1.0);
}
tp.a:hover {
transition: all 0.6s;
transform: scale(1.0);
}




@charset "utf-8";
/* CSS Document */
body,nav,span,p,var,em,strong,a,h1,h2,h3,h4,h5,input,textarea,ul,ol,li,img{margin:0; padding:0; font-size:14px; font-family:"微软雅黑";}
.clear{clear:both;height:0;overflow:hidden;}
a img{border:none;}
a{text-decoration:none; cursor:pointer;}
var,em{font-style:normal;}
ul,ol{list-style-type:none;}
.slideBox{ width:100%; height:500px;overflow:hidden; position:relative;min-width: 990px;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:45%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{cursor: pointer; width:3em; height:2px; background:#282828; opacity:0.8;filter:alpha(opacity=80); float:left; margin:0 .5em;}
.slideBox .hd ul li.on{ background:#cf0303 !important;}
.slideBox .bd{ height:350px; width: 100%; z-index:0;   }
.slideBox .bd ul li{overflow: hidden;width: 100%; height: 500px;position: relative;  }
.slideBox .bd li a{display:block; width: 990px; height: 500px; margin:0 auto; position: relative;}
/*第四屏*/
.banner1{width:100%; height:28.6em; background:linear-gradient(right,#041F4C 50%,#BE6E83 50%); background:-moz-linear-gradient(right,#041F4C 50%,#BE6E83 50%); background:-webkit-linear-gradient(right,#041F4C 50%,#BE6E83 50%); background:-ms-linear-gradient(right,#041F4C 50%,#BE6E83 50%);}
.content1{ width:990px; height:500px; margin:0 auto; background:linear-gradient(right top,#041F4C 33%,#BE6E83 67%); background:-moz-linear-gradient(right top,#041F4C 33%,#BE6E83 67%); background:-webkit-linear-gradient(right top,#041F4C 33%,#BE6E83 67%); background:-ms-linear-gradient(right top,#041F4C 33%,#BE6E83 67%); position:relative;}
.b2_word{ margin:7em 0 0 3em; float:right;}
.b2_word span{ background:url(../images/yidong.png) no-repeat; width:10.3em; height:6.78em; float:left;}
.b2_word var{ color:#FFFFFF; font-size:3.2em; float:left; margin:0.2em 0.2em;}
.animation20{
	background:url(../images/banner2.png) no-repeat; width:44em; height:28.6em; float:left;
	-webkit-animation:flash 2s .2s ease both;
	-moz-animation:flash 2s .2s ease both;}
	@-webkit-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-moz-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-ms-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.animation21{
	-webkit-animation:fadeInDown 2s .2s ease both;
	-moz-animation:fadeInDown 2s .2s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-1.5em)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-moz-transform:translateY(-1.5em)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
	}
	@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-ms-transform:translateY(-1.5em)}
	100%{opacity:1;
	-ms-transform:translateY(0)}
}
#a24{position:absolute; left:27em; top:9.5em; margin:-1em 0 0 -9em;color:#FFFFFF; font-size:1.9em; border:1px solid #fff; height:2em; line-height:2em;  border-radius:2em; -webkit-border-radius:2em; -moz-border-radius:2em; width:18.5em; text-align:center;}
.animation22{
	-webkit-animation:fadeInRight 1s .2s ease both;
	-moz-animation:fadeInRight 1s .2s ease both;}

@-webkit-keyframes fadeInRight{
0%{opacity:0;
-webkit-transform:translateX(2em)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
0%{opacity:0;
-moz-transform:translateX(2em)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRight{
0%{opacity:0;
-ms-transform:translateX(2em)}
100%{opacity:1;
-ms-transform:translateX(0)}
}


/*新添加一屏*/
.slide ul li.banner5{ width:100%; height:28.6em; background: url(../images/chunjie.png) center center no-repeat;}
/*第一屏*/
.slide ul li.banner2{width:100%; height:28.6em; background: url(../images/banner2_1.jpg) center center no-repeat;}
.content2{ width:70.7em; height:28.6em; margin:0 auto;  position:relative;display: inline-block;}
.animation5{
	background:url(../images/banner2_04.png) no-repeat; width:302px; height:77px;position: absolute;right: 24%; top: 55%;
	-webkit-animation:flash 3s 1s ease both;
	-moz-animation:flash 3s 1s ease both;}
	@-webkit-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-moz-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
	}
	@-ms-keyframes flash{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

.animation3{
	background:url(../images/banner2_02.png) center center no-repeat; width:340px; height:43px; position: absolute; top: 23%; left: 26%;
	-webkit-animation:fadeInDown 2s 1s ease both;
	-moz-animation:fadeInDown 2s 1s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
	}
	@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-200px)}
	30%{opacity:0.6;
	-webkit-transform:translateY(200px)}
	60%{opacity:1;-webkit-transform:translateY(-10px)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}
.animation4{
	background:url(../images/banner2_05.png) center  center no-repeat; width:702px; height:128px;position:absolute; left:16%; top:30%; 
	
	-webkit-animation:fadeInRight 2s  ease both;
	-moz-animation:fadeInRight 2s  ease both;}
	@-webkit-keyframes fadeInRight{
	0%{opacity:0;
	-webkit-transform:translateX(-10%)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRight{
	0%{opacity:0;
	-moz-transform:translateX(2em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
	}
	@-ms-keyframes fadeInRight{
	0%{opacity:0;
	-ms-transform:translateX(2em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}

/*第三屏*/
.slide ul li.banner3{width:100%; height:28.6em; background:url(../images/banner3.jpg) center center no-repeat;}
.content3{ width:70.7em; height:28.6em; margin:0 auto;display: inline-block;}
.animation6{
	background:url(../images/idc.png) no-repeat; width:19em; height:6em; margin:2.35em 0 0 8.6em; float:left;
	-webkit-animation:bounceInDown 1s .2s ease both;
	-moz-animation:bounceInDown 1s .2s ease both;}
	@-webkit-keyframes bounceInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-2000px)}
	60%{opacity:1;
	-webkit-transform:translateY(30px)}
	80%{-webkit-transform:translateY(-10px)}
	100%{-webkit-transform:translateY(0)}
	}
	@-moz-keyframes bounceInDown{
	0%{opacity:0;
	-moz-transform:translateY(-2000px)}
	60%{opacity:1;
	-moz-transform:translateY(30px)}
	80%{-moz-transform:translateY(-10px)}
	100%{-moz-transform:translateY(0)}
}
@-ms-keyframes bounceInDown{
	0%{opacity:0;
	-ms-transform:translateY(-2000px)}
	60%{opacity:1;
	-ms-transform:translateY(30px)}
	80%{-ms-transform:translateY(-10px)}
	100%{-ms-transform:translateY(0)}
}
#a9,#a10{opacity: 0;filter:alpha(opacity=0);}
.animation7{
	font-size:3.2em; width:100%; float:left; margin:0.7em 0 0 2.5em; font-weight:bold;color: #333;
	-webkit-animation:fadeInDown 1s .2s ease both;
	-moz-animation:fadeInDown 1s .2s ease both;}
	@-webkit-keyframes fadeInDown{
	0%{opacity:0;
	-webkit-transform:translateY(-2em)}
	100%{opacity:1;
	-webkit-transform:translateY(0)}
	}
	@-moz-keyframes fadeInDown{
	0%{opacity:0;
	-moz-transform:translateY(-2em)}
	100%{opacity:1;
	-moz-transform:translateY(0)}
}
@-ms-keyframes fadeInDown{
	0%{opacity:0;
	-ms-transform:translateY(-2em)}
	100%{opacity:1;
	-ms-transform:translateY(0)}
}
.animation7 span{  color:#009EFE; font-size:1em;}
/*新添第二屏*/
.slide ul li.banner4{width:100%; height:28.6em; background:url(../images/banner4.png) center center no-repeat;}
.animation8{
	background:url(../images/banner4_2.png) no-repeat; width:32.1em; height:10.6em; float:right;top: 11.7em;right:10em;position: absolute;
	-webkit-animation:fadeInRightBig 3s .5s ease both;
	-moz-animation:fadeInRightBig 3s .5s ease both;
}
	@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;
	-webkit-transform:translateX(13em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInRightBig{
	0%{opacity:0;
	-moz-transform:translateX(13em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRightBig{
	0%{opacity:0;
	-ms-transform:translateX(13em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}
.animation9{
 	background:url(../images/banner4_1.png) no-repeat; width:62.5em; height:28.6em; float:left;
	-webkit-animation:fadeInLeftBig 3s .5s ease both;
	-moz-animation:fadeInLeftBig 3s .5s ease both;
}
	@-webkit-keyframes fadeInLeftBig{
	0%{opacity:0;
	-webkit-transform:translateX(-20em)}
	100%{opacity:1;
	-webkit-transform:translateX(0)}
	}
	@-moz-keyframes fadeInLeftBig{
	0%{opacity:0;
	-moz-transform:translateX(-20em)}
	100%{opacity:1;
	-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInLeftBig{
	0%{opacity:0;
	-ms-transform:translateX(-20em)}
	100%{opacity:1;
	-ms-transform:translateX(0)}
}
.STYLE2 {
	font-size: 28px;
}
.STYLE3 {font-size: 14px}
.STYLE4 {font-size: 14}