﻿/*首页主体样式*/
.focus{margin-top:18px;}
.nbox .page-header{margin:13px 0 0 0;border-bottom:1px solid #574845;}
.nbox .title{font-size:20px;color:#ad2323;position:relative;font-weight:bold;}
.nbox .title:after{width:100%;display:block;content:"";position:absolute;bottom:-11px;left:0;border-bottom:2px solid #ad2323;}
.nbox .more{margin:10px 15px 0 15px;}
.nbox .more a{color:#ad2323;font-size:14px;}
.nbox .nlist{padding:10px 0px;}
.nbox .nlist2{padding:10px 0;}
.quick{background-color:#f4f4f4;margin:13px 0 0 0;}
.quick li{float:left;width:14.28571428%;}
.quick li a{display: block;text-align: center;margin:18px 20px;}
.quick li a .pic-icon{display:block;width:70px;height:70px;padding:15px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;margin: 0 auto;}
.quick li a .one{background:#FC8675;}
.quick li a .two {background:#5AB6DF;}
.quick li a .three{background:#65CEA7;}
.quick li a .four {background:#EBC85E;}
.quick li a .five {background:#8175C7;}
.quick li a .six {background:#58c9f3;}
.quick li a .seven {background:#448aca;}
.quick li a .pic-icon img {
    float: left;
    height: 100%;
    transition: transform 2s ease;
    -o-transition: transform 2s ease;
    -webkit-transition: transform 2s ease;
    -moz-transition: transform 2s ease;
}
.quick li:hover a .pic-icon img {
    transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
}
.quick li a h4{margin-top:15px;color:#333;}

.friendlink{background-color:#f4f4f4;margin-top:12px;padding:5px 0;}
.friendlink-list>li>span{font-size:16px;color:#8b2727;font-weight:bold;padding-left:30px;background: url(ico01.png) left center no-repeat;}
.friendlink-list>li{float:left;line-height:15px;color:#333;margin:15px 0px;text-align:center;}
.friendlink-list>li>a{color:#333;display:block;border-right:1px solid #333;padding:0 15px;}
.friendlink-list>li:last-child>a{border-right:none;}

@media (max-width: 990px) and (min-width: 768px){
	.quick li{width:33.33333333%;}
}
@media (max-width: 767px) {
	.nbox .nlist{padding:10px 5px;}
    .quick li{width:33.33333333%;}
}
@media (max-width:480px) {
	.quick li{width:50%;}
	.friendlink-list>li{width:50%;border:0;float:left;}
	.friendlink-list>li:first-child{width:100%;}
	.friendlink-list>li>a{border-right:0;}
}