/********??********/
*,ul{
	margin: 0px;
	padding: 0px;
}
body{color: #333; font-family: "????";font-size: 14px;}


a{text-decoration: none;transition: all 0.4s;}
a:link {color: #333}		/* ?????? */
a:visited {color: #333}	/* ?????? */
a:hover {color: #007AFF}	/* ???????? */
a:active {color: #007AFF}	/* ????? */
img{vertical-align:middle;}
li{list-style: none;}
input,button{outline:none;}

/*????*/
.clear{clear: both;}

/*************** ???? ***************/
.bgcolorblue{background: #0067b4;}
.bgcolorred{background: #C9302C;}
.backgroundnone{background: none;}
.bgwhite{background: white;}
.backgroundblack07{background: rgba(0,0,0,0.7) !important;}

/*************** ??? ***************/
.bodytopbg{background: url(../images/bodytopbg.jpg) no-repeat;background-size: 100%;background-position: top;}/*??top??*/
.bodybottombg{background: url(../images/bodybottombg.png) no-repeat;background-size: 100%;background-position: bottom;}/*??????*/
.bgimgtop{background:url(../images/topbg.png) no-repeat;background-position: center;}
.top_hrbg{background: url(../images/tophrbg.png) repeat-x;height: 20px;clear: both;}
.articlebgcolor{background: url(../images/nrbg.png);padding: 3px;}/*????*/
.nav_hrbg{background: url(../images/topnavhrbg.png) repeat-x;height: 12px;clear: both;}
.navbg{background: url(../images/navbg.jpg) no-repeat;background-position: center;background-size: 100%;}
.navbg2{background: url(../images/navbg.png) repeat-x;background-position: center;}



.copyright-hrbg{background: url(../images/bottomhrbg.png) repeat-x;height: 25px;clear: both;}
/*????????*/
.column-title{background: url(../images/titlebg.jpg) no-repeat;background-position: center;}
/*.story-people .column-title{background: url(../images/titlebg.jpg) no-repeat;background-position: center;}*/
/*?????icon*/
.fa-ewm::before{background: url(../images/ewmicon.png) no-repeat;content: '';display: inline-block;background-size: 14px;width:14px;height: 14px;}
/*??logo icon*/
.fa-guida{display: inline-block;vertical-align: middle;width:24px;height:24px;}
/*?????*/
.bgimgxcbtop{background:url(../images/xcbtopbg.jpg) no-repeat;background-position: center;}
.footer_bg{background: #555 url(../images/tophrbg.png) repeat-x;height: 20px;clear: both;}

/*???????*/
.hover_blackbg01:hover{background: rgba(0,0,0,0.1);}
.hover_bluebg:hover{background: #0067b4;}

/*????*/
.colorblue{color: #0067b4;}
.colorwhite{color: white;}
.color888{color: #888;}
.oncolor{color: #000;}

/*????*/
.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font15{font-size: 15px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.font24{font-size: 24px;}
.font30{font-size: 30px;}

/*????/??*/
.centerfont{text-align: center;}
.line-height50{line-height: 50px;}
.line-height45{line-height: 45px;}
.line-height40{line-height: 40px;}
.line-height35{line-height: 35px;}
.line-height32{line-height: 32px;}
.line-height30{line-height: 30px;}
.line-height25{line-height: 25px;}
.line-height20{line-height: 20px;}
.line-height14{line-height: 14px;}
.overhidden{overflow: hidden;}
.line_nowrap{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.line_clamp2{
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	
	display: -moz-box;/*??*/
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
}
.line_clamp1{
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	
	display: -moz-box;/*??*/
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
}

/*??*/
.float-left{float: left;}
.float-right{float: right;}

/*??*/
.borderbottomddd{
	border-bottom: 1px solid #ddd;
}
/*???*/
.hr-cenavred{border-top: 1px solid #888888;border-bottom: 1px solid #ddd;border-left: none;border-right:none;clear: both;line-height: 0px;}
.hr-cenav{border-top: 1px solid #004579;border-bottom: 1px solid #ddd;border-left: none;border-right:none;clear: both;line-height: 0px;}
.hr-tabs{border-top: none;border-bottom: 1px solid #2a90ff;border-left: none;border-right:none;clear: both;line-height: 0px;}
.hr{border-top: none;border-bottom: 1px solid #ccc;border-left: none;border-right:none;clear: both;line-height: 0px;}
.hrred{border-top: none;border-bottom: 2px solid #C9302C;border-left: none;border-right:none;clear: both;line-height: 0px;}
.hr-news{border-top: none;border-bottom: 1px dashed #ccc;border-left: none;border-right:none;clear: both;line-height: 0px;}
.newslists_date_hr{width: 80%;border-top: none;border-bottom: 2px solid #ccc;border-left: none;border-right:none;clear: both;line-height: 0px;}

/*??*/
.wf1{width: 100%;float: left;}
.wf2{width: 50%;float: left;}
.wf3{width: 33.33%;float: left;}
.wf3odd{width: 66.66%;float: left;}
.wf4{width: 25%;float: left;}
.wf5{width: 20%;float: left;}
.wf6{width: 16.66%;float: left;}
.wf-80{width: 80%;float: left;}
.wf9{width: 11.11%;float: left;}
.viewport_width{width: 100%;}
.wf3odds{width: 55%;float: left;}
.wf3s{width: 45%;float: left;}

/*??*/
.deg45{transform: rotate(45deg);}
.deg-45{transform: rotate(-45deg);}

/*??*/
.viewport_height{height: 100%;}

/*??*/
.pd5{padding: 5px;}
.pdleft5{padding-left: 5px;}
.pdleft10{padding-left: 10px;}
.pdleft15{padding-left: 15px;}
.pdleft20{padding-left: 20px;}

.pdright5{padding-right: 5px;}
.pdright10{padding-right: 10px;}
.pdright15{padding-right: 15px;}
.pdright20{padding-right: 20px;}

.pdtop5{padding-top: 5px;}
.pdtop10{padding-top: 10px;}
.pdtop15{padding-top: 15px;}
.pdtop20{padding-top: 20px;}

.pdbottom5{padding-bottom: 5px;}
.pdbottom10{padding-bottom: 10px;}
.pdbottom15{padding-bottom: 15px;}
.pdbottom20{padding-bottom: 20px;}

.mgleft5{margin-left: 5px;}
.mgleft10{margin-left: 10px;}
.mgleft15{margin-left: 15px;}
.mgleft20{margin-left: 20px;}

.mgtop5{margin-top: 5px;}
.mgtop10{margin-top: 10px;}
.mgtop15{margin-top: 15px;}
.mgtop20{margin-top: 20px;}

.mgtop-5{margin-top: -5px;}
.mgtop-10{margin-top: -10px;}
.mgtop-15{margin-top: -15px;}
.mgtop-20{margin-top: -20px;}
.mbottom15{bottom: 15px;}

.mgright5{margin-right: 5px;}
.mgright10{margin-right: 10px;}
.mgright15{margin-right: 15px;}
.mgright20{margin-right: 20px;}

.mgbottom5{margin-bottom: 5px;}
.mgbottom10{margin-bottom: 10px;}
.mgbottom15{margin-bottom: 15px;}
.mgbottom20{margin-bottom: 20px;}

/*??*/
.bordernone{border: none;}
/*??*/
.z-index-1{z-index: -1 !important;}
.z-index2{z-index: 2 !important;}
.z-index999{z-index: 999 !important;}
.z-index9999{z-index: 9999 !important;}
/*????*/
.posabs{position: absolute;}
.posret{position: relative;}
.posfix{position: fixed;}
.dispbok{display: block;}
.dispno{display: none;}
.dispflx{display: flex;}
.dispinblock{display: inline-block;}

/*************** ?? ***************/
.more2{color: #fff !important;}
.more2:hover{color: #333 !important;}
.more1{
	padding: 2px 5px 2px 5px;
	color: #007AFF !important;
	border: 1px solid #007AFF;
	border-radius: 3px;
}
.more1:hover{color: #333 !important;border: 1px solid #333;}

/*************** ?? ***************/
.top_R_top{text-align: right;position: relative;}
.top_R_top a i{margin-right: 5px;}
.top_R_top a{color: #fff;}
.top_R_top a:hover{color: #333;}

.header_right_menu{
	display: none;
	text-align: right;
	background: none;
	border: none;
}
.top_R_bottom div{float: right;margin-top: 10px;}
.contribute{text-align: center;}
.contribute a:hover{color: #333;}
.top_R_bottom a{line-height: 24px;}

/*************** pc??? ***************/
.nav{font-family: "????";font-size: 16px;
	background-image: -webkit-linear-gradient(bottom, #0060a7 0%, #007cd8 100%);
	background-image: linear-gradient(to top, #0060a7 0%, #007cd8 100%);
}
.nav a{color: #fff;font-weight: bold;}
.nav .oncolor a{color: #fff;}
.nav a:hover{color: #ff0000;}
.nav a i{margin-right: 4px;}

/*************** ???? ***************/
.cenav{width: 40%;float: right;}
.cenav a{color: #fff;}
.rightsidebarnav{top: 0px;overflow: auto; display: none;}
.menubg{right: 0px;}
.times{left: -30px;top: 15px;}


/*************** ?? ***************/
.searchkuang{
	padding-left: 5PX;
	height: 32px;
	background-color: rgba(0,0,0,0.5);
}
.searchkuang input{height: 32px;}
.searchkuang button{cursor: pointer;height: 32px;width: 42px;background: #007cd8;}
.searchkuang button:hover{color: #000;}

.search_column{background: #f4f4f4;padding: 10px; display: none;}
.search_column div{padding-left: 32px;position: relative;height: 32px;border-radius: 2px;background: #fff;}
.search_column div button{position: absolute;left: 5px;top: 5px;font-size: 20px;border: none;background: none;color: #0067b4;}
.search_column div input{height: 32px;width: 100%;border: none;background: none;}
.search_column div button:hover{color: #555;}



/****************************** index ******************************/



/*************** index banner ***************/
.swiper-container-horizontal > .swiper-pagination-bullets{
	width: 80% !important;
	left: 20% !important;
	text-align: right !important;
	margin-bottom: 5px !important;
}
.swiper-wrapper .swiper-slide-title{
	position: absolute;
	padding-left: 10px;
	bottom: 10px;
	left: 20%;
	width: 80%;
	line-height: 32px;
	background: rgba(255,255,255,1);
}
.swiper-wrapper .swiper-slide-title p:hover{color: 000;}
.swiper-wrapper .swiper-slide-title p{
	width: 65%;
	color: #007AFF;
	font-family: "????";
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.swiper-pagination-bullet{
    width: 20px !important;
    height: 20px !important;
    border-radius: 0px !important;
    text-align: center !important;
    line-height: 20px !important;
    font-size: 12px !important;
	color: #fff !important;
	opacity: 0.5 !important;
}
.swiper-pagination-bullet-active{opacity: 1 !important;}

/******************** index tab?? ********************/
.tabs {position: relative;}
.tabs .tabli {float: left;margin-right: 5px;}
/*?????*/
.tabs input[type="radio"] {opacity: 1;position: absolute;}
.tabs label {
  display: block;
  position: relative;
  font-size: 16px;
  background: #2a90ff;
  cursor: pointer;
  z-index: 1;
  color: #fff;
  padding: 6px 9px 6px 9px;
}
/*??????*/
.tabs label:hover {background: #0c73bf;}
/*tab???*/
.tabs .tab-content {width: 100%;position: absolute;left: 0;display: none;z-index: 0;}
.tabs .tab-content .more1{position: absolute;right: 5px;top: -30px;}
/*????????*/
.tabs [id^="tab"]:checked + label {background: #0067B4;}
.tabs [id^="tab"]:checked + label:after{
	content: "";
	position: absolute;
	left: 46%;
	bottom: -5px;
	width: 12px;
	height: 12px;
	background: #0067B4;
	transform: rotate(45deg);
}
/*???????*/
.tabs [id^="tab"]:checked ~ [id^="tab-content"] {display: block;}



/************** index???? **************/
.column-title-o{padding: 8px 5px 8px 5px;border-top: 1px solid #0067B4;border-bottom: 3px solid #0067B4;}
.column-title{padding: 8px 5px 8px 5px;background-color: #0067B4;color: #fff;border-top: 1px solid #0067B4;border-bottom: 3px solid #0067B4;}

/******************** index???? ********************/
.guidanews{padding-right: 15px;}
.special{height: 445px;}
.news-media{padding-left: 15px;}
.schoolnews-imgs{float: left;width:383px;height:295px;border: 1px solid #ccc;margin-right:11px;}
.schoolnews-imgs img,.video-camera-imgs img{width: 100%;}
.schoolnews-lists{float:left;width:398px;height:295px;border: 1px solid #ccc;}
.schoolnews-lists ul{padding-left: 0px;}
.schoolnews-imgs li{display: none;max-height: 300px;overflow: hidden;}
/*
.news-content{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
}
*/
.video-camera-list{padding-right: 15px;line-height: 35px;padding-top: 10px;}
.video-camera-imgs li{display: none;max-height: 300px;overflow: hidden;position: relative;}
/*.video-camera-imgs li span:hover i{color: #007AFF;}*/
.video-play{cursor: pointer;}
.video-play i{margin-top: 28%;font-size: 48px;color: #fff; transition: all 0.3s;}
.video-play:hover i{color: #007AFF;}
.video-camera-imgs li span{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	text-align: center;
	background: rgba(0,68,121,0.5);
}
.Electronic-news-content{padding-left: 15px;line-height: 35px;}
.QR-code{text-align: center;padding-top: 20px;}
.QR-code .weibo,.QR-code .weixin{position: relative;cursor: pointer;height: 100px;overflow: hidden;}
.ewm{width: 80px;display: block;margin: auto;position: relative;top: 0px;transition: 1s ease;z-index: 0;}
.ewm img{width: 100%;}
.weibo:hover .ewm,.weixin:hover .ewm{top: 0px;}
.ewm-title{position: relative;top: 0px;font-size: 14px;z-index: 1;transition: 1s ease;color: #0067B4;}

.weibo:hover .ewm-title,.weixin:hover .ewm-title{opacity: 1;}

.story-people{margin-top: 20px;background: #fff;}
.column-content-img{position: relative;overflow: hidden;-webkit-transition: 0.5s;}
.column-content-img:hover .column-content-imgtitle{bottom: 0px;}
.column-content-imgtitle{
	color: #fff;
	padding: 8px 5px 8px 5px;
	bottom: -40px;
	position: absolute;
	background: rgba(0,0,0,0.5);
	font-size: 16px;
	-webkit-transition: 0.5s;
}

/*????*/
.rollphotos {padding-right: 15px;}
.blk_29 {overflow: hidden;zoom: 1;position: relative;}
.blk_29 .LeftBotton,.blk_29 .RightBotton {background: #0067B4;cursor: pointer;position: absolute;top: 0px;width: 5%;height: 100%;text-align: center;color: #fff;font-size: 16px;}
.blk_29 .LeftBotton{left: 0px;}
.blk_29 .RightBotton {right: 0px;}
.blk_29 .LeftBotton:hover{color: #000000;}
.blk_29 .RightBotton:hover {color: #000000;}
.blk_29 .LeftBotton i,.blk_29 .RightBotton i{position: absolute;top: 44%;display: block;width: 100%;}
.blk_29 .Cont {margin: auto;overflow: hidden;width: 88% !important;white-space: nowrap;}
.blk_29 li {width: 33.33%;text-align: center;display: inline-block;}
.blk_29 li div{padding-left: 5px;padding-right: 5px;}
.blk_29 li img {width: 100%;}

/*????*/
.Online_button{padding-left: 15px;}
.Online_button a{display: block;/*width: 100%;*/color: #fff;line-height: 25px;margin-top: 10px;text-align: center;}
.Online_button a:hover{background: #000;border:2px solid #000;}
.tougaoxuzhi{background: #0067B4;border:2px solid #0067B4;}
.tougao{background: #e66100;border:2px solid #e66100;}

/*????*/
#container{padding: 15px 0px;background: #fff;height: 40px;overflow: hidden;position: relative; }  
#container ul{ list-style: none;width:10000px; position: absolute; } 
#container ul li{ float:left; margin-right: 10px; } 
#container ul li img{width: 120px;}

.copyright{color: #555;}
.copyright a{color: #555;}
.copyright a:hover{color: #007AFF;}


/****************************** news lists ******************************/


/*news top pic*/
.newsliststoppic{background: #fff;margin-top: 0px;text-align: center;}
.newsliststoppic img{width: 100%;}

/*path navigation*/
.path_navigation{line-height: 42px;}
.path_navigation i{margin-left: 5px;margin-right: 5px;}
.path_navigation .oncolor{color: #000 !important;}
.path_navigation a:link {color: #0067B4}		/* ?????? */
.path_navigation a:visited {color: #0067B4}	/* ?????? */
.path_navigation a:hover {color: #000}	/* ???????? */
.path_navigation a:active {color: #000}	/* ????? */

.path_xcbnavigation{line-height: 32px;margin-top: 20px;}
.path_xcbnavigation .oncolor{color: #000 !important;}
.path_xcbnavigation a:link {color: #C9302C}		/* ?????? */
.path_xcbnavigation a:visited {color: #C9302C}	/* ?????? */
.path_xcbnavigation a:hover {color: #000}	/* ???????? */
.path_xcbnavigation a:active {color: #000}	/* ????? */

/*lists*/
.newslists li{padding: 15px;border-bottom: 1px dashed #ccc;}
.system_log{
	position: relative;
	display: flex !important;
	/*??????*/
	align-items: center !important;
	-ms-align-items: center !important;
	-moz-align-items: center !important;
	-webkit-align-items: center !important;
}
.newslists_date{line-height: 24px; text-align: right;margin-right: 15px;white-space: nowrap;}
.newslists_date hr{float: right;}
.newslists_img{width: 150px;margin-right: 25px;background: #ccc;}
.newslists_img img{width: 100%;}
.newslists_cont{width: 80%;}
.newslists_cont_title{
	/*font-family: "??";*/
	font-weight: bold;
	line-height: 32px;
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.newslists_cont_article{
	text-indent: 2em;
	color: #555;
	
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2 !important;
	display: -moz-box;
    -moz-line-clamp: 2 !important;
    -moz-box-orient: vertical;
    -ms-layout-grid-line: 2;
}
.newslists_cont_more a{color: #007AFF;}
.newslists li:hover{background: #0067B4;}
.newslists li:hover,.newslists li:hover div>a{color: #fff;}
.newslists li:hover .newslists_cont_article{color: #aaa;}
.newslists li:hover div>a:hover{color: #000;}


/****************************** video lists ******************************/

.videolists_unit{padding: 5px;margin-top: 5px;text-align: center;border: 1px solid;border-color: rgba(0,0,0,0);}
.videolists_unit:hover{border: 1px solid #007AFF;}
.videolists_unit_img{position: relative;}
.videolists_unit_img img{width: 100%;}
.videolists_unit_img span{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	text-align: center;
	background: rgba(0,68,121,0.8);
}
.videolists_unit_title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 32px;}


/****************************** video article ******************************/

.videoplay{padding-bottom: 110px;}
.camera_title{text-align: center;margin-top: 5%;margin-bottom: 20px;}
.videoplay_cnt{position: relative;text-align: center;}
.videoplay_cnt video{background: #333;}
.videoplay_cnt_left,.videoplay_cnt_right{width: 20%;position: absolute;z-index: 2;}
.videoplay_cnt_left img,.videoplay_cnt_right img,.videoplay_cnt_bottom img,.videoplay_cnt_center video{width: 100%;}
.videoplay_cnt_center{width: 60%;margin: auto;position: relative;z-index: 3;}
.videoplay_cnt_left{left: 0px;bottom: -22%;}
.videoplay_cnt_right{right: 0px;bottom: -22%;}
.videoplay_cnt_bottom{position: absolute;bottom: -26%;z-index: 1;}




/****************************** ?? ******************************/


.page{padding-left: 0px;clear: both;margin-top: 20px;margin-bottom: 20px;text-align: center;}
.page li{margin-bottom: 5px;display: inline-block;padding: 4px 8px;border-radius: 2px;}
.page li input{width: 50px;margin-right: 10px;}
.page li a{color: #333;}
.page li a:hover{color: #C9302C;}
.page>.thisclass a{color: #C9302C;text-decoration: underline;}


/****************************** article page ******************************/

.article_cont_title{text-align: center;padding-top: 15px;border-bottom: 1px solid #ccc;}
.article_cont_title_o{line-height: 44px;}
.article_cont_cont{padding: 15px;line-height: 20px;min-height: 400px;position: relative;
max-width: 80%;
margin: 0 auto;
font-size:16px;
}
.article_cont_article{line-height: 200%;text-indent: 2em;}


/****************************** ?? icon ******************************/

.share{position: relative;margin-top: 30px;font-size: 18px;color: #fff;}
.share i{width: 25px;height: 25px;border-radius: 100%;text-align: center;line-height: 25px;cursor: pointer;}
.share .weixin{background: #00bf0f;}
.share .qq{background: #007AFF;}
.share .ewmicon{position: relative; background: #E66100;width: 25px;height: 25px;display: inline-block;}
.share_ewm{width: 100px;height: 0px;overflow: hidden;left: -60px;position: absolute;top: -110px;transition: 1s ease;z-index: 2;}
.share .ewmicon:hover .share_ewm{height: 100px;}
.share_ewm img{width: 100%;}
.share i:hover{background: #000;}



/****************************** CPC publicity department ******************************/

.xcbLnav_cont,.xcbcontR{float: left;}
.xcbLnav_cont{width: 20%;position: relative;min-height: 625px;}
.xcbLnav_cont_div{overflow: hidden;}
.xcbcontR{width: 80%;position: relative;}
.xcbLnavbg_y{width: 10px;background: #333333;height: 100%;position: absolute;top: 0px;z-index: 10;}
.xcbLnav{margin-left: 10px;width: 80%;}
.xcbLnav_content>li{height: 45px;cursor: pointer; position: relative;margin-top: 20px;line-height: 45px;background: #888;text-align: center;font-size: 18px;z-index: 2;}
.xcbLnav_content>li::after{content: '';background: #888;z-index: 1;display: block;position: absolute;top:0px;right:-20px;width: 45px;height: 45px;border-radius: 100%;}
.xcbLnav_content>li a{color: #fff;z-index: 4;position: relative;display: block;}
.xcbLnav_content>li:hover a{color: #FFEA00;}
/*CPC publicity department nav*/
.tabcontli{display: none;}
.xcbLnav_content input{opacity: 0;}
.xcbLnav_content input [type="radio"] {position: relative;}
.xcbLnav_content label {
	display: block;
	position: relative;
	z-index: 0;
	margin-top: -45px;
	cursor: pointer;
}
.xcbLnav_content [id^="tab"]:checked + label { background: #C9302C;color: #FFEA00;}
.xcbLnav_content [id^="tab"]:checked + label::after {
	content: '';
	background: #C9302C;
	display: block;
	position: absolute;
	top:0px;
	right:-20px;
	width: 45px;
	height: 45px;
	border-radius: 100%;
}
/*CPC publicity department nav content*/
.xcbcontR_cont{padding-top: 20px;overflow: hidden;padding-bottom: 20px;}
.xcbcontR_cont img{margin: auto;}
.xcbcontR_list{padding-top: 15px;}
.xcbcontR_list_unit{line-height: 40px;cursor: pointer;}
.xcbcontR_list_unit a:hover{color: #C9302C;}

.xcbLnav_hoverbg{position: absolute;z-index: 3;background: #C9302C;height: 45px;width: 100%;top: 0px;left: -200%;transition: 0.3s ease;}
.xcbLnav_hoverbg::after{content: '';background: #C9302C;z-index: 3;display: block;position: absolute;top:0px;right:-20px;width: 45px;height: 45px;border-radius: 100%;}
.xcbLnav_content>li:hover .xcbLnav_hoverbg{left: 0px;}
.alert_xcbnav{background: #C9302C !important;}
.alert_xcbnav a{color: #FFEA00 !important;}
.alert_xcbnav::after{background: #C9302C !important;}

.footer_cont{padding: 10px;background: #333;text-align: center;}
.footer_cont>ul>li{width: 14.28%;float: left;color: #fff;}
.footer_cont>ul>li>div{padding: 0px 5px 0px 5px;position: relative;}
.footer_cont>ul>li>div .box{
	display: none;
	width: 90px;
	height: 90px;
	position: absolute;
	top: -80px;
	left: 5%;
}
.footer_cont>ul>li>div:hover .box{display: block;}
.footer_cont>ul>li img{width: 100%;}


.tougao_matters h3{line-height: 32px;}
.tougao_matters p{margin-bottom: 5px;}
.tougao_matters i{font-size: 12px;margin-right: 5px;}
.tougao_unit{margin-top: 15px;line-height: 32px;position: relative;}
.tougao_editor{margin-top: 15px;}
.tougao_unit b{color: red;}
.tougao_name{position: absolute;left: 0px;text-align: right;}
.tougao_input{padding-left: 80px;}
.tougao_input input{height: 32px;width: 100%;border: 1px solid #ccc;}
.tougao_select{height: 32px;background: none;border: 1px solid #ccc;outline: none;}
.submitting div{float: left;line-height: 32px;margin-top: 15px;}
.submitting div b{color: red;}
.submitting div input{height: 32px;border: 1px solid #ccc;}
.submitting div button{border: none;line-height: 32px;background: #0067B4;color: #fff;padding-left: 10px;padding-right: 10px;margin-left: 5px;cursor: pointer;margin-left: 5px;}
.sub{margin-left: 15px;margin-bottom: 20px;}
.submitting div button:hover{background: #333;}





/****************************** ????? ******************************/

.login_conter{
	width: 480px;
	margin: auto;
	margin-top: 150px;
}
.login_header{
	text-align: center;
	background-image: url(../images/topbg.jpg);
}
.login_header_logo{padding: 20px 0px 20px 0px;}
.login_article{background: #fff;}
.login_form{padding: 0px 20px 0px 20px;}
.login_form_top{
	text-align: center;
	line-height: 24px;
	padding: 15px 0px 15px 0px;
	border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #CCC;
}
.login_form_top .title{font-size: 20px;line-height: 40px;}
.col_1{position: relative;line-height: 44px;width: 80%;margin: auto;margin-top: 15px;}
.col_1 .left{width: 100px;position: absolute;left: -20px;text-align: right;}
.col_1 .right{margin-left: 90px;}
.col_1 .right input{width: 100%;height: 32px;}
.col_3{position: relative;line-height: 44px;width: 80%;margin: auto;margin-top: 15px;}
.col_3 .left{width: 100px;position: absolute;left: -20px;text-align: right;}
.col_3 .right{margin-left: 90px;}
.col_3 .right input{width: 60%;height: 32px;}
.col_3 .right a{background: #007AFF;color: #fff;padding: 8px;margin-left: 5px;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.col_3 .right a:link{background: #007AFF;color: #fff;padding: 8px;}/* ?????? */
.col_3 .right a:visited {background: #007AFF;color: #fff;padding: 8px;}	/* ?????? */
.col_3 .right a:hover {background: #333;color: #fff;padding: 8px;}	/* ???????? */
.col_3 .right a:active {background: #333;color: #fff;padding: 8px;}	/* ????? */
.submit_cont{
	padding: 15px 0px 15px 0px;
	text-align: center;
	border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #CCC;
}
.submit_cont button{
	border: none;
	background: #007AFF;
	color: #fff;
	padding: 8px 12px;
	border-radius: 5px;
	margin: 5px;
	text-align: center;
	cursor: pointer;
}
.submit_cont button:hover{background: #0067B4;}
.login_footer{background: #fff;}
.login_footer .banquan{line-height: 44px;text-align: center;}


@media only screen and (min-width: 100px) and (max-width: 720px) {
	.specials{display:none;}
	.login_conter{
		width: 100%;
		margin: auto;
		margin-top: 0px;
	}
	.col_1,.col_3{width: 100%;}
	.col_1 .left,.col_3 .left{left: 0px;}
	.col_1 .right,.col_3 .right{margin-left: 100px;}
}


.tree_map{overflow-x: auto;padding-bottom: 20px;}

.tree_map ul {
	padding-top: 20px;
	position: relative;
	font-size: 0;
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	text-align: center;
}
.tree_map ul>li{white-space: nowrap;}
.tree_map>ul>li>a {
	font-size: 18px;
	font-weight: 700;
	background: #c9302c;
	color: #fff;
	border: 1px solid #c9302c;
	padding: 5px 10px;
	text-decoration: none;
	font-family: arial, verdana, tahoma;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.tree_map li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.tree_map li::before,.tree_map li::after {
	content: '';
	position: absolute;
	top: 0;
	right: 50%;
	border-top: 1px solid #ccc;
	width: 50%;
	height: 20px;
}
.tree_map li::after {
	right: auto;
	left: 50%;
	border-left: 1px solid #ccc;
}
.tree_map li:only-child::after,.tree_map li:only-child::before {
	display: none;
}
.tree_map li:only-child {padding-top: 0;}
.tree_map li:first-child::before,.tree_map li:last-child::after {
	border: 0 none;
}
.tree_map li:last-child::before {
	border-right: 1px solid #ccc;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree_map li:first-child::after {
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}
.tree_map ul ul::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	border-left: 1px solid #ccc;
	width: 0;
	height: 20px;
}
.tree_map ul li ul a {
	border: 1px solid #c9302c;
	background: #c9302c;
	padding: 5px 10px;
	text-decoration: none;
	color: #fff;
	font-family: arial, verdana, tahoma;
	font-size: 12px;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.tree_map li a:hover,.tree_map li a:hover+ul li a {
	background: #333;
	color: #fff;
	border: 1px solid #333;
}
.tree_map li a:hover+ul li::after,
.tree_map li a:hover+ul li::before,
.tree_map li a:hover+ul::before,
.tree_map li a:hover+ul ul::before {
	border-color: #333;
}
.wp_article_list .list_item .Article_Index {
        margin-top: 8px;
}
.wp_article_list .list_item {
    height: 35px;
    line-height: 35px;
overflow: hidden;
}
.wp_article_list .list_item .pr_fields{width:90%;}
.wp_article_list .list_item .ex_fields{padding-right:10px;}
.wp_article_list .list_item .Article_Title{width:89%;}


.articlelist1_li {
    height: 35px;
    line-height: 35px;
    background-position: 0px 34px;
}
.articlelist1_li .news_icon {
    height: 35px;
    background-position: 15px 10px;
    width: 30px;
}

.article_cont .Article_Title{font-size:24px;}

/****************************** ???? ******************************/

@media only screen and (max-width: 900px) {
	.column_title_bg{background: #0067B4;}
	/*.story-people .column-title{background: #0067B4;}*/
	.column-content-imgtitle{bottom: 0px;font-size: 14px;}
	.articlebgcolor{padding: 0;}
	.w1200{width: auto;padding-left: 10px;padding-right: 10px;margin: auto;}
	.header_right,.top_hrbg,.nav,.banner1,.schoolnews-imgs,.video-camera-imgs,.Electronic-news{display: none; }
	.bgimgtop{background: #0067b4;}
	.bgimgxcbtop{background: #C9302C;}
	.header_right_menu{display: block;}
	.banner2{display: block;}
	.wf3,.wf3s,.schoolnews>.wf3odd,.video-camera>.wf3odd,.themes>.wf3odd,.aboutusnr>.wf3odd,.aboutusnr>.wf3{width: 100%;}
	.swiper-container-horizontal > .swiper-pagination-bullets{
		width: 100% !important;
		left:0 !important;
		text-align: center !important;
	}
	.special{height: 338px;}
	.guidanews{padding-right: 0px;}
	.news-media{padding-left: 0px;}
	.schoolnews-lists ul{padding-left: 0px;}
	.video-camera-list{padding-right: 0px;}
	.copyright{font-size: 12px;}
	.wf4{width: 50%;float: left;}
	.rollphotos {padding-right: 0px;}
	.Online_button{padding-left: 0px;}
	
	.newslists_img{display: none;}/*???????*/
	.page li{border: 1px solid #ccc;}/*????*/
	.pagem{display: none !important;}/*????*/
	.article_cont_cont{max-width:100%;padding: 15px 0 15px 0;}/*???????*/
	.article_cont_article img{width: 80%;margin: auto;}
	.article_cont_article>p>img{text-indent: 0em !important;}
	.share {display:none;}
	.videolists_unit,.videolists_unit:hover{border: none;}
	.video-play i{font-size: 32px;}
	/*???*/
	.videoplay_cnt_left,.videoplay_cnt_right,.videoplay_cnt_bottom{display: none;}
	.videoplay_cnt_center{width: 100%;}
	
	.xcbLnavbg_y,.xcbLnav_cont,.footer,.fields ex_fields{display: none;}
	.xcbcontR{width: 100%;}
	
	.sub{text-align: center;}
	.wp_article_list .list_item .Article_Title{width:80%;}
	.bodybottombg{background: white;}/*??????*/
	.schoolnews-title-b{display: none;}
	.schoolnews-lists{width:100%;border:none;}
}
@media only screen and (min-width: 1200px){
	.w1200{width: 1200px;margin: auto;}
	.ewm-weibo{left: 322px;}
	.ewm-weixin{left: 228px;}
	.banner1{display: block;}
	.banner2{display: none;}
	.special{height: 445px;}
	.fields ex_fields, .schoolnews-title-a{display: none;}
	.schoolnews-title-b{width:100%;}
.schoolnews-title-b .title_left{width:375px;margin-right: 11px;border-right: 0px solid #ccc;}
.schoolnews-title-b .title_right{width:390px;border-left: 0px solid #ccc;}


}
@media only screen and (min-width: 900px) and (max-width: 1199px) {
	.w1200{width: 900px;margin: auto;}
	.ewm-weibo{left: 172px;}
	.ewm-weixin{left: 78px;}
	.banner1{display: block;}
	.banner2{display: none;}
	.special{height: 338px;}
	.media-lists{height: 225px;overflow: hidden;}
	.schoolnews-lists span,.video-content-list span{display: none;}
	.schoolnews-lists p,.video-content-list p{width: 100%; line-height: 35px;height: 35px;}
	.video-content-list{height: 228px;overflow: hidden;}
	.Electronic-news-content{height: 145px;overflow: hidden;}
	.QR-code{text-align: center;padding-top: 5px;}
	.ewm-title{top: 0px;font-size: 12px;}
	.QR-code .weibo,.QR-code .weixin{height: 80px;}
	.ewm{width: 60px;}
	.schoolnews-title-a{display: none;}
	.schoolnews-title-b .title_left{width:375px;margin-right: 11px;border-right: 0px solid #ccc;}
	.schoolnews-title-b .title_right{width:190px;border-left: 0px solid #ccc;}
	.video-camera-imgs li{max-height: 220px;}
	.schoolnews-imgs li{max-height: 220px;}
	.schoolnews-lists {max-width: 198px;}
.wp_article_list .list_item .Article_Title {
    width: 85%;
}
	
}
.media-lists{overflow: hidden;}
@media only screen and (min-width: 640px) and (max-width: 899px) {
	.header_left{width: 50%;}
	.header_left img{width: 300px;}
	.header_right_menu{line-height: 57px;}
}
@media only screen and (min-width: 540px) and (max-width: 639px) {
	.header_left{width: 50%}
	.header_left img{width: 250px;}
	.header_right_menu{line-height: 50px;}
}
@media only screen and (max-width: 540px) {
	.header_left{width: 50%;}
	.header_left img{width: 200px;}
	.header_right_menu{line-height: 41px;}
}
.picbase1-credit{display:none;}
.title_left{float:left;}
.title_right{float:left;}
.dtjt8_div_img .number {
    display: none;
}