@charset "utf-8";

/* Base Reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
        .navList li a:hover{text-decoration:none;}

/* HTML5 display-role reset for older browsers */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section 
{
	display: block;
}

:focus {
	outline: 0;
}

img {
	border: 0;
        display:block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
        width:98%;
}
td{
    text-align: center;
    vertical-align: middle;
}
.logo-rb input {
	margin: 0;
	padding: 0;
	border: 0;
}

.clear{
	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	clear: both;
	display: block;
	_display: inline;
}

.none {
	display: none;
}

.hidden {
	visibility: hidden;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: block;
	*zoom: 1;
}

/******************************************************************************************************************************************/

/**布局开始**/

/*body {
	background: url(images/body_bg.jpg) center top no-repeat #eefbff;
}*/

body,
p {
	font: 14px/1 "Microsoft YaHei", "\u5b8b\u4f53", Tahoma, Geneva, sans-serif;
	color: #3c3c3c;
}

a {
	color: #333333;
	text-decoration: none;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
.pic-news a:link {
        color:blue;
	text-decoration: none;
}
.pic-news a:hover {
        color:red;
}
a:visited {
	color: gray;
	text-decoration: none;
}

.wrapper {
	width: 100%;
	margin: 0 auto;
}

.wrapper .inner {
	/**页面全局宽度**/
	width: 1200px;
	margin: 0 auto;
}

/*新闻列表*/
.post {
	
}
.post .banner {
	height: 31px;
	margin: 0 auto;
	border-bottom:1px solid #dddddd;
}
.post .banner .title {
	padding: 0 0 0 7px;
	font-size: 20px;
	float: left;
	display: block;
	color:#003378;
	text-align: center;
	/*background: url(images/banner_dian.png) no-repeat  left center;*/
	font-family: "Arial";
        font-weight: bold;
}

.post .banner .en_title{
	display: block;
    float: left;
    line-height: 28px;
    font-size: 16px;
    color: #676767;
    margin-left: 5px;
}
.post .more-btn {
	float: right;
	display: block;
	color:#003378;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
}
.post .con {
	padding: 10px 0 0 0;
	margin:0 auto;
}
.post .news-list .news {
	overflow: hidden;
	display: block;
	line-height: 30px;
	padding: 0 10px;
}
.post .news-list .news .news-title {
	display: block;
	float: left;
	height: 30px;
	overflow: hidden;

}
.post .news-list .news .news-date {
	display: block;
	float: right;
	font-size: 12px;
	color: #999999;
}
ul.news-list {
    background: #f6f6f6;
}

.post1 .new1 { padding: 0 10px;}
.post1 .new1 a {
	display: block;
	line-height: 20px;
}

.post1 .new1 .news-title {
	font-size: 16px;
	color: #1b1b1b;
}

.post1 .new1 .news-jj {
	color: #aeaeae;
    margin:10px 0;
}



/*头部*/

#header {position: relative;z-index: 999;background-color: #003378;}

.head {
	overflow: hidden;
}

.logo {
	width: 623px;
	float: left;
	margin: 28.5px 0;
}

.logo img {
	max-width: 100%;
	
	height: auto;
}

.logo-r {
	width: 195px;
	float: right;
	margin: 28.5px 0;
}

.logo-rt {
	text-align: right;
}

.logo-rt a {
	color: white;
	line-height: 20px;
}
.logo-rt a:hover{
        text-decoration:none;
        color:white;
}
.logo-rb {
	margin-top: 24px;
}

.ssk {
	height: 25px;
	width: 167px;
	border: 1px solid #b80022;
	border-right: none;
}

.ss_btn {
	width: 27px;
	height: 27px;
	background: url(images/ss_btn.png) no-repeat center center;
	cursor: pointer;
}

/*导航*/
#nav {
	background: #003378;
}

.nav {
	height: 40px;

}

/*dao hang   xin  zeng  yang  shi */


.navBtns{float:right;width:30px;height:30px;background: url(images/menu-button-bg.png) no-repeat center center; background-size: 60% 60%; display:none; }

