﻿/*------------ style -----------------*/
*{box-sizing: border-box;}
html{overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td{margin: 0; padding: 0;}
body{word-break: break-all; font: 12px/1.5 'microsoft yahei', 'simsun', sans-serif, tahoma, arial, 'Hiragino Sans GB', sans-serif;}
button,img,em{border: 0;}
img{vertical-align: middle;}
li,ul{list-style: none;}
i{font-style: normal;}
a{text-decoration: none; outline: none;}
a:hover{text-decoration: none;}
input,textarea{outline: none;}
em,i{font-style: normal; font-weight: normal;}
table{border-collapse: collapse; border-spacing: 0;}
label{display: block;}

/*------------ class -----------------*/
.clearfix{display: inline-table}
*html .clearfix{height: 1%}
*+html .clearfix{min-height: 1%}
.clearfix{display: block}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear{clear: both;}
.center{text-align: center;}
.auto-0{margin: 0 auto;}
.bold{font-weight: bold;}
.ell{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cursor{cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
.block{display: block;}
.inline-block{display: inline-block;}
.hide{display: none;}
.allWidth{width: 1200px;margin: 0px auto;}


/*------------ header -----------------*/
.head{height: 121px; border-bottom: 1px solid #2070a4; overflow: hidden; background: #0089e1 url(../upload/images/2021/9/top_bg.jpg) no-repeat center center;}
.logo{margin: 11px 0;}
.index{margin-top:5px;}
.honor p{color: #fff; font-size: 16px; line-height: 24px;}
.honor p.txt{letter-spacing:6.3px;}
.honor p.txt2{letter-spacing:12px;}
.search{width:243px;height: 30px; line-height: 30px; overflow: hidden; border: 1px solid #f1b000; margin-top: 4px;}
.search input{width: 190px; line-height: 28px; border: none; padding: 0 8px; float: left;}
.search button{background: #f1b000;width:50px; line-height: 28px; float: right; cursor: pointer; padding: 0 10px; color: #fff; font-size: 14px;}


/*------------ nav -----------------*/
.nav{background: #0055f1; height: 52px; line-height: 45px; border-top: 1px solid #7dc1ee; border-bottom: 6px solid #f1b000;}
.navbar_ul > li{float: left; font-size: 16px; position: relative;}
.navbar_ul > li > a{color: #fff; display: block; padding: 0 19px;}
.navbar_ul > li:hover > a,.navbar_ul>li > a.action{background: #f1b000;}
.navbar_ul .menu{width: 100%;background: rgba(0,137,225,0.8); position: absolute; top: 45px; left: 0; z-index: 9; display:none;}
.navbar_ul .menu li{line-height: 24px;}
.navbar_ul .menu li a{color: #fff; display: block;padding: 10px 4px;font-size:14px;}
.navbar_ul .menu li:hover{background: rgba(0,137,225,0.96);font-weight: bold;}


/*------------ banner -----------------*/
.banner{position:relative;}
.banner .tempWrap{margin:0 auto;}
.banner > a{position:absolute;top:50%;margin-top:-28px;opacity: 0.6;}
.banner > a:hover{opacity:1;}
.banner > a.prev{left:10%;}
.banner > a.next{right:10%;}
.banner li a{display: block;}
.banner li img{width:100%;}


/*------------ main-content -----------------*/
.common_title{height: 44px; line-height: 41px; border-bottom: 2px solid #e5e5e5;}
.common_title span{color: #333; font-size: 16px; cursor: pointer; margin-right: 20px; display: inline-block;}
.common_title span.normal{font-weight: bold;border-bottom: 3px solid #f1b000;}
.common_title .more a{color: #6c6c6c;}
.common_title .more a:hover{font-weight:bold;}

.one_floor{height: 314px; margin: 30px 0; overflow: hidden;}
.two_floor{height: 342px; overflow: hidden;}
.three_floor{height: 180px; margin: 30px 0;overflow: hidden;}
.img_tab,.special_tab{width:780px;}
.notice_tab,.video_tab,.login_tab{width:380px;}
.message_tab{width:375px;margin-right:30px;}

.img_tab .tab_list{margin-top: 20px;}
.slideBox{width:375px;height:250px; overflow: hidden; position: relative;}
.slideBox .hd{overflow: hidden; position: absolute; right: 10px; bottom: 10px; z-index: 1;}
.slideBox .hd li{float: left; margin-left: 6px; width:10px; height: 10px;background: #82b9db; cursor: pointer;border-radius: 50%;}
.slideBox .hd li.on{background: #fff;}
.slideBox .bd{width: 100%; height: 100%;position: relative;}
.slideBox .bd li{position: relative;}
.slideBox .bd li img{width:375px;height:250px; transition:all 0.8s ease-out 0s; -moz-transition:all 0.8s ease-out 0s; -webkit-transition:all 0.8s ease-out 0s;-o-transition:all 0.8s ease-out 0s;}
.slideBox .bd li img:hover{transform:scale(1.05); -ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);}
.slideBox .bd li p{width: 100%; color: #fff; background: rgba(0,137,225,0.8); text-indent: 5px; font-size: 15px; height: 30px; line-height: 30px; position: absolute; left: 0; bottom: 0;}

.new_tab{width:375px; margin-top: -10px;}
.new_tab li.normal{position: relative; font-size: 14px; background:none;padding:0;}
.new_tab li.normal a{line-height: 36px; font-size: 16px; color: #f23412;}
.new_tab li.normal p{line-height: 26px; color: #626161;}
.new_tab li.normal i{position: absolute; bottom: 2px; right: 0;}
.new_tab li{font-size: 14px;}
.new_tab li i{color:#666;}
.new_tab li.normal a:hover{font-weight: bold;}
.new_tab li.other{line-height: 36px;background: url(/images/list.png) no-repeat left center; padding-left: 20px;overflow: hidden;}
.new_tab li.other a{float:left;color:#333;width: 68%;}
.new_tab li.other:hover a{font-weight: bold;color: #0089e1;}


.notice_tab .tab_list{height: 278px;}
.notice_tab .lists li{overflow: hidden;}
.notice_tab .lists li .date{line-height: 20px; text-align: center; margin: 8px 20px 8px 0;}
.notice_tab .lists li .date .dd{color: #fff; background: #0089e1;}
.notice_tab .lists li .date .yy{background: #fff; color: #0089e1; border: 1px solid #b3b3b3; border-top: none; padding: 0 4px;}
.notice_tab .lists li a{width: 376px; height: 56px; font-size: 14px; color: #4d4d4d; border-bottom: 1px dashed #bdbdbd; padding: 8px 0;float:left;}
.notice_tab .lists li a .notice_tit{line-height: 26px; font-size: 16px; color: #2e2e2e;}
.notice_tab .lists li a .notice_con{font-size: 12px; color: #808080; line-height: 14px;}
.notice_tab .lists li:hover .notice_tit{color: #0089e1;}
.notice_tab .lists li:hover .notice_con{color: #0089e1;}

.list_info{font-size: 14px;margin-top: 10px;}
.list_info li{height: 36px; line-height: 36px;overflow: hidden;padding-left:20px;background:url(/images/list.png)no-repeat center left;}
.list_info li a{color: #333;width: 68%;float: left;}
.list_info li a:hover{font-weight: bold; color: #0089e1;}
.list_info li i{color:#666;}

.video_tab .tab_list{margin-top:20px;}

.special_tab .tab_list{height:116px;margin-top: 20px;overflow: hidden;position: relative;}
.special_tab .lists li{width: 226px;height: 116px;margin-right: 13px;overflow: hidden;float: left;}
.special_tab .lists li img{
  width:100%;height:100%;
  transition:all 0.8s ease-out 0s;
  -moz-transition:all 0.8s ease-out 0s; /* Firefox 4 */
  -webkit-transition:all 0.8s ease-out 0s; /* Safari 和 Chrome */
  -o-transition:all 0.8s ease-out 0s; /* Opera */
}
.special_tab .lists li:hover img{
  transform:scale(1.05);
  -ms-transform:scale(1.05); /* IE 9 */
  -moz-transform:scale(1.05); /* Firefox */
  -webkit-transform:scale(1.05); /* Safari 和 Chrome */
  -o-transform:scale(1.05); /* Opera */
}
.special_tab .tempWrap{margin-left: 38px;}
.special_tab .btn_a{width:25px;height:116px;line-height:116px;background:#bee5f7;text-align:center;position: absolute;top: 0;}
.special_tab .btn_a img{display:inline-block;}
.special_tab .prev{margin-right:13px;left: 0;}
.special_tab .next{margin-left:13px;right: 0;}

.login_tab form{width: 82%;margin: 20px auto 0;}
.login_tab form input{width: 100%;line-height: 32px;border: 1px solid #b3b3b3;padding: 0 8px;margin-bottom: 6px;border-radius: 4px;}
.login_tab form button{width: 100%;background: #0089e1;color: #fff;font-size: 16px;line-height: 34px;border-radius: 4px;cursor: pointer;}

.view_tab{margin-bottom: 30px;}
.view_tab .tab_list{margin-top:20px;overflow: hidden;}
.view_tab li{float:left;position:relative;width:184px;height:140px;margin-right:20px;}
.view_tab li img{width:100%;height:100%;}
.view_tab li p{position:absolute;left:0;bottom:0;width:100%;height:24px;line-height:24px;font-size:14px;color:#fff;text-align:center;background: rgba(0,0,0,0.6);}


/*-------------- channel ----------------*/
.page_con .allWidth{margin: 20px auto;min-height: 600px;}
.left_page{width: 250px;}
.left_page .page_title{line-height: 40px; padding: 20px 0; background: #0089e1 url(../images/channel.png) no-repeat center center; font-size: 28px; color: #fff; letter-spacing: 2px;}
.left_page ul li{background: #e0e8f9;line-height: 30px;}
.left_page ul li a{color: #4d4d4d; font-size: 16px;display: block; margin-top: 6px;padding: 10px 25px;background: url(/images/channel_list.png) no-repeat 230px center;}
.left_page ul li a.normal,.left_page ul li a:hover{background: #f1b000;color: #fff;}
.right_page{width: 910px; margin-top: 40px;}
.right_page .address{line-height: 22px;padding: 9px 0;color: #4d4d4d;border-bottom: 2px solid #e1e1e1;}
.right_page .address .add_title{font-size: 20px; color: #0089e1;font-weight: bold;}
.right_page .address .local a{color:#0089e1;}
.page_list{margin: 10px 0;}
.page_list li{overflow: hidden; height: 36px; line-height: 36px; color: #242424; font-size: 14px;}
.page_list li a{color: #242424;width:76%;}
.page_list li a:hover{color: #0089e1}

.img_list li{width: 200px;height: 180px;margin: 13px;overflow: hidden;border: 1px solid #e6e6e6;padding: 5px;}
.img_list li div img{width: 100%;max-height: 140px;}
.img_list li p{line-height: 30px;font-size: 15px;color: #333;}


/*-------------- content ----------------*/
.con_text{color: #666;padding:0 16px;}
.con_text .tit h4{color: #0089e1;font-size: 18px;line-height: 28px;margin: 30px 0 10px;}
.con_text .tit p{line-height: 20px; color: #a8a8a8; font-size: 14px;}
.con_text .tit p span{display:inline-block !important;}
.con_text .text{margin-top: 20px; line-height: 26px; font-size: 16px;}
.con_text .text img{max-width: 100%;height:auto !important;}
.con_text .text li, .con_text .text ul {list-style: auto;}
.con_text .text .embed{margin: 0 auto; width: 640px;}
.text_next{margin: 40px 0; line-height: 30px; font-size: 14px}
.text_next a{color: #333;}
.text_next a:hover{color: #0089e1}

.page_num{margin-bottom: 30px; margin-top: 30px; font-size: 14px; color: #898989;}
.pageBtnWrap>a{padding: 2px 4px;}
.pageBtnWrap a,.totalPageNum,.currPageNum{color: #0089e1}


/*-------------- foot ----------------*/
.footer{background:#0089e1;overflow: hidden;}
.footer a{display:inline-block; color:#fff;}
.footer a:hover{color:#14a6d9;}
.footer .txt{color:#fff;margin-top: 10px;}
.footer .txt p{line-height: 30px;}
.footer .txt p img{display: inline-block;margin: -4px 4px 0 0;}
.f_link select{height: 24px; margin-right: 16px;}
.f_link .txt{color:#fff;}
.foo_fl{margin: 20px 0 16px;}
.foo_fr{margin-top: 22px; width: 220px;}
.erweima{margin-right: 20px; position: relative;}
.erweima img{width: 65px; height: 65px; margin-bottom: 4px;}
.erweima .fr span{display: block; margin-top: 5px; color: #fff; text-align: center; font-size: 12px;}
.weixin_con{width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99999; display: none;}
.weixin_con img{width: 280px; height: 280px; position: absolute; top: 50%; left: 50%; margin-left: -140px; margin-top: -140px;}
