html,body {
    height: 100%;
  }
  body {position:absolute;background:#fff;top: 0px;left: 0px;right: 0px;bottom: 0px;font-family:arial,'Microsoft Yahei', '΢���ź�',sans-serif;font-size:14px;}
  div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p{padding:0; margin:0;font-family:arial,'Microsoft Yahei', '΢���ź�',sans-serif;font-size:14px;}
  a:hover{text-decoration: none;}


.index {background:url(bg1.jpg) no-repeat center bottom;width:100%;height:100%;background-size:auto 100%;}
.indexin1 {background:url(left-1.png) no-repeat left top;width:100%;height:100%;background-size:44%;}
.indexin2 {background:url(right-1.png) no-repeat right bottom;width:100%;height:100%;background-size:48%;}

@media (min-width:1280px) {
 .indexin1 {background:url(left-1.png) no-repeat left top;width:100%;height:100%;background-size:560px;} 
 .indexin2 {background:url(right-1.png) no-repeat right bottom;width:100%;height:100%;background-size:584px;}
}


.loginform {width:351px;margin:0 auto;padding-top:160px;}
.loginform ul li.tit {text-align:left;font-size:18px;height:44px;line-height:44px;}
.loginform ul li.tit em {display:block;float:left;color:#f00;font-weight:bold;line-height:14px;width:14px;height:14px;cursor:pointer;border:1px solid #000;border-radius:4px;margin:14px 10px 0 0;}
.loginform ul li.tit span {display:block;float:left;}

.loginform ul li.input {background:url(login-1.png) no-repeat left top;height:55px;}
.loginform ul li.input input {width:94%;height:55px;line-height:55px;border:0;background-color:transparent;font-size:16px;outline:none;}
.loginform ul li.button {text-align:left;height:66px;paddint-top:10px;}
.loginform ul li.button input {display:block;float:left;}
.loginform ul li.button a {display:block;float:right;}
.regform  ul li.input {height:65px;}

@media (max-width:800px) {
  .indexin1 {background:url(left-3.png) no-repeat 0 0;width:100%;height:100%;background-size:100%;}
  .loginform {padding-top:180px;}
}
@media (max-width:360px) {
  .loginform {width:300px;}
  .loginform ul li.tit {font-size:16px;}
  .loginform ul li.input {background-size:300px;height:47px;}
  .loginform ul li.input input {width:94%;height:47px;line-height:47px;border:0;background-color:transparent;font-size:16px;outline:none;}
  .loginform ul li.button input {width:140px;}
  .loginform ul li.button a img{width:140px;}
  .regform  ul li.input {height:57px;}
}

.navi {width:572px;margin:0 auto;padding-top:220px;height:160px;}
.navi li {float:left;width:50%;height:50px;margin-bottom:30px;}
.navi li a{display:block;width:268px;height:50px;float:left;background:url(nav.png) no-repeat center top;line-height:50px;color:#fff;font-size:16px;}
.navi li a:hover {background:url(navon.png) no-repeat center top;}
.navi li.navi2 a,.navi li.navi4 a,.navi li.navi6 a {float:right;}
.navi li.navi4 span {display:none;}
.navi li.navi4:hover span {display:block;width:268px;height:100px;float:right;}
.navi li.navi4:hover a.ipro {display:none;}

.navi li span {display:none;}
.navi li:hover span { display:block;position:relative;z-index:1; width:100%;padding-bottom:10px;height:270px;top:-320px;}
.navi li:hover span a { background:url(nav.png) no-repeat center center; height:30px;line-height:30px;  }
.navi li:hover span a { background:url(nav.png) no-repeat center center; height:30px;line-height:30px;  }
.navi li:hover span a.last {  height:35px;background:url(nav.png) no-repeat center bottom;}
.navi li:hover span a.first{  padding-top:5px;background:url(nav.png) no-repeat center top;}

.scrollDivbg {width:572px;margin:0 auto;height:80px;padding-top:40px;background:url(iline.png) no-repeat left bottom;text-align:left;}
.scrollDiv{height:21px;overflow:hidden;} 
.scrollDiv ul li{height:21px;padding-left:30px;font-size:16px;background:url(idot.png) no-repeat left center;} 

@media (max-width:600px) {
  .navi {width:90%;margin:0 auto;padding-top:160px;height:160px;}
  .scrollDivbg {width:90%;}
  .navi li a{display:block;width:90%;font-size:14px;}
  .navi li.navi4:hover span {width:100%;}
}