@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: 34px; border-bottom: 1px solid #dcdcdc; }
.tab-title span{ font-size: 18px; position: relative; padding: 0 10px; display: inline-block; color: #666;}
.tab-title a{ color: #666; }
.tab-title span.active a{color: #4788d7;}
.tab-title span.active::after{content: " "; width: 100%; border-bottom: 2px solid #3090e8; position: absolute; left: 0; bottom: -11px; }

.tab-content{ margin-top: 10px; }
.tab-content ul{ display: none; }
.tab-content ul.active{ display: block; }
.tab-content li{ padding-left: 15px; padding-right: 100px; background: url("../images/dian.jpg") left center no-repeat; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; line-height: 40px; font-size: 16px; }
.tab-content li:hover a{ color:#4788d7; text-decoration: underline;  }
.tab-content li span{ position: absolute; right: 0; font-size: 13px; }


.column0{ background: #fff url("../images/index_13.jpg") no-repeat 18px center; margin: 10px auto; padding: 10px 0 10px 100px; }
.column0 h2{ line-height: 45px; font-size: 23px; font-weight: normal; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.column0 p{ line-height: 35px; font-size: 15px; text-indent: 2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.column1{ background: #fff; padding: 20px; height: 360px; overflow: hidden; margin-top: 10px; }
.column1 .fl,.column1 .fr{ width: 49%; height: 360px; }
.tab-nav{ display: none; }
.tab-nav.active{ display: block; }

.jggk li{ margin-top: 35px; }
.jggk a{ line-height: 70px; display: block; text-indent: 100px; font-size: 18px; }
.znjs{ background: url("../images/znjs.png") no-repeat; }
.zyzz{ background: url("../images/zyzz.png") no-repeat; }
.nsjg{ background: url("../images/nsjg.png") no-repeat; }
.ldxx li{ background: none; font-size: 14px; }
.ldxx li span{ font-size: 14px; }
.ldjj{ font-size: 14px; text-indent: 2em; line-height: 30px; }
.ldjj .title{ line-height: 80px; font-size: 20px; color: #cc0000; }
.ldjj p{ line-height: 50px; font-size: 16px; text-indent: 0; border-bottom: 1px solid #eee; }
.czyw li{ display: inline-block; width: 180px; margin: 10px 10px 0 0; text-align: center; }
.czyw li:last-child{ margin-right: 0 }
.czyw li img{ display: block; width: 100%; height: 100px; }
.czyw li p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; padding: 5px; }
.xxgk a{ line-height: 60px; border-left: 6px solid #0099e8; float: left; margin-top: 30px; width: 240px; text-align: center; font-size: 18px; background-color: #f5f8fa; margin-left: 30px;  }
.xxgk a:first-child{ background-color: #faf9f5; border-left-color: #e8a400;}
.xxgk a:last-child{ background-color: #faf9f5; border-left-color: #e8a400; }
.czzj{ margin-top: 40px; text-align: center; }
.czzj a{ margin: 0 20px; }
.ztzl li{ width: 27%; float: left; margin: 0 3% 20px; }
.ztzl li img{ width: 100%; height: 120px; }


.column2{ padding: 20px; text-align: center; margin: 20px 0; }
.column2 a{ display: inline-block; width: 180px; height: 70px; background-color: #10A7EE; line-height: 70px; color: #fff; border-radius: 5px; margin-right: 55px; font-size: 18px; text-align: left; }
.column2 a:last-child{ margin-right: 0; }
.column2 a i{ width: 60px; height: 60px; margin-top: 5px; display: inline-block; float: left; background: url("../images/jlt2.png") no-repeat; margin-left: 5px; margin-right: 10px; }

.column2 a:nth-of-type(2){ background-color: #66cccc; }
.column2 a:nth-of-type(3){ background-color: #ff9933; }
.column2 a:nth-of-type(4){ background-color: #cc9acc; }
.column2 a:nth-of-type(5){ background-color: #ff6699; }

.column2 a:nth-of-type(1) i{ background-position: -81px -469px; }
.column2 a:nth-of-type(2) i{ background-position: -81px -1px; }
.column2 a:nth-of-type(3) i{ background-position: -81px -187px; }
.column2 a:nth-of-type(4) i{ background-position: -81px -281px; }
.column2 a:nth-of-type(5) i{ background-position: -81px -375px; }
/*.column2 img{ margin: 0 80px; }*/
.column2-3{ background: #fff; padding: 20px; margin-bottom: 20px; }
.column2-3 .fl,.column2-3 .fr{ width: 49%; }
.column2-3 .ztzl-title>.fl,.column2-3 .ztzl-title>.fr{ width: 30%; }

.column3{ background: #fff; }
.ztzl-title{ text-align: center; line-height: 62px; font-size: 22px; color: #1561af; }
.ztzl-title>.fl,.ztzl-title>.fr{ width: 45%; background: url("../images/gm_pic08.gif") repeat-x; height: 60px; }
.ztzl-title>.fl>.fr,.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: 54px; 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: 500%; left: 0; position: relative; }
.links_scroll ul.active{ transition: left 1s; }
.links_scroll ul li{ width: 4%; float: left;}
.links_scroll ul li img{ display: block; width: 95%; height: 120px; 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; }

.column4{ margin: 20px 0; }
.column4 .yqlj{ padding-left: 50px; background: url("../images/yqlj.png") no-repeat 20px center; background-color: #1561af; line-height: 50px; height: 50px; color: white; font-size: 15px; }
.column4 .yqlj .selects{ width: 1060px; float: right; }
.column4 .yqlj .selects select{ margin-left: 40px; width: 200px; padding: 3px 0; }