@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/900594269460360000/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/900594269460360000/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; }

.top-nav-menu ul li.current{
 border-bottom: solid 3px #b50d0d;
}


.top-nav-menu ul li:hover{
border-bottom: solid 3px #b50d0d;
}






.midbg1{  background: url(/cms/templates/900594269460360000/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 30px; }
.mid1l{ float:none; width:100%; background:rgba(254,247,247,0.9); }
.mid1r{ float:none; width:100%; }
}

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

.mid1title img{ height:58px; width:auto; }
.mid1titlem{display:none; margin-bottom: 25px; }
.mid1titlem img{width:95%; 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:#dd9fa2; 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:#b22c32; font-size: 20px;
    margin-left: 5px; }

@media screen and (min-width: 1000px) {
.mid1rbg{ background:rgba(254,247,247,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:30px; }
.mid2l{ width:calc(100% - 350px); float:left;  box-sizing:border-box;  }
 
.mid2lb{ border:solid 1px #eeeeee; background:#FFF; height:268px; margin-bottom:25px;  }
.mid2img{ float:left; width:369px; }
.mid2img img{ width:100%; height:auto; }
.mid2img2{ float:right; }
.mid2list1{ float:left; width:calc(100% - 369px);     padding: 21px 0 0 11px;
    box-sizing: border-box; }
.mid2list1 li{ line-height:45px; height:45px; position: relative; }
.mid2list1 li:before{ content:''; display:block; width:6px; height:6px; border-radius:3px; background:#dedede; position:absolute; left:6px; top:21px; }
.mid2list1 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; }
.mid2list1 li span{ float:right; width:70px; padding-left:5px; font-size:18px;  color:#999999; }

.mid2r{ float:right;  background: url(/cms/templates/900594269460360000/images/bg2.jpg) no-repeat right bottom; width:325px; height:565px; box-shadow:-7px 7px 0 0 #f4c7c7;  }

.mid2list2{ padding:53px 0 0 65px; }
.mid2list2 li{ width:200px; line-height:50px; border:solid 2px rgba(255,255,255,0.7); border-radius:6px; margin-bottom:35px; position:relative; }
.mid2list2 li:before{ content:''; display:block; position:absolute; width:5px; height:5px; transform: rotate(45deg); left:38px; top:23px; background:#e7a5a2; }
.mid2list2 li a,.mid2list2 li a:visited{display:block; padding-left:60px; color:#FFF; font-size:20px; }

@media screen and (max-width: 1000px) {
.mid2l{ width:100%; float:none; }
.mid2r{ width:100%; float:none; background: url(/cms/templates/900594269460360000/images/bg2m.jpg) no-repeat right bottom; background-size:cover; height:54vw;  }
.mid2lb{ height:auto; }
.mid2img{ float:none; width:100%;}
.mid2list1{ float:none; width:100%; padding: 15px 0 15px 11px;  }
.mid2list2 {
    padding: 25px 0 0 12%;
}
.mid2list2 li { width:45vw;  line-height: 40px;     margin-bottom: 10px; }
.mid2list2 li:before{ top:18px; left:4vw; }
.mid2list2 li a,.mid2list2 li a:visited{ padding-left:8vw; }
}


.midbg2{ background:#f8f8f8 url(/cms/templates/900594269460360000/images/bg3.jpg) no-repeat center bottom; }

.mid3{ padding:70px 0 55px; }
.mid3tab{ font-size:34px;  padding: 0 15.75%; margin-bottom:50px; }
.mid3taba,.mid3tabb{ float:left;  text-align:center;  width:50%; position:relative; height:60px;  }
.mid3taba:after{ content:''; display:block; position:absolute; bottom:0; width:80px; height:4px; background:#c6131b; left:calc(50% - 40px); }
.mid3tabb a,.mid3tabb a:visited{ color:#999999; }

@media screen and (max-width: 1000px) {
.mid3{ padding:30px 15px 20px; }
.mid3tab{ font-size:24px;  padding: 0 5.75%; margin-bottom:20px; }
.mid3taba,.mid3tabb{ height:45px;  }
}

.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, #da2f28, #cd7542);     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; }
}