@charset "utf-8";
/* CSS Document */
/* 
湖北安防协会
By：liuyang
ICQ：1845676808
Date：2018/12/25
*/

/**common**/
html, body { min-width:1300px;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {padding:0; margin:0; font:14px \5FAE\8F6F\96C5\9ED1,Arial,Helvetica,sans-serif;}
table,td,tr,th{font-size:14px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clear{*zoom:1;}
.clear:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a { text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
.fl { float:left;}
.fr { float:right;}
input {outline:0px; -webkit-appearance:none;}

/**hb_tip**/
.hb_tip { width:100%; height: 40px; margin: 0 auto; padding: 0; background-color: #f5f5f5;}
.hb_tip .tip_main { width:1200px; height: 40px; margin: 0 auto; padding: 0;}
.tip_main .tip_l { width:600px; height: 40px; margin: 0; padding: 0; float: left;}
.tip_l ul li { height:40px; line-height: 40px; color: #8a8a8a; font-size: 12px; margin: 0 20px 0 0; cursor: pointer; float: left; position: relative;}
.tip_l ul li a { color:#8a8a8a;}
.tip_l ul li:hover, .tip_l ul li a:hover { color:#056dba;}
.tip_l ul li img.tip_tb, .tip_l ul li a img.tip_tb { display:block; width:24px; height: 24px; margin: 8px 4px 8px 0; padding: 0; float: left;}
.tip_main .tip_r { width:600px; height: 40px; margin: 0; padding: 0; float: right;}
.tip_r ul li { height:40px; line-height: 40px; color: #8a8a8a; font-size: 12px; margin: 0 20px 0 0; cursor: pointer; float: right;}
.tip_r ul li a { color:#8a8a8a;}
.tip_r ul li a:hover { color:#4599e2;}
.tip_r ul li span { color:#0981da; font-family: "Arial"; font-size: 24px; font-weight: bold;}
.tip_r ul li img, .tip_r ul li a img { display:block; width:24px; height: 24px; margin: 8px 4px 8px 0; padding: 0; float: left;}

.jq_hidebox { width:120px; height: 120px; margin: 0; padding: 6px 0 0; background: url(/images/ewm_bg.png) 0 0 no-repeat; position: absolute; left: 0; top: 34px; z-index: 999;}
.jq_hidebox .ewm { width:100px; height: 100px; overflow: hidden; margin: 10px auto; padding: 0;}
.ewm img { display:block; width: 100px; height: 100px; overflow: hidden; margin: 0 auto; padding: 0;}

/**hb_top**/
.hb_top { width:1200px; height: 120px; margin: 0 auto; padding: 0;}
.hb_top .hb_logo { width:490px; height: 70px; overflow: hidden; margin: 25px 0; padding: 0; float: left;}

.searchTxt{float: left; width: 299px; height: 38px; border: 1px solid #dfdfdf; border-right: 0; position: relative; z-index: 20; background: #fff; border-radius: 2px 0 0 2px;}
.searchTxt .radius{width:1px;height:1px;overflow:hidden;position:absolute;top:-2px;left:-2px;}
.searchTxtHover{float:left;width:299px;height:38px;border:1px solid #dfdfdf;border-right:0;position:relative;z-index:20;background:#fff;}
.searchTxtHover .radius{width:1px;height:1px;overflow:hidden;position:absolute;top:-2px;left:-2px;}
.searchTxt .searchMenu{float:left;}
.searchTxt .searchMenu .searchSelected{color:#4599e2;cursor:pointer;font-size:12px;height:38px;line-height:38px;padding:0 14px;width:40px; background: url(/images/jt_tb1.jpg) 44px 17px no-repeat;}
.searchSelected img { display:inline-block; vertical-align: middle; margin: 0 0 0 4px;}
.searchTxt .searchMenu .searchTab{display:none; position:absolute;top:38px;left:-1px;width:68px;border:1px solid #dfdfdf;border-top:0;background:#fff;height:60px;z-index:20;}
.searchTxt .searchMenu .searchTab li{width:68px;height:30px;line-height:30px;color:#989898;font-size:12px; text-align: center; cursor: pointer;}
.searchTxt .searchMenu .searchTab li.selected{background-color:#edf3fc;color:#0981da;}
.searchTxt input{float:left;border:0;background:#fff;color:#666; font-size: 12px; width: 190px; height: 28px; margin: 0; outline: medium none; padding: 5px 15px 5px 14px; border-left: 1px solid #dfdfdf;}
.searchBtn{float:left;}
.searchBtn button{background-position:0px 0px;border:0;color:#fff;cursor:pointer;float:left;font-size:16px;height:40px;text-indent:-9999px;width:60px; border-radius: 0 2px 2px 0; background: #056dba url(../images/ss_tb.png) center center no-repeat; border: none; outline: none; cursor: pointer;}

/**hb_nav**/
.hb_nav { width:100%; height: 50px; margin: 0 auto; padding: 0; background-color: #0981da;}
.navigation { width: 1200px; height: 50px; margin:0 auto; padding:0; list-style:none;}
.navigation li { float:left; width:100px; position:relative;}
.navigation li a { display:block; width: 100px; height: 50px; line-height: 50px; margin: 0; padding:0; text-decoration:none; text-align:center; text-transform:uppercase; color:#fff; font-size: 15px; text-align: center;}
.navigation li:hover, .navigation  li a:hover { color:#fff; background-color: #056dba;}
.navigation ul { position:absolute; left:0; display:none; margin:0; padding:0; list-style:none; z-index: 999; background-color: #056dba;}
.navigation ul li { width:100px; float:left; border-top:none;}
.navigation ul a { display:block; height:40px; line-height: 40px; padding:0; color:#fff; font-size: 12px; text-decoration:none; border-top:none;}
.navigation ul a:hover { background-color: #0981da;}

/**banner**/
#container { width: 100%; height: 400px; overflow: hidden;}
.sections,.section { height:100%;}
#container,.sections { position: relative;}
.section { background-color: #000; background-size: cover; background-position: 50% 50%; text-align: center; color: white;}

/**hb_main**/
.hb_main { width: 1200px; overflow: hidden; margin: 32px auto; padding: 0;}
.hb_lbt { width:520px; height: 430px; overflow: hidden; margin: 0; padding: 0; float: left;}
.Xcontent01 { width:520px; height: 430px; overflow: hidden; margin: 0 auto; padding: 0;}
.Xcontent06 { width:500px; height: 320px; overflow: hidden; margin: 0 auto; padding: 9px; border: 1px solid #dfdfdf;}
.Xcontent08 { width:520px; height: 87px; overflow: hidden; margin: 0 auto; padding: 3px 0 0;}
.Xcontent08 div { width:120px; height: 87px; overflow: hidden; margin: 0 13px 0 0; padding: 12px 5px 5px 5px; box-sizing: border-box; background: url(/images/lb_line1.png) bottom left no-repeat; cursor: pointer; float: left;}
.Xcontent08 div p { width:100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; position: relative;}
.Xcontent08 div p img { display:block; max-width: 100%; max-height: 100%; overflow: hidden; margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.Xcontent08 div:hover { background: url(/images/lb_line2.png) bottom left no-repeat;}

.hb_notice { width: 638px; height: 428px; overflow: hidden; margin: 0; padding: 0; border: 1px solid #dfdfdf; float: right;}
.hb_tit { width:100%; height: 48px; overflow: hidden; line-height: 48px; margin: 0 auto; padding: 0 39px 0 17px; box-sizing: border-box; background-color: #f5f5f5; border-bottom: 1px solid #dfdfdf;}
.hb_tit h3 { height:20px; line-height: 20px; color: #056dba; font-size: 16px; margin: 14px 0; padding: 0 0 0 18px; border-left: 4px solid #056dba; float: left;}
.hb_tit h3 span { display: inline-block; color:#999; font-family: "Arial"; font-size: 12px; margin: 0 0 0 10px;}
.hb_tit a { display:block; height: 48px; line-height: 48px; color: #0288d1; font-size: 12px; margin: 0; padding: 0; float: right;}
.hb_tit a img { display: inline-block; vertical-align:middle; margin: -2px 0 0 10px;}
.hb_list { width:100%; overflow: hidden; margin: 0 auto; padding: 10px; box-sizing: border-box;}
.hb_list ul li { width:100%; height: 41px; overflow: hidden; margin: 0; padding: 0 29px 0 39px; background: url(/images/dot1.png) 17px 18px no-repeat; box-sizing: border-box;}
.hb_list ul li:hover { background: url(/images/dot2.png) 17px 18px no-repeat;}
.hb_list ul li a { display:block; width:100%; height: 40px; line-height: 40px; color: #666; font-size: 14px; border-bottom: 1px dashed #eaeaea; margin: 0; padding: 0 80px 0 0; box-sizing: border-box;}
.hb_list ul li a span { display:inline-block; color: #999; font-family: "Arial"; font-size: 12px; float: right;}
.hb_list ul li a:hover { color:#056dba;}

.hb_list1 { width:100%; overflow: hidden; margin: 0 auto; padding: 10px; box-sizing: border-box;}
.hb_list1 .hb_img { width:160px; height: 236px; overflow: hidden; margin: 8px 0; padding: 0; background-color: #f8f8f8; position: relative; float: left;}
.hb_img img { display:block; max-width: 100%; max-height: 100%; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.hb_list1 ul { width:380px; float: right;}
.hb_list1 ul li { width:100%; height: 41px; overflow: hidden; margin: 0; padding: 0 10px 0 0; box-sizing: border-box;}
.hb_list1 ul li a { display:block; width:100%; height: 40px; line-height: 40px; color: #666; font-size: 14px; border-bottom: 1px dashed #eaeaea; margin: 0; padding: 0 80px 0 0; box-sizing: border-box;}
.hb_list1 ul li a span { display:inline-block; color: #999; font-family: "Arial"; font-size: 12px; float: right;}
.hb_list1 ul li a:hover { color:#056dba;}

.hb_main_l { width:780px; overflow: hidden; margin: 0; padding: 0; float: left;}
.hb_main_r { width:378px; height: 918px; overflow: hidden; margin: 0; padding: 0; border: 1px solid #056dba; float: right;}
.hb_news { width: 778px; height: 318px; overflow: hidden; margin: 0 auto 40px; padding: 0; border: 1px solid #dfdfdf;}
.hb_jfgl { width: 778px; height: 198px; overflow: hidden; margin: 0 auto; padding: 0; border: 1px solid #dfdfdf;}
.jfgl_list { width:100%; overflow: hidden; margin: 20px 0 0; padding: 0 0 0 39px; box-sizing: border-box;}
.jfgl_list ul li { width:160px; height: 110px; overflow: hidden; margin: 0 20px 0 0; padding: 0; float: left;}
.jfgl_list ul li a { display:block; width:160px; height: 56px; overflow: hidden; line-height: 28px; color: #fff; font-size: 16px; text-align: center; margin: 0; padding: 27px 0; background:url(/images/jfgl_bg.jpg) 0 0 no-repeat;}
/*.jfgl_list ul li a.jfgl1 { background:url(/images/jfgl_bg.jpg) 0 0 no-repeat;}
.jfgl_list ul li a.jfgl2 { background:url(/images/jfgl_bg.jpg) 0 0 no-repeat;}
.jfgl_list ul li a.jfgl3 { background:url(/images/jfgl_bg.jpg) 0 0 no-repeat;}
.jfgl_list ul li a.jfgl4 { background:url(/images/jfgl_bg.jpg) 0 0 no-repeat;}
.jfgl_list ul li a.jfgl1:hover { background:#2c8cf3;}
.jfgl_list ul li a.jfgl2:hover { background:#0fcbaa;}
.jfgl_list ul li a.jfgl3:hover { background:#f39809;}
.jfgl_list ul li a.jfgl4:hover { background:#fd395d;}*/

.fwpt_list { width:100%; overflow: hidden; margin: 20px 0 0; padding: 0 0 0 39px;}
.fwpt_list ul li { width:140px; overflow: hidden; margin: 0 20px 14px 0; padding: 0; float: left;}
.fwpt_list ul li a img { display:block; width: 140px; height: 80px; overflow: hidden; margin: 0 auto; padding: 0;}
.fwpt_list ul li a h3 { width: 140px; overflow: hidden; margin: 8px auto 0; padding: 0; color: #333; font-size: 14px; text-align: center;}
.fwpt_list ul li a.ser1:hover h3 { color:#308ef0;}
.fwpt_list ul li a.ser2:hover h3 { color:#08cba9;}
.fwpt_list ul li a.ser3:hover h3 { color:#f39809;}

.hb_user { width: 1198px; height: 278px; overflow: hidden; margin: 0 auto 32px; padding: 0; border: 1px solid #dfdfdf;}
.ly_scroll { width: 1140px; overflow: hidden; margin: 20px 0 0; padding: 0 19px 0 39px;}
.ly_scroll ul li { width: 208px; overflow: hidden; margin: 0 20px 0 0; padding: 0; float: left;}
.ly_scroll ul li a img { display: block; width: 208px; height: 160px; margin: 0 auto 10px; padding: 0;}
.ly_scroll ul li a h3 { width:100%; color: #333; font-size: 14px; text-align: center; margin: 0 auto; padding: 0;}
.ly_scroll ul li a:hover h3 { color:#0186d0;}

.hb_about { width:778px; height: 498px; overflow: hidden; margin: 0; padding: 0; border: 1px solid #dfdfdf; float: left;}
.ab_main { width:720px; overflow: hidden; margin: 40px auto 0; padding: 0;}
.ab_main img { display:block; width: 160px; height: 260px; margin: 0; padding: 0; float: left;}
.ab_main p { width:520px; overflow: hidden; margin: 0; padding: 0; line-height: 24px; color: #666; font-size: 14px; float: right; text-align: justify;}
.ab_main p span { color:#333; font-weight: bold;}
.ab_btn { width:100%; height: 70px; margin: 40px 0 0; padding: 0 0 0 39px; box-sizing: border-box;}
.ab_btn ul li { width:160px; height:70px; margin: 0 20px 0 0; float: left;}
.ab_btn ul li a { display:block; width: 160px; height: 70px; line-height: 70px; color: #455a77; font-size: 14px; font-weight: bold; background: url(/images/ab_btn_bg.png) 0 0 repeat-x; border-radius: 12px; margin: 0 auto; padding: 0; box-shadow: 0 10px 20px #f6f7f9; text-align: center;}
.ab_btn ul li a img { display:inline-block; vertical-align: middle; margin: 0 12px 0 0; padding: 0;}
.ab_btn ul li a:hover { box-shadow: 0 10px 20px #edf1fa;}

.hb_work { width:378px; height: 498px; overflow: hidden; margin: 0; padding: 0; border: 1px solid #dfdfdf; float: right;}
.work_main { width:374px; height: 446px; overflow: hidden; margin: 2px auto; padding: 0; background-color: #0186d0; position: relative;}
.work_main .example { width:374px; height:446px; overflow:hidden; margin:0; padding:0;}
.luara-left{position:relative;padding:0;overflow: hidden;}
.luara-left ul{position: relative;padding: inherit;margin: 0;}
.luara-left ul li{float: left;padding: inherit;margin: inherit;list-style: none;}
.luara-left ul li a { display:block; width:374px; height:446px; overflow:hidden; margin:0; padding:0; position:relative;}
.luara-left ul li img{width: inherit;height: inherit;}
.luara-left ul li h3 { width:334px; height:40px; overflow:hidden; line-height:40px; margin:0; padding:0 20px; color:#fff; font-size:13px; text-align: center; background-color:rgba(22, 35, 42, 0.5); position:absolute; bottom:0; left:0;}
.example ol{position:relative;width:40px;height:10px;bottom:60px;left:314px;}
.example ol li{float:left;width:6px;height:6px;margin:2px;background-color:rgba(255, 255, 255, 0.5); border-radius:3px; cursor:pointer;}
.example ol li.seleted{background-color:#fff;}

.hb_textl, .hb_textr { width:580px; height: 320px; overflow: hidden; margin: 0; padding: 0; border: 1px solid #dfdfdf;}
.hb_textl { float:left;}
.hb_textr { float:right;}

/**hb_link**/
.hb_link { width:1198px; height: 148px; overflow: hidden; margin: 0 auto 32px; padding: 0; border: 1px solid #dfdfdf;}
.lk_tit { width:148px; height: 148px; overflow: hidden; background-color: #f5f5f5; float: left;}
.lk_tit h3 { width:109px; overflow: hidden; color: #056dba; font-size: 16px; margin: 50px auto 0; padding: 0 0 0 39px;}
.lk_tit p { width:109px; overflow: hidden; color:#999; font-family: "Arial"; font-size: 12px; margin: 8px auto 0; padding: 0 0 0 39px;}
.lk_list { width:1050px; height: 148px; overflow: hidden; margin: 0; padding: 0;}
.lk_list ul li { width:100%; height: 50px; overflow: hidden; line-height: 49px; margin: 0; padding: 0; border-bottom: 1px dashed #eaeaea; box-sizing: border-box;}
.lk_list ul li a { display:inline-block; color:#666; font-size: 14px; margin: 0 0 0 40px; padding: 0;}
.lk_list ul li a:hover { color:#0186d1;}

/**hb_foot**/
.hb_foot { width:100%; overflow: hidden; margin: 0 auto; padding: 0; border-top: 4px solid #056dba;}
.hb_foot .ft_1 { width:100%; height: 70px; margin: 0 auto; padding: 0; background-color: #262626;}
.ft_1 .ft1_mid { width:1200px; height: 70px; overflow: hidden; margin: 0 auto; padding: 0;}
.ft1_mid ul { height:70px; margin: 0; padding: 0; float: left; border-left: 1px solid #595959;}
.ft1_mid ul li { width:96px; height: 70px; line-height: 70px; margin: 0; padding: 0; text-align: center; border-right: 1px solid #595959; float: left;}
.ft1_mid ul li a { color:#fff;}
.ft1_mid ul li a:hover { color:#0981da;}
.ft_copy { margin: 0; padding: 5px 40px 5px 0; float: right;}
.ft_copy p { height:20px; line-height: 20px; color: #666; font-size: 12px;}
.ft_copy p span { font-family:"Arial";}
.ft_copy p a { color:#666;}
.ft_copy p a:hover { color:#0981da;}
.ft_bottom { width:1200px; overflow: hidden; margin: 0 auto; padding: 24px 0; text-align: center;}
.ft_bottom a { color: #999; font-size: 12px;}
.ft_bottom a img { display:inline-block; vertical-align: middle; margin: -4px 8px 0 0;}


/**add**/
.recom { position: relative; display: block; width:1300px; margin: 0 auto;}
.flow-slide { width: 1200px; margin: 0 auto; overflow: hidden;}
.recom li { float: left; width: 232px; margin-right: 10px; overflow:hidden; position:relative;}
.recom li a { display: block; width:230px; height: 100px; overflow: hidden; margin: 0; padding: 0; border: 1px solid #dfdfdf; position: relative;}
.recom li a img { display:block; max-width: 100%; max-height: 100%; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.recom li a:hover { border: 1px solid #056dba;}
.recom .next { position: absolute; top: 50%; margin-top: -25px; width: 30px; height: 50px; background: url(/images/icons.png) no-repeat;}
.recom .l_next { left: 0; background-position: 0 0;}
.recom .l_next:hover { background-position: 0 -50px;}
.recom .r_next { right: 0; background-position: 0 -100px;}
.recom .r_next:hover { background-position: 0 -150px;}
.recom .m_content li{ text-align: center;}

/**专题**/
.ly_sp { width:1200px; overflow: hidden; margin: 32px auto; padding: 0;}
.ly_sp ul li { width:232px; overflow: hidden; margin: 0 10px 0 0; padding: 0; float: left;}
.ly_sp ul li:last-child { margin:0;}
.ly_sp ul li a { display:block; width:232px; height: 120px; overflow: hidden; margin: 0 auto; padding: 0; background-color: #056dba; position: relative;}
.ly_sp ul li a img { display:block; max-width: 100%; max-height: 100%; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;}
.ly_sp ul li a em { display:block; width:232px; height: 120px; overflow: hidden; line-height: 120px; color: #fff; font-size: 16px; text-align: center; position: absolute; left: 0; top: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.5);}
.ly_sp ul li p { width:210px; height: 66px; overflow: hidden; line-height: 22px; margin: 0 auto; padding: 6px 10px; color: #666; font-size: 12px; text-align: justify; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }