body {
	margin: 0;
	padding: 0;
	background-color: #FFF;	
	background-image: url(/SITE_RES/dw_cqvcet_com/images/banner.jpg?1),url(/SITE_RES/dw_cqvcet_com/images/bottom-bg.png);
	background-repeat: no-repeat;
	background-position: center top,center bottom ;
	background-size: 100% auto;
	min-height: 100vh;
	font-size: 14px;
}

.clearfix { clear: both;}

h1,h2,h3,h4,h5,h6,p,ul,dl,dt,dd { margin: 0; padding: 0;}

a,a:hover { text-decoration: none;}

img { border: none;}

.head { width: 100%; height: auto; margin: auto;}

.logo {  padding: 40px 50px;}

.txt { display: none; margin-top: 10em; color: #d22332; text-align: center; margin-bottom:25vh;}

.big_txt,.big_txt img  { width: 100%; margin:auto ;}

.txt p {
	margin-top: 1em;
    height: 1.6em;
    font-size: 1.6em;
    line-height: 1.5;
    text-align: center;
    position: relative;
}

.txt p span { display:inline-block; margin: 0 3%;}

.txt p:before { 
	content: ""; 
	display:block; 
	width: 37%; 
	height: 1px; 
	background-color:#d22332;
	position: absolute;
	top: 50%;
	left: 0;
}

.txt p:after { 
	content: ""; 
	display:block; 
	width: 37%; 
	height: 1px; 
	background-color:#d22332;
	position: absolute;
	top: 50%;
	right: 0;
}


.show {  transition: all .5s; }

.actives {  color: #ba1b21 !important; border-color: #ba1b21 !important;transition: all .3s;}

.actives a ,.actives small{color: #ba1b21 !important; font-weight: bold;}


.sc { animation: imgs_out .8s linear forwards; transition: all .5s;}

@-webkit-keyframes imgs_in {
	from{ opacity: 0; display: none;}
	to{opacity: 1; display: block;}
}

@keyframes imgs_in {
	from{ opacity: 0; display: none;}
	to{opacity: 1; display: block;}
}

@-webkit-keyframes imgs_out {	
	from{opacity: 1; display: block;}
	to{ opacity: 0; display: none;}
}

@keyframes imgs_out {
	from{opacity: 1; display: block;}
	to{ opacity: 0; display: none;}
}


#con { margin-top: 44vh;margin-bottom: 20px;}

.sm_menu {
	display: none; 
	z-index: 100; position: fixed;left: 0; right: 0;
    top: 0;width: 100%; height: auto; }

.dot { background-color: #bd070b; width: 100%;height:52px;  padding: 15px;transition: all .3s;}
.dot .logo{padding:0; float:left; margin-top:-5px;}
.dot .button{ float:right; margin-top:2px;}
.dot .button span {
	display: block;
	width: 26px;
	height: 2px;
	border-radius: 20px;
	background-color: #fff;
	margin-bottom:6px;
	opacity: 1;
	transition: all .3s;
}

.sm_list {  border-top: 1px solid #9f0007; background-color: #bd070b; width: 100%; color: #fff;transition: all .3s; }

.sm_list ul { display: none; list-style: none; padding: 0; padding-bottom: 15px;}

.sm_list ul li {
	font-size: 14px;
    line-height: 18px;
    padding: 10px 0px 10px 13px;
    border-bottom: 1px solid #9f0007;
}

.sm_list ul li a { color: #fff;}


.slidedown { display: block !important; transition: all .5s;}

.slidedown span:nth-child(1) {
	transform: translate(0px,7px) rotate(45deg);
	transition: all .3s;
}

.slidedown span:nth-child(2) {
	opacity: 0;
	transition: all .3s;
}

.slidedown span:nth-child(3) {
	transform: translate(0px,-9px) rotate(-45deg);
	transition: all .3s;
}




.content { width: 100%; margin: auto; background: #fff; padding: 50px 0 0 0; box-shadow: 0 25px 35px rgba(0,0,0,0.1);}

.menu { width: 100%; height: 5em; margin: auto; background: #CB2A30; color: #fff;}

.menu ul { width: 100%;  height: 5em; list-style: none; display: flex; justify-content: space-between; flex-flow: row nowrap;}

.menu ul li { text-align: center; width: 20%; height: 100%; font-size: 1.43em;transition: all .3s;}

.menu ul li a {	display: inline-block; height: 100%;  border-bottom: 3px transparent solid;	padding: 1.05em 0.5em; color: #fff; }

.menu ul li:hover a {
	border-color: #fff;
	font-weight: bold;
	transition: all .3s;
}


.co_titlle {
	padding:0 10px; line-height: 2; color:#CB2A30; font-weight: bold; font-size: 26px;}

.co_titlle a { 
    display: inline-block;
    float: right;
    color: #CB2A30;
    /*margin-top: 0.8em;*/
   margin-top: -12px;
    font-size: 0.6em;
    font-weight: bold;
}
@media only screen and (max-width:1199px ) {
	.tzgg{
		margin-top: 10px!important;
	}
	.xxyd{
		margin-top: 10px!important;
	}
}

div#box1,div#box2 {
    /*margin-bottom: 1em;*/
    padding: 0 48px 28px 48px;
    
}
div#box2 {
    padding: 40px 33px 28px 33px;
    margin: 0;
}
@media only screen and (min-width: 1200px) {
	div#box2 {
		padding: 40px 33px 28px 33px;
		background: url(/SITE_RES/dw_cqvcet_com/images/bottom-center.png) 100% 100% no-repeat;
		margin: 0;
		background-position: 0px  -49px;
	}
}

 /*box3*/
div#box3 {
    padding: 50px 33px 28px 33px;
    margin: 0;
}
@media only screen and (min-width: 1200px) {
	div#box3 {
		padding: 50px 33px 0 33px;
		margin: 0;
		background-position: 0px  236px;
	}
}

#box3 .zbdt img{
	width: 136px;
	height: 100px;
	float: left;
}
@media only screen and (max-width: 445px) {
	#box3 .zbdt img{
		display: none;
	}
	#box3 .co_titlle {
    height: 115px!important;
}
}
#box3 .co_titlle{
	height: 55px;
}
#box3 h4{
	font-size: 15px;
	font-weight: bold;
	  overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	padding: 10px;
	color: #545454;
}
#box3 .timeDate{
	display: block;
	float: right;
	margin-top: 5px;
}
#box3 .timeDate>img{
	width: 9px;
	height: 9px;
	margin-top: 4px;
	margin-right: 3px;
	display: inline-block;
	
}
/*2ÐÐ*/
#box3 p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	overflow: hidden;
	padding: 0 10px;
	font-size: 12px;
	color: #545454;
	
}
#box3 a:hover .zbdt{
	background: #ee1b22;
} 
#box3 a:hover .timeopen{
	display: none;
} 
#box3 a:hover .timeDate .timeclo{
	display: block;
} 
#box3 .timeDate .timeclo{
	display: none;
}
#box3 a:hover p{
	color: #FFF;
} 
#box3 a:hover h4{
	color: #FFF;
} 
#box3 a:hover .timeDate>img{
	display: none;
} 
.zbdt{
	transition: all .3s;
	height: 100px;
	margin-bottom: 15px ;
	box-shadow: 1px 2px 5px 3px #eee;
}
/*Öв¿Í¼Æ¬*/
.centerPic{
	margin: 0;
	/*padding-bottom: 40px;*/
}
/*רÌâ*/
.zhuanti{
	margin-top: 20px;
}
.zhuanti .col-lg-3{
	padding-left: 9px;
	padding-right: 9px;
}
.zhuanti img{
	width: 100%;
	margin: 10px 0;
}


