html{

margin:0px;}

body{

background:#eee;
margin:0px; 
font: 15px/24px "Microsoft YaHei", "Arial", sans-serif;}

a:link,a:visited{ text-decoration:none;} a:hover{text-decoration: none;} ul, li{

margin:0px;
padding:0px;} 

ul li{list-style: none;} .bg_box {

top: 0px; width: 100%; min-width:1200px;height: 400px; position: absolute; z-index: 1;}

.front {

left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 2;}

.items {

left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 2;}

.iitem {

left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 2;}

.items {

overflow: visible;}

.iitem {

background: no-repeat center / cover rgb(255, 255, 255); display: none;}

.iitem img {

margin: auto; left: -550px;opacity: 1; top: -180px; right: 0px; bottom: 0px; position: absolute;}

.fadeInDown {

animation-name: myfadeInDown; -webkit-animation-name: myfadeInDown;}

.animated {

animation-duration: 2s; -webkit-animation-duration: 2s;}

@keyframes myfadeInDown { from {top:-220px;opacity: 0.1;} to {top:-180px;opacity: 1;} } @-webkit-keyframes myfadeInDown /* Safari and Chrome */ { from {top:-220px;opacity: 0.1;} to {top:-180px;opacity: 1;} } .b1{ background:url(../../images/dot.jpg)left 10px no-repeat; line-height:50px;font-size:20px;color:#444;padding-left:20px;font-weight:bold;} dl,dt,dd{ margin:0px; padding:0px;}