
/*
    FvceCMS 模板辅助样式表（本样式表需要与基础样式表FvceDefault.css加载后使用）

    使用宗旨：
    1、全局零部件及公共框架等内容归基础样式表负责，例如：广告样式、区块列表样式、二级页面列表样式、二级三级页面框架样式、各类提示框等
    2、模板个性化设计归本样式表负责，例如：模板首页布局、页面页脚个性化布局等
background-image: url('topbg.png'); background-position:center center; position: relative; 
*/



.public_head{ width:100%;min-width:1180px; height:120px; background-position:center center; background-color: #f1f1f1; }
.public_head article { width:1180px;height:auto; position: relative;}
.public_head article .head_left { width:450px; height:65px; float:left; margin-top:40px;}
.public_head article .head_left .logo { width:570px; height:35px; float:left; color:#004ea2; font-size:18px; overflow:hidden;}
.public_head article .head_left .logo img { height:100%; float:left; display:block; margin-right:10px;}
.public_head article .head_left .logo span { display:none; float:left; margin-top:40px;border-radius:3px; padding:0 5px;font-size:12px;}
.public_head article .head_left .logo_ext { width:100px; height:40px; float:left;color:#ffffff; font-size:18px;}

/*页眉右侧大区*/
.public_head article .sitetel { font-size: 30px; color:#ffffff; position: absolute; bottom:10px; right:10px;}


/*【右侧大区】 搜索*/
.public_head article .TopSearch {width:300px; height:40px; margin-right:0;position: absolute; top:40px; right: 0; background-color: #ffffff; border-radius: 20px;}
.public_head article .TopSearch input { display:block; width:200px; height: 40px; background:none; border:0; text-indent: 10px;position: absolute; left:10px; }
.public_head article .TopSearch i { display:block; height:30px; font-size:18px; line-height:40px; text-align:center;cursor:pointer; color:#03a3a8;position: absolute; right:20px;}


/*【模式1】页眉右侧导航布局 顶部链接*/
.public_head article .head_right .TopLink { margin-bottom:5px;}
.public_head article .head_right .TopLink ul  { width:100%; height:30px; text-align:right; margin-bottom:20px;}
.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:block;width:100%; color:#004ea2; font-size:20px;text-align:right; }
.searchBar { width:250px; height:30px; border:1px solid #b8b8b8; margin-right:0;}
.searchBar input { display:block; float:left; width:200px; background:none; border:0; }
.searchBar i { display:block; height:30px; font-size:18px; line-height:28px; text-align:center;cursor:pointer; color:#004ea2}

/*【模式2】页眉右侧导航布局 下拉导航*/
.TopMenu {width:900px;min-width:900px; height:45px; float:right;background:rgba(0,0,0,0);}
.TopMenu ul { height:50px; text-align:right;}
.TopMenu ul li { display:inline-block; width:130px;text-align: center;line-height:44px;position: relative;z-index:9999;}
.TopMenu ul li a {color:#333333;}
.TopMenu ul li:hover {border-bottom: 3px solid #ff8f0a }
.TopMenu ul li:hover a {color:#ff8f0a;line-height:30px;}
.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;}
.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;}

/*顶部浮动导航实例*/
#TopFloatMenu { display:none; width:100%; height:50px; background:rgba(0,0,0,0.7);position:fixed;top:0;z-index:9999; color:#ffffff;}
#TopFloatMenu article h1 { width:250px; float:left; color:#ffffff; line-height:49px; font-size:18px; }
#TopFloatMenu article { width:1180px; height:50px;}
#TopFloatMenu article .TopMenu ul li a  { color:#ffffff;}

/* ==================================================== 全局导航样式汇总 ====================================================*/
nav { width:100%;min-width:1180px;background:#cd0000; margin-bottom: 10px }
nav a {color:#ffffff; width:100%; height:100%; font-size:14px;}
nav a:hover {color:#ffffff}

/*一类：标准导航*/
nav a {color:#ffffff;}nav .menu_style_1 {width:1200px;}
nav .menu_style_1  ul{}
nav .menu_style_1  ul li {width:110px;display:inline-block;text-align: center;line-height:40px;}
nav .menu_style_1  ul li:hover {background-color:#cd0000}
nav .menu_style_1  span{float:right;line-height:40px;}

/*二类：垂直下拉*/
nav .menu_style_2 {width:1180px;height:40px; color:#ffffff; }  

/*主容器*/
nav .menu_style_2 ul {}
nav .menu_style_2 ul li  { display:inline-block; width:150px; text-align:center; line-height:40px; border-right:1px solid #bb1f00;}
nav .menu_style_2 ul li:last-child { border:0;}
nav .menu_style_2 ul li a { display:block; width:150px; color:#ffffff;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; text-align:center; font-size: 16px}
nav .menu_style_2 ul li:hover {color:#ffffff; background:#aa0c0c;}
nav .menu_style_2 ul li { float: left;  position: relative;z-index:999;text-align:center;}
nav .menu_style_2 ul li:hover ul { display:block;z-index:1;}
nav .menu_style_2 ul li ul {position: absolute; display:none;background:rgba(0,0,0,0.8); width:150px; z-index: 9999;}
nav .menu_style_2 ul li:hover ul li { display:block; border-bottom:1px solid #d9d9d9; width:100%; height:40px; line-height:40px;border-right:0px;}
nav .menu_style_2 ul li:hover ul li a { width:100%; font-size:12px; color:#ffffff; padding:0 5px;}
nav .menu_style_2 ul li:hover ul li:hover a { color:#ffffff;}
nav .menu_style_2 ul li ul li:nth-last-child(1) {border-bottom:0}
nav .menu_style_2 ul li:hover ul li ul { display:none;}

/*经典页脚*/
.site_bottom_1 {width:100%; min-width:1180px; height:150px;color:#686868; border-top:3px solid #cd0000; background:#ffffff;}
.site_bottom_1 .nav{ display:none; width:100%; height:40px; background:#333333;}
.site_bottom_1 .nav ul { text-align:center;}
.site_bottom_1 .nav ul li { display:inline-block; line-height:40px; margin-right:20px;}
.site_bottom_1 .nav ul li a { color:#ffffff;}
.site_bottom_1 article { width:1180px; height:150px; padding:10px 0; margin:0 auto; padding-top:30px;}
.site_bottom_1 .B1{width:150px; height:100px; float:left; text-align: center}
.site_bottom_1 .B1 img {width: 70px;}
.site_bottom_1 .B1 ul{}
.site_bottom_1 .B1 ul li{ line-height:60px}
.site_bottom_1 .B1 ul li input {height:40px;}
.site_bottom_1 .B2 {width:660px; height:100px;text-align:left; line-height:22px; font-size:12px; float:left;}
.site_bottom_1 .B2 a { font-size:12px; color:#686868}
.site_bottom_1 .B3{width:250px; height:100px; text-align:right; float:right; }
.site_bottom_1 .B3 ul {text-align: center;}
.site_bottom_1 .B3 ul li {display: inline-block;}
.site_bottom_1 .B3 ul li img {display: block; width:80px; height:80px; border:5px solid #ffffff; box-shadow: 0px 0px 10px 3px #d9d9d9; margin-bottom: 5px;}
.site_bottom_1 .B3 ul li b {display: block; font-size: 12px; text-align: center;}
/*==============================================================个性化首页布局==============================================================*/

.bit .style2 ul li span {font-size: 16px}
.bit .style212 ul li a {display: block; width: 100%; height: 50px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;  font-size: 34px; color: #0d8b97; font-weight: bold; line-height: 50px; text-align: center;}


.TopBanner { width:100%; min-width:1180px; position: relative;z-index: 900;}
.ClassTopBanner {height: 100px; background:#f1f1f1; position: relative;z-index: 900; top:-10px; background-image: url(class_banner.png); background-position:center center}

.HomeBanner .Pl6_Bar {bottom:0px;}
.HomeBanner .Pl6_Bar ul li { width: 20px; height: 10px; border-radius:0; background:rgba(255,255,255,0.5)}

.HomeBox {}
.HomeBox section { width: 1180px;position: relative; z-index:1; overflow: hidden; background-color: #ffffff;}
.HomeBox section main { width: 1160px;}

.F0 { margin: 0px auto; padding-top: 10px; }

.F1 {height: 320px; padding-top: 10px;}
.F1 .PicPlay {width: 540px; height: 300px; background: #f1f1f1; float: left;}
.F1 .NewsBox {width: 600px; height: 300px; border: 1px solid #f1f1f1; float: right;}
.bit .lt_tab {height: 45px;background: linear-gradient(rgb(242, 243, 245) 0px, rgb(255, 255, 255) 100%);}
.bit .lt_tab ul li {width: 148px; height: 45px ; line-height: 45px}
.bit .lt_tab ul li a {color: #ffffff; font-size: 16px;}
.bit .lt_tab ul li.hover a{color: #ffffff;}

.bit .lt {height: 45px;background: linear-gradient(rgb(242, 243, 245) 0px, rgb(255, 255, 255) 100%);}
.bit .lt h3 {background-color: #cd0000; width: 150px; height: 45px; line-height: 45px; font-size: 15px;}

.F1 .NewsBox.bit .style2 {width: 560px;}
.F1 .NewsBox.bit .style2 ul li {height: 40px;}
.F1 .NewsBox.bit .style2 ul li a {font-size: 16px; line-height: 39px;}


.HomeBox .F2 {width: 1180px; height: 150px; background-color: #ffffff; padding-top: 10px; }


.F3 { height: 350px;  }

.F3 main .LeftBox {width: 500px; height: 200px; position: absolute; z-index:10; top:10px; left: 10px; border: 1px solid #f1f1f1;}
.F3 main .LeftBox .lt h3 i {color: #ffffff; margin-right: 10px;}

.F3 main .LeftBox.a {height: 170px; top:10px; left: 10px; padding: 20px;}
.F3 main .LeftBox.b {height: 130px; top:200px;left: 10px; padding: 20px;}
.F3 main .LeftBox.c {height: 250px; top:310px;left: 10px; padding: 20px;}

.F3 main .RowList ul li { display: inline-block; width: 22%; height: 40px; margin-left: 10px; position: relative;}
.F3 main .RowList ul li a {font-size: 14px; line-height: 40px;position: absolute; left:15px}
.F3 main .RowList ul li a:before { content:'\f10c'; margin-right: 5px; font-size: 10px; color: #cecece;position: absolute; top:0; left:-20px}

.F3 main .RightBox {width: 640px; height: 320px; position: absolute; top:10px; right:10px; border: 1px solid #f1f1f1;padding: 20px;}
.F3 main .RightBox.bit .style2 {width: 600px;}
.F3 main .RightBox.bit .style2 ul li {height: 39px;}
.F3 main .RightBox.bit .style2 ul li a {font-size: 16px; line-height: 38px;}

.F3 .bit .lt {height: 45px;background: linear-gradient(rgb(242, 243, 245) 0px, rgb(255, 255, 255) 100%);}
.F3 .bit .lt h3 {width: 180px; height: 45px ; line-height: 45px; font-size: 15px;}
.F3 .bit .lt span {position: absolute; top:30px; right:20px}
.F3 .bit .lt span.login {border:1px solid #015bc4; padding: 5px 8px; border-radius: 3px;}
.F3 .bit .lt span.login i {color: #ffffff; margin-right: 10px;}
.F3 .bit .lt span.login a {color: #015bc4;}
.F3 .bit .lt span.login:hover {background-color: #015bc4;}
.F3 .bit .lt span.login:hover a {color: #ffffff;}
.F3 .c {}
.F3 .c .style211 ul {}
.F3 .c .style211 ul li { position: relative;}
.F3 .c .style211 ul li a { width:370px; font-size: 16px; line-height: 16px; position: absolute; left:80px;color: #325c81;}
.F3 .c .style211 ul li p { width:370px; height: 35px; position: absolute; left:80px; top:25px; line-height: 18px;}

.F3 .c .style211 ul li span {width: 55px; height: 55px; border: 1px solid #b1c0ce;position: absolute; left:10px; top:5px; padding: 0; border-radius: 3px;}
.F3 .c .style211 ul li span:first-child pre:first-child {margin-top: 3px; color: #738a9e;}
.F3 .c .style211 ul li span:first-child pre:last-child {color: #b1c0ce;}


.F4 main {height: 130px;border: 1px solid #f1f1f1;padding: 20px;}

.F4 .bit .style304 ul li {position: relative; height: 180px;}
.F4 .bit .style304 ul li a:nth-child(1) {display: block; width: 150px; height: 50px; text-align: center; }
.F4 .bit .style304 ul li a:nth-child(1) img {max-width: 100%;}

.F4 .bit .style304 ul li a:nth-child(2) {display: none; text-align: center;  bottom: 0;}
.F4 .bit .style304 ul li span {display: none;}

.QR_float {position: fixed; bottom:20px; left:50%; margin-left: 600px; width: 100px; height: 150px;}
.QR_float img {width: 100px; height: 100px; border: 5px solid #ffffff;}
.QR_float span { display: block; font-size: 12px; text-align: center}

/*3985bb*/
#nav { background-color:#cd0000; }
#nav ul li:hover {background-color: #cd0000;}
.F3 .bit .lt h3 { background-color:#cd0000; }
.bit .lt_tab li.hover { background-color:#cd0000; }

.F5 main {height: 150px;border: 1px solid #f1f1f1;padding: 20px;}
.F5 .bit .style304 ul li {position: relative; height: 60px;}
.F5 .bit .style304 ul li a:nth-child(1) {display: block; width: 200px; height: 60px; text-align: center; overflow: hidden;  border: 1px solid #f1f1f1;}
.F5 .bit .style304 ul li a:nth-child(1) img {max-width: 100%;}

.bit .lt_tab li.hover {font-weight: normal; }
.bit .lt_tab ul li a {font-size: 15px;}
.bit .style212{background: linear-gradient(rgb(242, 243, 245) 0px, rgb(255, 255, 255) 100%)}

#servbox {display: none; width: 600px; height: 500px; background-color: rgba(238, 238, 238, 0.95); position: absolute; left:550px; top:30px; z-index: 99999;}
#servbox i {color: #ffae00; font-style: normal; font-size: 30px;position: absolute; right:-5px; top:-13px; cursor: pointer;}
#servbox .cont {text-align: center; margin-top: 50px;}
#servbox .cont img {display: block; width: 200px; border: 5px solid #ffffff; margin-bottom: 20px;}
#servbox .cont b {}
