/* CSS Document */
@charset "utf-8";
* { margin: 0; padding: 0; font-family: Arial, Helvetica, "微软雅黑", sans-serif; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; }
p { text-align: justify; margin-bottom: 0; }
ul, ol { list-style-type: none; margin-bottom: 0; }
img { border: 0; max-width: 100%; }
.clear { clear: both; }
html { overflow-x: hidden; font-size: 62.5%; }
body { overflow: hidden; height:100%; position: relative; font-size: 1em;  background:url(../images/bg.jpg) no-repeat center top;}
html.on { overflow: hidden; height: 100%; }
.h60 { height: 60px; clear: both; }
.h120 { height: 120px; clear: both; background: #eee; }
input, buttom { -webkit-appearance: none; outline: none; }
input[type=radio], input[type=checkbox] { border: none !important; }
select { outline: none }
.fl { float: left; }
.fr { float: right; }

.header { position:relative; width: 100%; z-index: 9999;}
.header .logo { padding: 3% 0; }
.header .search{ height:24px; position:absolute; top: 50%;  right: 15%; z-index:9; transform:translateY(-50%);}
.header .search img{ height:100%;}
.header .search-box{ position: absolute; top: 100%;  width: 100%; left: 0; background: #fff; padding: 10px 20px; border-top: 1px solid #4177b7; box-shadow: 0 5px 5px rgba(0,0,0,.5); display:none;}
.header .search-box input[type="text"]{ float:left; width:80%; height:40px; border:none; font-size:1.4em; color:#333; padding:0 10px;}
.header .search-box input[type="submit"]{ float:left; width:20%; height:40px; border:none; font-size:1.4em; background:#4177b7; color:#fff;}
.header .nav-btn { float: right; padding: 5.803% 0;  position:relative; z-index:999;}
.header .nav-btn .nav-icon { width: 26px; height: 24px; overflow: hidden; position: relative; float: right; margin: 7% 0; z-index: 9; }
.header .nav-btn .nav-icon span { display: inline-block; width: 26px; height: 2px; background: #333; border-radius: 6px; position: absolute; left: 0; transition: all 0.3s linear 0s; }
.header .nav-btn .nav-icon span:nth-child(1) { top: 0; }
.header .nav-btn .nav-icon span:nth-child(2) { width: 16px; top: 10px; }
.header .nav-btn .nav-icon span:nth-child(3) { top: 20px }
.header .nav-active .nav-icon span:nth-child(2) { width: 26px; }
.header .nav-active .nav-icon span { background: #fff; }

.nav { position: fixed; width: 66%; height: 100%; top: 0; right: -66%; background: #fff; z-index: 1; transition: all 0.2s linear 0s; }
.nav.on { right: 0; }
.nav .nav-top { background: #4177b7; font-size: 1.6em; color: #fff; padding: 20px; }
.nav ul{ overflow-x:hidden; height: 90%;}
.nav li { width: 100%; line-height: 50px; border-bottom: 1px solid #ccc; }
.nav li>a { display: inline-block; width: 100%; height: 100%; text-align: center; font-size: 1.6em; color: #333; }
.nav li dl { margin-bottom: 0; display: none; background: #f2f2f2; }
.nav li dd { border-bottom: 1px dashed #ccc; }
.nav li dd:last-child { border-bottom: none; }
.nav li dd a { display: inline-block; width: 100%; line-height: 40px; text-align: center; font-size: 1.4em; color: #333; }
.nav-bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.35); left: 0; top: 0; display:none;}
.nav-bg.on{ display:block;}

.inews-box1{}
.inews-box1 .box{ position:relative;}
.inews-box1 .box .img{ position:relative; z-index:0;}
.inews-box1 .box .title{ height:50px; line-height:50px; position:absolute; bottom:0; left:0; background:rgba(0,0,0,.6); width:100%;}
.inews-box1 .box .title p{ font-size:1.4em; color:#fff; width:80%; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; padding:0 10px;}
.inews-box1 .swiper-container-horizontal>.swiper-pagination{ bottom: 14px; right: 0px; left: inherit;    width: 20%;}
.inews-box1 .swiper-pagination-bullet{ width:10px; height:10px;  opacity:1; background:#fff;}
.inews-box1 .swiper-pagination-bullet-active{ background:#4177b7;}
.inews-box1 .swiper-button-next{ width:50px; height:50px; right:0; margin-top:-25px; background:url(../images/news-next.png) no-repeat center;}
.inews-box1 .swiper-button-prev{ width:50px; height:50px; left:0; margin-top:-25px; background:url(../images/news-prev.png) no-repeat center;}

.inews-box2{ margin-top:20px; margin-bottom:10px;}
.inews-box2 .hd{ height:50px; line-height:50px; background:#f2f2f2;}
.inews-box2 .hd li{ float:left; margin-right:5px; position:relative; width:22%; text-align:center;}
.inews-box2 .hd li a{ display:inline-block; height:100%; font-size:1.6em; color:#333; font-weight:bold;}
.inews-box2 .hd li i{  width:100%; height:2px; background:#0093dd; position:absolute; bottom:0; left:0; display:none;}
.inews-box2 .hd li.on a{ color:#0093dd;}
.inews-box2 .hd li.on i{ display:inline-block;}
.inews-box2 .bd li{ overflow:hidden; width:100%; border-bottom:1px dashed #d5d4d4; padding:13px 0;}
.inews-box2 .bd li .Ndate{ background:#c3c2c2; color:#333; text-align:center; float:left; padding:5px 0;}
.inews-box2 .bd li .Ndate span{ font-size:1.8em; display: inline-block;}
.inews-box2 .bd li .Ndate p{ font-size:1.4em; text-align:center;}
.inews-box2 .bd li .text{ float:right; padding:0 0 0 10px;}
.inews-box2 .bd li .text .title{ font-size:1.4em; color:#333; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical; overflow:hidden; margin:2px 0;}
.inews-box2 .bd li .text .p{ font-size:1.4em; color:#696868; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical; overflow:hidden; }
.inews-box2 .bd li:last-child{ border-bottom:none;}

.inews-box3{ margin-top:20px;}
.inews-box3 .hd{ line-height:50px; height:50px; overflow:hidden;  position:relative; border-bottom:1px solid #ccc;}
.inews-box3 .hd li{ float:left;}
.inews-box3 .hd li a{ font-size:1.6em; color:#333; display:inline-block; padding-left:30px; font-weight:bold;}
.inews-box3 .hd li.on a{ color:#0093dd;}
.inews-box3 .hd i{ display:inline-block; width:3px; height:20px; background:#112360; position:absolute; left:15px; top:50%; transform:translateY(-50%);}
.inews-box3 .bd li{ position:relative; overflow:hidden; line-height:45px; height:45px; border-bottom:1px dashed #d5d4d4;}
.inews-box3 .bd li i{ display:inline-block; width:6px; height:6px; background:#333; border-radius:6px; left:0; top:50%; transform:translateY(-50%);  position:absolute;}
.inews-box3 .bd li a{ text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; font-size:1.4em; color:#333; width:73%; padding-left:18px;}
.inews-box3 .bd li span{ float:right; color:#333; width:22%;}
.inews-box3 .more{ text-align:center; margin-top:16px;}
.inews-box3 .more a{ width:60%; height:40px; line-height:40px; display:inline-block; border: 1px solid #e9e9e9; font-size: 1.4em; color: #666; border-radius: 4px; position:relative;}
.inews-box3 .more a::after{ content:"···"; position:absolute; color:#999; left: 22%; font-size: 1.4em;}
.inews-box3 .more a::before{ content:"···"; position:absolute; color:#999; right: 22%; font-size: 1.4em;}

.inews-box4{ margin-top:20px;}
.inews-box4 .hd{ line-height:50px; height:50px; overflow:hidden;  position:relative; border-bottom:1px solid #ccc;}
.inews-box4 .hd li{ float:left;}
.inews-box4 .hd li a{ font-size:1.6em; color:#333; display:inline-block; padding-left:30px; font-weight:bold;}
.inews-box4 .hd li.on a{ color:#0093dd;}
.inews-box4 .hd i{ display:inline-block; width:3px; height:20px; background:#112360; position:absolute; left:15px; top:50%; transform:translateY(-50%);}
.inews-box4 .bd li{ position:relative; overflow:hidden; line-height:45px; height:45px; border-bottom:1px dashed #d5d4d4;}
.inews-box4 .bd li i{ display:inline-block; width:6px; height:6px; background:#333; border-radius:6px; left:0; top:50%; transform:translateY(-50%);  position:absolute;}
.inews-box4 .bd li a{ text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; font-size:1.4em; color:#333; width:73%; padding-left:18px;}
.inews-box4 .bd li span{ float:right; color:#333; width:22%;}
.inews-box4 .more{ text-align:center; margin-top:16px;}
.inews-box4 .more a{ width:60%; height:40px; line-height:40px; display:inline-block; border: 1px solid #e9e9e9; font-size: 1.4em; color: #666; border-radius: 4px; position:relative;}
.inews-box4 .more a::after{ content:"···"; position:absolute; color:#999; left: 22%; font-size: 1.4em;}
.inews-box4 .more a::before{ content:"···"; position:absolute; color:#999; right: 22%; font-size: 1.4em;}

.iabout-img{ margin-top:30px; position:relative; margin-bottom:30px;}
.iabout-img .top{ font-size:1.6em; color:#333; font-weight:bold; background:url(../images/title-icon.png) no-repeat center left; padding-left:35px; margin-bottom:20px;}
.iabout-img .swiper-container{ padding:0 40px;}
.iabout-img .swiper-button-next{ width:40px; height:100%; right:0; background:url(../images/news-next.png) no-repeat center right #fff; top:0; margin-top:0; background-size: 30px;}
.iabout-img .swiper-button-prev{ width:40px; height:100%; left:0; background:url(../images/news-prev.png) no-repeat center left #fff;  top:0; margin-top:0; background-size: 30px;}

.footer{ background:#eee; padding:12px 0;}
.footer p{ color:#333; font-size:1.2em; line-height:20px; text-align:center;}
.footer a{ color:#333;}

.mbx{ line-height:40px; border-bottom:1px solid #9b9c9f;}
.mbx span{ background:url(../images/mbx-icon.png) no-repeat center left; padding-left:25px; display:inline-block; font-size:1.2em;}

.page-nav{ margin:15px -7.5px 0;}
.page-nav li{ padding:0 7.5px; margin-bottom:15px;}
.page-nav li a{ display:inline-block; text-align:center; background:#ced4df; font-size:1.4em; color:#333; display:inline-block; width:100%; line-height:35px;}
.page-nav li.on a{ background:#0d94dc; color:#fff;}

.page-con{ padding:20px 0 50px;}
.page-con .title{ font-size:1.8em; color:#333; text-align:center;}
.page-con .text{ font-size:1.4em; color:#333; line-height:24px; margin-top:10px;}

.img-list{ padding:20px 0; margin:0 -7.5px;}
.img-list li{ padding:0 7.5px; margin-bottom:15px;}
.img-list li:nth-child(2n-1){ clear:left;}
.img-list li .title{ font-size:1.4em; color:#333; text-align:center; line-height:40px;}

.pager-list{ padding-bottom:20px; margin-top:20px; text-align:center;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 5px;}
.pager-list li>*{ display:inline-block; font-size:1.4em; color:#333 !important;  padding:4px 10px !important; border-radius:0px !important; border:1px solid #bfbfbf !important;  background:#fff;}
.pager-list li a:hover{ background:#0d94dc; color:#fff !important; border:1px solid #0d94dc !important;}
.pager-list li.active>*{ color:#fff !important; background:#0d94dc; border:1px solid #0d94dc !important;}
.pager-list li.disabled>*{ cursor:auto; background:#fff; color:#ccc;}

.news-list li{ position:relative; overflow:hidden; line-height:52px; height:52px; border-bottom:1px dashed #d5d4d4;}
.news-list li i{ display:inline-block; width:6px; height:6px; background:#333; border-radius:6px; left:0; top:50%; transform:translateY(-50%);  position:absolute;}
.news-list li a{ text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; font-size:1.4em; color:#333; width:73%; padding-left:18px;}
.news-list li span{ float:right; color:#333; width:22%;}

.news-con{ padding:20px 0;}
.news-con .title{ text-align:center; font-size:1.8em; color:#333;}
.news-con .bq{ text-align:center; line-height:28px; font-size:1.4em; color:#878787; padding:10px 0;}
.news-con .bq span{ margin:0 20px; }
.news-con .text{ font-size:1.4em; color:#333; line-height:24px; margin-top:10px;}

.pager{ border-top:1px solid #a1a1a1; padding:10px 0; text-align: left;}
.pager div{ line-height:35px; font-size:1.4em; color:#333;}
.pager .next>a, .pager .next>span{ float:inherit;}