body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div { margin: 0; padding: 0; border: 0; line-height: 1.5em; word-break: break-all; font-size: 14px; }
html, body { font: 14px/1.8em 微软雅黑; background: #f4f4f4; background-size: 100% 100%; }
ul, ol, dl { list-style-type: none; }
select, input, img { vertical-align: middle; font-size:14px; line-height:25px; }
a { text-decoration: none; color: #333; cursor: pointer; }
a:hover { opacity: 0.7; text-decoration:none; }
a.tt { color: #c00; }
.newslist_c ul li h3 a.tt { color: #c00; }
.clearit { clear: both; margin: 0; padding: 0; font-size: 0px; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal; }
.hr_10, .hr_20 { height: 10px; clear: both; font-size: 1px; line-height: 1px; width:100%; margin: 0 auto; }
.l, .l1, .l2, .l3, .l4 { display: block; float: left; }
.r, .r1, .r2, .r3, .r4 { display: block; float: right; }
/*css*/
.city,.city .top_pic,.logo,.input_all{ left:0; right:0; margin:0 auto; top:0;position:absolute;}
.main{ width:100%; min-width:1002px; height:100%; min-height:960px; background:url(../images/bg.jpg) center top; background-size:100% 100%; position:relative;}
.city{ position: relative; width:1185px; height:410px; z-index:2;  overflow:hidden;}
.city .top{ width:100%; height:100%; background:url(../images/bg.png) center top; position:absolute; z-index:2;}
.city .top_pic{width:100%; height:100%; background:url(../images/top_pic.jpg) center top; background-size:100% 100%; -moz-background-size:100% 100%; -o-background-size:100% 100%; -webkit-background-size:100% 100%; animation:bg_img 10s infinite; -moz-animation:bg_img 10s infinite; -webkit-animation:bg_img 10s infinite; -o-animation:bg_img 10s infinite; position:absolute; z-index:1;}
@keyframes bg_img{
	0%{background:url(../images/top_pic.jpg) center top; background-size:100% 100%;}
	50%{background:url(../images/top_pic.jpg) center top; background-size:120% 120%;}
	100%{background:url(../images/top_pic.jpg) center top; background-size:100% 100%;}
	}
@-o-keyframes bg_img{
	0%{background:url(../images/top_pic.jpg) center top; background-size:100% 100%;}
	50%{background:url(../images/top_pic.jpg) center top; background-size:120% 120%;}
	100%{background:url(../images/top_pic.jpg) center top; background-size:100% 100%;}
	}
@-webkit-keyframes bg_img{
	0%{background:url(../images/top_pic.jpg) center top; background-size:100% 100%;}
	50%{background:url(../images/top_pic.jpg) center top; background-size:120% 120%;}
	100%{background:url(../images/top_pic.jpg) center top; background-size:100% 100%;}
	}
@-o-keyframes bg_img{
	0%{background:url(../images/top_pic.jpg) center top; background-size:100% 100%;}
	50%{background:url(../images/top_pic.jpg) center top; background-size:120% 120%;}
	100%{background:url(../images/top_pic.jpg) center top; background-size:100% 100%;}
	}
.logo{ width:295px; height:93px; background:url(../images/logo.png); background-size:100% 100%; -moz-background-size:100% 100%; -o-background-size:100% 100%; -webkit-background-size:100% 100%; animation:logo 1s; -moz-animation:logo 1s; -webkit-animation:logo 1s; -o-animation:logo 1s; top:430px; position:absolute; z-index:9;}
@keyframes logo{
	0%{ left:-100%; right:100%; margin:0 auto; height:1px;}
	40%{ left:-10%; right:10%; margin:0 auto; height:10px;}
	100%{left:0; right:0; margin:0 auto; height:93px;}
	}
@-moz-keyframes logo{
	0%{ left:-100%; right:100%; margin:0 auto; height:1px;}
	40%{ left:-10%; right:10%; margin:0 auto; height:10px;}
	100%{left:0; right:0; margin:0 auto; height:93px;}
	}
@-webkit-keyframes logo{
	0%{ left:-100%; right:100%; margin:0 auto; height:1px;}
	40%{ left:-10%; right:10%; margin:0 auto; height:10px;}
	100%{left:0; right:0; margin:0 auto; height:93px;}
	}
@-o-keyframes logo{
	0%{ left:-100%; right:100%; margin:0 auto; height:1px;}
	40%{ left:-10%; right:10%; margin:0 auto; height:10px;}
	100%{left:0; right:0; margin:0 auto; height:93px;}
	}
.input_all{ top:550px; height:43px; width:550px; overflow:hidden; z-index:9;}
.input_all .l{ width:180px; height:43px; text-indent:45px; line-height:43px; color:#660; border:none; margin-left:10px;}
.input_all .l1{ background: url(../images/input_1.png);}
.input_all .l2{ background: url(../images/input_2.png);}
.input_all .l3{ background: url(../images/btn_1.png); width:83px; cursor:pointer;}
.input_all .l3:hover{ background: url(../images/btn_2.png); width:83px;}
.input_all a{ margin-left:10px; color:#ffea00; line-height:43px;}
.light1,.light2,.light3,.light4{ position:fixed; bottom:0; left:5%; z-index:5;}
.light1{ width:590px; height:709px; background:url(../images/text_pic_1.png); left:2%; bottom:-10%; animation: l1 2s; -moz-animation: l1 2s; -webkit-animation: l1 2s; -o-animation: l1 2s;}
@keyframes l1{
	0%{ opacity:0; bottom:-100%;}
	100%{ opacity:1; bottom:-10%;}
	}
@-moz-keyframes l1{
	0%{ opacity:0; bottom:-100%;}
	100%{ opacity:1; bottom:-10%;}
	}
@-webkit-keyframes l1{
	0%{ opacity:0; bottom:-100%;}
	100%{ opacity:1; bottom:-10%;}
	}
@-o-keyframes l1{
	0%{ opacity:0; bottom:-100%;}
	100%{ opacity:1; bottom:-10%;}
	}
.light2{ width:480px; height:290px; background:url(../images/text_pic_2.png); left:35%; bottom:0px;animation: l2 2s; -moz-animation: l2 2s; -webkit-animation: l2 2s; -o-animation: l2 2s;}
@keyframes l2{
	0%{ opacity:0;bottom:-100%;}
	70%{ bottom:-50%;}
	100%{ opacity:1;bottom:-0%;}
	}
@-moz-keyframes l2{
	0%{ opacity:0;bottom:-100%;}
	70%{ bottom:-50%;}
	100%{ opacity:1;bottom:-0%;}
	}
@-webkit-keyframes l2{
	0%{ opacity:0;bottom:-100%;}
	70%{ bottom:-50%;}
	100%{ opacity:1;bottom:-0%;}
	}
@-o-keyframes l2{
	0%{ opacity:0;bottom:-100%;}
	70%{ bottom:-50%;}
	100%{ opacity:1;bottom:-0%;}
	}
.light3{ width:342px; height:507px; background:url(../images/text_pic_3.png); left:65%; bottom:-10%;animation: l3 2s; -moz-animation: l3 2s; -webkit-animation: l3 2s; -o-animation: l3 2s;}
@keyframes l3{
	0%{ opacity:0;bottom:-100%;}
	40%{ bottom:-60%;}
	100%{ opacity:1;bottom:-10%;}
	}
@-moz-keyframes l3{
	0%{ opacity:0;bottom:-100%;}
	40%{ bottom:-60%;}
	100%{ opacity:1;bottom:-10%;}
	}
@-webkit-keyframes l3{
	0%{ opacity:0;bottom:-100%;}
	40%{ bottom:-60%;}
	100%{ opacity:1;bottom:-10%;}
	}
@-o-keyframes l3{
	0%{ opacity:0;bottom:-100%;}
	40%{ bottom:-60%;}
	100%{ opacity:1;bottom:-10%;}
	}
.light4{ width:386px; height:538px; background:url(../images/text_pic_4.png); left:73%; bottom:20%;animation: l4 2s; -moz-animation: l4 2s; -webkit-animation: l4 2s; -o-animation: l4 2s;}
@keyframes l4{
	0%{ opacity:0;bottom:-100%;}
	70%{bottom:-60%;}
	100%{ opacity:0.8;bottom:20%;}
	}
@-moz-keyframes l4{
	0%{ opacity:0;bottom:-100%;}
	70%{bottom:-60%;}
	100%{ opacity:0.8;bottom:20%;}
	}
@-webkit-keyframes l4{
	0%{ opacity:0;bottom:-100%;}
	70%{bottom:-60%;}
	100%{ opacity:0.8;bottom:20%;}
	}
@-o-keyframes l4{
	0%{ opacity:0;bottom:-100%;}
	70%{bottom:-60%;}
	100%{ opacity:0.8;bottom:20%;}
	}