﻿@charset "utf-8";
/**************************** 整体风格，根据需要增删改模块 ****************************/
/* 我要查 开始 */
.a8 {
    margin-top: -10px;
}

.a8 li {
    padding: 10px;
}

.a8 li a {
     padding: 10px;
     background-color: #f7f7f7;
     background-repeat: no-repeat;
     background-position: 200% 0;
     background-size: auto 100%;
     border-bottom: 2px solid #476895;
     border-radius: 4px;
     font-size: 18px;
     transition: background-position .3s;
 }

.a8 li a:hover {
    background: #476895 url(../../images/zjt_images/a8.jpg) 100% 100% no-repeat;
    background-image: url(../../images/zjt_images/a8_ie8.jpg)\0;
    background-size: auto 100%;
    color: #fff;
 }

.a8 li i {
     display: block;
     width: 50px;
     height: 50px;
     border: 1px solid #ddd;
     margin: 0 auto 10px;
     background-image: url(../../images/zjt_images/a8.png);
     background-image: url(../../images/zjt_images/a8_ie8.png)\0;
     background-size: 250px auto;
     border-radius: 100px;
 }

.a8 li a span {
    display: inline;
    vertical-align: middle;
}
 .a8 .s1 {
     background-position: 0 0;
 }

 .a8 .s2 {
     background-position: -50px 0;
 }

 .a8 .s3 {
     background-position: -100px 0;
 }

 .a8 .s4 {
     background-position: -150px 0;
 }

 .a8 .s5 {
     background-position: -200px 0;
 }

 .a8 .s6 {
     background-position: 0px 100px;
 }

 .a8 .s7 {
     background-position: -50px 100px;
 }

 .a8 .s8 {
     background-position: -100px 100px;
 }

 .a8 a:hover .s1 {
     background-position: 0 -50px;
 }

 .a8 a:hover .s2 {
     background-position: -50px -50px;
 }

 .a8 a:hover .s3 {
     background-position: -100px -50px;
 }

 .a8 a:hover .s4 {
     background-position: -150px -50px;
 }

 .a8 a:hover .s5 {
     background-position: -200px -50px;
 }

 .a8 a:hover .s6 {
     background-position: 0px 50px;
 }

 .a8 a:hover .s7 {
     background-position: -50px 50px;
 }

 .a8 a:hover .s8 {
     background-position: -100px 50px;
 }
 table.gray{
 	width: 100%;
    margin-top: -5px;
    -webkit-box-shadow: 0 0 10px rgba(60,124,224,.2);
    -moz-box-shadow: 0 0 10px rgba(60,124,224,.2);
    box-shadow: 0 0 10px rgba(60,124,224,.2);
}
table.gray th,table.gray td{
    height: 50px;
    line-height: 50px;
}
table.gray th, table.gray td {
    padding:5px 10px;
    line-height:1.5em;
    font-size: 16px;
}

table.gray thead th {
    background-color:#fff;
    color:#004c86;
    font-weight: bold;
    text-align: center;
}

table.gray td a{
    display:block;
    background-color: #224b7f;
    border-radius:100px;
    width: 85px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    margin:0px auto;
    transition: all .3s;
}

table.gray td a:hover {
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
}
table.gray tbody th{
	padding-left:30px;
 	border-right:1px #ccc solid;
}
table.gray th+th,table.gray td+td{
    border-left:1px #ccc solid;
}
.platform h3{
	width: 100%;
	height: 82px;
}
.platform h3 a{
	display: block;
	height: 82px;
}
.platform h3 a.s1{
    background:#57a0ec url(../../images/zjt_images/qyzz.jpg) center 100% no-repeat;
}
.platform h3 a.s2{
    background:#57a0ec url(../../images/zjt_images/ryzg.jpg) center 100% no-repeat;
}
 @media (max-width: 768px) {
     .a8 {
         margin-left: -5px;
         margin-right: -5px;
     }

     .a8 li a {
         margin: 5px;
         padding: 10px;
     }

     .a8 li a span {
         display: block;
         font-size: 14px;
         overflow: hidden;
         white-space: nowrap;
         word-break: keep-all;
         text-overflow: ellipsis;
     }
 }


@media (max-width: 480px) {
    .a8 li a span {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}



.table-bordered>tbody>tr>th{
width: 100%;
}


/* 我要查 结束 */
