/*
@author: sunke
*/
body,input,textarea,button{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","PingFang SC","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}
body{margin:0 auto;color:#333;min-width:1530px;background:#F8F8F8;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0;padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address,caption,cite,code,dfn,th,var{font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{ color:#A77D44; text-decoration:none;}
input,button,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.layout{width:1530px;margin:0 auto;}
.main-layout{width:1220px;margin:0 auto;}
.header-wrap{ background:#fff;}

/**/
.crumbs-mod{ line-height:47px; margin:35px 0 0; font-size:12px; color:#999; padding-left:17px; background:url("/images/template/newsList2024/ico01.png") no-repeat left center;}
.crumbs-mod a{ color:#999;}

/**/
.newsList-mod{ background:#fff; border-radius:10px; padding:0 30px;}
.newsList-mod .top-title{ border-bottom:1px solid #E1E7EB;}
.newsList-mod .top-title .tab-tit{}
.newsList-mod .top-title .tab-tit .btn{ display:block; float:left; line-height:82px; margin-right:44px; color:#A2A2A2; font-size:24px; position:relative;}
.newsList-mod .top-title .tab-tit .btn:last-child{ margin-right:0;}
.newsList-mod .top-title .tab-tit .btn.on,.newsList-mod .top-title .tab-tit .btn:hover{ color:#333;}
.newsList-mod .top-title .tab-tit .btn.on:before,.newsList-mod .top-title .tab-tit .btn:hover:before{ content:""; width:16px; height:3px; background:#A77D44; border-radius:4px; position:absolute; left:50%; margin-left:-8px; bottom:0;}
.newsList-mod .top-title .search{ width:368px; height:43px; border-radius:22px; border:1px solid #B6C9D7; margin-top:20px;}
.newsList-mod .top-title .search .ipt1{ border:0; margin:0 0 0 30px; height:43px; line-height:43px; width:280px;}
.newsList-mod .top-title .search .ipt1::-webkit-input-placeholder{color:#9AABB8; opacity:1;}
.newsList-mod .top-title .search .ipt1:-moz-placeholder{color:#9AABB8; opacity:1;}
.newsList-mod .top-title .search .ipt1::-moz-placeholder{color:#9AABB8; opacity:1;}
.newsList-mod .top-title .search .ipt1:-ms-input-placeholder{color:#9AABB8; opacity:1;}
.newsList-mod .top-title .search .btn{ display:block; width:43px; height:43px; margin-right:10px; line-height:0; font-size:0; background:url("/images/template/newsList2024/ico02.png") no-repeat center;}
.newsList-mod .tab-con{}
.newsList-mod .tab-con .newsList-con{ width:767px;}
.newsList-mod .tab-con .newsList-con .list01{ padding:17px 0 0;}
.newsList-mod .tab-con .newsList-con .list01 li{ border-bottom:1px solid #E1E7EB; padding:18px;}
.newsList-mod .tab-con .newsList-con .list01 li .pic{ float:left;}
.newsList-mod .tab-con .newsList-con .list01 li .pic img{ width:161px; border-radius:6px;}
.newsList-mod .tab-con .newsList-con .list01 li .text{ margin-left:180px;}
.newsList-mod .tab-con .newsList-con .list01 li .text h3{ min-height:56px; line-height:28px; font-size:20px; color:#2B3E50; padding-bottom:5px;}
.newsList-mod .tab-con .newsList-con .list01 li .text h3 a{ color:#2B3E50;}
.newsList-mod .tab-con .newsList-con .list01 li .text .more{}
.newsList-mod .tab-con .newsList-con .list01 li .text .more .more-btn{ display:block; float:left; line-height:20px; color:#999;}
.newsList-mod .tab-con .newsList-con .list01 li .text .more .more-btn:hover{ color:#A77D44;}
.newsList-mod .tab-con .newsList-con .list02{}
.newsList-mod .tab-con .newsList-con .list02 li{ border-bottom:1px solid #E1E7EB; padding:18px;}
.newsList-mod .tab-con .newsList-con .list02 h3{ line-height:28px; font-size:20px; color:#2B3E50; font-weight:normal;}
.newsList-mod .tab-con .newsList-con .list02 h3 a{ color:#2B3E50;}
.newsList-mod .tab-con .newsList-con .list02 .more{ padding:15px 0 0;}
.newsList-mod .tab-con .newsList-con .list02 .more .tips{ display:block; float:left; line-height:22px; background:#FFF5E4; color:#A77D44; border-radius:2px; padding:0 5px; margin-right:60px;}
.newsList-mod .tab-con .newsList-con .list02 .more .from{ display:block; float:left; line-height:22px; color:#999;}
.newsList-mod .tab-con .ad-con{ padding:34px 0 0;}
.newsList-mod .tab-con .ad-con .ad-btn{ display:block; width:100%; margin-bottom:20px;}

/**/
.paging-con{ text-align:center; font-size:0; padding:55px 0 60px;}
.paging-con .btn{ display:inline-block; color:#999; line-height:26px; font-size:14px; margin:0 6px; padding:0 10px;}
.paging-con .btn.on{ background:#EAC58A; border-radius:50%; color:#333;}

/**/
.news-mod{}
.news-mod .news-con{ width:760px; background:#fff; border-radius:10px; padding:20px 28px;}
.news-mod .news-con h1{ line-height:33px; font-size:24px; color:#2B3E50; }
.news-mod .news-con .more{ padding:15px 0 0;}
.news-mod .news-con .more .time{ float:left; line-height:18px; font-size:12px; color:#9AABB8; padding-left:20px; background:url("/images/template/newsList2024/ico03.jpg") no-repeat left center;}
.news-mod .news-con .more .from{ float:left; line-height:18px; font-size:12px; color:#9AABB8; margin-left:36px;}
.news-mod .news-con .main{ padding:28px 0 0;}
.news-mod .news-con .main .pic{ text-align:center; padding:0 0 16px;}
.news-mod .news-con .main .pic img{ max-width:100%;}
.news-mod .news-con .main p{ padding-bottom:16px; line-height:26px; font-size:14px; color:#2B3E50; }
.news-mod .news-con .enclosure{ padding:18px 20px; background:#F8F8F8; border-radius:10px;}
.news-mod .news-con .enclosure h4{ line-height:32px; font-size:18px; padding-bottom:5px;}
.news-mod .news-con .enclosure .btn{ display:block; line-height:26px; color:#6180c8;}
.news-mod .news-con .enclosure .btn:hover{ text-decoration:underline;}
.news-mod .right-con{ width:370px;}
.news-mod .right-con .title{ padding-bottom:20px;}
.news-mod .right-con .title h3{ float:left; line-height:25px; font-size:18px; padding-left:28px;}
.news-mod .right-con .title h3.ico01{ background:url("/images/template/newsList2024/title-ico01.jpg") no-repeat left center;}

/**/
.recommendCourse-mod{}
.recommendCourse-mod .box{ background:#fff; border-radius:10px; margin-bottom:34px;}
.recommendCourse-mod .box .top-con{ padding:25px 20px 0;}
.recommendCourse-mod .box h4{ line-height:25px; font-size:18px; font-weight:normal;}
.recommendCourse-mod .box .time{ line-height:18px; font-size:12px; color:#666; padding-top:6px;}
.recommendCourse-mod .box .tags{ padding:8px 0 0;}
.recommendCourse-mod .box .tags span{ display:block; float:left; line-height:18px; font-size:12px; color:#A77D44; margin:0 8px 6px 0; background:#FFF9EF; border-radius:2px;}
.recommendCourse-mod .box .teacher{ padding:20px 0;}
.recommendCourse-mod .box .teacher .btn{ display:block; float:left; width:44px; margin-right:23px; text-align:center;}
.recommendCourse-mod .box .teacher .btn img{ display:block; width:44px; height:44px;}
.recommendCourse-mod .box .teacher .btn p{ line-height:18px; font-size:12px; color:#777; padding-top:8px;}
.recommendCourse-mod .box .bottom-con{ height:58px; line-height:58px; border-top:1px solid #F2F2F2; padding:0 25px 0 30px;}
.recommendCourse-mod .box .bottom-con .nums{ float:left; color:#777;}
.recommendCourse-mod .box .bottom-con .pirze{ float:right; color:#E6213A; text-align:right;}
.recommendCourse-mod .box .bottom-con .pirze i{ font-size:10px;}
.recommendCourse-mod .box .bottom-con .pirze strong{ font-size:20px;}
.recommendCourse-mod .box .bottom-con .pirze p{ line-height:28px; padding-top:5px;}
.recommendCourse-mod .box .bottom-con .pirze del{ line-height:16px; font-size:11px; color:#C5C5C5;}

@media screen and (max-width: 1530px) {
    body{ min-width:1200px;}
    .layout{ width:1200px;}
}