.navList{width:100%;overflow:hidden;}
.navList li{float:left; width:10%;height:100%;line-height:40px;font-size:16px;}
.navList li a{display:block;color:#fff;text-align: center;}



/*--------------------------- welcome ----------------------------*/
.welcome{width:100%;height:100%;background:#fff;z-index:200;}
.welBox{}
.welList a{font:20px/1em "微软雅黑";color:#333;display:block;text-align: center;padding:15px 0;}
.welList a:hover{color:#EF3333;background:#ccc;}
.comeList{width:100%;display:none;}
.comeList a{font:16px/1em "微软雅黑";display:block;padding:10px 0;}




/*中间*/

.mod {
	padding: 20px 20px 40px;
	background: #fff;
}

.mod-t {
	overflow: hidden;
}

.mod-tl {
	float: left;
	width: 774px;
	height: 350px;
}

	/* 焦点图效果 */
	.picBtnTop{ width:100%; padding-right:5px;  position:relative;  overflow:hidden;  zoom:1;   }
	.picBtnTop .hd{height:350px; position:absolute; right:5px; overflow:hidden; }
	.picBtnTop .hd ul li{ text-align:center; padding:0 0 10px 5px;  }
	.picBtnTop .hd ul li img{ width:160px; height:100px; border:5px solid #ddd; cursor:pointer; vertical-align:bottom; }
	.picBtnTop .hd ul li.on{ background:url("images/icoLeft.gif") no-repeat 0 center; }
	.picBtnTop .hd ul li.on img{ border-color:#f60; }
	
	.picBtnTop .bd{ width:585px; position:relative;  float: left; }
	.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
	.picBtnTop .bd li .pic{ width: 100%; height: 350px; position:relative; z-index:0;  }
	.picBtnTop .bd li .pic img{ width:100%; height:100%; vertical-align:bottom; }
	.picBtnTop .bd li .bg {width:100%; height:30px; position:absolute; left:0; bottom:0; z-index:1; background:#000; filter:alpha(opacity=60); opacity:0.6; }
	.picBtnTop .bd li .title{ width:100%; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
	.picBtnTop .bd li .title a{ color:#fff; padding-left:15px;  }


.mod-tr {
	float: right;
	width: 366px;
}

.mod-m {
	overflow: hidden;
        margin-top:17px;
}

.mod-ml{
	width: 570px;
	float: left;
	overflow: hidden;
}

.mod-bl{
	width: 774px;
	float: left;
	overflow: hidden;
}

.mod-mll,.mod-bll{ width: 375px;float: left;}

.mod-mlr,.mod-blr{ width: 375px; float: right;}

.mod-mlb{ margin-top:10px;}
.mod-mlb img{ width: 100%;}

.mod-mr{
	width: 570px;
	float: right;
	 
}
.mod-br{
	width: 366px;
	float: right;
	 
}
.mod-b {}



/*下拉框样式*/
.links ul {
	width: 100%;
	margin-top: 3px;
}

.links ul li {
	margin-top: 3px;
	
	background: #f6f6f6;
}

.links ul li span {
	position: relative;
	background: url(images/select_bg.png) no-repeat 95% center #fff;
	line-height: 30px;

	display: block;
}

.links dl {
	z-index: 100;
	position: absolute;
	left: -1px;
	border: solid 1px #000;
	width: 100%;
	background: #fff !important;
	display: none;
}

.links dl dd a {
	display: block;
	height: 40px;
	line-height: 40px;
	border-bottom: dashed 1px #676667;
}
/*2017/2/22下拉*/
.icon_fl{float:left;width:50px;height:40px;}
.icon_fl img{ margin: 4px auto 0;}
.sele_fr{float:right;width:218px;border: solid 1px #676667;	margin: 5px 10px 5px 0;position: relative;}

/*页脚*/

#footer {
	background: #003378;
}

#footer .inner {
	padding: 0px;
}

.foot {
	text-align: center;
}

#copyright {
	padding: 19px 0 19px 0;
}

#copyright p {
	line-height: 20px;
	color: #fff;
}
#copyright a {
	color: #fff;
}




/*列表页*/
.col {
	padding: 25px 20px;
	background-color:#FFF;
}

.col-menu { /**列表页左侧栏目**/
	padding-top: 10px;
	width:260px;
	float:left;
	border-top: 1px solid #003378;
} 
.col-menu-head { /*列表头部*/
	width: 100%;
	font-size: 20px;
	margin: 0 auto;
	background:#003378;
	
}

.column-1{ margin-top: 10px;}
.col-menu-head h3.col-name {color:#fff; }		/**位置栏目字体**/
.col-menu-head h3.col-name .col-name-text { display:block; line-height:50px; text-align: center; background: url() 20px center no-repeat;}  /**栏目名称图标**/
/*多级栏目列表*/
.col-list .listcolumn { }
.col-list .listcolumn .column a { color: #fff; background: #bebebe; text-align:center;display: block; height: 50px; line-height: 50px;  font-size: 20px;} 	/**一级子栏目及图标**/
.col-list .listcolumn .column a:hover,.col-list .listcolumn .column a.selected { color: #000; background:url("images/ll.jpg") left center #f0eeee no-repeat;} 	/**鼠标经过或选中一级子栏目**/

.col-list .listcolumn .column a.selected span.column-name{ color:#d41e2d;}
.col-list .listcolumn .column a span.column-name {font-size: 13px; background: url(images/list_dian.png) 40px center no-repeat; }
.col-list .listcolumn .subcolumn .column a { color:#5c5c5c; background:none; border-top:0px solid #fff; border-bottom: none;} 	/**二级子栏目**/
.col-list .listcolumn .subcolumn .column a:hover,.col-list .listcolumn .subcolumn .column a.selected {padding-left:0;background: url(images/news_li.gif) 55px center no-repeat; color:#000;} 	/**鼠标经过或选中二级子栏目**/
.col-list .listcolumn .subcolumn .column a.selected span.column-name{ color:#1378b0;}

.col-list .listcolumn .subcolumn .subcolumn .column a { background:none; border-top:0px solid #fff; border-bottom:1px solid #ccc;} 	/**三级子栏目**/
.col-list .listcolumn .subcolumn .subcolumn .column a:hover,.col_list .listcolumn .subcolumn .subcolumn .column a.selected { color:#000;} 	/**鼠标经过或选中三级子栏目**/
.col-list .listcolumn .subcolumn .subcolumn .column a.selected span.column-name{ color:#1378b0;}

.col-list .listcolumn .subcolumn .subcolumn .subcolumn .column a { background:none; border-top:0px solid #fff; border-bottom:1px solid #ddd;} 	/**四级子栏目**/
.col-list .listcolumn .subcolumn .subcolumn .subcolumn .column a:hover,.col_list .listcolumn .subcolumn .subcolumn .subcolumn .column a.selected { color:#000;} 	/**鼠标经过或选中四级子栏目**/
.col-list .listcolumn .subcolumn .subcolumn .subcolumn .column a.selected span.column-name{ color:#1378b0;}

.col-list .listcolumn .subcolumn .subcolumn .subcolumn .subcolumn .column a { background:none; border-top:0px solid #fff; border-bottom:1px solid #eee;} 	/**五级子栏目**/
.col-list .listcolumn .subcolumn .subcolumn .subcolumn .subcolumn .column a:hover,.col_list .listcolumn .subcolumn .subcolumn .subcolumn .subcolumn .column a.selected { color:#000;} 	/**鼠标经过或选中五级子栏目**/
.col-list .listcolumn .subcolumn .subcolumn .subcolumn .subcolumn .column a.selected span.column-name{ color:#1378b0;}


.col-news { /**列表页右侧新闻**/
	width:820px; 
	float:right;
} 
.col-news-head {
	margin: 0px;
	border-bottom:1px solid #0d65bb;
}
 .col-path { /**当前位置**/
	display:inline-block;
	white-space:nowrap; 
	height:25px;
	text-align: left;
	color: #a6a6a6;
	width: 100%;
	border-bottom: 1px solid #c5c5c5;
} 
.col-path a {
	color: #3a3a3a;
}

.col-metas .col-title { /**当前栏目**/
	display:inline-block; 
	white-space:nowrap; 
	height:50px; 
	line-height:50px;
	float: left;
	padding-left:20px;
	background: url(images/col_name_dian1.png) left center no-repeat;
} 
.col-metas .col-title h2 { /**当前栏目名称**/
	display:inline-block; 
	font-size:20px; 
	color:#0d65bb; 
	font-weight: bold;
	padding: 0;
}   
.col-news-con {
	padding: 20px 30px 20px 0;
	margin:0px;
}
.col-news-list {}
 /**栏目新闻列表**/
.col-news-list  .list_item{ display: block; overflow: hidden;}
.col-news-list  .list_item *{display: block;border: none; height: 40px; line-height: 40px; font-size: 14px;}
.col-news-list  .list_item .szlm{ float: left;}
.col-news-list  .list_item .news-title{ float: left;}
.col-news-list  .list_item .news-date{ float: right;}

/*英文列表*/
.en_col .col-news{ width: 100%; float: none; padding-top: 10px; background: url(images/hr.png) no-repeat top right; background-size: 100% 2PX;}
.en_col .col-news-con{ padding: 0;}
.en_col .col-news-list .list_item{ padding: 0 10px 0 35px;}
.en_col .col-news-list .list_item1{ background: #f1f1f1 url(images/news_li.png) no-repeat 10px center;}
.en_col .col-news-list .list_item2{ background: #ffffff url(images/news_li.png) no-repeat 10px center;}
.en_col .col-news-list .list_item *{ line-height: 50px;height: 50px;}

/*单片标题*/
.dpbt{font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;}

/*图片列表*/
.pic-list{ overflow: hidden;}
.pic-news{ width: 20%; height: 40px; float:left; text-align: center;}
.pic-news .news-pic img{ margin: 0 auto;}
.col-news .panel1{ margin-top: 20px;}

/*现任领导*/
#table1 a:link { 
color:#003378; 
text-decoration:none;} 
#table1 a:visited { 
color:#9a9a9a ;
text-decoration:none;} 
#table1 a:hover { 
color:#ff0000; 
text-decoration:underline;} 

/*文章页*/
.infobox {
	margin:0px auto;
	background-color:#FFF;
}
.article {}
.article h1.arti_title { /**文章标题**/
	font-family: "Microsoft YaHei"; 
	font-weight: bold;
	text-align:center; 
	font-size:18px; 
	color:#1b1b1b; 
} 
.article .arti_metas { 
	padding:10px 0 20px 0;
	text-align:center;
}
.article .arti_metas span { /**文章其他属性**/
	margin:0 5px; 
	font-size:12px; 
	color:#787878;
} 
.article .entry { /**文章内容**/
	margin:0 auto;
	overflow:hidden;
} 
.article .entry .read,.article .entry .read p { /**阅读字体**/
	line-height:1.6; 
	font-size:14px; 
	color:#333;
}  
.article .entry .read p { 
	margin-bottom:20px;
}
.article .entry .read img { /**文章阅读部分图片大小限制**/
	max-width:940px; _width:expression(this.width > 940 ? "940px" : this.width); 
        display:inline;
}
/*专栏*/
.isotope_block {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.projects-block-one {
	position: relative;
	margin-bottom: 25px;
	display: inline-block;
	overflow: hidden;
	width: 100%;
}
.projects-block-one .image{
	    background: #333;
	}
.projects-block-one img {
	width: 100%;
	height: 120px;
	transform: scale(1.0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	opacity: 0.8;
}
.projects-block-one:hover img {
	width: 100%;
	height: 120px;
	transform: scale(1.08);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.projects-block-one:hover {
	box-shadow: 0 4px 13px rgba(25, 25, 25, .3);
}
.projects-block-one .inner-box {
	position: relative;
}
.overlay-style-one .link {
	position: absolute;
	/*background: rgba(0, 0, 0, 0.35);*/
	z-index: 5;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
	font-size: 24px;
	color: #fff;
	top: 0;
	transition: .5s ease;
}
.overlay-style-one .link a {
	color: #fff;
	font-size: 24px;
	margin-top: -80px;
}
.overlay-style-one {
	position: absolute;
	color: #fff;
	z-index: 8;
	transition: .5s ease;
	text-align: center;
	width: 80%;
	top: 50%;
	transform: translateY(-50%);
	left: 10%;
}

.overlay-style-one .bottom-text h4 {
	color: #fff;
	text-align: center;
	letter-spacing: 2px;
	line-height: 28px;
	font-size: 16px;
	width:100%;
	font-weight: bold;

}
.overlay-style-one .bottom-text h4 a {
	color: #fff;
	text-shadow: black 0 2px 0;
}
.overlay-style-one .bottom-text p {
	color: #1e4398;
	margin-bottom: 0px;
}
.isotope_block .tslast .projects-block-one img {
	height: 570px;transform: scale(1.0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

}
.isotope_block .tslast .projects-block-one:hover img {
	height: 570px;transform: scale(1.05);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

}
.isotope_block .tslast h4 
{
    font-size: 22px;
    font-weight: bold;
}
/* overlay style tow */
.overlay-style-two .link {
	position: absolute;
	background: rgba(0, 0, 0, 0.35);
	z-index: 5;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
	font-size: 24px;
	color: #fff;
	top: -100%;
	transition: .5s ease;
}
.projects-block-one .inner-box:hover .link {
	top: 0;
	transition: .5s ease;
}
.overlay-style-two .link a {
	color: #fff;
	font-size: 24px;
}
.projects-block-one .project-bottom-text {
	position: relative;
	text-align: center;
	padding-top: 20px;
}
.projects-block-one .project-bottom-text h4 {
	color: #222;
	transition: .5s ease;
}
.projects-block-one .project-bottom-text h4:hover {
	color: #1e4398;
}
.projects-block-one .project-bottom-text p {
	color: #1e4398;
	margin-bottom: 0px;
}
/*----------------------------------------------------
   11. Pricing Section
------------------------------------------------------*/
 
.pricing-section {
	padding-bottom: 35px;
	padding-top: 20px;
	background: #0d295d;
}
.pricing-section .col-sm-3 {
	padding-right: 9px;
	padding-left: 0px;
}
.pricing-box {
	text-align: center;
	padding-bottom: 0px;
	padding-top: 0px;
	clear:both;
	height: auto;
	min-height: 50px;
	/* border-bottom: 1px #c1ced8 solid; */
	margin-right: 30px;
}
.pricing-box h2 {
	font-size: 28px;
	margin: 0px;
	height: 18px;
	line-height: 16px;
	border-top: 1px solid #d3e7e5;
	color: #ff0000;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
}
.pricing_heading {
	margin-top: 2px;
	float: left;
	/* border-right: 1px #a6b3bd solid; */
	width: 12%;
	text-align: center;
}
.pricing-box h2 span {
	font-size: 26px;
	position: relative;
	top: -11px;
	padding-right: 6px;
}
.pricing-box h2 sub {
	font-size: 16px;
	position: relative;
	top: -3px;
	left: 5px;
}
.pricing-box h5 {
	color: #fff;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 25px;
}
.pricing-box ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 85%;
	margin-left: 1%;
}
.pricing-box h4 {
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	height: 18px;
	line-height: 18px;
	background-color: #ff0000;
	color: #fff;
	font-size: 12px;
	text-align: center;
	margin: 0;
}
.pricing-box li {
	/* padding: 5px 0px; */
	font-size: 16px;
	text-align: left;
	color: #323232;
	margin-left: 3%;
	line-height: 35px;
}
.pricing-box a {color: #fff;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pricing-box a:hover {
	color: #ff0000;
}
.pricing-box2 {
	padding-bottom: 10px;
	margin-top: 30px;
	margin-bottom: 0px;
	background-color: #fff;
}
.pricing-box2 .pricing-img img {
	width: 100%;
	display: inline-block;
	transform: scale(1.0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.pricing-box2 .pricing-img {
	position: relative;
	z-index: 11;
	background: url(../images/noimg.png) no-repeat center center #d6dbdf;
	height: 160px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.pricing-box2:hover .pricing-img img {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	transform: scale(1.08);
}
.pricing-box2 h4 {
	margin: 10px;
	line-height: 24px;
	overflow: hidden;
	min-height: 22px;
	max-height: 22px;
}
.pricing-box2 h4 a {
	color: #666;
	font-size: 14px;
	text-align: left
}
.pricing-box2 h4 a:hover {
	color: #932026
}
.pricing-box2 p {
	color: #A5A5A5;
	font-size: 12px;
	margin: 0 10px;line-height: 26px;padding-bottom: 0px;
}
/* 大屏幕（大桌面显示器，小于等于 1200px） */

@media only screen and (max-width: 1199px) {
	.wrapper .inner {
		/**页面全局宽度**/
		width: 100%;
	}
	
	.logo {
		margin: 20px 0;
	}
.mod-tl { width:48%; height: 292px;}
.mod-tr { width:48%}
.post1 .news-list .news .news-date{ display:none;}
.mod-ml, .mod-bl{ float:none; width:100%;}
.mod-mll, .mod-bll{ width:48%;}
.mod-mlr, .mod-blr{ width:48%;}
.mod-mr, .mod-br{ display:none;}
.col-menu { width: 22.5%;}
.col-news { width: 73%;}

.picBtnTop .hd{ display: none;}
.picBtnTop .bd li .pic{ height: 292px;}

}

/* 中等屏幕（桌面显示器，小于等于 992px） */

@media only screen and (max-width: 992px) {
.mod-tl{height: 283px;}
.pic-news {width: 25%;}
}


@media only screen and (max-width: 835px) {

.logo-r {
		display: none;
	}

}

/* 小屏幕（平板，小于等于 768px） */

@media only screen and (max-width: 768px) {
	.logo {
		width: 100%;margin: 3% 0;
	}
	
	
	.navBtns {
		display: block;
	}
	
	.navList {}
	
	#nav {
		display: none;
	}
	.mod-tl {
		float: none;
		width: 100%;
		height: 350px;
	}
	.mod-tr {
		float: none;
		width: 100%;
                margin-top: 20px;
	}
        .mod-m { margin:0;}
	.mod-ml,
	.mod-bl {
		width: 100%;
		float: left;
		overflow: hidden;
	}
	.mod-mll,
	.mod-bll {
		width: 100%;
		float: none;
                margin-top: 20px;
	}
	.mod-mlr,
	.mod-blr {
		width: 100%;
		float: none;
                margin-top: 20px;
	}
	.mod-mr,
	.mod-br {
		width: 100%;
                margin-top: 20px;
	}
.post1 .news-list .news .news-date{ display:block;}
.mod-mr, .mod-br{ display:block;}
.mod-mlb{margin-top: 20px; }
.col-menu {display: none;}
.col-news {width: 100%;}
.col-news-con{padding: 0;}
.article h1.arti_title{line-height: 30px;}
.article .arti_metas{padding:0}
.article .entry .read img { max-width:100%;}
.picBtnTop .bd li .pic{ height: 350px;}
.picBtnTop .bd{ width: 100%;}
.icon_fl{ width: 25%;}
.sele_fr{width: 70%;}
}

@media only screen and (max-width: 580px) {
	.pic-news { width: 33%;}
	.logo img{max-width: 95%;margin: auto;}
	
}

@media only screen and (max-width: 414px) {
.text1 {display:none;}
.mod-tl { height:204px;}
.picBtnTop .bd li .pic{ height: 204px;}
.post .news-list .news .news-date{ display: none;}
.col-news-list .list_item .news-date{display: none;}
.pic-news { width: 50%;}
}