/*
 *响应式 css  2019.9.7
*/

a:visited{text-decoration:none;}
a:active{text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}

body { margin:0 auto; font-family:"microsoft yahei"; background:#e7e7e7; }
a img { border:0; }
ul,li,dl,p { list-style:none; }
*{ margin: 0; padding: 0; }

.st { font-family:"宋体"; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }

/* 中间部分开始 */
.box { max-width:1200px; margin:0 auto; overflow:hidden; padding:20px 30px; box-sizing:border-box; background:#fff; }

/* 头条开始 */
.topnews { width:100%; border:1px solid #e0e0e0; box-sizing:border-box; background:#f5f5f5 url("../news_bg.png") no-repeat left center; padding:20px 110px; }
.topnews h1 { text-align:center; font-size:22px; font-weight:normal; }
.topnews h1 a { color:#2e5a99; }
.topnews h2 { text-align:center; font-size:16px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:10px; color:#71706c; }
.topnews h2 a { color:#71706c; }
/* 头条结束 */

/* 通用盒子 */
.main { width:100%; margin:0 auto; display:flex; flex-flow:row; margin-top:30px; }
/* 通用盒子 */

/* 图片新闻 最新动态 开始 */
#banner { height:306px; overflow:hidden; flex:2; order:1; position:relative; margin-right:18px; }
.swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-slide { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width:100%; height:100%; position:relative; }
.gallerytitle { width:100%; background:url("../footer_bg.png"); text-align:left; height:40px; line-height:40px; color:#fafafa; position:absolute; left:0; bottom:0; padding-left:12px; box-sizing:border-box; }
.paginations { position:absolute; z-index:20; bottom:16px; text-align:center; right:12px; }
.swiper-pagination-bullet { float:left; width:8px; height:8px; background:#fff; margin-left:6px; font-size:1px; }
.swiper-pagination-bullet-active { background: #0c80cd; }

.tab_box { height:306px; overflow:hidden; margin-left:18px; flex:2; order:2; }
.lm_top { width:100%; float:left; background:#fff url("../lm_bg.png") repeat-x left bottom; }
.lm_top li { width:auto; height:40px; float:left; padding:0px 25px; box-sizing:border-box; text-align:center; font-size:20px; line-height:30px; border-bottom:2px solid #ff0000; }
.lm_top li a { color:#0c80cd; }

.lm_bottom { width:100%; float:left; margin-top:4px; }
.lm_bottom a { width:100%; float:left; flex-flow:row; display:flex; margin-top:0px; color:#222121; }
.lm_bottom a p { flex:1; height:100%; padding:0px 10px 0px 18px; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url("../icon.png") no-repeat left center; }
.lm_bottom a p:hover { color:#0c80cd; }
.lm_bottom a span { width:auto; height:100%; text-align:right; font-size:14px; }
/* 图片新闻 最新动态 结束 */

/* 新闻切换 开始 */
.news_box_left { height:306px; overflow:hidden; flex:2; order:1; margin-right:18px; }
.news_box_right { height:306px; overflow:hidden; margin-left:18px; flex:2; order:2; }
.tabs { border-bottom:2px solid #0c80cd; width:100%; height:38px; }
.tabs a { width:25%; text-align:center; height:100%; float:left; line-height:36px; color:#2a70be; box-sizing:border-box; font-size:18px; }
.tabs a:hover { text-decoration:none; }
.tabs a.active { background:#0c80cd; color:#fff; border-bottom:2px solid #fff; }

.tabss { border-bottom:2px solid #0c80cd; width:100%; height:38px; }
.tabss a { width:25%; text-align:center; height:100%; float:left; line-height:36px; color:#2a70be; box-sizing:border-box; font-size:18px; }
.tabss a:hover { text-decoration:none; }
.tabss a.actives { background:#0c80cd; color:#fff; border-bottom:2px solid #fff; }

.tabsb { border-bottom:2px solid #0c80cd; width:100%; height:38px; }
.tabsb a { width:25%; text-align:center; height:100%; float:left; line-height:36px; color:#2a70be; box-sizing:border-box; font-size:18px; }
.tabsb a:hover { text-decoration:none; }
.tabsb a.activeb { background:#0c80cd; color:#fff; border-bottom:2px solid #fff; }

.tabsd { border-bottom:2px solid #0c80cd; width:100%; height:38px; }
.tabsd a { width:25%; text-align:center; height:100%; float:left; line-height:36px; color:#2a70be; box-sizing:border-box; font-size:18px; }
.tabsd a:hover { text-decoration:none; }
.tabsd a.actived { background:#0c80cd; color:#fff; border-bottom:2px solid #fff; }
/* 新闻切换 结束 */

.img_left { overflow:hidden; flex:2; order:1; margin-right:18px; }
.img_right { overflow:hidden; margin-left:18px; flex:2; order:2; }

.xxgk_top { width:100%; height:340px; margin:0 auto; display:flex; flex-flow:row; margin-top:10px; }
.xxgk_a { flex:4; height:100%; background:#ff0000; padding-right:10px; box-sizing:border-box; }
.xxgk_b { flex:5; height:100%; background:#321546; padding-left:10px; padding-right:10px; box-sizing:border-box; }
.xxgk_c { width:190px; height:100%; background:#000; padding-left:10px; box-sizing:border-box; }

/* 中间部分结束 */


header { width:100%; height:180px; margin:0 auto;}
footer { width:100%; height:100px; margin:0 auto; background:#195bb2; }

/*当屏幕小于960px时*/
@media (max-width:959px) {

.tabs a,.tabss a,.tabsb a,.tabsd a { font-size:16px; }

}

/*当屏幕小于768px时*/
@media (max-width:767px) {

.box { padding:10px; }
.topnews { background:#f5f5f5; padding:12px; }
.topnews h1 { font-size:16px; }
.topnews h2 { font-size:12px; }
.main { width:100%; margin:0 auto; flex-flow:column; margin-top:10px; }
#banner { height:230px; flex:none; order:0; margin-right:0px; }
.tab_box { height:auto; flex:none; order:0; margin-left:0px; margin-top:15px; }
.lm_bottom a { margin-top:10px; }
.lm_bottom a p { padding:0px 0px 0px 15px; }
.lm_bottom a span { display:none; }

.news_box_left { height:230px; flex:none; order:0; margin-right:0px; }
.news_box_right { height:230px; flex:none; order:0; margin-left:0px; margin-top:15px; }
.img_left { flex:none; order:0; margin-right:0px; margin-top:6px; }
.img_right { flex:none; order:0; margin-left:0px; margin-top:10px; }
}