@charset "gb2312";
/* CSS Document */
body{ background:#452cca; color:#333;}
body, button, input, select, textarea {font: 12px/24px tahoma,arial,΢ÈíÑźÚ;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,table{ margin: 0; padding: 0;}
img, iframe{ display:block; border:0;}
ul, li{ list-style:none;}
a{color:#333;text-decoration:none}
a:hover{color:#e40000;text-decoration:underline;}
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
	margin-top: 0!important;
	line-height: 0px;
	font-size: 0;
	display: block;
	margin: 0;
	padding: 0;
}

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	content: ".";
}

.clearfix {
	zoom: 1;
}

.mainBan{ width:240px; margin:0 auto; padding-top:70px; padding-left:80px;}
.banner01{background-attachment: scroll; background-image:url(images/banner.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:350px; overflow:hidden;}
.banner_txt .txt1{ background:url(images/banner_txt.png) no-repeat; display:block; width:900px; height:300px;position: absolute;left:130px;top: 70px;   -webkit-animation-name:flipInX;
 animation-name:flipInX}
.banner01{background-attachment: scroll; background-image:url(images/banner_01.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:150px; overflow:hidden;}
.banner02{background-attachment: scroll; background-image:url(images/banner_02.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:150px; overflow:hidden;}
.banner03{background-attachment: scroll; background-image:url(images/banner_03.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:150px; overflow:hidden;}
.banner04{background-attachment: scroll; background-image:url(images/banner_04.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:137px; overflow:hidden;}

.con{ width:1200px; margin:0 auto; }
.pr {
    position: relative;
}

.main01 p{  border-radius:15px; text-align:center; color:#fff; font-size:16px; display:inline-block; padding:15px 20px; margin:25px; background:#5d32d6; border:5px solid #452cca;}

.main01 p font{ color:#f3eb04;}
.flipInX {
 -webkit-backface-visibility:visible !important;
 backface-visibility:visible !important;
 -webkit-animation-name:flipInX;
 animation-name:flipInX
}
.flipInY {
 -webkit-backface-visibility:visible !important;
 backface-visibility:visible !important;
 -webkit-animation-name:flipInY;
 animation-name:flipInY
}
.animated {
 -webkit-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.layout {
 clear:both;
 width:100%;
 margin:0 auto
}

@keyframes flipInX {
 0% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
  transform:perspective(400px) rotate3d(1,0,0,90deg);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in;
  opacity:0
 }
 40% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
  transform:perspective(400px) rotate3d(1,0,0,-20deg);
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
 }
 60% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
  transform:perspective(400px) rotate3d(1,0,0,10deg);
  opacity:1
 }
 80% {
  -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
  transform:perspective(400px) rotate3d(1,0,0,-5deg)
 }
 100% {
  -webkit-transform:perspective(400px);
  transform:perspective(400px)
 }
}

.l_t{ width:422px; height:256px; border:1px solid #717ab2; background:#fff; position:relative; margin-top:100px;}
.main01{ margin-bottom:48px; position:relative;}

.foot{ width:1000px;height:153px;font-size:12px;line-height:24px; text-align:center; color:#fff; margin:0 auto; padding-top:60px;}
.foot a{color:#fff;}
.foot a:hover{color:#fff; text-decoration:underline;}

.line{ width:1px; min-height:1310px; background:#fff; position:absolute; top:60px;  left:50%;}
.bg_con{ padding-top:20px;}

.footer { background: none repeat scroll 0 0;color:#fff;}
.footer a{ color:#fff;}