.sub_content {float:left; overflow:hidden; width:96%; padding:2% 2% 5%; background:#fff;}
.framecenter{ margin:0 auto; overflow-x:hidden; /*max-width:1200px;*/ min-width:320px;  line-height:210%;}
@media screen and (min-width:641px) {
.sub_content { margin-top:14%;}	
.framecenter{font-size:.32rem; padding-bottom:3.4rem;background:#fff; line-height:210%;}
}
@media screen and (min-width:992px) {
.sub_content {font-size:14px; margin-top:8%; line-height:230%;}		
.framecenter{ padding-bottom:2%;}
}
@media screen and (min-width:1200px) {
.sub_content {margin-top:5%; line-height:210%; font-size:14px;}		
}

.center{text-align:center;}
.sub_pad{padding-bottom:20px; margin:0 auto; width:1160px;}
.backfff{background:#fff; padding-bottom:35px;}
.font-15{font-size:14px;}
.box_2{margin-top:35px;}
.box_3{margin-top:0px;}
.box_6{margin-bottom:30px;}
.box_7{margin-bottom:20px; background:#eee;}
.box_8{margin-bottom:10px;}
.sub-color1{color:#F33;}
.frame{width:98%; padding:2% 1%; overflow:hidden;}
.map-box{width:50%; max-height:550px;}
/*sub*/
.location {line-height:45px; text-align:left; background:url(../images/sub-yin.gif) left 12px no-repeat; text-indent:26px;}
.location span{ display:block;}
.frameright{width:100%; /*margin-bottom:1%;*/ float:left; overflow:hidden;}
.frameleft{width:100%;}

/*tree*/
.three {width:98%; padding:2% 1% 1%; overflow:hidden; float:left;}
@media screen and (min-width:641px) {
.three li{float:left; font-size:.28rem; background:#FEC425; padding:2% 3%; margin-right:2%;  margin-bottom:2%; text-align:center; overflow: hidden; line-height:140%;}
.three li a.typelink {display:block; color:#333;}
.three li a:visited.typelink {color:#333;}
.three li a:hover.typelink {color:#333;}	
}
@media screen and (min-width:992px) {
.three li {font-size:16px; line-height:14px; margin-right:2%;}
.hove{color:#333;}
}
.contbox{overflow:hidden; margin:0; float:left; width:100%; margin-bottom:1%;}
@media screen and (min-width:641px) {
.contbox li{float:left; width:48%; margin:1%; text-align:center; overflow:hidden;}
.contbox li img{width:100%;}
.contbox li h3{width:100%; line-height:340%; background:#F7F7F7; font-size:.28rem;color:#333;}
}
@media screen and (min-width:1024px) {
.three li{padding:1.5% 3%;}	
.contbox li{width:24%; margin:0.5%;}
.contbox li h3{font-size:16px; line-height:428%;}	
.contbox li:hover h3{background:#FEC425; color:#222;}
}
@media screen and (min-width:1200px){
.three li{padding:1.2% 3%; margin-top:1%;}		
}
.sub-cont{ background:#fff; width:100%; float:left; overflow:hidden;}
.sub-cont li{margin:0px 5px 20px; width:278px; border:1px solid #ddd; background:#fff; float:left; padding-bottom:12px;}
.sub-cont li a img{width:100%; height:218px; margin-bottom:10px;}
.sub-cont li a h3{color:#666; padding:0 12px; width:254px;}
.sub-cont li a p{width:100%; color:#666; padding:0 12px; width:254px;}
.sub-cont li:hover{border:1px solid #FE7335;}
.sub-cont li:hover h3{color:#FE7335;}
/*
.newslist{overflow:hidden; width:100%; float:left;}
@media screen and (min-width:641px) {
.newslist li{text-align: left;margin: 0 auto; overflow: hidden; float:left; width:98%; font-size:14px;margin-bottom:2%; padding:1%;}
.newslist li{float:left; width:100%; border-bottom:1px dashed #999; padding-bottom:2%; margin-bottom:2%;}
.newslist li h3{font-size:.36rem; color:#222; font-weight:normal; line-height:165%;}
.newslist li p{width:100%; text-align:left; line-height:155%; font-size:.3rem;}
.newslist li p span.other{float: left; color:#FEC425; padding-right:1%;}
.newslist li p span.data{float: left; color:#AAA; font-size:.2rem;}
.newslist li:hover{background:#BFFFEF;} 

}
@media screen and (min-width:992px) {

.newslist li{margin:0 1% 2% 0; width:47%; background:#F7F7F7; padding:1%;}
.newslist li img{margin-right:2%; padding:0; margin-top:1%;}
.newslist li h3{font-size:16px; padding-bottom:6px;}
.newslist li p{padding-bottom:6px; color:#888; font-size:14px;}
.newslist li p span.other{padding-right:8px;}
.newslist li p span.data {font-size:12px;}	
*/
}

@media screen and (min-width:1200px) and (max-width:1440px) {


}
/*pagecontent*/
.pagecontentstr{width:100%; padding:1% 0 3%; overflow: hidden; float:left;}
@media screen and (min-width:320px) {	
.pagecontentstr{line-height:260%; font-size:.25rem;}
}
@media screen and (min-width:641px) {	
.pagecontentstr, .righttext_padding{font-size:.26rem; line-height:240%;}
.pagecontentstr img{width:100%;}
.righttext {float:left;width:98%; overflow:hidden;font-size:.24rem; padding:2%;}
.righttext h3{font-size:.35rem; font-weight:bold; /*border-bottom:1px dashed #EBEBEB;*/ line-height:260%;}
.righttext_padding {float: left; width:100%; padding:1% 0 3%; padding-bottom:30px; overflow:hidden;}
.righttext_padding img{margin:1% 2%; width:96%;}	
.pagelist{font-size:.26rem; padding:2% 2% 0%;} 
}
@media screen and (min-width:992px) {
.pagecontentstr, righttext_padding{font-size:14px; line-height:210%;}	
.pagecontentstr img{width:auto;}	
.righttext {float:left;width:100%; font-size:14px; padding:15px 0 0 0;}	
.righttext h3{font-size:16px;}
.pagelist{font-size:14px; padding:0%;}
}
@media screen and (min-width:1024px) {
.righttext h3{font-size:18px;}	
.pagecontentstr, .righttext_padding{font-size:14px; line-height:240%;}
.pagelist{font-size:14px; padding:0.5% 0% 0%; line-height:240%;}
}

.pagelist{width:100%; overflow: hidden; float:left;}
.margintop8{margin-top:8PX;}

.readlist {float: left;margin: 0;width:100%; overflow:hidden;}
.readlist h3.no1{text-align:center; padding-bottom:12px; font-size:16px; font-weight:bold; color:#333;}
.readlist .tg1 {height: 48px;line-height: 48px;font-size: 16px;padding-left: 45px;font-weight: bold;background: url('../images/readlist_bg.png') 12px 10px no-repeat #f0f0f0; margin-top:12px;}
.readlist .tg3 {height: 38px;line-height: 38px;font-size: 14px;font-weight: bold;padding-left: 10px;border-bottom: 1px dotted #d0d0d0;}
.readlist .l {padding: 15px 0px 20px;overflow: hidden; float:left; width:100%; margin:0;}
.goodimg{float:left; margin-right:20px; max-width:335px;}