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

body {
	color: #000;
	background: url()repeat;
	font: 12px/1.6 Verdana, Helvetica, sans-serif;
	text-align: center;
}
img{display: block;}
* {
	margin: 0;
	padding: 0;
}
input, select {
	font-size: 12px;
	vertical-align: middle;
}
body div {
	text-align: left;
}
textarea, input {
	word-wrap: break-word;
	word-break: break-all;
	padding: 0px;
}
li {
	list-style-type: none;
}
img {display: block;
	border: 0 none;
}
a {
	color: #333;
}
a:link, a:visited {
	color: #333;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #0E4470;
	text-decoration: underline;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 12px;
}

/*header*/
.headerbg{width: 100%;background-color: white; box-shadow: 0px 2px 4px 0px rgba(27, 16, 10, 0.75);height:80px;}


.callbg{
/*
	position: absolute;
	right: 13%;
*/
	margin-right: 100px;
/*	width: 33%;*/
	margin-top: 28px;
	float: right;}
.callbg img, .call{float: left;color: #7d0000;}
.call img, .call p{float: left;margin-left: 10px;}
.call p{font-size:16px}
.call{margin-left: 4px;}
.headerlogo{ top:2px;height:80px;float: left}
.header{width: 100%;height:80px;margin: 0 auto;position: relative;}
.header h1{line-height: 80px;position: absolute;left: 50%;margin-left: -122px}

/*footer*/
.footerbg{width: 800px;
/*
	background-color: white;
	height:60px;
*/
	margin: 0 auto;
	position:absolute;
	top: 110%;
	left: 50%;
	margin-left: -400px;
}


.xukezheng{
/*	margin-top:20px; */
	float: left;
	color: #000;
	font-size: 14px;
		font-family: "思源黑体 CN";
font-weight: normal;
/*	margin-left: 100px;*/
}
.linkbg{
/*	position: absolute;left: 50%; width: 1000px;z-index:999;margin-left: -500px;*/
}
.footerbg .link ul li{float: left;}
.footerbg .link ul li a{
	margin-left: 5px;border-right: 1px solid #fff;
	color:#000;text-decoration: none;
padding-right: 5px;font-size: 14px;
	
}
.footerbg .link ul li a:hover{
color: red;
}

.wangji{line-height: 40px;float: right;}
.wangji a{color: #7d0000;}

.link{
/*	margin-left:40px;*/
	float: right }

.block {
	width: 1000px;
	height: auto;
	clear: both;
	margin: 0 auto;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-table;display: block
}
* html .clearfix {
	height: 1%;
}

.advert img{margin: 0 auto;padding-top: 60px;
}
.clearfix {
	display: block;
}
.fl {
	float: left
}
.fr {
	float: right
}
.mt10 {
	margin-top: 10px;
}
.mr10 {
	margin-right: 10px;
}
.mb10 {
	margin-bottom: 10px;
}
.ml10 {
	margin-left: 10px;
}
.border {
	border: 1px solid #CCC;
}
.pd1 {
	padding: 1px;
}
.box-shadow {
	box-shadow: 0 0 15px #cccccc;
	-webkit-box-shadow: 0 0 15px #cccccc;
	-moz-box-shadow: 0 0 15px #cccccc;
}
.radius4 {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.head {
	height: 60px;
	background: url("../images/head-bg.png")  repeat-x;
}
.head .wrapper {
	width: 960px;
	margin: 0 auto;
}
.head .logo {
	float: left;
}
.head .menu {
	line-height: 60px;
	float: right;
	margin-right: 50px;
}
.head .menu span {
	margin: 0 15px;
	color: #bbb;
}

.area {
	
	
}

.banner_box {width:100%;
	background: url(../banner-img/1260X492.jpg) no-repeat center 0;
	background-size:100% 100%;
/*	background-size:contain;*/
	position: absolute;
top:80px;
bottom: 114px;
left: 0px;}

.logo{position: absolute;left: 10%;top: 10%;}
.logo .logo_img{float: left;margin-top: 6px;}
.logo .logo_text{float: left;font-size: 34px;color: #ffaa00;}


.banner_area .on, .banner_area .on_delay {
	z-index: 9999;
}
.banner_area .on2 {
	z-index: 999
}
.banner_ui {
	background-position:center center;
}

.banner_ui .banner_cont {
}

.main_box {
	margin-top: 300px;
	width: 1000px;
	margin: 0 auto;
	
}

/*登录框*/
/*
.bgxj{position: absolute;
 left:40px;
  top:50%;
	margin-top:-146px;
	 transform: scale(0.6);
	display: block;
}
*/
.xl_info{
/*	margin: 0 auto; */
	z-index: 10;
/*	width: 343px;*/
/*  height: 250px;*/
float: right;
/*	padding: 0 60px;*/
	margin-right: 19px;
	margin-top: 20px;
}
.main_cont{
	border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: -0.259px 0.966px 4px 0px rgba(1, 1, 1, 0.3);
 width: 320px;
  height:232px;
	
/*
	border-radius: 20px;
  background-color: white;
*/
	position: absolute;
  left:66%;
  top:40%;
	margin-top: -86px;
/*	margin-left:-460px;*/
	
/*
  width:1000px;
  height: 250px;
*/
  z-index: 10;
/*box-shadow: 0px 0 10px #E0FFFF;*/
 }

.hide h3{
/*	font-size:26px;font-weight: bold;text-align: center;color: #488ac8 !important;*/
/*	font-family: "FZQiTi-S14S";*/
/*
	font-family: "思源黑体 CN";
font-weight: normal;
*/
/*	font-weight: bold;margin: 10px 0px;*/
}

.login_input span, .login_input input, .password_input span, .password_input input, .code_input span, .code_input input{float: left;}
.login_input span, .password_input span, .code_input span{color: #488ac8;font-size: 16px;}
.login_input input, .password_input input{
/*	background-color: #deedf6;*/
	background-color: #FFFFFF;
border-radius: 4px;width: 200px;height: 30px;color: #999999;font-size: 12px;border: none;outline:medium
}
.code_input input{/*	background-color: #deedf6;*/
	background-color: #FFFFFF;
border-radius: 4px;width:80px;height: 30px;color: #999999;font-size: 12px;border:none;outline:medium
}
.login_input, .password_input, .code_input{padding-bottom: 14px;
	padding-left:20px
}
.login_input input, .password_input input, .code_input input{margin-left: 16px}






.btn{margin: 0 auto;
  border-radius: 4px;margin-left: 110px;margin-top: 8px}
.btn input{margin: 0 auto;
  border-radius: 4px;

 
	color: white;font-size: 16px;font-family: "Source Han Sans CN";
}

 .btn input{margin: 0 auto;
  border-radius: 4px;


	 background-image: -moz-linear-gradient( 90deg, rgb(72,138,200) 0%, rgb(18,125,190) 99%);
  background-image: -webkit-linear-gradient( 90deg, rgb(72,138,200) 0%, rgb(18,125,190) 99%);
  background-image: -ms-linear-gradient( 90deg, rgb(72,138,200) 0%, rgb(18,125,190) 99%);
  box-shadow: 0px 2px 4px 0px rgba(72, 138, 200, 0.8);
  width: 280px;
	 margin-left: -90px;
  height: 32px;
  z-index: 29;
	border: none;color: white;font-size: 16px;font-family: "Source Han Sans CN";
}

 
.btn input:hover{
  border-radius: 4px;
 background-image: -moz-linear-gradient( -90deg, rgb(242,222,177) 0%, rgb(242,215,154) 99%);
  background-image: -webkit-linear-gradient( -90deg, rgb(242,222,177) 0%, rgb(242,215,154) 99%);
  background-image: -ms-linear-gradient( -90deg, rgb(242,222,177) 0%, rgb(242,215,154) 99%);
  box-shadow: -0.035px 2px 8px 0px rgba(224, 201, 147, 0.7);
   width: 280px;
	 margin-left: -90px;
  height: 32px;
	border: none;color: white;font-size: 16px;font-family: "Source Han Sans CN";
	
}

.bshare-custom {
	margin-top: 15px;
}
.status {
	margin: 10px auto 0;
	text-align: center;
	font-size: 0;
	width: 960px;
}

.status .on {
	background-position: -152px 0
}
/*Banner*/
.ban1_anim_txt, .ban2_anim_txt, .ban3_anim_txt {
	position: absolute;
	background: url() no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	overflow: hidden;
}
/*banner 1*/
.ban1_anim_txt {
	left: 474px;
	margin-top: 80px;
	width: 133px;
	height: 65px;
	background-position: 0 0;
}
.ban1_anim_bg {
	position: absolute;
margin-left: -28px;
margin-top: 80px;

width: 500px;
height: 400px;
	background: url() no-repeat;
}

.on .ban1_anim_txt, .on2 .ban1_anim_txt {
	-webkit-animation: pic_1_txt 5.5s ease infinite;
	-moz-animation: pic_1_txt 5.5s ease infinite;
	-ms-animation: pic_1_txt 5.5s ease infinite;
	animation: pic_1_txt 5.5s ease infinite
}
.on .ban1_anim_bg, .on2 .ban1_anim_bg {
	-webkit-animation: pic_1_bg 5.5s ease infinite;
	-moz-animation: pic_1_bg 5.5s ease infinite;
	-ms-animation: pic_1_bg 5.5s ease infinite;
	animation: pic_1_bg 5.5s linear infinite;
}
.on_delay .ban1_anim_txt {
	-webkit-animation: delay_txt 10s;
	-moz-animation: delay_txt 10s;
	-ms-animation: delay_txt 10s;
	animation: delay_txt 10s;
}
.on_delay .ban1_anim_bg {
	-webkit-animation: delay_bg 10s;
	-moz-animation: delay_bg 10s;
	-ms-animation: delay_bg 10s;
	animation: delay_bg 10s
}


/*Banner 1 animation*/
@-webkit-keyframes pic_1_bg {
 0% {
left:51px;
top:25px;
opacity:0.3
}
 12.5% {
left:51px;
top:25px;
opacity:0.3
}
 32.5% {
left:85px;
top:56px;
opacity:1
}
 70% {
left:85px;
top:56px;
opacity:1
}
 90% {
left:123px;
top:90px;
opacity:0
}
 100% {
left:123px;
top:90px;
opacity:0
}
}
@-webkit-keyframes pic_1_txt {
 0% {
left:274px;
top:300px;
opacity:0;
}
 12.5% {
left:274px;
top:300px;
opacity:0;
}
 32.5% {
left:474px;
top:280px;
opacity:1
}
 70% {
left:474px;
top:280px;
opacity:1
}
 90% {
left:574px;
top:260px;
opacity:0
}
 100% {
left:574px;
top:260px;
opacity:0;
}
}
 @-moz-keyframes pic_1_bg {
 0% {
left:47px;
top:22px;
opacity:0.3
}
 12.5% {
left:47px;
top:22px;
opacity:0.3
}
 32.5% {
left:85px;
top:56px;
opacity:1
}
 70% {
left:85px;
top:56px;
opacity:1
}
 90% {
left:123px;
top:90px;
opacity:0
}
 100% {
left:123px;
top:90px;
opacity:0
}
}
@-moz-keyframes pic_1_txt {
 0% {
left:274px;
top:300px;
opacity:0;
}
 12.5% {
left:274px;
top:300px;
opacity:0;
}
 32.5% {
left:474px;
top:280px;
opacity:1
}
 70% {
left:474px;
top:280px;
opacity:1
}
 90% {
left:574px;
top:260px;
opacity:0
}
 100% {
left:574px;
top:260px;
opacity:0;
}
}
@-ms-keyframes pic_1_bg {
 0% {
left:51px;
top:25px;
opacity:0.3
}
 12.5% {
left:51px;
top:25px;
opacity:0.3
}
 32.5% {
left:85px;
top:56px;
opacity:1
}
 70% {
left:85px;
top:56px;
opacity:1
}
 90% {
left:123px;
top:90px;
opacity:0
}
 100% {
left:123px;
top:90px;
opacity:0
}
}
@-ms-keyframes pic_1_txt {
 0% {
left:274px;
top:300px;
opacity:0;
}
 12.5% {
left:274px;
top:300px;
opacity:0;
}
 32.5% {
left:474px;
top:280px;
opacity:1
}
 70% {
left:474px;
top:280px;
opacity:1
}
 90% {
left:574px;
top:260px;
opacity:0
}
 100% {
left:574px;
top:260px;
opacity:0;
}
}
@keyframes pic_1_bg {
 0% {
left:51px;
top:25px;
opacity:0.3
}
 12.5% {
left:51px;
top:25px;
opacity:0.3
}
 32.5% {
left:85px;
top:56px;
opacity:1
}
 70% {
left:85px;
top:56px;
opacity:1
}
 90% {
left:123px;
top:90px;
opacity:0
}
 100% {
left:123px;
top:90px;
opacity:0
}
}
@keyframes pic_1_txt {
 0% {
left:274px;
top:300px;
opacity:0;
}
 12.5% {
left:274px;
top:300px;
opacity:0;
}
 32.5% {
left:474px;
top:280px;
opacity:1
}
 70% {
left:474px;
top:280px;
opacity:1
}
 90% {
left:574px;
top:260px;
opacity:0
}
 100% {
left:574px;
top:260px;
opacity:0;
}
}

/*Delay Animation*/
@-webkit-keyframes delay_bg {
 0% {
left:51px;
top:25px;
opacity:0.3
}
 100% {
left:51px;
top:25px;
opacity:0.3
}
}
@-webkit-keyframes delay_txt {
 0% {
left:274px;
top:300px;
opacity:0;
}
 100% {
left:274px;
top:300px;
opacity:0;
}
}
@-moz-keyframes delay_bg {
 0% {
left:51px;
top:25px;
opacity:0.3
}
 100% {
left:51px;
top:25px;
opacity:0.3
}
}
@-moz-keyframes delay_txt {
 0% {
left:274px;
top:300px;
opacity:0;
}
 100% {
left:274px;
top:300px;
opacity:0;
}
}
@-ms-keyframes delay_bg {
 0% {
left:51px;
top:25px;
opacity:0.3
}
 100% {
left:51px;
top:25px;
opacity:0.3
}
}
@-ms-keyframes delay_txt {
 0% {
left:274px;
top:300px;
opacity:0;
}
 100% {
left:274px;
top:300px;
opacity:0;
}
}
@keyframes delay_bg {
 0% {
left:51px;
top:25px;
opacity:0.3
}
 100% {
left:51px;
top:25px;
opacity:0.3
}
}
@keyframes delay_txt {
 0% {
left:274px;
top:300px;
opacity:0;
}
 100% {
left:274px;
top:300px;
opacity:0;
}
}




/*Banner 2 animation*/
@-webkit-keyframes icon_1 {
 0% {
-webkit-transform:rotate(0deg);
}
 50% {
opacity:1
}
 100% {
-webkit-transform:rotate(360deg);
opacity:0.6
}
}
@-webkit-keyframes icon_2 {
 0% {
-webkit-transform:rotate(0deg);
}
 50% {
opacity:0.5
}
 100% {
-webkit-transform:rotate(-360deg);
opacity:1
}
}
@-webkit-keyframes icon_3 {
 0% {
-webkit-transform:rotate(0deg);
}
 50% {
opacity:1
}
 100% {
-webkit-transform:rotate(360deg);
opacity:0.2
}
}
 @-webkit-keyframes pic_2_line {
 0% {
width:90px;
}
 100% {
width:800px;
}
}
@-webkit-keyframes pic_2_logo {
 0% {
left:571px;
top:470px;
}
 15% {
left:571px;
top:470px;
}
 30% {
left:171px;
top:70px;
}
 80% {
left:171px;
top:70px;
}
 100% {
left:-371px;
top:-470px;
}
}
@-webkit-keyframes pic_2_txt {
 0% {
left:367px;
opacity:0
}
 15% {
left:367px;
opacity:0
}
 35% {
left:467px;
opacity:1
}
 80% {
left:467px;
opacity:1
}
 100% {
left:567px;
opacity:0
}
}
 @-moz-keyframes icon_1 {
 0% {
-moz-transform:rotate(0deg);
}
 50% {
opacity:1
}
 100% {
-moz-transform:rotate(360deg);
opacity:0.6
}
}
@-moz-keyframes icon_2 {
 0% {
-moz-transform:rotate(0deg);
}
 50% {
opacity:0.5
}
 100% {
-moz-transform:rotate(-360deg);
opacity:1
}
}
@-moz-keyframes icon_3 {
 0% {
-moz-transform:rotate(0deg);
}
 50% {
opacity:1
}
 100% {
-moz-transform:rotate(360deg);
opacity:0.2
}
}
 @-moz-keyframes pic_2_line {
 0% {
width:90px;
}
 100% {
width:800px;
}
}
@-moz-keyframes pic_2_logo {
 0% {
left:571px;
top:470px;
}
 15% {
left:571px;
top:470px;
}
 30% {
left:171px;
top:70px;
}
 80% {
left:171px;
top:70px;
}
 100% {
left:-371px;
top:-470px;
}
}
@-moz-keyframes pic_2_txt {
 0% {
left:367px;
opacity:0
}
 15% {
left:367px;
opacity:0
}
 35% {
left:467px;
opacity:1
}
 80% {
left:467px;
opacity:1
}
 100% {
left:567px;
opacity:0
}
}
 @-ms-keyframes icon_1 {
 0% {
-ms-transform:rotate(0deg);
}
 50% {
opacity:1
}
 100% {
-ms-transform:rotate(360deg);
opacity:0.6
}
}
@-ms-keyframes icon_2 {
 0% {
-ms-transform:rotate(0deg);
}
 50% {
opacity:0.5
}
 100% {
-ms-transform:rotate(-360deg);
opacity:1
}
}
@-ms-keyframes icon_3 {
 0% {
-ms-transform:rotate(0deg);
}
 50% {
opacity:1
}
 100% {
-ms-transform:rotate(360deg);
opacity:0.2
}
}
 @-ms-keyframes pic_2_line {
 0% {
width:90px;
}
 100% {
width:800px;
}
}
@-ms-keyframes pic_2_logo {
 0% {
left:571px;
top:470px;
}
 15% {
left:571px;
top:470px;
}
 30% {
left:171px;
top:70px;
}
 80% {
left:171px;
top:70px;
}
 100% {
left:-371px;
top:-470px;
}
}
@-ms-keyframes pic_2_txt {
 0% {
left:367px;
opacity:0
}
 15% {
left:367px;
opacity:0
}
 35% {
left:467px;
opacity:1
}
 80% {
left:467px;
opacity:1
}
 100% {
left:567px;
opacity:0
}
}
 @keyframes icon_1 {
 0% {
transform:rotate(0deg);
}
 50% {
opacity:1
}
 100% {
transform:rotate(360deg);
opacity:0.6
}
}
@keyframes icon_2 {
 0% {
transform:rotate(0deg);
}
 50% {
opacity:0.5
}
 100% {
transform:rotate(-360deg);
opacity:1
}
}
@keyframes icon_3 {
 0% {
transform:rotate(0deg);
}
 50% {
opacity:1
}
 100% {
transform:rotate(360deg);
opacity:0.2
}
}
 @keyframes pic_2_line {
 0% {
width:90px;
}
 100% {
width:800px;
}
}
@keyframes pic_2_logo {
 0% {
left:571px;
top:470px;
}
 15% {
left:571px;
top:470px;
}
 30% {
left:171px;
top:70px;
}
 80% {
left:171px;
top:70px;
}
 100% {
left:-371px;
top:-470px;
}
}
@keyframes pic_2_txt {
 0% {
left:367px;
opacity:0
}
 15% {
left:367px;
opacity:0
}
 35% {
left:467px;
opacity:1
}
 80% {
left:467px;
opacity:1
}
 100% {
left:567px;
opacity:0
}
}
/*Banner 3 animation*/
@-webkit-keyframes pic_3_txt {
 0% {
left:302px;
opacity:0
}
 15.5% {
left:302px;
opacity:0
}
 18.5% {
left:402px;
opacity:1
}
 72.5% {
left:402px;
opacity:1
}
 90% {
left:502px;
opacity:0
}
 100% {
left:502px;
opacity:0
}
}
@-webkit-keyframes pic_3_linghtning {
 0% {
top:-420px;
left:306px;
opacity:0
}
 12.5% {
top:-420px;
left:306px;
opacity:0
}
 15.5% {
top:-25px;
left:106px;
opacity:1
}
 72.5% {
top:-25px;
opacity:1
}
 95% {
top:-25px;
opacity:0
}
 100% {
top:-25px;
opacity:0
}
}
@-webkit-keyframes pic_3_boom {
 0% {
opacity:0
}
 15.5% {
opacity:0
}
 18.5% {
opacity:1
}
 72.5% {
opacity:1
}
 90% {
opacity:0
}
 100% {
opacity:0
}
}
@-webkit-keyframes pic_3_icon_l {
 0% {
opacity:0;
-webkit-transform:scale(0, 0);
}
 15.5% {
opacity:0;
-webkit-transform:scale(0, 0);
}
 20.5% {
opacity:1;
-webkit-transform:scale(0.9, 0.9);
}
 72.5% {
opacity:1;
-webkit-transform:scale(1, 1);
}
 100% {
opacity:0;
-webkit-transform:scale(1.2, 1.2);
}
}
@-webkit-keyframes pic_3_icon_r {
 0% {
opacity:0;
-webkit-transform:scale(0, 0);
}
 15.5% {
opacity:0;
-webkit-transform:scale(0, 0);
}
 20.5% {
opacity:1;
-webkit-transform:scale(0.9, 0.9);
}
 72.5% {
opacity:1;
-webkit-transform:scale(1, 1);
}
 100% {
opacity:0;
-webkit-transform:scale(1.2, 1.2);
}
}
 @-moz-keyframes pic_3_txt {
 0% {
left:302px;
opacity:0
}
 15.5% {
left:302px;
opacity:0
}
 18.5% {
left:402px;
opacity:1
}
 72.5% {
left:402px;
opacity:1
}
 90% {
left:502px;
opacity:0
}
 100% {
left:502px;
opacity:0
}
}
@-moz-keyframes pic_3_linghtning {
 0% {
top:-420px;
left:306px;
opacity:0
}
 12.5% {
top:-420px;
left:306px;
opacity:0
}
 15.5% {
top:-25px;
left:106px;
opacity:1
}
 72.5% {
top:-25px;
opacity:1
}
 95% {
top:-25px;
opacity:0
}
 100% {
top:-25px;
opacity:0
}
}
@-moz-keyframes pic_3_boom {
 0% {
opacity:0
}
 15.5% {
opacity:0
}
 18.5% {
opacity:1
}
 72.5% {
opacity:1
}
 90% {
opacity:0
}
 100% {
opacity:0
}
}
@-moz-keyframes pic_3_icon_l {
 0% {
opacity:0;
-moz-transform:scale(0, 0);
}
 15.5% {
opacity:0;
-moz-transform:scale(0, 0);
}
 20.5% {
opacity:1;
-moz-transform:scale(0.9, 0.9);
}
 72.5% {
opacity:1;
-moz-transform:scale(1, 1);
}
 100% {
opacity:0;
-moz-transform:scale(1.2, 1.2);
}
}
@-moz-keyframes pic_3_icon_r {
 0% {
opacity:0;
-moz-transform:scale(0, 0);
}
 15.5% {
opacity:0;
-moz-transform:scale(0, 0);
}
 20.5% {
opacity:1;
-moz-transform:scale(0.9, 0.9);
}
 72.5% {
opacity:1;
-moz-transform:scale(1, 1);
}
 100% {
opacity:0;
-moz-transform:scale(1.2, 1.2);
}
}
 @-ms-keyframes pic_3_txt {
 0% {
left:302px;
opacity:0
}
 15.5% {
left:302px;
opacity:0
}
 18.5% {
left:402px;
opacity:1
}
 72.5% {
left:402px;
opacity:1
}
 90% {
left:502px;
opacity:0
}
 100% {
left:502px;
opacity:0
}
}
@-ms-keyframes pic_3_linghtning {
 0% {
top:-420px;
left:306px;
opacity:0
}
 12.5% {
top:-420px;
left:306px;
opacity:0
}
 15.5% {
top:-25px;
left:106px;
opacity:1
}
 72.5% {
top:-25px;
opacity:1
}
 95% {
top:-25px;
opacity:0
}
 100% {
top:-25px;
opacity:0
}
}
@-ms-keyframes pic_3_boom {
 0% {
opacity:0
}
 15.5% {
opacity:0
}
 18.5% {
opacity:1
}
 72.5% {
opacity:1
}
 90% {
opacity:0
}
 100% {
opacity:0
}
}
@-ms-keyframes pic_3_icon_l {
 0% {
opacity:0;
-ms-transform:scale(0, 0);
}
 15.5% {
opacity:0;
-ms-transform:scale(0, 0);
}
 20.5% {
opacity:1;
-ms-transform:scale(0.9, 0.9);
}
 72.5% {
opacity:1;
-ms-transform:scale(1, 1);
}
 100% {
opacity:0;
-ms-transform:scale(1.2, 1.2);
}
}
@-ms-keyframes pic_3_icon_r {
 0% {
opacity:0;
-ms-transform:scale(0, 0);
}
 15.5% {
opacity:0;
-ms-transform:scale(0, 0);
}
 20.5% {
opacity:1;
-ms-transform:scale(0.9, 0.9);
}
 72.5% {
opacity:1;
-ms-transform:scale(1, 1);
}
 100% {
opacity:0;
-ms-transform:scale(1.2, 1.2);
}
}
 @keyframes pic_3_txt {
 0% {
left:302px;
opacity:0
}
 15.5% {
left:302px;
opacity:0
}
 18.5% {
left:402px;
opacity:1
}
 72.5% {
left:402px;
opacity:1
}
 90% {
left:502px;
opacity:0
}
 100% {
left:502px;
opacity:0
}
}
@keyframes pic_3_linghtning {
 0% {
top:-420px;
left:306px;
opacity:0
}
 12.5% {
top:-420px;
left:306px;
opacity:0
}
 15.5% {
top:-25px;
left:106px;
opacity:1
}
 72.5% {
top:-25px;
opacity:1
}
 95% {
top:-25px;
opacity:0
}
 100% {
top:-25px;
opacity:0
}
}
@keyframes pic_3_boom {
 0% {
opacity:0
}
 15.5% {
opacity:0
}
 18.5% {
opacity:1
}
 72.5% {
opacity:1
}
 90% {
opacity:0
}
 100% {
opacity:0
}
}
@keyframes pic_3_icon_l {
 0% {
opacity:0;
transform:scale(0, 0);
}
 15.5% {
opacity:0;
transform:scale(0, 0);
}
 20.5% {
opacity:1;
transform:scale(0.9, 0.9);
}
 72.5% {
opacity:1;
transform:scale(1, 1);
}
 100% {
opacity:0;
transform:scale(1.2, 1.2);
}
}
@keyframes pic_3_icon_r {
 0% {
opacity:0;
transform:scale(0, 0);
}
 15.5% {
opacity:0;
transform:scale(0, 0);
}
 20.5% {
opacity:1;
transform:scale(0.9, 0.9);
}
 72.5% {
opacity:1;
transform:scale(1, 1);
}
 100% {
opacity:0;
transform:scale(1.2, 1.2);
}
}

/*header*/




.ban3_act_bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 480px;
	height: 235px;
	background: url("ban3_act_bg.jpg") repeat-y;
	-webkit-transform: scale(2, 2);
	-webkit-transform-origin: 0 0;
	-moz-transform: scale(2, 2);
	-moz-transform-origin: 0 0;
	-ms-transform: scale(2, 2);
	-ms-transform-origin: 0 0;
	transform: scale(2, 2);
	transform-origin: 0 0;
}
.ban3_mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 192px;
	height: 94px;
	overflow: hidden;
	background: url("mask.png") no-repeat;
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(5, 5);
	-moz-transform-origin: 0 0;
	-moz-transform: scale(5, 5);
	-ms-transform-origin: 0 0;
	-ms-transform: scale(5, 5);
	transform-origin: 0 0;
	transform: scale(5, 5);
}
.on .ban3_act_bg {
	-webkit-animation: ban3_act_bg 5s linear infinite;
	-moz-animation: ban3_act_bg 5s linear infinite;
	-ms-animation: ban3_act_bg 5s linear infinite;
	animation: ban3_act_bg 5s linear infinite
}
@-webkit-keyframes ban3_act_bg {
 0% {
background-position:0 0;
}
 100% {
background-position:0 470px;
}
}
@-moz-keyframes ban3_act_bg {
 0% {
background-position:0 0;
}
 100% {
background-position:0 470px;
}
}
@-ms-keyframes ban3_act_bg {
 0% {
background-position:0 0;
}
 100% {
background-position:0 470px;
}
}
@keyframes ban3_act_bg {
 0% {
background-position:0 0;
}
 100% {
background-position:0 470px;
}
}
/* 按钮 */
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% 'Microsoft yahei', Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top, #fff, #ededed);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top, #fff, #dcdcdc);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top, #ededed, #fff);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top, #00adee, #0078a5);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top, #0095cc, #00678e);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top, #0078a5, #00adee);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
/* 分割线 */
.fg-line {
	width: 960px;
	margin: 0 auto;
	font-size: 25px;
	color: #333;
}
.fg-line {
	overflow: hidden;
	_zoom: 1;
}
.fg-line b {
	background: #ddd;
	margin-top: 20px;
	float: left;
	width: 30%;
	height: 1px;
	_overflow: hidden;
}
.fg-line span {
	width: 40%;
	float: left;
	text-align: center;
}
.index-bottom {
	width: 960px;
	margin: 0 auto;
	margin-top: 30px;
	color: #8B8894;
}
.index-bottom .part {
	margin-top: 20px;
}

.index-bottom .h-line{ border-top:1px #D1D0D9 solid; border-bottom:1px #F7F7F7 solid; margin:25px 0 45px; height:1px; overflow:hidden;}

.index-bottom .text {
	background: url("left.jpg") no-repeat left top;
	width: 460px;
}
.index-bottom .text .title {
	padding: 20px 0 0 80px;
	font-size: 25px;
	font-weight: bold;
	color: #121212;
	position: relative;
}
.index-bottom .text .title span {
	font-size: 30px;
	position: absolute;
	display: block;
	width: 72px;
	height: 72px;
	line-height:72px;
	left: 0px;
	top: 17px;
	text-align:center;
	font-weight:normal;
	color:#FFF;
}
.index-bottom .text .title p.small {
	font-size: 15px;
	font-weight: normal;
	color: #8B8894
}
.index-bottom .text .nr {
	line-height: 25px;
	padding-left: 30px;
	padding:40px 0 0 80px;
}
.foot{
	background:#BAB9BD;
	border-top:1px #9C9BA0 solid;
	color:#FFF;
	line-height:30px;
	text-align:center;
	font-size:14px;
	padding:20px 0;
	}
.foot a{
	color:#FFF;
	padding:0 10px;
	}
.foot14{
	font-size:14px;
	}
.foot16{
	font-size:16px;
	}
.foot18{
	font-size:18px;
	}