


/* 新闻选项卡css */
.slideNewBox{ width:100%; text-align:left; border-radius: 6px }
.slideNewBox .hd{ height:46px; position:relative;border-bottom: #f5f5f5 3px solid}
.slideNewBox .hd ul{ float:left; position:absolute; left:0; top:0px; height:48px;  padding-left: 0;margin-bottom: 0;}
.slideNewBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; font-size: 24px;font-weight: 600; }
.slideNewBox .hd ul li.on{ height:46px; border-bottom: #0071E2 3px solid;position: relative;color: #0071E2}
.slideNewBox .hd ul li.on:after {position: absolute;width: 0;height: 0;bottom: 0;left: 50%;margin-left: -5px;border: 6px solid transparent;content: "";z-index: 1;border-bottom-color: #0071E2}
.slideNewBox .hd ul li i{margin-right: 6px}
.slideNewBox .bd ul{ padding:12px 0; zoom:1; height: 412px;margin: 0 }
.slideNewBox .bd ul li{ line-height:49px; font-size: 16px;border-bottom: 1px dotted #cccccc}
.slideNewBox .bd ul li .date{ float:right; color:#999;  }
.slideNewBox .hd .more {float: right;font-size: 12px;}
.slideNewBox .bd span {float: right;font-size: 13px;color: #999}
.slideNewBox .bd i {margin-right:5px;color: #8EC7FF;font-size: 8px}

/* 幻灯片css */
.slideBox{ width:100%; height:458px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:24px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:3; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:24px; height:24px; line-height:23px; text-align:center; border-radius: 4px; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ width:100%;  height:458px; position:relative;  }
.slideBox .bd ul{ width:100%; padding: 0; margin: 0}
.slideBox .bd ul li{width:100%; position:relative; zoom:1; vertical-align:middle;}
.slideBox .bd ul li .pic{width:100%; position:relative; z-index:0;  }
.slideBox .bd ul li .pic img{width:100%;height:458px; vertical-align:bottom; }
.slideBox .bd ul li .bg{ width:100%; height:40px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.slideBox .bd ul li .title{ width:100%; height:40px; line-height:40px; left:0; bottom:0;   position:absolute; z-index:2;  }
.slideBox .bd ul li .title a{ color:#fff; padding-left:15px;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url("../images/slider-arrow.png") -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/* 导航css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ padding:0; height:68px; line-height:68px; position:relative; z-index:1;  }
.nav a{ color:#f5f5f5;  }
.nav .nLi{ float:left;  position:relative; display:inline; }
.nav .nLi h3{ float:left; height:68px;line-height:68px; margin: 0}
.nav .nLi h3 a{ display:block; padding:0 24px; font-size:24px; font-weight:400;  }
.nav .sub{ display:none; width:175px; left:0; top:69px; position:absolute; background:#5bc0de;  line-height:32px; padding:5px 0;  }
.nav .sub li{ zoom:1; text-align: center}
.nav .sub a{ display:block; padding:0 20px; }
.nav .sub a:hover{ background:#125CB1; color:#cccccc;  }
.nav .on h3 a{ background:#5bc0de; color:#fff;   }

/* 新闻选项卡*/
.openBox{ width:100%; text-align:left;}
.openBox .hd{ height:42px; line-height:42px; position:relative;background: url("../images/t_bg.png") repeat-x center}
.openBox .hd ul{ float:left;  position:relative; left:0; top:0; height:42px; padding-left: 0}
.openBox .hd ul li{ float:left; cursor: pointer;line-height: 42px; padding: 0 24px; font-size: 18px; margin-right: 10px; position: relative;background-color: #e4e4e4; border-radius: 21px;font-weight: 600}
.openBox .hd ul li.on{height:42px; text-align: center;background-color: #125CB1; color: #F5F5F5; border-radius: 21px;}
.openBox .hd ul li i{ font-size: 16px;color: #8EC7FF}
.openBox .hd ul li.on:after {position: absolute;width: 0;height: 0;bottom: 0;z-index: 1;}
.openBox .hd .more{ display:inline-block; float: right; width:59px; height: 42px; background: url("../images/more.png") no-repeat 0 0; margin: 10px 0 0 0;}
.openBox .hd .more:hover{ background: url("../images/more1.png") no-repeat 0 0;}
.openBox .hd .more .lk{width:59px; height: 42px;}
.openBox .bd ul{ padding-top: 8px; zoom:1;  padding-left: 0; height: 340px}
.openBox .bd li{ height:47px; line-height:47px; font-size: 16px; border-bottom: #cccccc 1px dashed }
.openBox .bd li i{font-size: 12px;color: #8EC7FF }
.openBox .bd li .date{ float:right; color:#999;  }

/* 信箱选项卡*/
.mail-box{ width:100%; text-align:left; border-radius: 6px }
.mail-box .hd{ height:46px; position:relative;border-bottom: #f5f5f5 3px solid}
.mail-box .hd ul{ float:left; position:absolute; left:0; top:0px; height:48px;  padding-left: 0;margin-bottom: 0;}
.mail-box .hd ul li{ float:left; padding:0 15px; cursor:pointer; font-size: 24px;font-weight: 600; }
.mail-box .hd ul li.on{ height:46px; border-bottom: #0071E2 3px solid;position: relative;color: #0071E2}
.mail-box .hd ul li.on:after {position: absolute;width: 0;height: 0;bottom: 0;left: 50%;margin-left: -5px;border: 6px solid transparent;content: "";z-index: 1;border-bottom-color: #0071E2}
.mail-box .hd ul li i{margin-right: 6px}
.mail-box .bd ul{ padding:12px 0; zoom:1; height: 412px;margin: 0 }
.mail-box .bd ul li{ line-height:49px; font-size: 16px;border-bottom: 1px dotted #cccccc}
.mail-box .bd ul li .date{ float:right; color:#999;  }
.mail-box .hd .more {float: right;font-size: 12px;}
.mail-box .bd span {float: right;font-size: 13px;color: #999}
.mail-box .bd i {margin-right:5px;color: #8EC7FF;font-size: 8px}

/* 横向滚动css */
.picMarquee-left{ width:100%;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:240px; height:160px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:36px;font-size: 14px; }

.swiper-container {width: 100%;height: 260px;margin: 20px auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #f5f5f5;padding: 10px;border-radius: 4px;}
.swiper-slide:hover{background: #f4faff;}
.swiper-slide img{width: 100%; height: 200px;}


/* 顶部抽屉导航 */
.drawer{width: 492px;float: right}
.drawer-box{ padding:0; height:42px;  position:relative; z-index:1; margin: 0 }
.drawer-box a{ color:#2b2b2b;  }
.drawer-box .nLi{ float:left;  position:relative; display:inline;  }
.drawer-box .nLi h3{ float:left; line-height: 42px;margin: 0;padding: 0 }
.drawer-box .nLi h3 a{ display:block; padding:0 12px; font-size:14px; font-weight:400;  }
.drawer-box .sub{ display:none; width:230px; left:0; top:43px;  position:absolute; background-color: rgba(0, 0, 0, 0.3); line-height:32px; padding:10px;  }
.drawer-box .sub li{ zoom:1; float: left; width: 100px;text-align: center}
.drawer-box .sub a{ display:block;color: #ffffcc}
.drawer-box .sub a:hover{ background:#6d6d6d; color:#fff;  }
.drawer-box .on h3 a{color:#ffffcc; background-color: rgba(0, 0, 0, 0.3);border-bottom:1px #ffffcc solid;font-weight: bold }
.drawer-box .on h3 a:after {position: absolute;width: 0;height: 0;bottom: 1px;left: 50%;margin-left: -5px;border: 6px solid transparent;content: "";z-index: 1;border-bottom-color: #ff5722}
.clear-drawer:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

