﻿@charset "UTF-8";
/*轮播图样式，外层只需规定宽高即可*/
.banner{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.banner * { margin: 0; padding: 0; list-style-type: none; text-decoration: none; }
.banner .list{ width: 1000%; height: 100%; position: absolute; left: -100%; overflow: hidden; }
.banner .list.active{ transition: 1s; }
.banner .list li{ width: 10%; height: 100%; position: relative; float: left; }
.banner .list li img{ width: 100%; height: 100%; border: none; display: block; transition: 1s; }
.banner .list li img:hover{ transform: scale(1.02); }
.banner .list li p{ position: absolute; bottom: 0; line-height: 35px; background: rgba(0,0,0,.8); width: 100%; box-sizing: border-box; padding-right: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 14px; text-indent: 10px; }
.banner .listIndex{ position: absolute; right: 10px; bottom: 13px; height: 10px; z-index: 10;}
.banner .listIndex li{ width: 10px; height: 100%; background: #999; display: inline-block; margin-right: 8px; cursor: pointer; vertical-align: top; }
.banner .listIndex li.active{ background: #FFF; }

.tab-title{ height: 46px; background: url("../images/tag8bg.png") repeat-x bottom; display: flex; }
.tab-title li{ flex: 1; font-size: 18px; line-height: 46px;max-width: 50%; }
.tab-title a{ display: block; text-align: center; }
.tab-title li.active a{ color: #1561af; background: url("../images/tag8sel.png") repeat-x bottom; }

.tab-content ul{ display: none; }
.tab-content ul.active{ display: block; }
.tab-content li{ padding: 0 100px 0 5px; position: relative; line-height: 42px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tab-content li a{ color: #444; font-size: 16px; }
.tab-content li a:hover{ color:#4788d7; }
.tab-content li span{ position: absolute; right: 0; color: #999; }

.column1{ background: #fff; margin-top: 10px; padding: 20px; }
.column1 .fl,.column1 .fr{ width: 49%; height: 340px; }

.column2{ background: #fff; padding: 20px; }
.column2 .fl,.column2 .fr{ width: 49%; }
.iconTitle{ padding-left: 30px; line-height: 46px; background: url("../images/tag8bg.png") repeat-x bottom,url("../images/xxgk/zfxxgk.png") no-repeat left center; font-size: 18px; color: #d22c2c; font-weight: bold; }
/*.gkml{ background-color: #f1efef; padding: 30px 0 14px 20px; margin: 10px 20px 25px; }*/
.gkml li{ display: inline-block; vertical-align: top; text-align: center; font-size: 14px; margin: 0 1px 21px 1px; }
.gkml li a{ color: #757575; }
.lm1 li {width: 150px;
    height: 60px;
    line-height: 60px;
    color: #1492ff;
    /* padding-top: 15px; */
    background-color: #d7e2ec;}
.lm1 li:hover{
	-webkit-box-shadow: 0 0 10px #4a4a4a;
	-moz-box-shadow: 0 0 10px #4a4a4a;
	box-shadow: 0 0 10px #4a4a4a;
}
.column2 .gkzn{ display: flex; margin-top:45px; }
.column2 .gkzn li{ flex: 1; text-align: center; }
.column2 .fr .tab-content li{ float: left; padding: 0; width: 116px; }
.column2 .gkml{ background: none; margin: 0 auto; text-align: center; padding-bottom: 0; }
.column2 .gkml li{     font-size: 16px;
    /* margin-left: 20px; */
    /* margin-right: 20px; */
    margin: 18px;
    margin-bottom: 0; }

.column3{ background: #fff; padding: 20px; }
.column3 .fl,.column3 .fr{ width: 49%; }

.xjcx{ margin-top: 13px; }
.xjcx{ display: flex; }
.xjcx a{ flex: 1; text-align: center; }
.xjcx a p{ text-align: center; line-height: 40px; }

.zxft{ margin: 7px 0 2px; }
.zxft *{ line-height: 1.8em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zxft .zy{ white-space: normal; }
.zxft p{ font-size: 13px; }

.zxft img{ width: 162px; height: 118px; float: left; margin-right: 15px; }
.zwfw{ display: flex; margin-top: 10px; }
.zwfw li{ flex: 1; text-align: center; }

.column5{ background: #fff; }
.column5 .ztzl-title{ text-align: center; line-height: 62px; font-size: 22px; color: #1561af; }
.column5 .ztzl-title>.fl,.column5 .ztzl-title>.fr{ width: 45%; background: url("../images/gm_pic08.gif") repeat-x; height: 60px; }
.column5 .ztzl-title>.fl>.fr,.column5 .ztzl-title>.fr>.fl{ width: 60px; background: url("../images/gm_pic09.jpg") repeat-x; height: 60px; }

/*专题专栏*/
.links_scroll{ position: relative; padding: 10px 0; overflow: hidden; }
.links_scroll .prev,.links_scroll .next{ position: absolute; z-index: 3; top: 44px; width: 32px; height: 32px; cursor: pointer; }
.links_scroll .prev{ left: 10px; background: url("../images/prev.png") no-repeat; }
.links_scroll .next{ right: 10px; background: url("../images/next.png") no-repeat; }
.links_scroll ul{ overflow: hidden; width: 730%; left: 0; position: relative; }
.links_scroll ul.active{ transition: left 1s; }
.links_scroll ul li{ width: 3%; float: left;}
.links_scroll ul li img{ display: block; width: 95%; height: 100px; margin: 0 auto; }
.links_scroll ul li p{ width: 95%; margin: 0 auto; line-height: 30px;  text-align: center;  background: #edf7f8;  margin-top: 5px;  font-size: 15px; padding: 0 40px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*中间滚动图片*/
.links_scroll2{ position: relative; padding: 10px 0; overflow: hidden; margin-top: 20px; }
.links_scroll2 .prev,.links_scroll2 .next{ position: absolute; z-index: 3; top: 29px; width: 32px; height: 32px; cursor: pointer; }
.links_scroll2 .prev{ left: 10px; background: url("../images/prev.png") no-repeat; opacity: .1; }
.links_scroll2 .next{ right: 10px; background: url("../images/next.png") no-repeat; opacity: .1; }
.links_scroll2:hover .prev{ opacity: 1; }
.links_scroll2:hover .next{ opacity: 1; }
.links_scroll2 ul{ overflow: hidden; width: 600%; left: 0; position: relative; }
.links_scroll2 ul.active{ transition: left 1s; }
.links_scroll2 ul li{ width: 6.3%; float: left;}
.links_scroll2 ul li img{ display: block; width: 97%; height: 70px; margin: 0 auto; }

.column6{ background: #fff; padding: 10px; }
.column6 select{ float: left; display: block; margin-left: 1%; font-size: 15px; line-height: 35px; height: 35px; color: #666; cursor: pointer; width: 23.8%; box-sizing: border-box; padding-left: 10px; border: 1px #eaeaea solid; background-color: #fafafa; }
.column6 select:first-child{ margin-left: 0; }

.tbar{ background:#ffffff; }
.tbar a div{ width: 50%; height: 110px;float: left; }
.tbar a div img{ width: 99%; height: 100%; }
.tbar a:last-child div{ float: right; text-align: right; }