*,*:before,*:after {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,form
{margin:0;padding:0;border:0;outline:none;}
input{margin:0;padding:0;outline:none;}
input:focus { outline: none; } /*控制聚焦时不出现蓝色边框;seclect用line-height不兼容ie8，只能用padding撑开*/
input{-webkit-appearance:none;}/*去除在手机端自带的按钮样式*/
li{list-style:none;}
a,ins{text-decoration:none;}
*:focus{outline:none;}
.fl{float:left;}
.fr{float:right;}
.cf:after{display:block;content:'';height:0;visibility:hidden;clear:both;}
.cf{zoom:1;}
.hide{display:none;}
.block{display:block;}
body{font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei UI','Microsoft YaHei','微软雅黑',Arial,sans-serif,思源黑体 CN;}
.w1440{width:1440px;margin:0 auto;}
/* 当前位置 */
.position{width:100%;margin:13px 0;}
.position-txt{font-size: 14px;color: #999999;line-height: 22px;font-weight: 400;}
.position-txt span{display: inline-block;margin:0 8px;font-size:16px;}
.position-txt a{color: #999999;display: inline-block;}
.position-txt a:last-child{color: #333333;}

/* 主体内容开始 */
.main{width:100%;}
.main>.content{margin-top:33px;margin-bottom:40px;}
.main-tit{font-size: 22px;color: #000000;font-weight: 600;line-height:30px;}
.main-list{width:1440px;margin-top:16px;}
.main-list a{display: inline-block;background: #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(153,153,153,0.2);min-height:392px;width:337px;float: left;
    margin:10px 30px 20px 0;}
.main-list a:nth-child(4n){margin-right: 0;}
.main-list a .pic{width:337px;height:252px;overflow: hidden;}
.main-list a .pic img{width:337px;height:252px;transition: all 0.7s;object-fit: cover;}
.main-list a .list-con{padding:0 5px 26px 26px;}
.main-list a .list-con .title{font-size: 16px;color: #000000;font-weight: 600;display:block;line-height:22px;margin:26px 0 10px 0;}
.main-list a .list-con p{font-size: 14px;color: #666666;line-height: 28px;font-weight: 400;margin-bottom:0;}
.main-list a .list-con p .time{display:inline-block;margin-right:10px;}
.main-list a:hover .list-con .title{color: #1890FF;}
.main-list a:hover .pic img{transform: scale(1.2);}


/* 分页条样式 */
.pagination {width: 100%;display: inline-block;vertical-align: middle;;text-align: center;}
.pagination span{font-size: 14px;color: rgba(0,0,0,0.65);text-align: center;line-height: 22px;font-weight: 400;}
.pagination a{display: inline-block;background: #FFFFFF;border: 1px solid rgba(217,217,217,1); border-radius: 4px;height:32px;line-height:32px;padding:0 12px;
    text-align: center;font-size: 14px;color: rgba(0,0,0,0.65);font-weight: 400;margin-left:4px;}
.pagination a:hover,.pagination .page-on{background: #1890FF;color:#fff;border-color:#1890FF;}
.pagination .page-skip{display: inline-block;margin-left:4px;}
.pagination .page-input{display: inline-block;background: #FFFFFF;border: 1px solid rgba(217,217,217,1);border-radius: 4px;font-size: 14px;
    color: rgba(0,0,0,0.65);line-height:32px; font-weight: 400;margin:0 4px;padding-left:12px;width:48px;}



/* 响应式 */
@media only screen and (max-width: 1880px) and (min-width: 1480px){
    .w1440,.main-list{width: 1280px;}
    .main-list a{width:295px;margin:10px 30px 20px 0;}
    .main-list a .pic,.main-list a .pic img{width:295px;}
    .main-list a .list-con {padding:0 5px 26px 20px;}
}

@media only screen and (max-width: 1479px) and (min-width: 1279px){
    .w1440,.main-list{width: 1200px;}
    .main-list a{width:277px;margin:10px 30px 20px 0;min-height:352px;}
    .main-list a .pic,.main-list a .pic img{width:277px;height:210px;}
    .main-list a .list-con {padding:0 5px 20px 20px;}
    .main-list a .list-con p .time{width:184px;}
}

@media only screen and (max-width: 1279px) and (min-width: 769px){
    .w1440,.main-list{width: 1200px;} 
    body,.main,.position-txt{width:1280px;}
    .position-txt{padding-left:40px;}
    .main-list a{width:277px;margin:10px 30px 20px 0;min-height:352px;}
    .main-list a .pic,.main-list a .pic img{width:277px;height:210px;}
    .main-list a .list-con {padding:0 5px 20px 20px;}
    .main-list a .list-con p .time{width:184px;}
}