/*
    FvceCMS 模板辅助样式表（本样式表需要与基础样式表FvceDefault.css加载后使用）

    使用宗旨：
    1、全局零部件及公共框架等内容归基础样式表负责，例如：广告样式、区块列表样式、二级页面列表样式、二级三级页面框架样式、各类提示框等
    2、模板个性化设计归本样式表负责，例如：模板首页布局、页面页脚个性化布局等

*/




/*==============================================================页眉==============================================================*/

.public_top{ width:100%;min-width:1180px; height:100px; position: relative;}
.public_top main { width:1180px;height:80px;position: relative;}

/*【左侧大区】*/
.public_top main .head_left { width:450px; height:60px; position: absolute; top:5px;}
.public_top main .head_left .logo { width:350px; height:80px; position: absolute; top:0px; left:0; overflow:hidden;}
.public_top main .head_left .logo img { display:block; height:100%;}
.public_top main .head_left .logo span { background:#cd0000;color:#ffffff;border-radius:3px; padding:0 5px;font-size:12px; position: absolute; top:30px; left: 210px;}
.public_top main .head_left .logo_ext { width:100px; height:40px; float:left;color:#ffffff; font-size:18px;}

/*【右侧大区】*/
.public_top main .head_right { width:700px; height: 60px; position: absolute; top:0px; right:0; }

/*【右侧大区】 顶部链接*/
.public_top main .head_right .TopLink { display:none; margin-bottom:5px;}
.public_top main .head_right .TopLink ul  { width:100%; height:30px; text-align:right;}
.public_top main .head_right .TopLink ul li { display:inline-block; margin-right:10px;color:#666666;cursor:pointer; line-height:28px; font-size:12px;}
.public_top main .head_right .TopLink ul li i{ margin-right:3px; color:#004ea2;}
.public_top main .head_right .TopLink ul li a {color:#666666; font-size:12px;}


/*【右侧大区】 搜索*/
.public_top main .TopSearch {width:300px; height:40px; margin-right:0;position: absolute; top:30px; right: 0; background-color: rgba(44, 152, 225, 0.7); border-radius: 20px;}
.public_top main .TopSearch input { display:block; width:200px; height: 40px; background:none; border:0; text-indent: 10px;position: absolute; left:10px; color: #ffffff;}
.public_top main .TopSearch input::-webkit-input-placeholder {color: #ffffff;}
.public_top main .TopSearch i { display:block; height:30px; font-size:18px; line-height:40px; text-align:center;cursor:pointer; color:#ffffff;position: absolute; right:20px;}


/*【右侧大区】Logo右侧虚拟导航（公共：与浮动导航共享）*/
.TopMenu { display: block; width:650px; height:100px; background:rgba(0,0,0,0);}
.TopMenu ul { height:50px; text-align:right;}
.TopMenu ul li { display:inline-block; width:100px;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: 80px;}
.TopMenu ul li:hover {border-bottom: 3px solid #ff8f0a; background-color: #004ea2;}
.TopMenu ul li:hover a {color:#ff8f0a;}
.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 { width:100%;height: 50px;background-color:#2c98e1; }
#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:150px; text-align:center; position: relative;z-index:999; }
#nav ul li a { display:block; font-size: 16px; line-height: 50px; color:#ffffff;}
/*二级*/
#nav ul li ul { display: none; position: absolute; background:rgb(241, 241, 241); width:150px;}
#nav ul li ul li { display: block; width: 100%; border-bottom: 1px solid rgba(192, 192, 192, 0.3);}
#nav ul li ul li a { line-height: 40px; font-size: 14px; color: #225d85;}
#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 {background-color: #2f709e;}
#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 main h1 { width:300px; float:left; color:#ffffff; line-height:49px; font-size:18px; }
#TopFloatMenu main { width:1180px; height:50px;}
#TopFloatMenu main .TopMenu { width: 850px; height: 50px;float: right;}
#TopFloatMenu main .TopMenu ul li a  { color:#ffffff; line-height: 50px; font-size: 14px;}
#TopFloatMenu main .TopMenu ul li ul li a {line-height:40px;}



/*==============================================================页脚==============================================================*/

/*经典页脚*/
.site_bottom_1 {width:100%; min-width:1180px; height:150px;color:#686868; margin-top:10px; border-top:3px solid #2c98e1;}
.site_bottom_1 main { width:1180px; height:150px; padding:10px 0; margin:0 auto; padding-top:30px; position: relative;}
.site_bottom_1 .B1 {width:50px; height:50px; position: absolute; left:30px; top:20px; text-align: center;}
.site_bottom_1 .B1 img {height: 90px;}
.site_bottom_1 .B2 {width:600px; height:100px;text-align:left; font-size: 12px; line-height:23px; position: absolute; left:150px; top:20px;}
.site_bottom_1 .B2 a.sitemap { font-size:12px; color:#0768ad; font-weight: bold;}
.site_bottom_1 .B2 a { font-size:12px; color:#686868}
.site_bottom_1 .B3{width:250px; height:100px; text-align:center;position: absolute; right:0px; top:10px;}
.site_bottom_1 .B3 ul li { display: inline-block; text-align: center; font-size: 12px; position: absolute; top:0}
.site_bottom_1 .B3 ul li.jiucuo { border: 1px solid #f1f1f1; left:0px; top:15px;}
.site_bottom_1 .B3 ul li.qr {left:150px}
.site_bottom_1 .B3 ul li.qr img { display: block; width:80px; height:80px; border:5px solid #ffffff; }

.site_bottom_easy {width:100%; min-width:1180px; height:50px;color:#686868; margin-top:10px; border-top:1px solid #0665b6; font-size: 14px; text-align: center; line-height: 50px;}

/*栏目页、内容页广告容器*/
.TopBanner {height: auto; overflow: hidden;}
.ClassTopBanner {height: 300px;}

/*==============================================================个性化首页布局==============================================================*/


section {}
section header {height: 100px; padding-top: 1px;}
section header h2 {font-size: 22px; text-align: center; line-height: 30px; margin-top: 20px;}
section header p {text-align: center;}
section main {width: 1180px; position: relative;}

.F1 {height: 400px; margin-bottom: 30px;}
.F1 .hotplay {width: 600px; height: 400px; float: left;}
.F1 .about {width: 540px; height: 400px; float: right;}
.F1 .about h3 {font-size: 22px; margin-bottom: 20px; border-left: 5px solid #cd0000; text-indent: 10px;}
.F1 .about p {font-size: 14px; line-height: 28px; margin-bottom: 10px;}

.F2 {height: 400px;}
.F2 .bit .style410 ul {text-align: center;}
.F2 .bit .style410 ul li {width: 217px; margin-right: 20px; }
.F2 .bit .style410 ul li:last-child {margin-right: 0;}
.bit .style410 ul li a:nth-child(2) {font-size: 16px; margin-bottom: 10px;}
.F2 .bit .style410 ul li p {font-size: 14px;}


.F3 {height: 400px;}
.F3 .lt {height: 35px;}
.F3 .lt h3 {background: none; color: #004ea2; font-size: 18px;}

.F3 .b1 {width: 350px; position: absolute; left:0}
.F3 .b2 {width: 350px; position: absolute; top:0; left:410px}

.F3 .b2 ul li {height: 35px;}
.F3 .b2 ul li a {width: 100%; font-size: 14px;}
.F3 .b2 ul li span {display: none;}

.F3 .b3 {width: 360px; position: absolute; top:0; right:0}
.F3 .b3 ul li {height: 35px;}
.F3 .b3 ul li a {width: 100%; font-size: 14px;}
.F3 .b3 ul li span {display: none;}