html{margin: 0; padding: 0; height:100%;}
body{width:100%; height:100%;  margin: 0; padding: 0;background-color:#f7faff;  color: #555; font-size: 14px; font-family: "microsoft yahei"; position: relative;}
h1,h2,h3,h4,h5,h6,p,li,a,ul{margin: 0; padding: 0;}
ul li,ul{list-style: none;}
a{text-decoration: none; color: #333;}
a:hover{color:#ee422c; text-decoration: none;}
.djmain-top{width:100%; height:60px; background: #fff; position: relative;}
.djmain-title{line-height: 50px; font-size: 32px; color: #555; letter-spacing:2px}
.djmain-log{width: 88px; height:70px; display: inline-block; background-image: url(../images/logo_1.png); background-repeat: no-repeat;background-position: center -5px;  margin-left:10px; margin-right:10px; vertical-align: middle;}
.djmain-login{width:238px; height:inherit; position: absolute; right:10px; top:0}
.dj-login-img{width:50px; height:50px; border-radius: 30px; border:2px solid #979797; display: inline-block; vertical-align: middle; margin-top:5px}
.dj-login-img img {border-radius: 30px;width:50px; height:50px;}
/*width:calc(100% - 225px);*/
.dj-login-info{width:112px;display: inline-block; vertical-align: middle; margin-left:10px; }
.dj-login-name{color:#0076bb; font-size:14px; }
.dj-login-date{color:#777; font-size:12px; }
/*background: #f47b5f; color: #fff; background: #f47b5f;*/
.dj-logout{width:50px; height:100%; display: inline-block; vertical-align: top;  line-height: 105px; font-size: 16px; text-align: center; background-image: url(../images/exit.png); background-repeat: no-repeat; background-position: center center; background-size:100%;}
.dj-logout a{color:#fff; }
.dj-banner-box{ width: 100%; height:70%; position: relative;background-color: #fff;  /*background-image: url(../images/banner8.png);*/ background-repeat:  no-repeat; background-size: 100% 110%;background-position: center top; /*  -moz-backgroup-size:100% 120%; */ }
.dj-banner-box img {border:0; width: 100%; height: inherit; }
.dj-search-content{width:1075px;margin: 0 auto; text-align: center;}
.dj-search{width: 100%; height:80px;position: absolute; top: 30%;  font-size: 0;}
.dj-search-input{width:510px; height:48px; font-size: 16px; display: inline-block; margin: 0 auto; border:0; vertical-align: top ; text-indent: 1em; border:1px solid transparent}
.dj-search-but{height:50px; line-height: 50px; width:176px; display: inline-block; background:#3c7eef; text-align: center; color: #fff; font-size:18px; vertical-align: top; cursor: pointer; border:1px solid transparent}
.dj-search-content:hover .dj-search-input{border:1px solid #5c98fd;}
.dj-search-content:hover .dj-search-but{border:1px solid #3c7eef;box-shadow: 0 0 5px #3c7eef;}
.dj-menu-box{ text-align: center;}
.dj-menu-list{display: block; text-align: center; margin-top:10px}
.dj-menu-list li{display: inline; text-align: center; margin-left:10px; margin-right:10px;width:23%;}
.dj-menu-list li img{border:0; width: 20%;height:inherit;vertical-align:middle;}
.dj-menu-list li p{height:25px; line-height: 25px; width: 100px; margin:3px auto; font-size: 16px; border-radius: 19px; text-align: center; background:#d7e9f4}
.dj-menu-list li p a{color:#444}
.dj-menu-list li:hover img{box-shadow: 0 0 10px #999;}
.dj-menu-list li:hover p{box-shadow: 0 0 3px #9bc1d8;}