body{background: #eeeeee}
img{max-width: 100%}
.main{width: 1100px; clear: both; margin: auto;}
.bg-white{background: #fff}
.mt20{margin-top: 20px;}
.my-btn{background: #015293}
/* 头部 */
.top_bar{background: #eeeeee; line-height: 40px; height: 40px;}
.top_bar #currentDate{float: left; margin-right: 20px;}
.top_bar #currentDate span{padding-right: 10px;}
.top_bar .lang{float: left;}
.top_bar .lang span{cursor: pointer;}
.top_bar .tools{float: right;}
.top_bar .tools a{display: block; float: left; background-color:#ff9027; padding: 0 10px; font-size: 16px; font-weight: bold; color: #ffffff;margin-left: 10px;}
.header{height: 135px;background: #fff; clear: both;}
.header-bg{height: 135px;}
.header .logo{float: left;}
.header .logo img{display: block;}
.header .top-search{float: right; margin-top:50px}
.header .top-search button{background:#015293}

.navBox{background-color:#015293; clear: both; height: 48px;}
.navBox .nav{width: 1100px; margin: auto; position: relative; height: 48px}
.navBox .nav>li{float:left; width: 11.11%; text-align: center; line-height: 48px;height: 48px;}
.navBox .nav>li>a{font-size: 17px; color: #fff;}
.navBox .nav>li.active,.navBox .nav li:hover{background: #4b76af; font-weight: bold;}
.navBox .nav>li .subBox{position: absolute; left: 0; top: 48px; width: 100%; background: #fff; display: none; z-index: 999; padding: 20px; box-sizing: border-box;border:1px #dbdbdb solid; border-top: 0}
/* end */

.toutiaoIcon{float: left; width: 90px; height: 90px;}
.toutiaoIcon img{display: block;}
.toutiao{ padding: 10px; background: #ffffff;float: right; width: 1000px; box-sizing: border-box;}
.toutiao h1{font-size: 34px; font-weight: bold; color: #015293; line-height: 70px; text-align: center;}
.toutiao p{color: #999}

.banner{height: 350px; clear: both;}
.rightNews{width: 100%; background: #fff; height: 320px; padding: 10px; box-sizing: border-box;}

.focus{position: relative; width:100%; height:260px}
.focus h1{position: absolute; left: 0; top: 0; width: 100%; background: rgba(0,0,0,0.5); color: #fff; height: 30px; line-height: 30px; text-align: center; z-index: 90; overflow: hidden; font-size: 14px}
.focus img{display: block; position: absolute; left: 0; top: 0; z-index: 80}
.layui-carousel-ind,.layui-carousel-arrow{z-index: 100}

.zhuanti{padding: 15px; overflow: hidden;}
.zhuanti img{width: 100%; height: 100%;}
.swiper-slide{margin-right: 20px}

.tabBox .con{display: none;}
.tabBox .con.active{display: block;}
.tabNews .tab{clear: both; height: 40px}
.tabNews .tab li{ float: left; line-height: 40px; font-size: 18px; padding: 0 10px;}
.tabNews .tab li:hover{background: #f1f1f1}
.tabNews .tab li.active{border-bottom: 2px #015293 solid; font-weight: bold;}
.tabNews .tab li.active a{color: #015293}
.tabNews .con{clear: both; padding: 10px 0}
.tabNews .con li{border-bottom: dashed 1px #ccc; line-height:39px;}
.tabNews .con li a{font-size: 16px;}
.tabNews .con li span{margin-right: 10px;}

.inNews li{border-bottom: dashed 1px #ccc; line-height:39px; clear: both; overflow: hidden; width: 100%}
.inNews li a{font-size: 16px; display: block;}
.long li a{width: 600px; float: left;}
.long li span.date{float: right; font-size: 12px; color: #999}
.long .layui-badge-dot{display: block; float: left; margin-top: 15px; margin-right: 10px}

.quick{background: #f1f1f1; margin-right: 10px; clear: both; overflow: hidden; padding: 10px; box-sizing: border-box;}
.quick li{float: left; width: 50%; text-align: center; border-bottom: 1px #dbdbdb solid; border-right: 1px #dbdbdb solid; box-sizing: border-box; padding: 17px;}
.quick li i{display: block; background:#015293; font-size:30px; width:75px; height:75px; text-align: center; color: #fff; border-radius: 50%; line-height: 75px; margin: auto;transition:All 0.4s;}
.quick li i:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);    -moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.quick li p{font-size: 16px; margin-top: 5px;}

.topQuick i{display: block; background:#015293; font-size:30px; width:75px; height:75px; text-align: center; color: #fff; border-radius: 50%; line-height: 75px; margin: auto;transition:All 0.4s;}
.topQuick i:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);    -moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.topQuick p{font-size: 16px; margin-top: 5px;}

.tabNews1{margin-left: 10px;}
.tabNews1 .tab{clear: both; height: 40px; border-bottom: 2px #f1f1f1 solid}
.tabNews1 .tab li{ float: left; line-height: 40px; font-size: 18px; padding: 0 10px;}
.tabNews1 .tab li:hover{background: #f1f1f1}
.tabNews1 .tab li.active{border-bottom: 2px #015293 solid; font-weight: bold;}
.tabNews1 .tab li.active a{color: #015293}
.tabNews1 .tab span{display: block; float: right; line-height: 40px;}
.tabNews1 .con{clear: both; padding: 10px 0; height: 234px;}
.tabNews1 .con li{line-height:38px; clear: both; height: 39px}
.tabNews1 .con li a{font-size: 16px; display:block; float: left; width: 600px}
.tabNews1 .con li span.date{display:block; float: right; color: #999;}
.tabNews1 .con li .layui-badge-dot{width: 4px; height: 4px; float: left; display: block; margin-top: 18px; margin-right: 10px}

.tabNews2{margin-left:0px; padding: 10px; box-sizing: border-box;}
.tabNews2 .con li a{width: 400px}

.empty{text-align: center; padding: 100px 0}
.empty p{ font-size: 20px; color: #ccc }

.contact{clear: both; overflow: hidden;}
.contact li{clear: both; padding: 10px 0; font-size: 16px}
.contact li label{float: left; width:70px; color: #999}

#map{width: 100%; height: 400px;}
#map img{max-width: 40px}

.indexTitle{clear: both; overflow: hidden; line-height: 40px;}
.indexTitle p{float: left; font-size: 18px; font-weight: bold; color:#015293; margin-left: 10px;border-top: 2px #015293 solid; padding: 0 10px;}
.indexTitle span{display: block; float: right; color: #999; margin-right: 10px;}

.bQuick{clear: both; overflow: hidden; padding: 3px 0}
.bQuick li,.bQuick dd{float: left; width: 20%; text-align: center; color: #015293; padding: 10px 0}
.bQuick li a,.bQuick dd a{color: #015293;}
.bQuick li i,.bQuick dd i{background: #f4f5fb; height: 50px; width: 50px; border-radius: 50%; display: block; margin: auto; color: #015293; font-size: 24px; line-height: 50px;transition:All 0.4s;}
.bQuick li i:hover,.bQuick dd i:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.bQuick li p,.bQuick dd p{font-size: 14px; margin-top: 10px;}
.b2 a{border:1px #dbdbdb solid; display: block; margin:0 10px; border-radius: 5px; padding: 10px 0}
.b2 li i,.b2 dd i{font-size: 30px; background: none; height:40px;}
.b2 li p,.b2 dd p{margin-top: 0}

.gk dd,.gk li{width: 16.666%}

.guide{background: #ffffff; height: 40px; line-height: 40px; clear: both; margin: auto;}
.guide .layui-breadcrumb{padding-left: 10px;}

.zhuanti{display: block; background: #fff; padding: 10px; border-radius: 5px; box-shadow: 0 0 5px #ccc}
.zhuanti img{width: 100%; height:65px;}

.searchPage{text-align: center; padding: 50px; font-size: 18px;}
.searchPage span{color: #c00; font-weight: bold;}

.rightMenu{background: #fff;clear: both; overflow: hidden;}
.rightMenu .hd{font-size: 18px; font-weight: bold; padding: 10px; color:#015293; border-bottom: 1px #f1f1f1 solid; overflow: hidden;}
.rightMenu .hd i{display: block; float:left; width: 4px; height: 20px; background: #015293;font-size: 0; margin-right: 10px; margin-top: 4px}
.rightMenu .hd span{display: block; float: left}
.rightMenu .bd{clear: both; padding: 10px}
.rightMenu .bd li{border-bottom: 1px #f1f1f1 solid; line-height: 44px; font-size: 16px;}
.rightMenu .bd li.active a{color: #015293}

.newsList{clear: both; overflow: hidden; background: #fff; padding: 10px;}
.newsList li{line-height:50px; clear: both; height:50px; border-bottom:dashed 1px #ccc}
.newsList li a{font-size: 16px; display:block; float: left; width: 600px}
.newsList li a:hover{color: #f00}
.newsList li span.date{display:block; float: right; color: #999;}
.newsList li .layui-badge-dot{width: 6px; height: 6px; float: left; display: block; margin-top:20px; margin-right: 10px}

.my-card .layui-card-header{font-size: 18px; color:#015293; font-weight: bold; }
.my-card .layui-card-header span{float: right; font-size: 14px; font-weight: normal;}
.firstLoader{clear: both; overflow: hidden;}
.firstLoader img{display: block;float: left; width: 130px}
.firstLoader .info{margin-left: 140px;}
.firstLoader .info h1{font-size: 20px; padding: 5px 0; font-weight: bold;}
.firstLoader .info p{color: #999; font-size: 16px}
.loader{clear: both; overflow: hidden; margin-top: 20px}
.loader li{border-bottom: 1px #ccc dashed; padding: 10px 0}
.loader li label{font-size: 16px; font-weight: bold;}

.newsInfo{clear: both; background: #fff; padding: 20px}
.newsInfo h1{margin: 15px 0; font-size: 28px; text-align: center; font-weight: bold;}
.newsInfo .date{color: #999; border-bottom: 1px #dbdbdb solid; padding-bottom: 15px; clear: both; overflow: hidden; text-align: center;}
.newsInfo .date span{display: inline-block; padding: 0 15px}
.newsInfo .content{font-size: 16px; padding-top: 15px; line-height: 200%; min-height: 600px;}
.newsInfo .content p{margin-bottom: 15px;font-size: 16px; text-indent: 2em}
.nextArticle .hd{color: #999; margin-bottom: 10px}
.share{text-align: right; float: right;}

.prevArt{ margin-top: 15px;}
.nextArt{text-align: right; margin-top: 15px;}

/* 分页 */
.pagination{display:block;padding:20px 0;text-align:center;overflow:hidden;clear:both; background: #fff}
.pagination li{display:inline-block;border:1px #dbdbdb solid;font-size:16px;height:34px;line-height:34px;min-width:34px;}
.pagination li a,.pagination li span{display:block;width:100%;height:100%}
.pagination li.active{background:#015293;color:#fff;border-color:#015293}
.pagination li.disabled{background:#f1f1f1;color:#015293}
.pinyin{font-size:20px;background-color:#fff;padding-left:10px}
/* end */


/* 友情链接 */
.link .hd{position: relative; height: 50px}
.link .hd .line{ height: 2px; background:#ccc; font-size: 0; position: absolute; width: 100%; left: 0; top: 24px; z-index: 0 }
.link .hd p{font-size: 18px; width: 200px; text-align: center; font-weight: bold; color:#015293; background: #eeeeee; line-height: 50px; z-index: 99; height: 50px; position: absolute; left: 50%; margin-left: -100px; }
.link .bd{clear: both; overflow: hidden; margin: 0 -5px;}
.link .bd li{float: left; width: 20%; padding: 5px; box-sizing: border-box;}
.link .bd li a{display: block; background: #0e7ed3; color: #fff; border-radius: 5px; height: 40px; text-align: center; line-height: 40px;transition:All 0.4s;}
.link .bd li a:hover{background:#015293 }
/* 底部 */
.footer{background: #959ca8; color: #fff; text-align: center; clear: both; overflow: hidden;}
.footer a{color: #fff; text-decoration: underline;}
.copyright{width: 1100px; margin: 30px auto; position: relative;}
.copyright .content{ width: 100%}
.copyright .content p{line-height: 30px;}
.copyright .right{position: absolute; right: 0; top: 0; width: 200px;}
.copyright .right li{float: left; height: 80px;}
.copyright .right li img{display: block; margin: auto;}

.rightBar{right: 0; bottom:100px; width: 60px; text-align: center; position: fixed; display: none;}
.right-top{ background: #333; color: #fff; padding:5px 0; cursor: pointer;}
.right-top i{font-size:40px}

.rightAd{position: fixed; right: 0px; bottom: 0px;}

.elderClass{font-size: 18px;}
.elderClass .newsList li a{font-size: 18px; display:block; float: left; width: 600px}
.elderClass .newsInfo h1{font-size:40px;}
.elderClass .newsInfo .content{font-size:20px;}
.elderClass .newsInfo .content p{font-size: 20px;}
.elderClass .navBox{ height:70px;}
.elderClass .navBox .nav{height: 70px}
.elderClass .navBox .nav>li{line-height: 70px;height: 70px;}
.elderClass .navBox .nav>li>a{font-size: 22px;}
.elderClass .navBox .nav>li .subBox{top: 70px;}

.elderClass .tabNews .tab li{font-size: 22px;}
.elderClass .tabNews .con li a{font-size: 22px;}
.elderClass .tabNews1 .tab li{font-size: 22px;}
.elderClass .tabNews1 .con li a{font-size: 22px;}

.elderClass .newsList li a{font-size: 22px;}