a{ text-decoration:none;} 
a:hover{ text-decoration:none;}
.box { width: 100%; display: -webkit-box; display: -moz-box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.box > * { -webkit-box-flex: 1; -moz-box-flex: 1; }
/*banner*/
.banner{ margin:10px 0; padding:0 10px;  overflow:hidden;}
.banner .pic{}
.banner .pic img{ width:100%;border-radius:3px; }
.banner .txt{ background-color:#4375ca; padding:6px 12px; font-size:18px;border-radius:0 0 3px 3px; color:#fff;}
.banner img{ max-width:100%;}
 
/*listbox*/
.listbox{ position:relative;}
.listbd{}
.listul{ overflow:hidden; padding:0 10px;}
.listul li{position:relative; width:50%; padding:5px 0; overflow:hidden;border-bottom:1px solid #a3b3c3; float:left;}
.listul li:first-child{ }
.listul li a{color:#a3b3c3; 
    font-size: 15px;
    width: 100%;
    width: 4.5em;
    line-height: 1.1;
    display: inline-block;}
.listul li:nth-child(even) a{ border-color:transparent;}
.listul li .dt{display:table-cell;text-align:center; padding-left:10px; padding-right:10px; vertical-align:middle;border-left: 1px solid #a3b3c3;}
.listul li .dt img{ width:34px;}
.listul li .dd{ width:100%;display:table-cell; padding-right:10px; text-align:right; vertical-align:middle;}
.listul li .dd>div{ line-height:1.1;text-align:center; width:4.5em; margin:auto;} 
/*-竖屏-*/
@media (max-width: 767px) and (orientation:portrait) {
}

/*-横屏-*/
@media (max-width: 767px) and  (min-width: 480px) and (orientation:landscape) {
.banner{margin:10px 0; padding:0 15px;background-color:#4375ca;}
.banner .pic{ width:54%; }
.banner .pic img{ width:100%;border-radius:0; }
.banner .txt{ display:table-cell; vertical-align:bottom; padding:10px 10px;}

.listul{ padding:0 15px;}
.listul li{position:relative; width:20%; padding:5px 0; overflow:hidden;border-bottom:1px solid #a3b3c3; float:left; height:50px;}
.listul li a{ padding-left:10px;padding-top:3px; padding-bottom:3px; font-size:12px;}
.listul li .dt{display:table-cell;text-align:center; padding-left:0px; padding-right:5px; vertical-align:middle;}
.listul li .dt img{width:25px;}
.listul li .dd{ width:100%;display:table-cell; padding-right:0px; text-align:left; vertical-align:middle;}
.listul li .dd>div{ line-height:1.1;text-align:left; width:4.5em; margin:0} 

.listul li:nth-child(even) a{ border-color:#a3b3c3;}
.listul li:nth-child(5n) a{ border-color:transparent;}
.listul li:nth-child(6),.listul li:nth-child(7),.listul li:nth-child(8),.listul li:nth-child(9),.listul li:nth-child(10)
{ border-bottom-color:transparent}
}

/*-IPAD竖版-*/
@media (min-width: 768px) and (max-width: 991px) {
.banner{margin:10px 0; padding:0 15px;background-color:#4375ca;}
.banner .pic{ width:70%; }
.banner .pic img{ width:100%;border-radius:0; }
.banner .txt{ display:table-cell; vertical-align:bottom; padding:10px 10px;}

.listul{ padding:0 15px;}
.listul li{position:relative;  overflow:hidden;border-bottom:1px solid #a3b3c3; float:left;}
.listul li a{ padding-left:30px; padding-top:7px; padding-bottom:7px; font-size:1.8em;}
.listul li .dt{display:table-cell;text-align:center; padding-left:5px; padding-right:0px; vertical-align:middle;}
.listul li .dt img{ width:60px;}
.listul li .dd{ width:100%;display:table-cell; padding-right:0px; text-align:left; vertical-align:middle;}
.listul li .dd>div{ line-height:1.1;text-align:left; width:9em; margin:0; margin-left:25px;} 

 
}

/*-IPAD横版-*/
@media (min-width: 992px) and (max-width: 1199px) {
 .banner{margin:10px 0; padding:0 15px;background-color:#4375ca;}
.banner .pic{ width:54%; }
.banner .pic img{ width:100%;border-radius:0; }
.banner .txt{ display:table-cell; vertical-align:bottom; padding:10px 10px;}

.listul{ padding:0 15px;}
.listul li{position:relative; width:20%; padding:15px 0; overflow:hidden;border-bottom:1px solid #a3b3c3; float:left;}
.listul li a{ padding-left:5px; padding-top:15px; padding-bottom:15px; font-size:1.8em;}
.listul li .dt{display:table-cell;text-align:center; padding-left:10px; padding-right:0px; vertical-align:middle;}
.listul li .dt img{ width:60px;}
.listul li .dd{ width:100%;display:table-cell; padding-right:0px; text-align:left; vertical-align:middle;}
.listul li .dd>div{ line-height:1.1;text-align:center; width:4.5em; margin:0;} 

.listul li:nth-child(even) a{ border-color:#a3b3c3;}
.listul li:nth-child(5n) a{ border-color:transparent;}
.listul li:nth-child(6),.listul li:nth-child(7),.listul li:nth-child(8),.listul li:nth-child(9),.listul li:nth-child(10)
{ border-bottom-color:transparent}
}