@media screen and (max-width: 500px) and (min-width: 100px){
.jumu-area dl dd{width:96%;margin-left:2%;height:auto;}
.jumu-area dl dd .jumu_left{width:100%;height:auto;}
.jumu-area dl dd .jumu_right{width:100%;overflow:hidden;}
.yanyirencai-area dl{width:96%;margin-left:2%;margin-right:2%;}
.yanyirencai-area dl dd{width:100%;}
}
/* CSS Document */
.list-body cite{ text-align: center; font-size: 21px;  }
.list-body .art_about_content{ color: #272727; text-indent:30px;}

.more-area{ text-align: center; margin-top:10px; }
.more-area a{ color:#ab2123;  font-size:15px; border:1px solid #ab2123; padding:5px 50px; border-radius: 1px;}
.more-area a:hover{ text-decoration:underline; text-decoration-color: #ab2123; }

.biandao-area {margin-top:20px;}
.biandao-area dl{ list-style: none; width:98%; margin:0 auto;}
.biandao-area dl dd{ width:18.4%; float: left; margin-right:2%; }
.biandao-area dl dd:last-child{margin-right:0;}
.biandao-area dl dd img{width:100%; height: 100%;}

.zuoqu-area{margin-top:20px; margin-bottom: 20px;}
.zuoqu-area dl{list-style: none; width:98%; margin:0 auto}
.zuoqu-area dl dd{width:45%; float:left; margin-right:4%; margin-left:6%;}
.zuoqu-area dl dd:last-child{margin-right:0; margin-left:0;}
.zuoqu-left{ width:247px; height:336px; float: left; }
.zuoqu_bg{ width:100%; height:100%; float:left;background:url(../image/zuoqu_bg.png) no-repeat right;  position: relative;}
.zuoqu_bg a img{ position: absolute; top:0; left:0;height:312px;width:231px; }
.zuoqu-right{width:230px;float: left; margin-left: 30px;}
.zuoqu-right a,.zuoqu-right h4,.zuoqu-right p{ width:100%;  float: left;}
.zuoqu-right a{ font-size:21px; margin-top:40px; margin-bottom: 30px;}
.zuoqu-right h4,.zuoqu-right p{ font-size:17px; font-weight: normal; color: #383838;  margin-left: 10px;}

.bianju-area {margin-top:20px;}
.bianju-area dl{ list-style: none; width:98%; margin:0 auto; overflow: hidden;}
.bianju-area dl dd{ width:281.92px; height: 381.06px; float: left; margin-right:3px; position: relative;}
.bianju-area dl dd:last-child{margin-right:0; }
.bianju-area dl dd img{width:100%; height: 100%; float: left;}

.bianju-area dl dd:hover .bianju_panel{ display: block;width:100%;height: 381.06px; float: left; opacity: 0.5; }
.bianju_panel{ width: 100%; height: 0px;position: absolute; bottom: 0; background:#ab2123;transition: 0.7s;  opacity: 0;}
.bianju-area dl dd:hover  .bianju_title{ display: block;width:100%;height: 381.06px; float: left; opacity: 1; color: #fff; }
.bianju_title{ width: 100%; height: 0px;position: absolute; bottom: 0; transition: 0.7s;  opacity: 0; z-index: 2; line-height: 381.06px; text-align: center;}

.yanyirencai-area {margin-top:20px;}
.yanyirencai-area dl{ list-style: none; width:98%; margin:0 auto;}
.yanyirencai-area dl dd{ width:18.4%; float: left; margin-right:2%; position: relative; }
.yanyirencai-area dl dd:last-child{margin-right:0;}
.yanyirencai-area dl dd img{width:209px; height: 302px; float: left;}
.yanyirencai-cover{ width:100%; height: 30px; line-height: 30px; position: absolute; bottom: 0; background: #ab2123; text-align: center; opacity: 0.7;}
.yanyirencai-type{ color: #fff; z-index: 2;  position: absolute; bottom: 0; text-align: center; line-height: 30px; width:100%; font-weight: normal;}

.jumu-area{margin-top:20px; margin-bottom: 10px;}
.jumu-area dl{list-style: none; width:100%; float: left;}
.jumu-area dl dd{ width:44%; height:293px; float: left;  margin-left: 3%;}
.jumu_left{ width:50%; height: 293px; float: left;  }
.jumu_type{ width:100%; float: left; margin-top:20px; }
.jumu_type cite{padding:3px 15px; background: #ce5e5e; float: left; font-size: 14px; color: #fff; line-height: 20px;}
.jumu_left h4{ margin-top:30px; width:100%; float: left;}
.jumu_left h4 a:hover{ color: #ce5e5e}
.jumu_left p{font-size:15px;color:#464646;}
.jumu_left  .jumu_time,.jumu_left .jumu_address,.jumu_left .jumu_num{ width:98%; float: left; font-size: 15px; margin-left: 2%;  color: #464646;}
.jumu_right{ width:239px; height: 293px; float: right; }
.jumu_right img{ width:100%; height: 100%; float: left; }

.artedu-area{  }
.artedu-area dl{ list-style: none; width:100%; float: left; }
.artedu-area dl dd{width:359px; height: 502px; float: left; margin-right:61px; margin-bottom:20px;}
.artedu-area dl dd:nth-of-type(3n){margin-right:0;}
.artedu-area .artedu-img{width:100%; float: left; /*height: 232px;*/}
.artedu-area .artedu-img img{ width:100%; height: 232px; float: left; }
.artedu-main{width:88%; height: 270px; float: left; background: #fff; padding-left:6%; padding-right: 6%;}
.artedu-main h3{ font-size: 19px; font-weight: normal; margin-top:10px; margin-bottom: 10px; }
.artedu-main p{ font-size: 14px; width: 100%; float: left; color: #565656; line-height: 26px; }
.artedu-call{ width:100%; float: left; margin-top: 25px; }
.artedu-call-left{width:60%; float: left;}
.artedu-call-left p{margin-bottom: 10px;margin-top:5px;}
.artedu-call-left p i{width:22px; height: 22px; float: left; margin-right: 20px;}
.artedu-call-right{ float: left; }
.artedu-call-right a{padding:3px 15px; background: #ce5e5e; font-size:14px; color: #fff; margin-top:20px;}
.artedu-call-right a:hover{text-decoration:underline;}

.wenlv-area{margin-top:20px; margin-bottom: 10px;}
.wenlv-area dl{list-style: none; width:100%; float: left;}
.wenlv-area dl dd{ width:44%; height:293px; float: left;  margin-left: 3%; background: #fff; margin-bottom: 30px;}
.wenlv_left{ width:50%; height: 293px; float: left;  padding-left: 20px;}
.wenlv_left h4{ margin-top:30px; width:100%; float: left;}
.wenlv_left h4 a:hover{ color: #ce5e5e}
.wenlv_left  .wenlv_time,.wenlv_left .wenlv_address,.wenlv_left .wenlv_num{ width:98%; float: left; font-size: 15px; margin-left: 2%;  color: #464646;}
.wenlv_right{ width:239px; height: 293px; float: right; }
.wenlv_right img{ width:100%; height: 100%; float: left; }