@charset "utf-8";
/*互联网课堂*/
.local{ width:100%; background:#fafafa; height:70px; line-height:70px; font-size:16px;}
.local i{ color:#db0001; font-size:24px; margin-right:10px; line-height:70px;}
.submenu{padding-top:3.375%;text-align:center}
.submenu ul{display:inline-block;vertical-align:top;*display:inline;*zoom:1;padding-left:2px}
.submenu ul li{float:left;margin-right:2px;background-color:#f2f2f2}
.submenu a{display:block;width:140px;height:50px;font-size:16px;line-height:50px;color:#333;text-align:center;background-color:#f2f2f2;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.submenu a:hover{color:#fff;background-color:#db0001}
.submenu .cur a{color:#fff;background-color:#db0001}

.news{overflow:hidden;width:1570px;margin:0 auto;background:#fff; padding:20px; margin-top:30px;}
.news ul{margin:0 -30px}
.news li{float:left;width:33.3333%}
.news li a{display:block;margin:0 20px;padding:13.74322% 20px 16.27486%;overflow:hidden;border-top:1px solid #d9d9d9;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s}
.news li a:hover{background-color:#fafafa}
.news li a:hover .title{color:#db0001}
.news .date{margin-bottom:20px;font-size:18px;line-height:24px;color:#666}
.news .date .line{display:block;width:20px;height:0;padding-top:15px;border-bottom:3px solid #d9d9d9}
.news .title{margin-bottom:32px;font-size:18px;font-weight:bold;color:#1a1a1a;display:-webkit-box;height:48px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news .desc{font-size:14px;line-height:24px;color:#666;display:-webkit-box;height:96px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}
@media screen and  (max-width:1570px){
.news{overflow:hidden;width:1300px;margin:0 auto;background:#fff; padding:20px; margin-top:30px;}
.news .title{margin-bottom:20px;font-size:18px;font-weight:bold;color:#1a1a1a;display:-webkit-box;height:48px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news li a{display:block;margin:0 20px;padding:13.74322% 20px 10.27486%;overflow:hidden;border-top:1px solid #d9d9d9;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s}
.news .desc{font-size:14px;line-height:24px;color:#666;display:-webkit-box;height:96px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}
}
@media screen and  (max-width:1280px){
.news{overflow:hidden;width:1180px;margin:0 auto;background:#fff; padding:20px; margin-top:30px;}
.news .title{margin-bottom:20px;font-size:16px;font-weight:bold;color:#1a1a1a;display:-webkit-box;height:40px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news li a{display:block;margin:0 20px;padding:13.74322% 20px 10.27486%;overflow:hidden;border-top:1px solid #d9d9d9;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s}
.news .desc{font-size:12px;line-height:24px;color:#666;display:-webkit-box;height:96px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}
}
@media screen and  (max-width:768px){
.local{ width:100%; background:#fafafa; height:50px; line-height:50px; font-size:12px;}
.local i{ color:#db0001; font-size:16px; margin-right:10px; line-height:50px;}
.submenu{padding-top:20px;text-align:center}
.submenu ul{display:inline-block;vertical-align:top;*display:inline;*zoom:1;padding-left:2px}
.submenu ul li{float:left;margin-right:2px;background-color:#f2f2f2;}
.submenu a{display:block;width:100%;height:40px;font-size:14px;line-height:40px;color:#333;text-align:center;background-color:#f2f2f2;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden; padding-left:8px; padding-right:8px;}
.submenu a:hover{color:#fff;background-color:#db0001}
.submenu .cur a{color:#fff;background-color:#db0001}
.news{overflow:hidden;width:92%;margin:0 auto;background:#fff; padding:20px; margin-top:0;}
.news ul{margin:0 -30px}
.news li{float:left;width:100%}
.news li a{display:block;margin:0;padding:5%;overflow:hidden;border-top:1px solid #d9d9d9;-webkit-transition:all ease .2s;-o-transition:all ease .2s;-moz-transition:all ease .2s;transition:all ease .2s}
.news .date{margin-bottom:10px;font-size:14px;line-height:16px;color:#666}
.news .title{margin-bottom:5px;font-size:14px;font-weight:bold;color:#1a1a1a;display:-webkit-box;height:30px;line-height:30px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news .desc{font-size:12px;line-height:20px;color:#666;display:-webkit-box;height:auto;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}

}

/*详情页*/
.top_bg{ width:100%; height:100px; background:#333;}
.newshow{ width:1570px; margin:0 auto;box-shadow: 2px 2px 10px 0 rgba(58,83,107,0.12); margin-top:80px; margin-bottom:80px; padding:50px; min-height:500px; border-radius:10px;}
.newshow h1{ text-align:center; font-size:32px; color:#333; font-weight:bold;}
.newshow dl{ text-align:center; font-size:14px; color:#999; padding-top:20px; border-bottom:1px solid #f0f0f0; padding-bottom:20px;}
.newshow dl span{ padding-left:15px; padding-right:15px;}
.show_content{font-size: 16px;line-height: 30px;color: #333; padding-top:30px;}
.show_content img{ max-width:100%; margin:0 auto;}
.show_content a{ color:#db0001; text-decoration:underline;}
.newshow .prev{ width:100%; padding-top:50px; font-size:16px; color:#666;}
.newshow .prev dd{ padding-top:5px; padding-bottom:5px;}
.newshow .prev dd a{ color:#666; text-decoration:underline;}
.newshow .prev dd a:hover{ color:#db0001}
@media screen and  (max-width:1570px){
.newshow{ width:1300px; margin:0 auto;box-shadow: 2px 2px 10px 0 rgba(58,83,107,0.12); margin-top:30px; margin-bottom:80px; padding:50px; min-height:500px; border-radius:10px;}
}
@media screen and  (max-width:1280px){
.newshow{ width:1180px; margin:0 auto;box-shadow: 2px 2px 10px 0 rgba(58,83,107,0.12); margin-top:80px; margin-bottom:80px; padding:50px; min-height:500px; border-radius:10px;}
.newshow{ width:1180px; margin:0 auto;box-shadow: 2px 2px 10px 0 rgba(58,83,107,0.12); margin-top:30px; margin-bottom:50px; padding:50px; min-height:500px; border-radius:10px;}
.newshow h1{ text-align:center; font-size:28px; color:#333; font-weight:bold;}
}
@media screen and  (max-width:768px){
.top_bg{ width:100%; height:50px; background:#333;}
.newshow{ width:92%; margin:0 auto;box-shadow: 2px 2px 10px 0 rgba(58,83,107,0.12); margin-top:20px; margin-bottom:50px; padding:20px; min-height:500px; border-radius:10px;}
.newshow h1{ text-align:center; font-size:16px; color:#333; font-weight:bold;}
.newshow dl{ text-align:center; font-size:12px; color:#999; padding-top:15px; border-bottom:1px solid #f0f0f0; padding-bottom:15px;}
.newshow dl span{ padding-left:10px; padding-right:10px;}
.show_content{font-size: 14px;line-height:26px;color: #333; padding-top:15px;}
.newshow .prev{ width:100%; padding-top:50px; font-size:12px; color:#666;}
}
.related{ width:1570px; margin:0 auto; padding-bottom:80px;}
.related .title{margin-bottom:40px;font-size: 30px;color: #34364b;font-weight: bold; text-align:center}
.related ul{ width:100%;}
.related li{float:left;width:25%}
.related a{display:block;overflow:hidden;margin:0 13px 23px;border:1px solid #d2d2d2;padding:20px 30px 19px;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.related a:hover{border-color:#db0001}
.related a:hover h2{color:#db0001}
.related a:hover p{color:#db0001}
.related h2{margin-bottom:4px;font-size:16px;display:-webkit-box;height:48px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#34364b}
.related p{font-size:14px;line-height:30px;color:#a5a5ab}
@media screen and  (max-width:1570px){
.related{ width:1300px; margin:0 auto; padding-bottom:50px;}

}
@media screen and  (max-width:1280px){
.related{ width:1180px; margin:0 auto; padding-bottom:40px;}
.related .title{margin-bottom:40px;font-size:28px;color: #34364b;font-weight: bold; text-align:center}
.related h2{margin-bottom:4px;font-size:14px;display:-webkit-box;height:48px;line-height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#34364b}
.related p{font-size:12px;line-height:30px;color:#a5a5ab}
}
@media screen and  (max-width:768px){
.related{ width:92%; margin:0 auto; padding-bottom:40px;}
.related .title{margin-bottom:30px;font-size:18px;color: #34364b;font-weight: bold; text-align:center}
.related li{float:left;width:50%}
.related a{display:block;overflow:hidden;margin:0 5px 10px;border:1px solid #d2d2d2;padding:10px 10px 9px;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.related h2{margin-bottom:4px;font-size:12px;display:-webkit-box;height:38px;line-height:22px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#34364b}
.related p{font-size:12px;line-height:30px;color:#a5a5ab}

}