/* 列表页 */
.list_maincontent{border: 1px #E5E5E5 solid; padding:1% 3% 3%;}
.common_list li{position:relative; padding: 18px 0; padding-left:26px; text-align: justify; line-height: 1.5;  overflow:hidden; vertical-align:top; border-bottom: 1px #D1E7FF dashed;}
.common_list li:after{position:absolute; content:" "; left:0; top: 30px; margin-top: -1px; width: 11px; height: 11px; background: #08B0CA; border-radius: 50%;}
.common_list li span{color: #aaa; border: none;  margin-left: 20px;}
.common_list li{display:flex; justify-content: space-between;}
.common_list li .gjbt{width:89%;}
.common_list li .gjbt a{display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

/* page */
.page {
    margin-top: 3%;
    text-align: center;
  }
  
  .page a {
    color: #aaa;
    padding: 7px 15px;
    text-align: center;
    display: inline-block;
    margin: 5px;
    background: #EBF4FB;
  }
  
  .page a.current {
    color: #fff;
    background-color: #08B0CA;
  }

  /* 内容页 */
.zw-title{margin-bottom: 50px;}
.zw-title h1{padding: 18px 10px 32px; text-align: center; line-height: 1.5; font-size: 28px; font-weight: bold;}
.zw-title h2{text-align: left; font-size: 28px; line-height: 1.5;}
.subtitle span{text-align: center; display: block; margin-bottom: 15px;}
.zwcon {
	font-size: 26px;
	color: #282828;
	line-height: 2;
}

.zwcon p {
	margin-top: 20px;
	/* text-indent: 1em; */
	line-height: 2;
    font-size: 26px;
}

.zwcon img {
	display: block;
	margin: 15px auto;
    max-width: 90%;
    width: auto;
    height: auto;
}

.xgxw {
	box-sizing: border-box;
    margin-top: 20px;
	margin-bottom: 20px;
}
.info_xgxw_title{ font-weight:bold; height:60px; line-height:60px; font-size: 26px; display: flex;}
.info_xgxw_title span{width: 5px; height: 30px; margin-right: 15px; display: inline-block; background: #08B0CA; margin-top: 18px;}
.download{margin-top: 30px;}

.tylist li{position:relative; padding: 10px 0 10px 16px; text-align: justify; line-height: 1.5; overflow:hidden; vertical-align:top; }
.tylist li:after{position:absolute; content:" "; left:0; top: 24px; border-radius: 50%; margin-top: -1px; width: 6px; height: 6px; background: #08B0CA;}
.tylist li a{display:block;}

/* 网站地图 */
.map_item{margin-bottom: 30px;}
.map_item_title{ display: flex; align-items: center; justify-content: center; background: url(map_lm_bg.jpg) top left repeat-x #F4F9FE;
background: linear-gradient(to bottom,  #ebf4fe 0%,#f4f9fe 100%); border: 2px #fff solid; box-shadow: 0 0 6px 0 #E1EEF6; padding: 2% 0;
}
.map_item_title .lmname img{display: inline-block; margin-right: 15px}
.map_item_title .lmname .txt{ font-size: 20px; font-weight: bold; color: #333; display: inline-block;}
.map_item_con{border: 1px #aaa solid;  padding: 3% 2%;}
.map_item_con ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.map_item_con li{width: 32%; margin-bottom: 20px; position: relative; padding-left: 20px;}
.map_item_con li:after{position:absolute; content:" "; left:0; top: 50%; margin-top: -1px; width: 8px; height: 8px; background: #07AFC9; border-radius: 50%;}
.map_item_con li a{font-size: 16px; color: #333;}

.map_item_con li .drop{position:absolute; top:24px; left:0; padding:10px 5px 0; width:110px;  z-index:9; background:url(/global/opa5.png); border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; display:none;}
.map_item_con li .drop:after{content: ''; display:block; line-height:0; font-size:0; width:0; height:0; overflow:hidden; border:7px solid transparent; border-bottom-color:#000; position:absolute; left:50%; top:-14px; margin-left:-7px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
.map_item_con li .drop ul{overflow:hidden; zoom:1;}
.map_item_con li .drop ul li{float:left; padding:0 5px 10px;  margin: 0}
.map_item_con li .drop ul li:after{width: 0; height: 0}
.map_item_con li .drop ul li img{display:block; width:100px; height:100px; max-width:none;}
.map_item_con li .drop ul li span{display:block; text-align:center; color:#fff; padding-top:5px; line-height:18px; font-size:12px; width: 100px;}
.map_item_con li:hover .drop{display: block;}


@media (max-width:1280px) {

}
@media (max-width:1024px) {
 .common_list li .gjbt{width: 86%;}
}
@media (max-width:912px) {
 .common_list li .gjbt{width: 84%;}    
}


@media (max-width:820px) {
 .common_list li .gjbt{width: 82%;}   
}

@media (max-width:768px) {
    .common_list li span{font-size: 18px; margin-left: 10px;}
    .zw-title{margin-bottom: 30px;}
    .zw-title h1{font-size: 30px; padding-bottom: 15px;}
    .zw-title h2{font-size: 18px;}
    .zwcon, .zwcon p{font-size: 16px;}
    .info_xgxw_title{font-size: 25px;}
    .info_xgxw_title span{height: 25px; margin-top: 22px;}
}


@media (max-width:640px) {  
  .common_list li .gjbt{width: 78%}
}

@media (max-width:540px) {
    .common_list li{padding-left: 18px;}
    .common_list li:after{width: 6px; height: 6px;}
    .common_list li span{margin-left: 5px; font-size: 14px;}
    .map_item_title{padding: 5% 0}
    .map_item_con li{width: 42%; margin:10px 0}
    .map_item_con li:after{top: 46%;}
}

@media (max-width:480px) {
    .list_maincontent{padding: 1.5% 4% 3%;}
    .zw-title h1{font-size: 24px;}
    .zw-title h2{padding: 0 10px;}
    .subtitle{justify-content: center;}
    .subtitle span{margin-bottom: 5px;}

    .info_xgxw_title{font-size: 22px; height: 40px; line-height: 40px;}
    .info_xgxw_title span{height: 22px; margin-top: 12px;}
    .tylist li:after{top: 21px;}
}

@media (max-width:440px) {
    .common_list li .gjbt{width: 73%;}
}

@media (max-width:400px) {
    .info_xgxw_title{font-size: 20px;}
    .info_xgxw_title span{height: 20px; margin-right: 10px;}

}

@media (max-width:380px) {
    .common_list li:after{top: 29px;}
    .common_list li span{font-size: 12px;}
}

@media (max-width:360px) {
    .common_list li:after{top: 28px;}
    .map_item_con li:after{top: 9px;}
}

@media (max-width:320px) {
  .common_list li .gjbt{width: 68%;}
}