/*??????¨¨??¨¦¡ª?*/
.news_imgs ,#news_imgs  {
	width: 100%;
	height: 21.14em;
	overflow: hidden;
}

.swiper-container  { width: 100%; height: 100%;}

#news_imgs .gallery-top {  height: 80%; width: 100%;  }
    

#news_imgs .swiper-slide {
	width:100%;
	height: 100%;
	background-color: #fff;
	overflow: hidden;
	text-align: center;	
}

#news_imgs .swiper-slide .news_wamp {
	width: 100%;
	height: 100%;
	position: relative;
}

#news_imgs .swiper-slide .news_wamp a { display: block; }

#news_imgs .swiper-slide img { 

	height: 100%; object-fit: cover;width: 100%;
	position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
}

#news_imgs .swiper-slide .news_wamp p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height:3em;
	line-height: 1.8;
	font-size: 16px;
	overflow: hidden;
		
	padding: 0.8em 1em;
	text-align: left;
	font-weight: bold;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	
		
}


#news_imgs .swiper-slide p a { 
	height: 100%;overflow: hidden;
	color: #fff; width: 83%; height: 100%;
	text-overflow: ellipsis;
    display: -webkit-box;
    word-break: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


#shoolnews { /*margin-top: 1.3em;*/
	border-top: none;
	width: 100%;
	height: 21.5em; 
	overflow: hidden;
	padding: 0.3em 10px;
}

#shoolnews .swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }
    
#shoolnews .swiper-wrapper { flex-flow: column; justify-content: flex-start;}
    


#shoolnews .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
      color: #666;
    }
    
#shoolnews .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4;   }
#shoolnews .gallery-thumbs .swiper-slide-thumb-active {  opacity: 1;    }



