@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/900594340038970000/images/bg.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/900594340038970000/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/900594340038970000/images/bg1.jpg) no-repeat center 214px;
padding-top:112px; padding-bottom:300px;
 }
.mid1l{ float:left; width:50%; }
.mid1r{ float:right; width:50%; }

@media screen and (max-width: 1000px) {
.midbg1{ background:none; padding:30px 15px 180px; }
.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{ height:56px; width:auto; }
.mid1titlem{display:none; margin-bottom: 25px; }
.mid1titlem img{width:56%; 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%; }



.mid2{ margin-top:-251px; background:url(/cms/templates/900594340038970000/images/bg2.jpg) no-repeat right bottom; }
.mid2l{ float:left; width:400px; border-radius:35px 0 35px 0; overflow:hidden;  }
.mid2l a,.mid2l a:visited{ display:block; color:#FFF; line-height:125px; height:125px; text-align:center; font-size:30px; padding-right:10px; }
.mid2l font{ font-family:iconfont; font-size: 70px;
    margin-right: 20px;
    vertical-align: middle; }
.mid2link1{background:url(/cms/templates/900594340038970000/images/linkbg1.jpg) repeat; }
.mid2link2{background:url(/cms/templates/900594340038970000/images/linkbg2.jpg) repeat; }
.mid2link3{background:url(/cms/templates/900594340038970000/images/linkbg3.jpg) repeat; }
.mid2link4{background:url(/cms/templates/900594340038970000/images/linkbg4.jpg) repeat; }

.mid2r{ float:right; }
.mid2title{ margin-top:24px; }
.mid2title2{ display:none; margin:10px 0 20px; }
.mid2title2 img{ width:180px; height:auto; }

@media screen and (max-width: 1000px) {
.mid2{ margin:-151px 15px 0; background:url(/cms/templates/900594340038970000/images/bg2m.jpg) no-repeat right bottom; background-size:auto 225px;  }
.mid2l{ width:45%; min-width:220px; }
.mid2l a,.mid2l a:visited{ line-height:75px; height: 75px; font-size:24px; }
.mid2l font{  font-size: 50px;
    margin-right: 10px; }
.mid2title{ display:none; }
.mid2title2{ display:block; }
}


.mid3{ }
.mid3title{ margin:60px 0 30px; }
.mid3title img{ height:60px; width:auto; }
.mid3titlem{ display:none; margin:30px 0 20px; }
@media screen and (max-width: 1000px) {
.mid3title{ display:none; }
.mid3titlem{ display:block; }
.mid3titlem img{ width:65%; height:auto;  }
}

.mid3list 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); }
.mid3list li img{ width:100%; height:240px; }
.mid3list li div{ border-left:solid 1px #ccdbec;  border-right:solid 1px #ccdbec;   }
.mid3list 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; }
.mid3list li div span{ color:#999999; font-size:18px; line-height:35px; padding-bottom:5px; padding-left: 45px; position:relative; display:block; }
.mid3list li div span:before{ content:'\e627'; font-family:iconfont; font-size:32px; position:absolute; left:10px; }
.mid3list li div span:after{ content:'\e625';  font-family:iconfont; font-size:20px; position:absolute; right:5px; }
.mid3list li:after{ content:''; display:block; height:6px; background-image: linear-gradient(to right, #005ca1, #00a9a9 );     visibility: visible;  }
@media screen and (min-width: 1000px) {
.mid3list li:nth-child(3n+3){ margin-right:0; }
}

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

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

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

.mid4{ padding:60px 0; }
.mid4title{ text-align:center; margin-bottom:40px; }
.mid4title img{ height:58px; width:auto; }
.mid4title2{ display:none; text-align:center;  margin-bottom:40px; }
.mid4title2 img{ width:52%; height:auto; }
.mid4list{}
.mid4list a,.mid4list a:visited{ float:left; letter-spacing: 3px;
 font-weight:700; margin-right:calc(4% / 3); width:24%; height:100px; line-height:100px; text-align:center;  font-size:22px; background:url(/cms/templates/900594340038970000/images/bg3.jpg) no-repeat left top; background-size:cover; color:#004ea2; }
.mid4list a:nth-child(4n){ margin-right:0; }

@media screen and (max-width: 1000px) {
.mid4{ padding:40px 0; margin:0 15px; }
.mid4list a,.mid4list a:visited{ width:48%; margin-right:4%; margin-bottom:20px; height:75px; line-height:75px; }
.mid4list a:nth-child(2n){ margin-right:0; }
}