html
{
	font-family:Microsoft YaHei;
	font-size: 62.5%;
	}
body
{
	font-family:Microsoft YaHei;
	font-size:16px;
	
	background-color: #fff; 
	}
input, button, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit; }
button, input, select[multiple], textarea {background-image: none; }
a {text-decoration: none; }
a:link{color:#3e3e3e;}
a:visited{color:#3e3e3e;}
a:hover{color:#3e3e3e;}
a:active{color:#3e3e3e;}
.l{float:left;}
.r{float:right;}
.clearfix{display:inline-block;}
button {
border:none;
background:none;
}

}
p{
	font-family:Microsoft YaHei;
	}

.head {
    width:100%;
    height:68px;
    background:#fff;
    position:fixed;
    top:0;
    left:0;
    z-index:9;
}
.logo {
    width:100%;
    height:68px;
    background:url(../images/logo.png) center no-repeat;
}
.body {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0px;
    z-index:0;
    background:url(../images/BG.png) top center no-repeat;
    background-size:cover;
}
.login-box {
    width:472px;
    height:248px;
    border:0px;
    border-radius:4px;
    opacity:0.95;
    background:#fff;
    position:fixed;
    top:75%;
    left:50%;
    margin-left:-262px;
    margin-top:-170px;
    padding:26px;
}
.login-left {
    width:152px;
    height:100%;
    border-right:2px solid #48a8d8;
}
.login-left p {
    font-size:18px;
    margin-top: 5px;
    padding-left:28px;
}
.user-img {
    width:100px;
    height:100px;
    background:url(../images/head-bj.png) no-repeat;
    margin-left:14px;
    padding-top:4px;
    margin-top:48px;
}
.login-right {
    width:292px;
    height:100%;
    padding-left:26px;
}
.box_li
{
	height:40px;
    line-height:40px;
    padding:0 12px;
	border:1px solid #dedede;
	position:relative;
    font-size:14px;
    margin-bottom:16px;
}
.box_li p
{
	position:absolute;
	left:16px;
}
.box_li input
{
	outline: medium;
	width:100%;
    background:none;
    height:40px;
}
.login-btn {
    width:300px;
    height:40px;
    background:#0087cb;
    border-radius:4px;
}
.login-btn:hover {
    background:#006ba1;
}
.login-btn button {
    background:none;
    border:none;
    width:100%;
    height:100%;
    text-align:center;
    color:#fff;
    font-size:14px;
    cursor:pointer;
}
.foot {
    width:100%;
    height:66px;
    background:#fff;
    position:fixed;
    bottom:0;
    left:0;
    z-index:9;
}
.foot p {
    font-size:12px;
    text-align:center;
    width:100%;
    height:66px;
    line-height:66px;
}
.remb a{
    height:22px;
    line-height:22px;
}



/*��ҳ*/
.w1280 {
    width:1280px;
    margin:0 auto;
}
.head-index {
    width:100%;
    height:66px;
    border-bottom:2px solid #1390cf;
    background:#fff;
    position:fixed;
    top:0;
    left:0;
    z-index:9;
}
.logo-index {
    width:340px;
    height:66px;
    background:url(../images/logo.png) left center no-repeat;
}
.body-index {
    margin:0 auto;
    padding:40px;
    padding-top:0;
    margin-top: 90px;
}
.user-img-index{
    width:42px;
    height:42px;
    background:url(../images/user-s.png) no-repeat;
    margin-left:14px;
    padding-top:4px;
    margin-top:12px;
}
 

.username:visited {
    color:#0187cb;
}
.line{
    width:1080px;
    height:622px;
  
    padding:12px 22px;
    margin-bottom:13px;
}
.line {
    margin-right:13px;
}

.mk-blue {
font-family: "微软雅黑";
    font-size:20px;
    color: #666666;
    font-weight:bold;
}
.mk-blue1 {
   margin-top:-30px; margin-left:-10px;
    font-size:18px;
    color: #333333; 
    font-weight:bold;
}
.mk-blue2 {
margin-left:50px;
 margin-top:15px;
    font-size:16px;
    color: #666666;
    
}
.mk-blue3 {
margin-top:24px;
    font-size:24px;
    color: #666666; 
    
}
.mk-blue5 {
 margin-top:-12px;
    font-size:12px;
    color: #990000;
   margin-left:240px 
}
.mk-blue4 {
 margin-top:90px;
    font-size:12px;
    color: #990000;
   margin-left:140px 
}
.mk-blue6 {
 margin-top:56px;
    font-size:12px;
    color: #990000;
   margin-left:240px 
}
.mk-blue7 {
margin-left:0px;
 margin-top:15px;
    font-size:16px;
    color: #666666;
    
}
.mk-blue8 {
 margin-top:100px;
    font-size:12px;
    color: #990000;
   margin-left:280px 
}
.mk-blue9 {
margin-left:0px;
 margin-top:-20px;
    font-size:16px;
    color: #666666;
    
}
.mk-blue10 {
margin-left:240px;
 margin-top:90px;
   font-size:12px;
    color: #990000;
    
}
.mk-black {
    font-size:14px;
    color:#303030;
}
.col2, .col3 {
    width:100%;
}
.col2 .index-btn {
margin-top:10px;
background:#F5F5F5;
    width:350px;
    height:340px;
    border-radius:4px;
    box-shadow:none;
    
    padding:16px;margin-left: 110px;
    margin-right: 20px; 
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}
.col2 .index-btn:hover {
    box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 8px;
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
}
.col3 .index-btn {
    width:290px;
    height:155px; border: #CCCCCC; border: inherit ; background:#F5F5F5; 
	 
    border-radius:4px;
    box-shadow:none;
    margin-top:-10px;
    padding:16px;
    margin-right: 17px;
	margin-left:43px;

    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}
.col4 .index-btn {
    width:290px;
    height:155px; border: #CCCCCC; border: inherit ; background:#F5F5F5; 
	 
    border-radius:4px;
    box-shadow:none;
    margin-top:130px;
    padding:16px;
   margin-right: 17px;
	margin-left:43px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}
.col3 .index-btn:hover {
    box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 8px;
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
}


.btn-img1 {

    width:500px; 
    height:100px;
    margin:0 auto;
    text-align:center;
 margin-top:-15px; margin-left:-75px;
 
    border-radius:40px;
}
.btn-img2 {

    width:500px; 
    height:50px;
    margin:0 auto;
    text-align:center;
 margin-top:-15px; margin-left:-75px;
 
    border-radius:40px;
}
.btn-img {

    width:400px; 
    height:150px;
    margin:0 auto;
    text-align:center;
    margin-top:-15px; margin-left:-55px;
 
    border-radius:40px;
}
.btn-img img {

    vertical-align:middle;
}


.index-btn p {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    /* height: 30px;*/
    height: 60px;
    line-height: 30px;
    /* width: 140px;*/
    width:100%;
    /* white-space: nowrap;*/
    white-space: pre-wrap; 
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 20px;
    margin: 0 auto;
    margin-top:10px;
    color: #3e3e3e;
}
.index-btn span {
    width:100%;
    text-overflow:-o-ellipsis-lastline;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    line-height:20px;
    text-align:center;
}
.index-foot {
    width:100%;
    height:66px;
    background:#fff;
    position:fixed;
    bottom:0;
    left:0;
    z-index:9;
    box-shadow:rgba(0,0,0,0.1) 0px -2px 8px;
}
.index-foot p {
    font-size:12px;
    text-align:center;
    width:100%;
    height:66px;
    line-height:66px;
}
.search {
    width:100%;
    height:46px;
    margin:20px 0;
}
.btn-group {
    width:100px;
    height:38px;
    background:#fff;
    border:1px solid #a5a5a5;
    border-radius:4px 0 0 4px;
}
.choose {
    width: 70px;
    height:38px;
    line-height:38px;
    font-size:14px;
    color:#3e3e3e;
}
.form-control {
    height:24px;
    padding:6px;
    width:404px;
    color:#3e3e3e;
    font-size:14px;
    margin-left:-1px;
    border-radius:4px 0 0 4px;
}
.input-group-addon {
    width:100px;
    height:38px;
    background:#0087cb;
    border:1px solid #006ca2;
    border-radius:0 4px 4px 0;
    margin:0;
    line-height:38px;
    color:#fff;
    text-align:center;
    font-size:16px;
    cursor:pointer;
    border-radius:0 4px 4px 0;
    border-style: ridge;
}
.input-group-addon:hover {
    background:#006ca2;
    border:1px solid #006192;
    color:#fff;
    }
.more {
    width:21px;
    padding:0;
    background:url(../images/sj.png) center no-repeat;
}
.dropdown-menu {
    width:100px;
    height:70px;
    border:1px solid #a5a5a5;
    border-radius:0 0 4px 4px;
    background:#fff;
    position:absolute;
    z-index:99;
}
.dropdown-menu li {
    height:35px;
    width:100%;
    line-height:35px;
    list-style:none;
}
    .dropdown-menu li:hover {
    background:#eee;
    }
.dropdown-menu a {
    height: 35px;
    line-height: 35px;
}
.search-box {
    width: 623px;
    height: 40px;
    margin:0 auto;
    display:block;
}

/*Ŀ¼ҳ*/
.indexlist-box {
    background:url(../images/loginlist-bj.png) top center no-repeat;
    background-size:cover;
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:0;
}
.indexlist-btn-box {
    position:absolute;
    top:40%;
    left:50%;
    margin-top:-232px;
    margin-left:-400px;
    width:900px;
    height:464px;
}
.indexlist-btnl {
    background:url(../images/indexlist-btnl.png) no-repeat;
    width:300px;
    height:290px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}
.indexlist-btnr {
    background:url(../images/indexlist-btnr.png) no-repeat;
    width:300px;
    height:290px;
    margin-left:89px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}
.indexlist-btnb {
    display:block;
    background:url(../images/indexlist-btnb.png) no-repeat;
    width:787px;
    height:120px;
    margin-top:20px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}
.indexlist-btnb:hover, .indexlist-btnl:hover, .indexlist-btnr:hover {
    box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 8px;
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
}

/*��ѯĿ¼*/
.querymenu-box {
    background:url(../images/querymenubj.jpg) top center no-repeat;
    background-size:cover;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0px;
    z-index:0;
}
.querymenu-btnt {
    display:block;
    background:rgba(255, 255, 255, 0.95);
    width:889px;
    height:50px;
    border-radius:4px;
    margin-left:10px;
    padding-top:10px;
}
.querymenu-btnl {
    background:url(../images/querymenubj-btnl.png) no-repeat;
    width:200px;
    height:220px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    background-size: 100%;
}
.querymenu-btnr {
    background:url(../images/querymenubj-btnl1.png) no-repeat;
    width:200px;
    height:220px;
    margin-left:24px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    background-size: 100%;
}
.querymenu-btnr2 {
    background:url(../images/querymenubj-btnr.png) no-repeat;
    width:200px;
    height:220px;
    margin-left:24px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    background-size: 100%;
}
.querymenu-btnr3 {
    background:url(../images/querymenubj-btnr1.png) no-repeat;
    width:200px;
    height:220px;
    margin-left:24px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    background-size: 100%;
}
.querymenu-btnl4 {
    background:url(../images/querymenubj-btnl.png) no-repeat;
    width:200px;
    height:220px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    background-size: 100%;
}
.querymenu-btnr5 {
    background:url(../images/querymenubj-btnl1.png) no-repeat;
    width:200px;
    height:220px;
    margin-left:24px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    background-size: 100%;
}
.querymenu-btnr6 {
    background:url(../images/querymenubj-btnr.png) no-repeat;
    width:200px;
    height:220px;
    margin-left:24px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    background-size: 100%;
}
.querymenu-btnr7 {
    background:url(../images/querymenubj-btnr1.png) no-repeat;
    width:200px;
    height:220px;
    margin-left:24px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    background-size: 100%;
}
.querymenu-txt {
    font-size:20px;
    font-weight:bolder;
    color:#3e3e3e;
    text-align:center;
    width:200px;
    margin-top:61%;
}
.querymenu-btnl:hover, .querymenu-btnr:hover, .querymenu-btnr2:hover, .querymenu-btnr3:hover, .querymenu-btnr4:hover, .querymenu-btnr5:hover, .querymenu-btnr6:hover, .querymenu-btnr7:hover {
    box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 8px;
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
    -ms-transform:scale(1.05);
}