﻿
/*
    FvceCMS 模板辅助样式表（本样式表需要与基础样式表FvceDefault.css加载后使用）

    使用宗旨：
    1、全局零部件及公共框架等内容归基础样式表负责，例如：广告样式、区块列表样式、二级页面列表样式、二级三级页面框架样式、各类提示框等
    2、模板个性化设计归本样式表负责，例如：模板首页布局、页面页脚个性化布局等

*/




/*==============================================================页眉==============================================================*/
.top { width: 100%; height:30px; background: #f5f5f5;   border-bottom: 1px solid #f1f1f1; position: relative; z-index: 20;}
.top main {width: 1180px; height: 30px; position: relative;}
.top main h2 {display: inline-block; width: 400px; font-size: 14px; position: absolute; top:5px; color: #929292;}

.top main ul {display: block; height: 30px; position: absolute; right:0; top:3px; text-align: right;}
.top main ul li {display: inline-block; color: #ffffff;}
.top main ul li a { background-color: #1f53b3; font-size: 12px; color: #ffffff; border-radius: 3px; padding: 3px 8px;}

.top main .search {display: block; width: 200px; height: 30px; position: absolute; right:275px; top:3px;}
.top main .search input { width: 100%; height: 24px; background-color: #ffffff;}
.top main .search i {color: #1f53b3;position: absolute; right:3px; top:4px; font-size: 14px; cursor:pointer}

.public_head{ width:100%;min-width:1180px; height:90px; color:#666666; position: relative;}
.public_head article { width:1180px;height:80px;position: relative;}


/*【右侧大区】 搜索*/
.head_right .TopSearch {width:250px; height:40px; margin-right:0;position: absolute; top:25px; right: 0; background-color: rgba(255,255,255,0.7); border-radius: 20px; background-color: #f1f1f1}
.head_right .TopSearch input { display:block; width:250px; height: 40px; background:none; border:0; text-indent: 10px;position: absolute; left:10px; }
.head_right .TopSearch i { display:block; height:30px; font-size:18px; line-height:40px; text-align:center;cursor:pointer; color:#004ea2;position: absolute; right:20px;}


/*【左侧大区】*/
.public_head article .head_left { width:350px; height:65px; position: absolute; top:-0;}
.public_head article .head_left .logo { width:100%; height:100%; position: absolute; border-radius: 25px; background-color: #ffffff;z-index: 20; padding-top: 10px;}
.public_head article .head_left .logo img { height:65px;}
.public_head article .head_left .logo span { color:#474747; font-size: 20px; position: absolute; top:25px; left: 260px;}
.public_head article .head_left .logo_ext { width:100px; height:40px; float:left;color:#ffffff; font-size:18px;}

/*【右侧大区】*/
.public_head article .head_right { width:700px; height: 90px; position: absolute; top:0px; right:0; }

/*【右侧大区】 顶部链接*/
.public_head article .head_right .TopLink { display:none; margin-bottom:5px;}
.public_head article .head_right .TopLink ul  { width:100%; height:30px; text-align:right;}
.public_head article .head_right .TopLink ul li { display:inline-block; margin-right:10px;color:#666666;cursor:pointer; line-height:28px; font-size:12px;}
.public_head article .head_right .TopLink ul li i{ margin-right:3px; color:#004ea2;}
.public_head article .head_right .TopLink ul li a {color:#666666; font-size:12px;}




/*【右侧大区】Logo右侧虚拟导航（公共：与浮动导航共享）*/
.TopMenu { display: block; width:825px; height:88px; position: absolute; right: 0;}
.TopMenu ul { height:88px; text-align:right;}
.TopMenu ul li { display:inline-block; width:75px;text-align: center;line-height:44px;position: relative;z-index:9999;}
.TopMenu ul li a { display: block; width: 100%; height: 100%; text-align: center; color:#333333; font-size: 14px; line-height: 88px;}
.TopMenu ul li:hover {border-bottom: 2px solid #ff8f0a; background-color: #004ea2;}
.TopMenu ul li:hover a {color:#ffffff;}
.TopMenu ul li:hover ul {display:block;z-index:1;color:#ffffff; height:auto; background:rgba(0,0,0,0.7); color:#ffffff;border-top: 3px solid #ff8f0a; margin-left:-30px;}
.TopMenu ul li:hover ul li {float: none;border-bottom:1px solid #ffffff;}
.TopMenu ul li:hover ul li a{ color:#ffffff; line-height: 40px;}
.TopMenu ul li:hover ul li:hover {background:rgba(0,0,0,0.8);}
.TopMenu ul li ul {width:160px;position: absolute; display: none;}
.TopMenu ul li ul li{width:160px;text-align:center;line-height:40px;color:#ffffff;}
.TopMenu ul li ul li a{color:#ffffff;}
.TopMenu ul li:hover ul li:nth-last-child(1) {border:0;}
.TopMenu ul li:hover ul li ul { display:none;}


/*【主导航】页眉下放通栏主导航（Html页面中的nav主导航容器只可隐藏不可删除，否则全部导航都会失效）*/
#nav {display: none; width:100%;height: 50px;}
#nav a { color: #ffffff; width:100%; height:100%; font-size:14px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; text-align:center;}
#nav a:hover {color: #ffffff;}
/*一级*/
#nav ul {width: 1180px; }
#nav ul li  { display:inline-block; width:118px; text-align:center; position: relative;z-index:999; }
#nav ul li a { display:block; font-size: 18px; line-height: 50px; color:#ffffff;}
/*二级*/
#nav ul li ul { display: none; position: absolute; width:118px; top:51px; z-index:90; background-color: #1793dd; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#nav ul li ul li { display: block; width: 100%; border-bottom: 1px dashed rgba(192, 192, 192, 0.3);}
#nav ul li ul li a { line-height: 40px; font-size: 14px; color: #ffffff;}
#nav ul li ul li:last-child {border: 0;}

/*三级*/
#nav ul li ul li ul {display: none; position: absolute; top:10px; left:151px}
#nav ul li ul li ul li a {line-height: 40px;}
/*动作*/
#nav ul li:hover {border-bottom:1px solid #e69500; background-color: #1793dd;border-top-left-radius:5px;border-top-right-radius:5px;}
#nav ul li:hover ul li:hover {border-bottom: 1px solid rgba(192, 192, 192, 0.3); background-color: rgba(7, 64, 170, 0.2)}
#nav ul li:hover ul li:last-child {border: 0;}
#nav ul li:hover ul {display: block; }
#nav ul li:hover ul li ul {display: none;}
#nav ul li ul li:hover ul {display: block;}

/*【虚拟导航】顶部浮动导航（公共：请勿改变TopMenu与本类的顺序）*/
#TopFloatMenu { display:none; width:100%; height:50px; background:rgba(0,0,0,0.7);position:fixed;top:0;z-index:999; color:#ffffff;}
#TopFloatMenu article { width:1180px; height:50px; position: relative;}
#TopFloatMenu article h1 { width:300px; float:left; color:#ffffff; line-height:49px; font-size:18px; }
#TopFloatMenu article .TopMenu { width: 850px; height: 50px;float: right;}
#TopFloatMenu article .TopMenu ul li a  { color:#ffffff; line-height: 50px; font-size: 14px;}
#TopFloatMenu article .TopMenu ul li ul li a {line-height:40px;}



/*==============================================================页脚==============================================================*/


.site_bottom {width: 100%; min-width: 1180px; height: 270px; background-color: #333333;}
.site_bottom main { width: 1180px; height: 270px; position: relative;  }
.site_bottom main .nav { width: 100%; height: 170px; position: absolute; left:0; top:30px;}
.site_bottom main .nav ul {width: 145px; height: 220px; float: left; border-right: 1px dashed #414141; padding:5px;transition: all 1s;}
.site_bottom main .nav ul:hover {background-color: rgba(192, 192, 192, 0.05);}
.site_bottom main .nav ul li { color: #9b9ea0; line-height: 28px; font-size: 14px; text-indent: 30px;transition: all 1s;}
.site_bottom main .nav ul li a {color: #9b9ea0; }
.site_bottom main .nav ul li a:hover {color: #00ffff;}
.site_bottom main .nav ul li:nth-child(1) {font-size: 20px; margin-bottom: 10px; color: #ffffff; text-indent: 28px;}





.site_bottom .Copyright {width: 100%; height: 120px; background-color: #252525;}
.site_bottom .Copyright main { width: 1180px; height: 120px; position: relative;}
.site_bottom .Copyright main .logo {position: absolute; top:20px;}
.site_bottom .Copyright main .logo img {width: 80px;}

.site_bottom .Copyright main .info {font-size: 14px; line-height: 25px; position: absolute; top:20px; left:100px; color: #999999;}

.site_bottom .Copyright .Qr {width: 250px; height: 120px; position: absolute; top:20px; right:0px; }
.site_bottom .Copyright .Qr ul { width: 300px; height: 120px;}
.site_bottom .Copyright .Qr ul li { display: inline-block; width: 100px; height: 80px;text-align: center;}
.site_bottom .Copyright .Qr ul li img {width: 70px; border: 3px solid #ffffff; }
.site_bottom .Copyright .Qr ul li span {display: block; color: #7a7a7a; font-size: 14px; text-align: center}


/*==============================================================个性化首页布局==============================================================*/


/*调整内容页图片默认宽度*/
.public_box .content .text img {width: 750px;}
.public_box .content table {border-collapse:collapse;}
.public_box .content table tr:first-child {background-color: #f1f1f1;}
.public_box .content table tr td { padding:5px; border: 1px solid #cccccc;}

.TopBanner { width:100%; min-width:1180px;}
.TopBanner .Pl6_Bar {bottom:0px;}
.TopBanner .Pl6_Bar ul li { width: 20px; height: 10px; border-radius:0; background:rgba(255,255,255,0.5)}

.ClassTopBanner { background:#333333;}

.HomeBox {min-width: 1180px; position: relative; z-index:0; overflow: hidden; background-color: #ffffff;}
.HomeBox header { width: 100%; height: 60px; margin-bottom: 10px; position: relative; z-index: 30; padding-top: 20px;}
.HomeBox main { width: 1180px; position: relative;}
.HomeBox main h2 {display: block; width: 300px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; position: relative;}
.HomeBox main h2:before{content:'///////////////////'; color: #8bb9d8; position: absolute; top:0px; left: -120px;}
.HomeBox main h2:after{content:'///////////////////'; color: #8bb9d8; position: absolute; top:0px; right: -120px;}

/*切换卡栏目头*/
.tab {width: 300px; height: 50px; position: relative;}
.tab:before{content:'///////////////////'; color: #8bb9d8; position: absolute; top:10px; left: -120px;}
.tab::after{content:'///////////////////'; color: #8bb9d8; position: absolute; top:10px; right: -120px;}
.tab ul {width: 100%; height: 35px; text-align: center;}
.tab ul li {display: inline-block; margin-right: 20px; font-size: 18px; line-height: 35px;}
.tab ul li.hover  { color: #004da0; border-bottom: 1px solid #004ea2; cursor:pointer;font-weight: bold}
.tab ul li.hover a { color: #004da0; font-weight: bold }
.tab ul li:last-child { margin-right: 0;}


.tabs {width: 100%; height: 30px; margin-bottom: 10px; border-bottom: 1px solid #f1f1f1; position: relative;}
.tabs ul {width: 100%; height: 35px; text-align: left;}
.tabs ul li {display: inline-block; margin-right: 20px; font-size: 16px; line-height: 30px; }
.tabs ul li.hover a {display: block; width: 100px; height: 30px; text-align: center; color: #004da0; border-bottom: 1px solid #004ea2; cursor:pointer;font-weight: bold; font-size: 18px;}
.tabs ul li:last-child { margin-right: 0;}

.bit_title {width: 360px; height: 30px; margin-bottom: 10px; position: absolute; left: 0; border-bottom: 1px solid #f1f1f1;}
.bit_title h2 {color: #004da0;}
.bit_list { width: 360px; position: absolute;}

/*标准栏目头*/
.tit {width: 100%; height: 30px; margin-bottom: 10px; border-bottom: 1px solid #f1f1f1;}
.tit h3 { width: 100px; height: 30px; font-size: 18px; text-align: center; color: #004da0; position: absolute; left:0; border-bottom: 1px solid #004ea2; font-weight: bold;}
.tit h3:before {display: inline-block; content: ''; }
.tit a { font-size: 14px; color: #8b8b8b; position: absolute; right:0; top:5px}



.vip {}
.vip ul {}
.vip ul li { width: 400px; height: 115px; margin-bottom: 5px; position: relative;border-bottom: 1px dashed #f1f1f1;}
.vip ul li:last-child {border: 0;}
.vip ul li a:first-child {display: block;width: 150px; height: 100px; position: absolute; left: 0; border: 1px solid #a5a5a5;}
.vip ul li a:first-child img {width: 100%; height: 100%;}
.vip ul li a:nth-child(2) { width: 230px; height: 30px; position: absolute; left: 160px; text-overflow:ellipsis; overflow: hidden;white-space:nowrap;}
.vip ul li p {width: 230px; height: 50px; overflow: hidden; line-height: 23px; font-size: 14px; position: absolute; left: 160px; top:30px; color: #999999; margin-bottom: 5px;}
.vip ul li span {font-size: 12px; position: absolute; left: 160px; top:80px;  color: #999999;}
.vip ul li span:before {content: '日期：';}
.vip ul li span:last-child { left: 300px;}
.vip ul li span:last-child:before {content: '点击：';}

/*文本*/
.li ul {}
.li ul li {position: relative; width: 100%; height: 35px; line-height: 35px; border-bottom: 1px dashed #d4d4d4;}
.li ul li a {width: 300px; font-size: 14px; position: absolute; left: 0;text-overflow:ellipsis; overflow: hidden;white-space:nowrap;}
.li ul li span {font-size: 12px; position: absolute; right:0; font-family:'微软雅黑';}
.li ul li a::before{content: '\f111'; font-size: 5px; display: inline-block; margin-right: 5px; color: #21678f; transform:scale(0.5)}

/*相册*/
.sty_3 {}
.sty_3 ul {}
.sty_3 ul li { width: 126px; height: 100px; float: left; margin-right: 10px; margin-bottom: 10px;  position: relative;}
.sty_3 ul li a:first-child {display: block; width: 100%; height:calc(100% - 20px); border: 1px solid #f1f1f1; position: relative; z-index: 10; overflow: hidden; background-color: #f1f1f1;}
.sty_3 ul li a:first-child img {width: 100%; height: auto; font-size: 12px; }
.sty_3 ul li a:nth-child(2) { display: block; width: 100%; height: 20px;  text-overflow:ellipsis; overflow: hidden;white-space:nowrap; 
    font-size: 12px; position: absolute; z-index: 20; bottom:-2px;}
.sty_3 ul li span {display: none;}


/*日历图标*/
.sty_210 {}
.sty_210 ul {}
.sty_210 ul li {height: 75px; position: relative;}
.sty_210 ul li a {display: block; width: 280px; color: #004da0; position: absolute; left:70px; font-size: 14px; line-height: 26px;}
.sty_210 ul li p {display: none; height: 20px; font-size: 12px; position: absolute; left:70px; top:25px; overflow: hidden; line-height: 19px;}
.sty_210 ul li span:last-child {display: none;}
.sty_210 ul li span  {display: block; width: 60px; height: 60px; border: 1px solid #004da0; border-radius: 3px; position: absolute; left:0;}
.sty_210 ul li span i { display: block; text-align: center; font-size: 22px; color: #ffffff; background-color: #004da0; line-height: 30px; padding-top: 3px; font-style: normal;font-family:'微软雅黑';}
.sty_210 ul li span  b {display: block; text-align: center; font-size: 12px; color: #004da0; line-height: 25px; font-family:'微软雅黑';}

/*图文*/
.sty_4 {}
.sty_4 ul {}
.sty_4 ul li {height: 100px; position: relative;}
.sty_4 ul li a:first-child {display: block; width: 110px; height: 80px; border: 1px solid #a5a5a5; position: absolute; left:0;  background-color: #666666; overflow: hidden;}
.sty_4 ul li a:first-child img {width: 100%; }
.sty_4 ul li a:nth-child(2) { display: block; width: 235px; height: 30px;  text-overflow:ellipsis; overflow: hidden;white-space:nowrap; color: #004da0; font-size: 16px; position: absolute; left:120px;}
.sty_4 ul li p {display: block; height: 20px; font-size: 14px; position: absolute; left:120px; top:30px; overflow: hidden; line-height: 19px;}
.sty_4 ul li span {position: absolute; left:120px; top:60px; font-size: 12px; }
.sty_4 ul li span:nth-last-child(1) {left:220px;}
.sty_4 ul li span:nth-last-child(1):before {content:'浏览：'}



/*图文*/
.sty_410 {}
.sty_410 ul {}
.sty_410 ul li {height: 350px; position: relative;}
.sty_410 ul li a:first-child {display: block; width: 100%; height: 100%; position: absolute; left:0;  background-color: #666666; overflow: hidden;}
.sty_410 ul li a:first-child img {width: 100%; }
.sty_410 ul li a:nth-child(2) { display: block; width: 100%; height: 30px; text-indent: 10px; line-height: 30px; background-color: rgba(0,0,0,0.7); text-overflow:ellipsis; overflow: hidden;white-space:nowrap; color: #ffffff; font-size: 16px; position: absolute; left:0; bottom: 0;}
.sty_410 ul li p {display: none; height: 40px; font-size: 12px; position: absolute; left:120px; top:25px; overflow: hidden; line-height: 19px;}
.sty_410 ul li span {display: none; position: absolute; left:120px; top:70px; font-size: 12px; }
.sty_410 ul li span:nth-last-child(1) {left:220px;}
.sty_410 ul li span:nth-last-child(1):before {content:'浏览：'}


.sty_420 {}
.sty_420 ul {}
.sty_420 ul li {width: 180px; height: 180px; position: relative;}
.sty_420 ul li a:first-child {display: block; width: 100%; height: 100%; border: 1px solid #a5a5a5; position: absolute; left:0;  background-color: #666666; overflow: hidden;}
.sty_420 ul li a:first-child img {width: 100%; }
.sty_420 ul li a:nth-child(2) { display: block; width: 100%; height: 30px; text-indent: 10px; line-height: 30px; background-color: rgba(0,0,0,0.7); text-overflow:ellipsis; overflow: hidden;white-space:nowrap; color: #ffffff; font-size: 16px; position: absolute; left:0; bottom: 0;}
.sty_420 ul li p {display: none; height: 40px; font-size: 12px; position: absolute; left:120px; top:25px; overflow: hidden; line-height: 19px;}
.sty_420 ul li span {display: none; position: absolute; left:120px; top:70px; font-size: 12px; }
.sty_420 ul li span:nth-last-child(1) {left:220px;}
.sty_420 ul li span:nth-last-child(1):before {content:'浏览：'}

.F1 {margin-bottom: 50px;}
.F1 main { height: 400px; }
.F1 .hotpic {width: 650px; height: 400px; position: absolute; left:0; }

.F1 .hotnews { width: 500px; height: 150px; position: absolute; left:680px; background-color: #f1f1f1; padding: 10px; border: 1px solid #dfdfdf;} 
.F1 .hotnews ul{}
.F1 .hotnews ul li {padding-top: 10px; position: relative;}
.F1 .hotnews ul li a {display: block; font-size: 20px; text-align: center; line-height: 40px; color: #004da0; font-weight: bold; text-overflow:ellipsis; overflow: hidden;white-space:nowrap;}
.F1 .hotnews ul li p {display: block; height: 45px; line-height: 25px; font-size: 14px; overflow: hidden;}
.F1 .hotnews ul li span {position: absolute; right:15px; top:110px;font-family:'微软雅黑'; font-size: 14px; background-color: #077dac; color: #ffffff; border-radius: 3px; padding: 0 5px;}
.F1 .hotnews ul li span:last-child {display: none;}

.F1 .bit_list { width: 500px; height: 243px; position: absolute; left:680px; top:160px} 
.F1 .bit_list ul li a { width: 407px;}

.F1 .sty_3 {width: 500px; height: 600px; position: absolute; left:680px; top:0}
.F1 .sty_3 ul li {width: 160px; height: 125px;}
.F1 .sty_3 ul li:nth-child(3n+0) {margin-right: 0;}

.F2 {margin-bottom: 20px;}
.F2 main { height: 265px;}
.F2 main .b1 { left:0}
.F2 main .b1 .li ul li a {width: 279px;}
.F2 main .b2 { left:410px}
.F2 main .b2 .li ul li a {width: 279px;}
.F2 main .b3 { left:820px}


.F3 { height: 480px; margin-bottom: 30px; background-color: rgba(3, 75, 184, 0.1);}
.F3 .tab {width: 600px;} 
.F3 .bg {width: 100%; height: 100%; position: absolute; top:0; left: 0; background-image:url('bg_1.png'); opacity: 0.1; z-index: 10;}
.F3 main { height: 360px; z-index: 20;}
.F3 main .b1 { width: 550px; height: 350px; border: 5px solid rgba(255,255,255,0.8);}
.F3 main .b1 .sty_410 ul li { height: 340px;}
.F3 main .b1 .sty_410 ul li a:nth-child(2) {background-color: #346885;}

.F3 main .b2 { width: 600px; height: 350px; background-color: rgba(255,255,255,0.8); padding: 10px; border-radius: 5px;}
.F3 main .b2 .li ul li a {width: 450px;}

.sty_3_box .sty_3 ul li {width: 228px; height: 180px;}
.sty_3_box .sty_3 ul li a:first-child {border: 5px solid #ffffff;}
.sty_3_box .sty_3 ul li:nth-child(5n+0) {margin-right: 0;}

.sty_4_box { width: 1180px; height: 340px; background-color: rgba(255,255,255,0.8); padding: 20px; border-radius: 5px;}
.sty_4_box .sty_4 ul li {width: 520px; float: left;}
.sty_4_box .sty_4 ul li:nth-child(even) {float: right;}
.sty_4_box .sty_4 ul li a:nth-child(2)  {width: 380px;}

.F4 {margin-bottom: 0px;}
.F4 main { height: 250px;}
.F4 main .b1 { left:0}
.F4 main .b2 { left:410px}
.F4 main .b3 { left:820px}
.F4 main .b3 .hot {position: absolute; left:0; width: 185px; height: 180px; overflow: hidden; background-color: #f1f1f1;}
.F4 main .b3 .hot img {width: 100%;}

.F4 main .b3 .ico {width: 200px; position: absolute; left: 200px;}
.F4 main .b3 .ico ul {}
.F4 main .b3 .ico ul li {float: left; display: inline-block; width: 80px; height: 85px; background: linear-gradient(0deg,#f1f1f1 0,#ffffff 100%);
    margin-right: 10px; margin-bottom: 10px; border-radius: 3px; border: 1px solid #f1f1f1;}
.F4 main .b3 .ico ul li a {display: block; width: 100%; height: 100%; text-align: center; padding-top: 10px;}
.F4 main .b3 .ico ul li i { display: block; height: 40px; font-size: 40px; color: #8da2b8;text-align: center; margin-bottom: 10px;}
.F4 main .b3 .ico ul li span {color: #8da2b8; font-size: 12px;}


.F5 {margin-bottom: 30px;}
.F5 main { height: 335px;}
.F5 main .b1 { left:0; background-color: #fffdf9;}
.F5 main .b1 .tit h3 { color: #cd0000; border-color: #cd0000;}
.F5 main .b1 .sty_210 { position: relative; z-index: 20;}
.F5 main .b1 .sty_210 ul li span { background-color:#f8f3e7; border-color:#cd0000 ;}
.F5 main .b1 .sty_210 ul li span i {color: #ffffff; background-color: #cd3a00;}
.F5 main .b1 .sty_210 ul li span b {color: #cd0000;}
.F5 main .b1 .sty_210 ul li a {color: #cd0000; font-size: 16px;}
.F5 main .b1 .sty_210 ul li p {display: none;}
.F5 main .b1 .bg { width: 340px; height: 135px; background-image:url('jiangbei.png'); position: absolute; top:200px; right: 0; z-index: 10;opacity: 0.1;}
.F5 main .b1 .head { width: 140px; height: 30px; background-image:url('hongqi.png'); background-position:center center; background-size:100% 100%;
    position: absolute; top:-3px; left: 120px; z-index: 10; }

.F5 main .b2 { left:410px}
.F5 main .b3 { left:820px}

.F6 {background-color: #f1f1f1;}
.organ {}
.organ ul {}
.organ ul li {width: 150px; height: 400px; background-color: #5f5f5f; float: left; margin-right: 1px; position: relative;}
.organ ul li span {display: block; width: 30px; color: #ffffff; font-size: 18px;  position: absolute; top:30px; left:60px;}
.organ ul li div {width: 150px; height: 400px;  background-color: rgba(0,0,0,0.6);}
.organ ul li p { display: none; }
.organ ul li a { display: none; }


.F7 { margin-bottom: 30px;}
.F7 main {width: 1180px; position: relative; overflow: hidden;}
.F7 main ul li {display: inline-block; margin-right: 20px; margin-bottom: 10px;}
.F7 main ul li a:nth-child(2){display: none;}
.F7 main ul li:last-child {margin-right: 0;}
.F7 main ul li a {font-size: 14px;}



.organ ul li.hover { width: 575px; background-position:center center}
.organ ul li.hover span { width: 100%; color: #ffffff; font-weight: bold; top: 310px; left: 10px; font-size: 18px; z-index: 20;}
.organ ul li.hover div {width: 100%; height: 100px; background-color: rgba(0,0,0,0.6); position: absolute; bottom: 0; z-index: 10;}
.organ ul li.hover div p {display: block; position: absolute; bottom: 40px; left: 10px; font-size: 14px; color: #ffffff;}
.organ ul li.hover div a {display: block; position: absolute; bottom: 15px; left: 10px; font-size: 14px; color: #ffffff;}

#organ_1 {background-image:url('1.jpg');}
#organ_2 {background-image:url('2.jpg');}
#organ_3 {background-image:url('3.jpg');}
#organ_4 {background-image:url('4.jpg');}
#organ_5 {background-image:url('5.jpg');}

.birthday {width: 100%; height: 60px; margin: 30px auto; }
.birthday main {width: 1180px; height: 60px;background-color: #e7fbff; border-radius: 5px; position: relative; border: 0px dashed #78c4d3;}
.birthday main .logo {height: 40px; position: absolute; left:20px; top: 10px;}

.birthday main .RollWord ul {width: 800px; height: 40px; background-color: #ffffff; overflow: hidden; border-radius: 20px; position: relative; top:10px}
.birthday main .RollWord ul li {font-size: 14px; height: 40px; position: relative; left: 20px;transition: all 1s;}
.birthday main .RollWord ul li a {width: 500px; height: 40px; line-height: 40px; text-overflow:ellipsis; overflow: hidden;white-space:nowrap;}
.birthday main .RollWord ul li span { position: absolute; right: 50px; top:10px}

.birthday main .more { display: block; width: 50px; height: 20px; position: absolute; right:30px; top: 20px; background-color: #78c4d3; border-radius: 20px; text-align: center;}
.birthday main .more a {font-size: 14px; color: #ffffff;}

.Count {height: 500px;  position: relative; background-image:url('bg_bottom.png'); background-position:center center;background-repeat:no-repeat}
.Count .bg { width: 100%; height: 500px; position: absolute; z-index: 10; opacity: 0.8; background-color: #8cc1f7;}
.num { position: relative; z-index: 20;}
.num ul { width: 100%; text-align: center; position: absolute; top:150px}
.num ul li {display: inline-block; width: 210px; height: 100px; margin-right: 20px; text-align: center; background-color: rgba(7, 64, 170, 0.7); border-radius: 3px;}
.num ul li:last-child {margin-right:0;}
.num ul li span { display: block; font-size: 50px; text-align: center; color: #ffffff; }
.num ul li span i {display:inline; font-size: 14px;color: #ffffff; font-style: normal; margin-left: 10px;}
.num ul li span em {color: #ffffff;}
.num ul li b {color: #ffffff;}
.num ul li:hover {transform:scale(1.2,1.2); transition: all 1s;}

.shiyan {margin-top: 20px;}
.shiyan main { width: 1180px; height: 350px; position: relative;}
.shiyan .play {width: 600px; height: 350px; background-color: #e8f3ff; position: absolute;left:0}
.shiyan .hot {width: 550px; height: 350px; position: absolute;right:0}
.shiyan .hot .tit {width: 550px;}
.shiyan .hot .li ul li a {width: 445px;}

.shiyan .b1 {width: 300px; height: 300px; background-color: #f1f1f1; position: absolute;left:0}
.shiyan .b1 ul li { width: 260px; height: 60px; margin-top: 10px; border-radius: 3px; line-height: 58px; position: relative;}
.shiyan .b1 ul li i {font-size: 30px; color:#ffffff; margin-right: 10px; position: absolute; left:50px; top:15px;}
.shiyan .b1 ul li a {font-size: 18px; color:#ffffff;  position: absolute; left:100px; }

.shiyan .b1 ul li:nth-child(1) {background-color: #004da0;}
.shiyan .b1 ul li:nth-child(2) {background-color: #00a093;}
.shiyan .b1 ul li:nth-child(3) {background-color: #83C45E;}
.shiyan .b1 ul li:nth-child(4) {background-color: #698EB8;}


.shiyan .b2 {width: 520px; height: 300px; position: absolute;left:330px}
.shiyan .b2 .tit {width: 520px;}
.shiyan .b2 .li ul li a {width: 430px;}

.shiyan .b3 {width: 300px; height: 300px; position: absolute;right:0}
.shiyan .b3 .tit {width: 300px;}
.shiyan .b3 .word {}
.shiyan .b3 .word .wd { height: 200px; height: 120px; overflow: hidden; margin-bottom: 10px; font-size: 14px; line-height: 23px; text-indent: 2em;}
.shiyan .b3 .word .img{width: 300px; height: 100px; overflow: hidden; border: 5px solid #d6d6d6; }
.shiyan .b3 .word .img img {width: 100%; height: 100%;}


.SF1 {height: 370px;}

.TopBanner {position: relative; z-index: 10;}
.TopBanner h1 { width: 450px; height: 75px; position: absolute; color: #ffffff; font-size: 50px; z-index: 20px; top:150px;text-align: center; 
    font-weight: bold; border-bottom: 1px solid #ffffff; left:50%; margin-left: -225px; text-shadow:1px 1px 1px #000000;
}

