@charset "utf-8";
/* CSS Document */

#middle{
	width:100%;
}


.w_1300{
	max-width:1300px;
	margin:0 auto;
}
@media screen and (max-width: 1340px) {
	.w_1300 {
   		max-width: 1200px;
	}
	
}
@media screen and (max-width: 1240px) {
	.w_1300 {
   		max-width: 1000px;
	}	
}

.mid-top-center{
	background: url(/cms/templates/900597907458260000/images/tbg_xwzx.jpg) no-repeat top center;
	height:450px; position:relative;
}

.topbg-sj{ display:none; }
.topbg-sj img{ width:100%; }
@media screen and (max-width: 1000px) {
.topbg-sj{ display:block; }
.mid-top-center {
		background: none;
		height:unset;
	}
}

.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%);
}
 
@media screen and (max-width: 1000px) {
.dqlm-tit{ position: absolute;
    top: calc( (100% - 84px ) /2 );
    left: 0;
    right: 0; padding-top: 0px;}
}
 
@media screen and (max-width: 450px) {
.dqlm-tit{ 
    top: calc( (100% - 62px ) /2 );
font-size:36px;
}
}
 

/* 二级导航 */
.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;
}


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

}
}
@media screen and (max-width: 1000px) { 
	.top-nav-menu {
		display:none;
	}
}
 
.pdsy{      line-height: 86px;
    background: url(/cms/templates/900597907458260000/images/pdsy.jpg) 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; }







.midbg1{  background: url(/cms/templates/900597907458260000/images/bg1.jpg) no-repeat center 214px;
padding-top:112px; padding-bottom:30px;
 }
.mid1l{ float:left; width:50%; }
.mid1r{ float:right; width:50%; }

@media screen and (max-width: 1000px) {
.midbg1{ background:none; padding:30px 15px 0; }
.mid1l{ float:none; width:100%; background:rgba(235,248,248,0.9); }
.mid1r{ float:none; width:100%; }
}

@media screen and (min-width: 1000px) {
.mid1lbg{ background:rgba(235,248,248,0.9); border-radius:30px 0 0 0; padding:42px 0 0 35px;  }
}
@media screen and (max-width: 1000px) {
.mid1lbg{ background:rgba(235,248,248,0.9);}
}

.mid1title img{ width:200px; height:auto; }
.mid1titlem{display:none; margin-bottom: 25px; }
.mid1titlem img{width:50%; height:auto; }
@media screen and (max-width: 1000px) {
.mid1title{ display:none; }
.mid1titlem{display:block; }
}

