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

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

*/




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

.public_head{ width:100%;min-width:1180px; height:120px;position: relative; border-top: 2px solid #0894A1}
.public_head article { width:1180px;height:80px;position: relative;}

/*【左侧大区】*/
.public_head article .head_left { width:450px; height:60px; position: absolute; top:30px;}
.public_head article .head_left .logo { width:450px; 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:200px; height:40px; float:left;color:#8d8d8d; font-size:28px; position: absolute; top:5px; left:260px; }

/*【右侧大区】*/
.public_head article .head_right { width:700px; 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 { width:250px; height: 60px; font-size:20px;text-align:right; position: absolute; top:30px; right: 0; border-radius: 10px; }
.public_head article .head_right .TopTel i {color: #0894A1; font-size: 50px;position: absolute; left:5px; top:5px}
.public_head article .head_right .TopTel b {position: absolute; left:60px; top:5px; font-size: 16px}
.public_head article .head_right .TopTel span {position: absolute; left:60px; top:25px; font-size: 24px}

/*【右侧大区】 搜索*/
.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: none; 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: #0894A1;}
.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 { width:100%;height: 50px;background:#0894A1; }
#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: rgb(2, 98, 107);}
#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 #0894A1;}
.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;}
.site_bottom_1 .B2 {width:600px; height:100px;text-align:left; font-size: 12px; line-height:20px; position: absolute; left:130px; top:20px;}
.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; background-color: #f1f1f1; margin-bottom: 20px;}
.ClassTopTopBanner { background:#333333;}
.bottomban {width: 1180px; height: 150px; background-color: #f1f1f1;margin-bottom: 30px;}

section {width: 100%; position: relative; margin-bottom: 30px;} 
section main {width: 1180px; position: relative;}
section main .lt {width: 100%; height: 30px; margin-bottom: 10px; }
section main .lt h3 {float: left; border-left: 10px solid #0894A1; text-indent: 10px; color: #000000}
section main .lt h3 span {margin-left: 10px; font-size: 14px; color: #a3a3a3}
section main .lt a {float: right;}


.F1 {height: 320px;}
.F1 .b1 { width: 840px; height: 300px; position: absolute; left: 0; }
.F1 .b1 .pic {width: 400px; height: 240px; position: absolute; left: 0; background-color: #f1f1f1}
.F1 .b1 .word {width: 400px; height: 240px; position: absolute; right: 0; }
.F1 .b1 .word b { display: block; font-size: 18px; color: #000000; margin-bottom: 10px;}
.F1 .b1 .word p {font-size: 14px; margin-bottom: 10px; line-height: 25px;text-indent: 2em;}

.F1 .b2 { width: 300px; height: 300px; position: absolute; right:0; }
.F1 .b2 .pic {width: 300px; height: 240px; position: absolute; left: 0; background-color: #f1f1f1}

.F2 {height: 350px;}
.F2 .b1 { width: 630px; height: 320px; position: absolute; left: 0; }
.F2 .b1 .bit {width: 100%;}
.F2 .b1 .bit .style4 ul li {width: 100%; height: 120px;}
.F2 .b1 .bit .style4 ul li a {font-size: 14px;}
.F2 .b1 .bit .style4 ul li a:first-child {width: 150px; height: 100px;}
.F2 .b1 .bit .style4 ul li a:nth-child(2) {left:180px; font-size: 16px}
.F2 .b1 .bit .style4 ul li p {left:180px; top:35px}
.F2 .b1 .bit .style4 ul li span {left:180px; top:60px}
.F2 .b1 .bit .style4 ul li span:nth-last-child(1) {left:280px}

.F2 .b1 .bit .style2 ul li {width: 100%; height: 30px;}
.F2 .b1 .bit .style2 ul li a {font-size: 14px;}
.F2 .tab { margin-bottom: 20px;}
.F2 .tab ul {}
.F2 .tab ul li {display: inline-block; width: 163px; text-align: center; padding: 2px 0; border-radius: 3px;}
.F2 .tab ul li a {font-size: 14px;}
.F2 .tab ul li.hover { background-color: #ffffff; border: 1px solid #0894A1}
.F2 .tab ul li.hover a {color:#0894A1}


.F2 .b2 { width: 500px; height: 320px; position: absolute; right:0;}
.F2 .b2 .bit {width: 500px;}
.F2 .b2 .bit .style210 ul li {width: 100%;}

.F3 {height: 300px;}
.F3 .tab { margin-bottom: 20px;}
.F3 .tab ul {}
.F3 .tab ul li {display: inline-block; width: 163px; text-align: center; padding: 2px 0; border-radius: 3px;}
.F3 .tab ul li a {font-size: 14px;}
.F3 .tab ul li.hover { background-color: #ffffff; border: 1px solid #0894A1}
.F3 .tab ul li.hover a {color:#0894A1}

.F3 .b1 { width: 1180px; height: 270px; position: absolute; left: 0; }
.F3 .b1 .style3 {}
.F3 .b1 .style3 ul {}
.F3 .b1 .style3 ul li {display: inline-block; width: 190px; height: 240px; overflow: hidden;}
.F3 .b1 .style3 ul li span {display: none}
.F3 .b1 .style3 ul li a:first-child {display: block; width: 100%; height: 175px;border: 1px solid #f1f1f1; overflow: hidden;}
.F3 .b1 .style3 ul li a:first-child img {width: 100%; height: 100%;}
.F3 .b1 .style3 ul li a:nth-child(2) {display: block; font-size: 12px;text-overflow:ellipsis;white-space:nowrap; overflow: hidden; text-align: center;}


.F4 {height: 125px;}
.F4 .style82 {}
.F4 .style82 ul {}
.F4 .style82 ul li {display: inline-block; margin-right: 20px;}
.F4 .style82 ul li a { display: block; width: 200px; height: 60px; border: 1px solid #f1f1f1; text-align: center; padding: 10px 0;}
.F4 .style82 ul li a img { height: 40px;}
.F4 .style82 ul li b {display: none}

.bar { width: 50px; position: fixed; left:50%; bottom:50px; margin-left: 600px; background-color: #ffffff; border-radius: 5px;}
.bar ul {}
.bar ul li { width: 60px; height: 65px; margin-bottom: 1px; text-align: center; background-color: #0894A1; padding-top: 8px;}
.bar ul li i { display: block; width: 50px; height: 50px; font-size: 30px; text-align: center; color:#ffffff;}
.bar ul li img{ display: none;  width: 150px; height: 150px; position: absolute; right:-150px; top:0; border: 5px solid #ffffff;}
.bar ul li b {display: block; text-align: center; font-size: 12px;color:#ffffff; margin-top: -15px;}
.bar ul li:hover img {display: block;}