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

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

*/




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

.public_head {
    width: 100%;
    min-width: 1180px;
    height: 80px;
    background: rgba(0,0,0,0.5);
    color: #666666;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
}
.public_head article { width:1180px;height:80px;position: relative;}

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

/*【右侧大区】*/
.public_head article .head_right { width:870px; height: 60px; 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;}

/*【右侧大区】 客服电话*/
.public_head article .head_right .TopTel { display:none;width:100%; color:#004ea2; font-size:20px;text-align:right; position: absolute; top:40px; right: 0;}

/*【右侧大区】 搜索*/
.public_head article .TopSearch { display:none; width:250px; height:30px; border:1px solid #b8b8b8; margin-right:0;position: absolute; top:40px; right: 0;}
.public_head article .TopSearch input { display:block; float:left; width:200px; background:none; border:0; }
.public_head article .TopSearch i { display:block; height:30px; font-size:18px; line-height:28px; text-align:center;cursor:pointer; color:#004ea2}


/*【右侧大区】Logo右侧虚拟导航（公共：与浮动导航共享）*/
.TopMenu { display: block; width:100%; height:100px; background:rgba(0,0,0,0);}
.TopMenu ul { height:50px; text-align:right;}
.TopMenu ul li { display:inline-block; width:85px;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:#ffffff; 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:-45px;}
.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:175px;position: absolute; display: none;}
.TopMenu ul li ul li{width:175px;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:#0665b6; }
#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:120px; text-align:center; position: relative;z-index:999; }
#nav ul li a { display:block; line-height: 50px; color:#ffffff;}
/*二级*/
#nav ul li ul { display: none; position: absolute; background:rgba(0,0,0,0.8); width:140px; margin-left: -10px;}
#nav ul li ul li { display: block; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3);}
#nav ul li ul li a { line-height: 40px;}
#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: #014785;}
#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 h1 { width:300px; float:left; color:#ffffff; line-height:49px; font-size:18px; }
#TopFloatMenu article { width:1180px; height:50px;}
#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_1 {width:100%; min-width:1180px; height:150px;color:#686868; margin-top:10px; border-top:3px solid #0665b6;}
.site_bottom_1 article { 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:30px; text-align: center;}
.site_bottom_1 .B1 img {width: 60px;filter: grayscale(100%);}
.site_bottom_1 .B2 {width:600px; height:100px;text-align:left; font-size: 14px; line-height:25px; position: absolute; left:180px; top:10px;}
.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 {text-align: center; font-size: 12px;}
.site_bottom_1 .B3 ul li img { display: block; width:80px; height:80px; border:5px solid #ffffff; }

/*简约页脚*/
.site_bottom_2 {width:100%; background:#333333; color:#f1f1f1;}
.site_bottom_2 article { width:1180px; padding:20px 0 20px 0; margin:0 auto; text-align:center;}
.site_bottom_2 article a {color:#f1f1f1;}

/*商务页脚*/
.site_bottom_3 {width:100%; color:#f1f1f1; background:#333333; }
.site_bottom_3 article { width:1180px;margin:0 auto; text-align:center;}
.site_bottom_3 .info { width:100%; height:40px;line-height:40px; text-align:center; font-size:14px;}
.site_bottom_3 .info a {color:#f1f1f1;}

/*商务页脚 导航 二维码*/
.bottom_nav { width:100%; height:230px;padding-top:20px;  background:#484848;}
.bottom_nav .center{ width:1180px;}
.bottom_nav .nav { width:750px; height:190px; border-right:1px dashed #5c5c5c; margin-right:50px;}
.bottom_nav .nav ul { width:100px; height:180px; float:left; margin-left:50px;}
.bottom_nav .nav ul li { font-size:12px; line-height:30px; text-align:left;}
.bottom_nav .nav ul li a { font-size:12px; color:#959595}
.bottom_nav .nav ul li:first-child{ font-size:18px; color:#ffffff; }
.bottom_nav .nav ul li:first-child a { font-size:18px; color:#ffffff;}
.bottom_nav .ico { width:360px; height:130px; text-align:center;margin-top:20px;}
.bottom_nav .ico ul { width: 100%; height: 100%; text-align:center;}
.bottom_nav .ico ul li { display:inline-block; width:140px; height:100%; margin: 0;padding: 0; background:none; text-align:center; }
.bottom_nav .ico ul li img { width:80px; height:80px; border:5px solid #ffffff;}
.bottom_nav .ico ul li p { width:100%;font-size:12px;color:#f1f1f1; text-align: center; line-height:18px;}




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

.TopBanner { width:100%; min-width:1180px;}
.ClassTopTopBanner { background:#333333;}

/*页脚小姜*/
.site_bottom { width: 100%; height: 300px; background-color: #333333;margin-top: 30px;}
.site_bottom article {width: 1180px; height: 100%; padding-top: 20px;}
.site_bottom article h3 { font-size: 20px; font-weight:400; color: #ffffff; margin-bottom: 10px;}
.site_bottom .bottomNav { width: 166px; float: left; border-right: 0px solid #646464; margin-right: 45px;}
.site_bottom .bottomNav ul {}
.site_bottom .bottomNav ul li { display: inline-block; width: 95%; line-height: 28px;font-size: 16px;}
.site_bottom .bottomNav1 { width: 166px; float: left; border-right: 1px solid #646464; margin-right: 45px;}
.site_bottom .bottomNav1 ul {}
.site_bottom .bottomNav1 ul li { display: inline-block; width: 95%; line-height: 28px;font-size: 16px;}

.site_bottom .bottomAdd { width: 150px; height: 200px;float: left;}
.site_bottom .bottomAdd ul {}
.site_bottom .bottomAdd ul li { display: block; line-height: 28px;}
.site_bottom .bottomAdd ul li i { display: inline-block; width: 30px; text-align: center; font-size: 16px;}

.site_bottom .bottomQr { width: 360px; height: 200px;float: right; }
.site_bottom .bottomQr ul {}
.site_bottom .bottomQr ul li { display: block; width: 175px; height: 200px; float: left; text-align: center;}
.site_bottom .bottomQr ul li h3 {display: block; width: 100%; text-align: center;}
.site_bottom .bottomQr ul li img {width: 90px; border: 5px solid #ffffff;}
.site_bottom_2 {background-color: #181818;}
.site_bottom_2 article {width: 1180px; text-align: center; line-height: 30px; font-size: 12px;}


/*首页新闻*/
.F4 .b1 {width:540px;height:440px;float:left;background:#ffffff;padding: 20px;}
.F4 .b1 ul li {width:500px;height:400px;}
.F4 .b1 ul li a:first-child {display: block;width: 100%;height: 320px;overflow: hidden;background-color: #f1f1f1;margin-bottom: 10px;}
.F4 .b1 ul li a:nth-child(2){display: block;color: #000000;font-weight: 700; margin-bottom: 5px;font-size: 16px;}
.F4 .b1 ul li a:hover{color:#000000;}
.F4 .b1 ul li a img{width:100%;}
.F4 .b1 ul li p {font-size: 12px;color: #979797;}
.bit .style410 ul li:hover img {transform:scale(1);}

.F4 .b2 {width:610px;height:440px; float: right;background:#ffffff;padding: 20px;}
.F4 .bit .style41 ul li { height: 100px;}
.F4 .bit .style41 ul li p { width: 420px; height: 40px; white-space:normal;}
.F4 .bit .style41 ul li span {top:70px}

.F5 .bit .style421 ul li { padding-bottom: 20px; border-bottom: 1px solid #cccccc;box-sizing:content-box; margin-bottom:20px;}
.F5 .bit .style421 ul li p { display: none; bottom:20px;}
.F5 .bit .style421 ul li:hover p {display: block; bottom:20px;animation: style421_p 0.5s linear 1;}

@keyframes style421_p {
    0% { left:-100px;  }
    100% {  left:0 }
  }

/*编辑框表格边框*/
table{border-top:0px solid #ccc;border-left:0px solid #ccc}
table th , table td{border-bottom:0px solid #ccc;border-right:0px solid #ccc;}