#shoolnews .swiper-slide  {
	width: 100% !important;
	height: auto;
	padding-bottom:0.95em;
	margin-bottom: 1.3em;
	border-bottom: 1px #e5e5e5 solid;
	transition: all .3s;
}

/*#shoolnews .swiper-slide:last-child { border: none; margin-bottom: 0;}*/

#shoolnews .swiper-slide a { display: block; color: #666; transition: all .3s;}

#shoolnews h3 {
	font-size: 18px;
    font-weight: bold;
    width: 100%;
    height: 1.4em;
    color: #666;
    line-height: 1.5;
    overflow: hidden;
    font-weight: normal;
	text-overflow:ellipsis;
	white-space: nowrap;
    transition: all .3s;
}

#shoolnews .swiper-slide small {
	color: #999; 
	font-size: 1em;
	transition: all .3s;
}

#shoolnews .swiper-slide:hover { border-color: #ba1b21;transition: all .3s; }
#shoolnews .swiper-slide:hover h3,
#shoolnews .swiper-slide:hover small {font-weight: bold; color: #ba1b21;transition: all .3s;}

#box1 .swiper-container-horizontal>.swiper-pagination-bullets, #box1 .swiper-pagination-custom, #box1 .swiper-pagination-fraction {
    bottom: 11px;
    left: auto;
    right: 0;
    width: 20%;
}


#box1 .swiper-pagination-bullet { background: #fff;}

#box1 span.swiper-pagination-bullet.swiper-pagination-bullet-active { outline: none; background:#ba1b21 ;}



/*À¸Ä¿ */
.sourcelist {
	width: 100%;
	height: auto;
	padding: 1.3em 10px;
	border-top:none ;
}

.sourcelist ul { list-style: none; padding: 0; width: 100%;}

.sourcelist ul li {
	clear: both;
	width: 100%;
	padding-bottom:1em;
	margin-bottom: 1.3em;
	border-bottom: 1px #e5e5e5 solid;
	color: #666;
	   
    line-height: 1.5;
    overflow: hidden;
    
	transition: all .3s;
}

.sourcelist ul li:last-child { margin-bottom: 0;}

.sourcelist ul li a { color: #666; display: block;}

.sourcelist ul li p {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap; 
	width: 100%;
	height: 1.4em; 
	overflow: hidden; 
	font-size: 18px; 
	float: left;
	transition: all .3s;
	margin-top: 5px;
}

.sourcelist ul li span.date {
	display: inline-block;
	font-size: 0.7em;
    font-size: 14px;
    transition: all .3s;
    text-align: left;
}

.sourcelist ul li:hover { border-color:#ba1b21; transition: all .3s;}
.sourcelist ul li:hover a { color: #ba1b21;transition: all .3s;}
.sourcelist ul li:hover p {font-weight: bold;transition: all .3s;}


/*?¡¤??????¡§?€?*/
.worklist {
	display: none;
	width: 100%;
	height: auto;
	padding: 1.3em 10px;
	border: 1px #e71f19 solid;
	border-top:none ;
	padding-bottom: 1.1em;
}


#worklist .swiper-slide { height:21.7em;}

#worklist .swiper-slide .small_ban {
	text-align: center; width: 100%; height: 100%; overflow: hidden; position: relative;
}

#small_txt { margin-top: 0.8em;}

#small_txt .swiper-wrapper { display: block;}

#small_txt .swiper-slide {
	width: 100% !important;  
    line-height: 2;
    font-size: 18px;
    color: #666;
    height: 2.15em;
    margin-bottom: 0.3em;
    border-bottom: 1px transparent solid;
   
    transition: all .3s;
} 

#small_txt .swiper-slide:last-child { margin-bottom: 0;}

#small_txt .swiper-slide p { width: 100%;  color: #666; overflow: hidden;	text-overflow:ellipsis;	white-space: nowrap;}

#small_txt .swiper-slide p a { color: #666; transition: all .3s;}

ol.small_ban { padding: 0; height:21.7em; overflow: hidden; list-style: none; width: 100%;}

ol.small_ban li { text-align: center; display: none; width: 100%; height:21.7em; overflow: hidden; position: relative;} 

ol.small_ban li a,#worklist .small_ban a  { 
	display: inline-block; 
	height: 100% ;
	width: 100%;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
    color: #fff;
}

ol.small_ban li img{height: 100%;}
#worklist .small_ban img {width: 100%;}

ol.small_ban li p ,#worklist .small_ban p{
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    padding: 1.2em;
    font-size: 1.3em;
    line-height: 2;
   
    font-weight: bold; 
}

ol.small_ban li p a {
	height: 1.5em;
    line-height: 1.5;
    overflow: hidden;
    color: #fff;
    display: -webkit-box;
}

ul.small_txt {
	width: 100%;
	height: auto;
	list-style: none;
}