.mid1list{ padding:10px 0 25px; }
.mid1list li{ line-height:48px; height:48px; position: relative; }
.mid1list li:before{ content:''; display:block; width:6px; height:6px; border-radius:3px; background:#88bcdc; position:absolute; left:2px; top:21px; }
.mid1list li a{ float:left;  width:calc(100% - 75px); font-size:20px; box-sizing:border-box; padding-left:22px;
white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
.mid1list li span{ float:right; width:70px; padding-left:5px; font-size:18px;  color:#999999; }

.mid1 .more{ float:right; margin-top:24px; margin-right:24px; }

@media screen and (max-width: 1000px) {
.mid1list{ padding:10px 0 10px; }
.mid1list li a{ padding-left:15px; }
.mid1list li:before{  display:none;  }
.mid1 .more{ margin-top:0; margin-bottom:20px; margin-right:20px; }
}


.more{ height:42px; line-height:42px; width:150px; border:solid 1px #e1e1e1; background:#FFF; padding-left:26px; font-size:18px; color:#a3a3a3; }
.more a{ display:block; }
.iconmore{ font-family:iconfont; color:#135ba9; font-size: 20px;
    margin-left: 5px; }

@media screen and (min-width: 1000px) {
.mid1rbg{ background:rgba(235,248,248,0.9); height:45px; margin-right:45px; }
}

.mid1images li{ position:relative; }
.imagebg{ position:absolute; height:100px; bottom:0; left:0; right:0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6) );}
.imagetitle{ position:absolute; bottom:0; left:0; right:0; line-height:54px; font-size:18px; }
.imagetitle a,.imagetitle a:visited{color:#FFF; }

.squareDot2{ display: inline-block; margin:0 5px;
    cursor: pointer; width:30px; height:5px; border-radius:2.5px; background:rgba(255,255,255,0.5); }
.squareDotCurrent2{ background:rgba(255,255,255,1); }

.mid1images #controlBar{ left: 0px !important;
    bottom: 55px !important;
    width: 100%; }


.mid2title img{ height:52px; width:auto;  }
.mid2title{ float:left; margin:0 0 30px; }
.mid2titlem{ display:none; float:left; width:50%; margin:0 0 20px; }
@media screen and (max-width: 1000px) {
.mid2{position:relative; padding-bottom:60px; }
.mid2title{ display:none; }
.mid2titlem{ display:block; }
.mid2titlem img{ width:100%; height:auto;  }
}

.mid2list li{ float:left; width:31.5%; margin-right:2.75%; margin-bottom:30px; border-radius: 5px 5px 0 0;
    overflow: hidden; background:rgba(255,255,255,0.5); }
.mid2list li img{ width:100%; height:240px; }
.mid2list li div{ border-left:solid 1px #ccdbec;  border-right:solid 1px #ccdbec;   }
.mid2list li div a{     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all; font-size:20px; line-height:36px;     height: 72px;
    padding: 10px 5px 10px 15px; }
.mid2list li div span{ color:#999999; font-size:18px; line-height:35px; padding-bottom:5px; padding-left: 45px; position:relative; display:block; }
.mid2list li div span:before{ content:'\e627'; font-family:iconfont; font-size:32px; position:absolute; left:10px; }
.mid2list li div span:after{ content:'\e625';  font-family:iconfont; font-size:20px; position:absolute; right:5px; }
.mid2list li:after{ content:''; display:block; height:6px; background-image: linear-gradient(to right, #005ca1, #00a9a9 );     visibility: visible;  }
@media screen and (min-width: 1000px) {
.mid2list li:nth-child(3n+3){ margin-right:0; }
}

@media screen and (max-width: 1000px) {
.mid2list li{ width:48.5%; margin-right:3%; }
.mid2list li img{ height:30vw; }
.mid2list li:nth-child(2n+2){ margin-right:0; }
}

@media screen and (max-width: 750px) {
.mid2list li{ width:100%; margin-right:0; }
.mid2list li div a{ font-size:18px; }
.mid2list li img{ height:60vw; }
}

.midbg2{ background:#f8f8f8; padding:80px 0 30px; }

.mid3{ background: url(/cms/templates/900597907458260000/images/bg2.png) no-repeat left top;
padding: 34px 0 0 30px; 
}

.mid3title{ float:left; margin:0 13px 30px 0; padding: 46px 0 0 0; }
.mid3title img{ width:201px; height:auto; }
.mid3titlem{display:none; }

.mid3li{ float:left; width:184px; margin:0 30px 30px 0; }
.mid3li img{ width:184px; height:220px; }
.mid3lititle{  line-height:42px; font-size:18px; padding-left:5px; color:#FFF; 
white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;  background:#00c9d1; }
.mid3lititle a,.mid3lititle a:visited{ color:#FFF; }
.mid3more{ float:left; margin-top:100px;  }

@media screen and (max-width: 1000px) {
.midbg2{ padding:30px 0; }
.mid3{ background: url(/cms/templates/900597907458260000/images/bg2m.png) no-repeat left top;
padding: 30px 0 0 5%; background-size:100% auto;  margin:0 15px; position:relative;}
.mid3title{ display:none; }
.mid3titlem{display:block; width:55%; margin-bottom:30px; }
.mid3titlem img{ width:100%; height:auto; }
.mid3li{ width:45%; margin-right:4%;}
.mid3li img{ width:100%; height:52vw; }
.mid3li:nth-child(2n){ margin-right:0; }
.mid3more{  position:absolute; top:30px; right:5%; width:35%; margin-top:0px;  }
.mid3more .more{ width:100%; padding:0; text-align:center; }
.mid3more .iconmore{ margin:0; }
}


.mid-more{
	color:#a3a3a3;
	font-size:16px;
	float: right;
    text-align: center;
}
.mid-more a{ color:#a3a3a3; }
.mid-more div{ top:8px; position:relative;}
.mid-more i{
	font-size:16px;  
	color:#0451a3;
}

@media screen and (max-width: 1000px){
	.mid-more {
		font-size: 14px;
 		position: absolute;
		right: 20px;
		bottom: 30px;
	}
	.mid-more i{ font-size: 14px; }
}