@charset "utf-8";

html,body{color:#333;font:14px/1.6 'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
body,h1,h2,h3,h4,h5,h6,dl,dt,li,ol,ul,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
a{color:#333;text-decoration:none;}
a:hover{color:#e9280c;text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
ul,li{ list-style:none;}
img{border:0}
button,input,select,textarea{font-size:100%}
body{
   background:url(../images/fbg.jpg)  top center no-repeat; 
}

.container{ width:1200px; margin:0 auto;}
.header {
    width: 100%;
    display: block;
    margin: 0 auto;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
    background-color: #fff;
}
.header-bg{
    background:url(../images/logintopbg_02.jpg)  right top no-repeat;
    height: 120px;
    width: 1200px;
    padding-top: 20px;
    margin: 0 auto;
}
.header-logo{
     background:url(../images/loginf.jpg) left no-repeat;
     padding-left: 100px;
     font-size: 22px;
     color: #072f74;
     height: 100px;
     line-height:100px ;
     font-weight: bold;
}
.login-bottom {
    background-color: #fff;
    height: 40px;
    text-align: center;
    line-height: 40px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    font-size: 12px;
    border-top:1px solid #ccc;
}

.item-out{ width:295px; float:left; border-radius:8px;border:1px solid #cecece; height:210px; margin:150px 50px 0 50px;background-color: rgba(255, 255, 255, 0.7);}
.item-img{ width:80px; margin:0 auto; }
.item-img img{ width:80px; margin-top:50px;}
.item-out p{ font-size:16px; text-align:center; padding-top:10px; color:#217c8b; font-weight:bold;}
.other-css img{ margin-top:75px;}
.other-css p{color:#1d5391; }
.item-out:hover{ border:1px solid #1d5391;}
.item-out:first-child:hover{ border:1px solid #217c8b;}