ul.small_txt li {
	width: 100%;
    overflow: hidden;
    line-height: 2;
    font-size: 1.4em;
    height: 2.1em;
    border-bottom: 1px transparent solid;
    overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
    transition: all .3s;
}

ul.small_txt li a { color: #666; transition: all .3s;}

ul.small_txt li:hover a ,#small_txt .swiper-slide:hover p {
	font-weight: bold;
	color: #ba1b21; transition: all .3s;
}

ul.small_txt li:hover ,#small_txt .swiper-slide:hover{
	border-color: #ba1b21; 
	color: #ba1b21;
	font-weight: bold;
	transition: all .3s;
}

ul.small_txt li:hover a ,#small_txt .swiper-slide:hover a{
	color: #ba1b21;
	font-weight: bold;
	transition: all .3s;
}


/*????¡ë?¨¦??¨¦??*/
.rw_list {	width: 100%; height: auto;margin-top: 1.4em;}

.rw_list dl { 
	float: left;
	width: 32%;
	height:auto;
	margin-right: 2%;	
}

.rw_list dl a { display: block;}

.rw_list dl:last-child { margin-right: 0;}

.rw_list dt {width: 100%; }

.rw_list dt img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.rw_list dd { width: 100%; display: block;margin: 0;}

.rw_list_ct h3 {
    font-size: 14px;
    margin: 10px 0;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    color: #333;
}

.rw_list_ct p {
    font-size: 12px;
    color: #a0a0a0;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
    margin-bottom: 10px;
}

.rw_list_ct span {
    font-size: 12px;
    color: #333;
}

/*?????¡¤???¨¦??*/
#teacherslist { display: none;}

#teacherslist .swiper-container,#teacherslist2 .swiper-container{ margin-top: 1.4em;}

#teacherslist .swiper-wrapper,#teacherslist2 .swiper-wrapper {	width: 100%;   height: 100%;}

#teacherslist .swiper-slide ,#teacherslist2 .swiper-slide{
	
	  text-align: left;
      background: #fff;
      width: auto;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;

}

#teacherslist .swiper-slide a ,#teacherslist2 .swiper-slide a{
	height: 21vh;
	border-radius: 5px;
	background-color: #eee;
	overflow: hidden;
	position: relative;
}

#teacherslist img ,#teacherslist2 img{ width: 100%;}

.wamp {
	width: 100%;
	height: 80%;
	background: linear-gradient( to top, rgba(0,0,0,0.8),rgba(255,255,255,0));
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	transition: all .3s;
}

.teacher_desc {	
	width: 100%;
	height: auto;
	padding: 7%;	
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;	
	text-align: left;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	z-index: 20;
}

#teacherslist .swiper-slide:hover .wamp,
#teacherslist2 .swiper-slide:hover .wamp{
	height: 100%;
	background: linear-gradient( to top, rgba(186,27,33,1),rgba(255,255,255,0));
	transition: all .3s;
}

#teacherslist2 { display: none;}

 

/*?¨C¡ã¨¦¡ª???¡ª¨¨?¡§*/
.hotline {
	margin-top: 1.4em;
	width: 100%;
	height: auto;
	border-bottom: 1px #e5e5e5 solid;
	padding-bottom: 2em;	
	display: none;
}

.hotline dl { width: 100%;height: auto;}

.hotline dt {
	width: 32%;
	height: 15.5em;
	float: left;
	margin-right: 3%;
	overflow: hidden;
}

.hotline dt a { display: block;width: 100%; height: 100%;}

.hotline dt img { width: 100%;}

.hotline dd {
	width: 65%;
	height: 15.5em;
	float: left;
	margin: 0;
}

.hot_title {
	font-size: 1.45em;
	color: #333;
	line-height: 2;
	font-weight: bold;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap; 
	
}

.hotline dd small {
	font-size: 0.85em;
	color: #999;
    line-height: 1.5;
    display: block;
}

.hot_desc {
	font-size: 1em;
	color: #666;
	height: 4.5em;
	overflow: hidden;
	text-align:  justify;
	line-height: 1.5;
	margin: 1.5em 0;
}

a.btn {
	background: #e71f19;
	display: block;
	height: 2.7em;
	width: 9.2em;
	text-align: center;
	border-radius:5px;
	color: #fff;
	line-height: 2;
	font-size: 1.2em;
}

