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;}