#middle{
	width: 100%;
	overflow: hidden;
}

/* 头部banner */
.mid-top-center{
	height:450px;
	position:relative;
}

.topbg-sj{ display:none; }
.topbg-sj img{ width:100%; }

.dqlm-tit{
	color: #FFF;
    font-size: 52px;
    text-align: center;
	font-weight: 700;
	letter-spacing: 5px;
	padding-top: 160px;
	text-shadow: -1px 1px 2px rgb(0 0 0 / 30%);
}

.dqlm-tit div{
	width:60px;
	height:5px;
	background:#FFF;
	margin: 10px auto 0;
	box-shadow: -1px 1px 2px rgb(0 0 0 / 30%);
}

.pdsy{
	line-height: 86px;
    background: url(/cms/templates/900602808197910000/images/nav_hover-bg01.png) no-repeat left bottom;
	display:flex;
	align-items: center;
	font-size: 22px;
    margin: 0;
    padding: 0 0 0 49px;
	width:194px;
	box-sizing:border-box;
}
.pdsy a{ color:#FFF; }

/* 二级导航 */
.top-nav-menu{
	background: #ffffff; 
    padding: 0px; height:86px; 
    position: absolute;
    bottom: -43px;
    left: 50%;
    margin-left: -650px;
    width: 1300px;
	box-shadow: 0px 20px 20px -20px #d1d1d1;
}
.top-nav-menu ul{ display:flex; align-items: center; height:100%; }
.top-nav-menu ul span{ display:flex; align-items: center; }
.nav-mask-right {
    display: none;
    width: 15px;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 15px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    z-index: 99;
}

.top-nav-menu ul li{
	float: left;
    padding: 15px 0; box-sizing:border-box;
	margin:0 0 0 35px;
	font-size: 20px;
}
/* 头部banner end */
 



/* ===========视图宽度============ */

.w_1300{
	max-width: 1300px;
	margin: 0 auto;
}

/* ==============@media============== */

@media screen and (max-width: 1340px){
	.w_1300 {
   		max-width: 1200px;
	}
	
	.top-nav-menu{
		left: 0;
		margin-left: 0px;
	}
	
}

@media screen and (max-width: 1240px){
	.w_1300 {
   		max-width: 1000px;
	}
}

@media screen and (max-width: 1000px){
	/* top-banner */
	.topbg-sj{ display:block; }
	.mid-top-center {
		background: none;
		height:unset;
	}
	
.dqlm-tit {
    position: absolute;
    top: calc( (100% - 84px ) /2 );
    left: 0;
    right: 0;
    padding-top: 0px;
}
	.dqlm-tit img{ width:100%; height:auto; }

	.top-nav-menu {
		display:none;
	}
	
	/* top-banner end */
 
}

@media screen and (max-width: 768px){
	.content-list li:before {
		left: 16px;
		top: 28px;
	}
	
	.content-list ul li a {
		font-size: 16px;
		width: calc(100% - 80px);
		padding-left: 22px;
	}
	
	.content-list ul li span {
		width: 80px;
		font-size: 14px;
	}
	
}

@media screen and (max-width: 620px){}

@media screen and (max-width: 550px){
 
}

@media screen and (max-width: 450px){
	/* top-banner */
	.dqlm-tit{ 
		top: calc( (100% - 62px ) /2 );
		font-size:36px;
	}
	/* top-banner end */
	
}

@media screen and (max-width: 375px){}

@media screen and (min-width: 1000px){
.midbg{ background:#f8f8f8 url(/cms/templates/900602808197910000/images/yywh.png) center bottom no-repeat; height:1668px; }
}


.mid1title{ padding:114px 0 70px; }

.titlem{ display:none; }
@media screen and (max-width: 1000px){
.midbg{  background:#f8f8f8; }
.mid1{ padding:0 15px; background:url(/cms/templates/900602808197910000/images/mbg1.png) left top no-repeat; background-size:100% auto;  }
.title{ display:none; }
.titlem{ display:block; }
.mid1title{ padding:40px 15px 25px 15px; }
.mid1title .titlem{ width:80%; height:auto; }
}




.mid1l{ float:left; width:20%; height:703px; box-sizing:border-box; padding-top:49px; z-index:1; position: relative; }

.mid1la,.mid1lb{ height:48px; line-height:48px; font-size:20px; color:#FFF; width:113%; text-align:center; position:relative; }
.mid1la a,.mid1lb a{ color:#FFF;  }

@media screen and (max-width: 1000px){
.mid1l{ float:none; width:auto; height:auto; padding:20px; }
.mid1la,.mid1lb{ float:left; height:40px; line-height:40px; font-size:18px; width: 38%;
    margin-left: 2%;  }
}


.mid1la span,.mid1lb span{ position:relative; }
.mid1la span:before,.mid1lb span:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background: rgba(255,255,255,0.6);
    position: absolute;
    left: -30px;
    top: calc(50% - 3px);
}
.mid1lb:before {
content: '';
    display: block;
    width: 25px;
    height: 1px;
background: #a6d8d9;
position: absolute;
    left: 1px;
    top: 50%;
}
@media screen and (max-width: 1000px){
.mid1la span:before,.mid1lb span:before { left:-20px; }
.mid1lb:before { display:none; }
}
.mid1la{ background:rgba(30,109,169,0.8); border-radius:0 18px 0 0; }



.mid1r{ float:right; width:80%; background:#FFF;  height:620px; box-sizing:border-box; padding:50px 50px 50px 70px; font-size:16px; line-height:32px; user-select: none;  }

.mid1r img{ max-width:100%; height:auto !important; }
.mid1rtitle{ text-align:center; font-size:24px; color:#004ca0; margin:20px 0; }
@media screen and (max-width: 1000px){
.mid1rtitle{ margin:0 0 20px; font-size:20px;  }
.mid1r{ float:none; width:auto; height:auto; font-size:14px; line-height:28px; padding:20px; }
}
#scrollable-content{
	overflow-y:auto; height: 100%;
}
#scrollable-content::-webkit-scrollbar {
    width: 2px; /* 设置滚动条宽度 */
    /* 设置滚动条高度 */
}

#scrollable-content::-webkit-scrollbar-thumb {
    background-color: #73c8cd; /* 设置拖动条颜色 */
}

#scrollable-content::-webkit-scrollbar-track {
    background-color: #c4e7e7; /* 设置滚动条背景颜色 */
}

#scrollable-content::-webkit-scrollbar {
    width: 8px;
}

.mid2{ display:flex; }
.mid2bg{ display:flex; width:34%; position:relative;  }
.mid2title{ width:18%; margin-top:68px; }
.mid2listo{ width:79%; overflow:hidden; position:relative;  }
.mid2list{  position:relative;     z-index: 1;  margin-top:68px; display:flex;    max-height: 540px;     transition: transform 0.3s; }

.mid2listo::after {
    content: " ";
    position: absolute;
    top: 67px;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(225,225,225,0.5);
    box-sizing: border-box;

}

.mid2list li{ font-size:18px;      writing-mode: vertical-lr; margin: 0 14px; padding-top: 20px; position: relative; /*transition: all 0.2s ease-out; */ }
.mid2list li:before {
    content: '';
display: none;
    position: absolute;
    width: 14px;
    height: 14px;
    background: url(/cms/templates/900596159806760000/images/guide-ico.png) no-repeat center;
background-size:cover;
left: calc(50% - 7px);
    top: -7px; 

}
.mid2list li.current  {color:#004ea1; }
.mid2list li.current a {color:#004ea1; }
.mid2list li.current:before{ display: block; }

.mid2list li:hover{ color:#004ea1; }
.mid2list li:hover a{ color:#004ea1; }

.page-button{ position:absolute; bottom:-45px; width:79%; right:0; display:flex; font-family:iconfont; 
color:#004ea1; font-size:45px; justify-content: space-between; box-sizing: border-box;  padding:0 40px; }
.page-button div{ cursor:pointer; }

.mid2imgs{  width:66%; }

@media screen and (max-width: 1000px){
.mid2{ display:block;  }
.mid2bg{ display:block; width:100%; padding: 0 15px;     padding: 40px 15px 30px;
    box-sizing: border-box; background:url(/cms/templates/900602808197910000/images/mbg2.jpg) left bottom no-repeat; background-size:cover; }
.mid2title{ width:100%; margin-top:0px; }
.mid2listo{ width:100%; position: relative; height:150px; margin-top:20px; }
.mid2list{ width:100%; margin-top:0px; display:block;  }
.mid2imgs{  width:calc(100% - 39px); box-sizing:border-box; margin:0 24px 20px 15px;  position:relative; background:#FFF; }
.mid2imgs:before{ content:''; width:24px; height:24px; background:#004ea1; top:0; right:0; display: block;    position: absolute; }
.mid2imgs:after{ content:''; width:120px; height:90px; background:#e5edf5; bottom:0; right:0; display: block;    position: absolute;  }
.mid2title .titlem{ width:90%; height:auto; }
.mid2list li{ font-size:16px; width:100%; margin:0; writing-mode: unset; padding:0 0 0 15px; line-height:30px;  box-sizing:border-box; 
 white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
.mid2list li:before { left:0; top:calc(50% - 7px); }
.page-button{ position:static; width:100%; margin-top:10px;  }
}

.mid2imgs .img img{ width:100%; height:auto; }

.mid2imgs table{ z-index: 1; }
.mid2imgs #previousImageButton{ width:50px; height:50px; background:rgba(0,0,0,0.5); border-radius:100%; color:#FFF; cursor:pointer; margin-left:10px; color:#FFF; line-height:50px;  }
.mid2imgs #previousImageButton:before{ content:'\e624'; font-family:iconfont; font-size: 30px;}
.mid2imgs #nextImageButton{ width:50px; height:50px; background:rgba(0,0,0,0.5); border-radius:100%; color:#FFF; cursor:pointer; margin-right:10px; color:#FFF;  line-height:50px; }
.mid2imgs #nextImageButton:before{  content:'\e623'; font-family:iconfont; font-size: 30px;}
.mid2imgs .text{ font-size:18px; margin-top:30px; text-align:center; }

.more{ display:none; }
@media screen and (max-width: 1000px){
.mid2imgs #previousImageButton{ width:40px; height:40px; line-height:40px;  }
.mid2imgs #previousImageButton:before{ font-size: 26px;}
.mid2imgs #nextImageButton{ width:40px; height:40px; line-height:40px;  }
.mid2imgs #nextImageButton:before{ font-size: 26px;}
.mid2imgs .text{ font-size:14px; margin-top:20px;  }
.more {
display:block;
float: right;
    height: 42px;
    line-height: 42px;
    width: 120px;
    border: solid 1px #e1e1e1;
    background: #FFF;
    padding-left: 26px;
    font-size: 16px;
    color: #a3a3a3;
}
.more a{ display:block; }
.iconmore{ font-family:iconfont; color:#135ba9; font-size: 20px;
    margin-left: 5px; }
}