a.btn:hover { color: #fff;}

.newslist {  width: 100%; margin:2.8em auto; padding-bottom:3.5em ; border-bottom: 1px #e5e5e5 solid;}

.newslist ul { list-style: none;}

.newslist ul li{
	width:100%;
	height: auto;
	clear: both;
	font-size: 1.3em;
    line-height: 2.5;
	border-bottom: 1px transparent solid;
	transition: all .3s;
}

.newslist ul li a { display: block; color: #666;}

.newslist ul li span {
	float: right;
	font-size: 0.8em;
	text-align: right;
	transition: all .3s;
}

.newslist ul li:hover a {font-weight: bold; color: #ba1b21; transition: all .3s;}

.newslist ul li:hover { border-color: #ba1b21; transition: all .3s;}


/*???¨¦??*/
.pages {width: 100%; text-align: center; margin: auto;}
.pages .pagination .disabled span{border:none;}
.pages .pagination li a{border:none;
	display: inline-block;
	width: 2.6em;
	height: 2.6em;
	text-align: center;
	border-radius:50%;
	color: #666;
	line-height: 2.5;
	margin: 0 7px;
	padding:0;
}
.pages .pagination li.active span{border:none;
	display: inline-block;
	width: 2.6em;
	height: 2.6em;
	text-align: center;
	border-radius:50%;
	color: #FFF;
	line-height: 2.5;
	margin: 0 7px;
	padding:0;
	background-color: #ba1b21;
}

.pages .pagination li a:hover { color: #fff; background-color: #ba1b21;}



/*?¨C¡ã¨¦¡ª?¨¨????¡­¨¨?¡§*/
h2.news_title {
	font-size: 1.7em;
	color: #9e0000;
	line-height: 2;
	font-weight: bold;
	text-align: center;
	
}

.news_date {
	color: #666666;
	font-size: 1em;
	line-height: 2.5;
	padding-bottom: 1em;
	border-bottom: 1px #e5e5e5 solid;
	margin-bottom: 3em;
	text-align: center;
}

.news_info {padding-bottom: 8em;border-bottom: 1px #e5e5e5 solid;}

.news_info p {
	/*color: #666;*/
	line-height: 2;
	font-size: 1em;
	text-indent: 2em;
}

.news_info img { margin-top: 0.5em; margin-bottom: 0.5em; margin-left: -2em; width: 100%; height: auto; max-width: 600px;}


.news_info p a {word-break: break-word;}

.news_info p audio { outline: none; width: 100%;margin: 9px 0; margin-left: -2em; }

.news_info p video { height:auto; width: 90% !important; margin: 9px 0; margin-left: -2em; }


.xw_view {
	width: 100%;
	margin-top: 1.8em;
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;	
}

.xw_view  a { display: inline-block;}

.btn_pres,.btn_nexts {
	width: 9.2em;
	height: 3em;
	border-radius:5px;
	text-align: center;
	font-size: 1.3em;
	line-height: 3;
	color: #fff;
	
	background-color: #c4c4c4;
	transition: all .3s;
}

.p_links {
	display:inline-block;
	font-size: 1em;
	color: #666;
	line-height: 4;
	transition: all .3s;
}

.btn_pres:hover,.btn_nexts:hover { color: #fff; background-color: #e71f19; transition: all .3s;}

.p_links:hover { color: #e71f19;}


/*@media only screen and (max-width: 1600px){
	.txt { margin-top: 21vh;margin-bottom: 24vh;}
	
}

@media only screen and (max-width: 1440px){
	
	.txt { margin-top: 10vh; margin-bottom: 18vh;}
}

@media only screen and (max-width: 1400px){
	
	.txt { margin-top: 11vh; margin-bottom: 16vh;}
}


@media only screen and (max-width: 1366px){
	
	.txt { margin-top: 11vh;  margin-bottom: 17vh;}
}

@media only screen and (max-width: 1200px){
	
	.txt { margin-top: 21vh;margin-bottom: 24vh;}
}*/

@media only screen and (max-width: 768px)  and (min-width: 320px) {
	.container { width: 93%;}
	
	#con { margin-top: 3vh;}
	
	.head { margin-top: 45px;}	
	
	.big_txt, .big_txt img {   width: 88%;  margin: auto;}
	
	.txt { margin-top: 14vh; margin-bottom: 5vh;}
	
	#news_imgs .swiper-slide img { width: 100%; height: auto; object-fit: cover;}
	
	.co_titlle a { margin-top: 0.8em;}
	
	body { 
		font-size: 11px; 
		background-size: 100% auto;
		background-position-x: 0; 
		background-position-y: 45px;
		min-height:10vh;
	}
	
	.logo img { height: 2em; display: none;}
	.dot .logo img{display: block; height:3em;}
	
	.txt { margin-top: 21vh; margin-bottom: 13vh;}
	
	.hotline dl { height: auto;}

	.hotline dt ,.hotline dd{ clear: both; width: 100%; height: auto; margin-right: 0; margin-bottom: 1em;}

	.newslist ul li span {display: block; clear: both; width: 100%; text-align: left;}
	
	.content { margin-top: 4em; padding:10px;box-shadow: 0 25px 23px rgba(0,0,0,0.1);}
	
	.txt p:before ,.txt p:after {  content: "";  width: 19%;}
	
	.menu { height: auto; display: none;}
	.menu ul { display: block; height: auto;}
	.menu ul li {display: inline-block; width: 32.3%; }
	
	/*?¡ë???????¨¨??*/
	.sm_menu { display: block;}
	
	#news_imgs .swiper-slide .news_wamp p { font-size: 14px; }
	
	/*????¡ë?¨¦??¨¦??*/
	.rw_list dl { width: 100%; margin-right: 0; margin-bottom: 2em;}
	
	.news_info img {width: 72%;}
	
	
	.p_links { display:none !important;}
	
	ol.small_ban ,ol.small_ban li{height: 12.7em;}
	
	.sourcelist ul li span.date { width: 28%; margin-top: 0; display: none;}
	
	.sourcelist ul li p {text-align: justify; width: 100%; text-overflow: initial; height: auto;white-space: normal; font-size: 12px;}
	
	.co_titlle { margin-top: 1em;    font-size: 19px;padding: 0 10px;}
	
	#shoolnews,.sourcelist,.worklist{ padding: 0.8em; height: auto;}
	
	#shoolnews h3 { font-size: 12px; text-align: justify; text-overflow: initial; height: auto;white-space: normal;}
	
	#news_imgs { height: 13.5em; text-align: center;}
	
	#worklist .swiper-slide { height: 11.7em;}
	
	#worklist .swiper-slide img { object-fit: cover;}
	
	#small_txt .swiper-slide {height:auto !important; font-size: 12px;}
	
	#small_ban .swiper-slide p  { padding: 0.8em; line-height: 1.5;}
	
	#teacherslist,#teacherslist2 { display: none;}	
	
	.newslist ul li {  margin-bottom: 1em;}
	
	a.btn { line-height: 1.5;}	
	
	.txt p { font-size:1.3em;}
	
	#teacherslist .swiper-slide a, #teacherslist2 .swiper-slide a { height: 20vh;}
	
	h2.news_title { font-size: 20px;line-height: 1.8; margin-bottom: 1em;}
	
	.news_date{ padding-bottom: 1em;margin-bottom: 1.5em;}
	.news_info { padding-bottom: 2em;}
	
	div#box1, div#box2 {  margin-bottom: 0;}
	
	.pages .pagination li a,.pages .pagination li.active span{margin: 0 4px;}

}



@media only screen and (width: 768px) {
	body { font-size: 11px; }
	#con { margin-top: 18vh;}
	
	.txt {  margin-top: 16vh;  margin-bottom: 7vh;}
	
	.big_txt, .big_txt img { width: 90%; margin: auto;}
	
	.menu ul li { display: inline-block; width: 19.3%;}
	.sourcelist ul li { margin-bottom: 0.7em;padding-bottom:0.7em;}
	.sourcelist ul li p {     
		text-overflow: ellipsis;
	    white-space: nowrap;
	    width:100%;
	    height: 1.4em;
	    overflow: hidden;font-size: 15px;
	}
	
	#box2 .col-lg-6 { width: 50%; float: left;}
	
	.rw_list dl { width: 32%; margin-right: 2%; height: auto;}
	
	.rw_list dt img {height: 12em; }
	
	#news_imgs { height: 27.14em;}
	#worklist .swiper-slide {  height: 26.7em;}
	#teacherslist,#teacherslist2 { display: none;}
	
	#teacherslist .swiper-slide a, 
	#teacherslist2 .swiper-slide a { height: 12vh;}
	
}


@media only screen  and ( max-width:414px) {
	
	.txt { margin-top: 11vh;  margin-bottom: 7vh;}
	
	.txt p {
	    font-size: 1.3em;
	    width: 81%;
	    margin: auto;
	    margin-top: 0.5em;
	}
	
	#worklist .swiper-slide { height: 14em;}
}


/*ÐÂÎűêÌâ±³¾°*/
@media (max-width: 768px)
.lm-title {
    padding-left: 70px;
    padding-top: 26px;
    width: 171px;
    height: 72px;
    font-size: 18px;
}
@media (max-width: 1599px)
.lm-title {
    padding-left: 100px;
    padding-top: 36px;
    width: 238px;
    height: 100px;
}
.lm-title {
      float: left;
    padding-left: 71px;
    padding-top: 20px;
    margin-top: -36px;
    width: 163px;
    height: 85px;
    background: url(/SITE_RES/dw_cqvcet_com/images/titbg.png) no-repeat;
    background-size: 100% auto;
    font-size: 18px;
    color: #ffcb6d;
    font-weight: bold;
    margin-bottom: 0px;
}

 

/****footer****/
footer {
    color: #fff;
    background-color: #CB2A30 ;
}
.top_footer .left-link img{
}
.top_footer .left-link .footer_logo{
    width: 60px;
    margin-bottom: 5px;
}
.top_footer .erweima{
	margin-top: 18px;
}
.top_footer .erweima img{
	margin: 10px 0;
	width: 60%;
}
.footer-center-address,.footer-right-info{
    margin-top: 50px;
}
.footer-right-info{
    margin-top: 34px;
}
.footer-center-address{
    padding-left: 50px;
}
.footer-center-address p{
    margin-bottom: 10px;
}
.top_footer {
    padding: 20px 0 30px 20px;
    line-height: 20px;
    font-size: 17px;
}
.top_footer h4{
    line-height: 30px;
    font-size: 16px;
    border-bottom: 1px solid #fff;
}
.top_footer h4 span{
    display: inline-block;
    line-height: 30px;
    margin-bottom: -1px;
    border-bottom: 2px solid #fff;
}

.footer-right-info span{
    float: left;
    height: 80px;
    margin-left: 10px;
    font-size: 12px;
    text-align: center;
}

.footer-right-info span img{
    display: block;
    width: 66px;
    margin-left: 3px;
}
span.other-span{
    padding-top: 9px;
}
.footer-right-info span.other-span img{
    width: 40px;
}
#siteLogo{
    width: auto;
    height: 56px;
}
.center-footer a,.center-footer p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (min-width: 992px){
    .center-footer{
        margin-right: -50px;
        padding-right: 0;
    }
    .center-footer h4{
        width: 75%!important;
    }
}

.top_footer a {
    /* display: block; */
    color: #fff;
}
.top_footer a:hover,.copyright a:hover{
    color: #ef9b11;
}

.footer-link{
    margin-bottom: 20px;
}
.footer-link a{
    position: relative;
    display: inline-block;
    padding: 0 15px;
}
.footer-link a::after{
    position: absolute;
    content: '';
    width: 1px;
    height: 12px;
    right: -2px;
    top: 4px;
    background-color: #fff;
}
.footer-link a.footer-last-link::after{
    opacity: 0;
}

.copyright{
    color: #fff;
    padding: 10px;
    line-height: 20px;
    font-size: 13px;
    background-color:#961112;
}
.copyright a{
    color: #fff;
}

@media (max-width:1200px) {
	.lin3-img img{
		width: 100%;
		height: 100%;
	}
	.more2{
		position: absolute;
		margin-left: 33%;
		margin-top: 15px;
		width: 28px;
		height:28px;
		border-radius: 50%;
		background: #004a99;
	}
	.footBox{
		padding: 0;
	}
	.fotcenter{
		padding:0px 10px 5px 20px !important;
		
	}
	.fotcenter p{
		font-size: 16px;
	}
	.alink{
		padding: 0;
		margin: 0;
	}
	.wbIcon{
		margin-right: 0;
	}
	.alink img{
	}
	
}
@media (max-width:992px) {
	.more2{
		position: absolute;
		margin-left:28%;
		margin-top: 15px;
		width: 25px;
		height:25px;
		border-radius: 50%;
		background: #004a99;
	}
	.footerList{
		display: none;
	}
	.fotcenter{
		margin-top: 15px;
		padding:15px 10px !important;
		
	}
	.aboutLink{
		width:100%;	
		padding: 0 auto;
	}
	.aboutLink ul{
		width: 45%;
		/*margin-left:35%;*/
		margin: 0 auto;
	}
	.wbIcon {
		margin-right: 5px;
	}
}
@media (max-width:768px) {
	
	.more2{
		display: none;
	}
	.lin3-img{
		margin-top:20px;
		/*height: 150px;*/
		overflow: hidden;
	}
	.show-txt{
		height: 100%;
	}
	.fot-log{
		width: 100%;
	}
	.footerList{
		width: 100%;
		padding: 0;
	}
	
}

@media (max-width:560px) {
	.aboutLink{
		position: relative;
	}
	.aboutLink ul li{
		float: left;
	}
	.wbIcon{
		/*position: absolute;
		left: 20%;
		float: left;*/
		display: none;
	}
	.ttIcon{
	}
}


/*-------------------ÄÚÈÝÁбíÒ³Ò³----------------------*/
.contentPage {
  padding-bottom: 20px;
  margin-bottom: 100px;
}
.contentBox {
  background: white;
}
.contentBox a{
 
  color: #4c4c4c;
}
.contentBox .pcleftNav {
  background-color: white;
  margin-top: 20px;
  padding: 0 10px;
}
.contentBox .pcleftNav .top {
  background-color: #9e0000;
  color: white;
  line-height: 25px;
  font-size: 20px;
  /*text-align: left;*/
  /*padding-left: 30px;*/
  /*display: flex;*/
  align-items: center;
  /*justify-content: space-between;*/
}
.contentBox .pcleftNav .top p{
	text-align: center;
	padding:15px;
}
.contentBox .pcleftNav .top .iconfont {
  font-size: 18px;
  flex: 1;
  text-align: right;
  margin-right: 15px;
}
.contentBox .pcleftNav ul {
  padding-bottom: 10px;
}
.contentBox .pcleftNav ul li {
  padding: 0 10px;
}
.contentBox .pcleftNav ul li a {
      display: block;
    text-align: left;
    /* padding-left: 20px; */
    border-bottom: 1px dashed #d1d1d1;
    line-height: 55px;
    font-size: 18px;
    color: #636363;
    text-align: center;
}
.contentBox .pcleftNav ul li a:hover {
  color: #981011;
  border-bottom-color: #981011;
}
.contentBox .right {
  background-color: white;
  margin-top: 20px;
  min-height: 400px;
}
.contentBox .right .top {
  display: flex;
  padding-top: 15px;
  align-items: center;
  border-bottom: 1px solid #e4e4e4;
}
.contentBox .right .top h4 {
  margin-left: 20px;
  border-bottom: 3px solid #981011;
  color: #981011;
  padding-bottom: 10px;
  margin-bottom: -2px;
  display: inline-block;
  font-size: 20px;
}
.contentBox .right .top .link {
  flex: 1;
  text-align: right;
  margin-right: 20px;
  float: right;
}
.contentBox .right .artice {
  padding: 20px;
}
.contentBox .right .artice .title {
  font-size: 20px;
  text-align: center;
}
.contentBox .right .artice .abs {
  font-size: 12px;
  display: flex;
  justify-content: center;
  margin: 15px 0;
  color: #9d9d9d;
}
.contentBox .right .artice .abs span{
	margin-right: 10px;
}
.contentBox .right .artice .contentAtice table {
  width: 100% !important;
}
.contentBox .right .artice .contentAtice img {
  max-width: 100% !important;
  height: auto;
}
.contentBox .right .list {
  padding: 0 15px;
}
.contentBox .right .list li a {
  display: flex;
  align-items: center;
  padding: 19px 0px;
  border-bottom: 1px dashed #9d9d9d;
}
.contentBox .right .list li a span {
  margin-right: 6px;
  transition: all 0.36s ease;
  font-size: 16px;
}
.contentBox .right .list li a .title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
}
.contentBox .right .list li a .time {
  margin-right: 10px;
}
.contentBox .right .list li a:hover {
  color: #981011;
}
.contentBox .right .list li a:hover span {
  margin-left: 5px;
}
.noticePC {
  display: block;
}
.noticePhone {
  display: none;
}
@media (max-width: 990px) {
  .lunbo {
    background: white;
  }
  .lunbo .list {
    padding: 0 15px;
  }
  .noticePC {
    display: none;
  }
  .noticePhone {
    display: block;
  }
  .footer .link a {
    padding: 10px 20px;
  }
  .contentBox .pcleftNav .top {
    margin-top: 60px;
  }
  .logo {
    display: none;
  }
  .list-inline > li {
    padding: 0;
  }
  .news .n_list {
    padding-left: 0 !important;
  }
  .f_row {
    display: block !important;
  }
  .f_row .tag,
  .f_row .imgBox {
    display: none;
  }
  .topNav {
    display: none;
  }
  body {
    background-size: auto;
  }
  .out {
    height: 220px !important;
    margin-bottom: 20px;
  }
  .listItem {
    margin-top: 30px;
    background: none;
  }
  .listItem .banner {
    margin: 0;
  }
  .listItem .newTop {
    background-color: white !important;
    padding-left: 0px !important;
    padding-bottom: 10px;
    margin-top: 20px;
  }
  .listItem .newTop h4 {
    font-size: 14px !important;
    padding-left: 65px;
    padding-top: 10px;
  }
  .listItem .newTop .hint {
    padding-left: 20px;
    font-size: 12px !important;
  }
  .header .input-group {
    display: none;
  }
}

/*·ÖÒ³*/
.pagination {
  width: 100%;
  text-align: center;
}
.pagination ul span,
.pg-1 .total {
  display: inline-block;
  height: 24px;
  padding: 0 15px;
  color: #fff;
  border: 1px solid #981011;
  background-color: #981011;
}
.pagination ul a,
.pg-1 a,
.pg-1 .current {
  display: inline-block;
  margin: 0 5px 8px;
  padding: 2px 7px;
  color: #7e7e7e;
  border: 1px solid #dbdbdb;
}
.pagination ul li.active a,
.pg-1 .current {
  color: #fff;
  border: 1px solid #981011;
  background-color: #981011;
}
.pagination ul li a:hover,
.pg-1 a:hover {
  color: #981011;
}