﻿﻿*{padding: 0;margin: 0}

a{text-decoration: none;}
body{width: 100vw;height: 100vh; background:#041754;font-family:"Microsoft YaHei", "微软雅黑", "宋体", sans-serif;}
li{list-style: none;}

.hide{display:none;}
.layer_abs{position: absolute; z-index: 5;}




::-webkit-scrollbar {
    width: 20px; /*对垂直流动条有效*/
    height: 20px; /*对水平流动条有效*/
}

/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track{
    background-color:#074884;
}


/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb{
    background-color: #206FB8;
}

/*定义两端按钮的样式*/
::-webkit-scrollbar-button {
    height: 0px;
    background-color:#074884;
}

/*定义右下角汇合处的样式*/
::-webkit-scrollbar-corner {
    background:khaki;
}

body .policeSkin .layui-layer-title{background:#09266C; color:#fff; border: none;}
body .policeSkin .layui-layer-content{background: #075091}
body .policeSkin .layui-layer-btn{background: #075091}
body .policeSkin .layui-layer-btn a{background:#333;}
body .policeSkin .layui-layer-btn .layui-layer-btn1{background:#999;}
body .policeSkin .layui-layer-setwin .layui-layer-close1{background: url(../images/gIco_05.png); width: 20px; height: 19px;;}


.container{width: 1920px; height: 1080px; margin:auto; position: relative;overflow: hidden;}

/* 主页 */
.home_page{background: url(../images/home_bg.jpg) center center no-repeat; position:absolute;left: 0; top: 0; z-index: 99;}
.home_enter{position: absolute; width: 100%; text-align: center; top: 820px; left: 0; }

/* 主菜单 */
.main_bg{background: url(../images/main_bg.jpg) center center no-repeat;}
.main_btn_list{ margin:0 auto; text-align: center; padding-top: 262px;}
.main_btn_list a{margin: 0 70px 20px 0;width: 520px !important;overflow: inherit;}
.main_btn_list .li{ left:65px !important;}
.main_btn_list .subtitle{ left:170px !important;}
.main_btn_list .title{ left:170px !important;}
.main_btn_list a:after{ content:" "; position:absolute; right:-45px; width:45px;height: 135px;background:url(../images/btn01.png) right;}
.main_btn_list a:active:after{background:url(../images/btn01_hover.png) right !important;}
.main_btn_list .on:after{background:url(../images/btn01_hover.png) right !important;}


/* 第一种按钮 */
.btn01{width:700px; height:135px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;background:url(../images/btn01.png);position:relative;}
.btn01 span{position: absolute;}
.btn01 .li{width: 77px;height: 77px; left:107px ; top: 32px; line-height: 77px; color:#22B6D8;font-size: 32px; background: url(../images/btn01_li.png);font-family: fantasy;}
.btn01 .title{left: 206px; top: 31px; color:#1FBDFF; font-size: 40px;}
.btn01 .subtitle{left: 206px; top: 85px; color: #01FFFF; font-size:20px;}
.btn01:active, .btn01.on{background: url(../images/btn01_hover.png) !important;}
.btn01:active .title, .btn01.on .title{ background-image:-webkit-linear-gradient(left,#01FFFF,#d5e000,#E3BF2C); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

/* 第二种按钮 */
.btn02{width: 381px;height: 175px;overflow:hidden; text-overflow:ellipsis; background: url(../images/btn02.png) rgba(12,31,111,0.4);text-align: center;color: aquamarine;font-size:32px; box-sizing:border-box; padding: 0 30px;}
.btn02.on{background-color: rgba(29, 67, 173,0.4)}

.btn03{width: 808px; height:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; background: url(../images/btn03.jpg); text-align: center;color: #22B6D8;font-size:32px; box-sizing:border-box; padding: 0 30px;line-height: 130px; display: inline-block }
.btn03.on{ background-position-y: bottom}

.btn04{width: 1074px; height:114px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; background: url(../images/btn04.png); text-align: center;color: #22B6D8;font-size:32px; box-sizing:border-box; padding: 0 30px;line-height:114px; display: inline-block }
.btn04.on{ background-position-y: bottom}


/* 窗口 */
.window{overflow: hidden;}

/* 第一种窗口样式 */
.window01{background:url(../images/window1.png) center center no-repeat;width:1809px;height:797px; margin:262px auto 0 auto;position: relative;}
.window01 .console{width: 320px;height: 40px;line-height: 40px;left: 750px;top: 723px; position: absolute;}
.window01 .console a{width:50%; color:#01FFFF; font-size:20px; float: left; text-align: center;font-family:Arial, Helvetica, sans-serif }
.window01 .console a .iconfont{font-size:24px;}
.window01 .w_container{padding:35px; height:720px; overflow:hidden;width:100%;box-sizing: border-box;}


/* 警务人员公示 */
.flex-container{display: -webkit-flex;display: flex;flex-wrap: wrap; justify-content:space-around; align-items:stretch;-webkit-box-align:center;-webkit-align-items:center;}

/* 文字垂直居中 */
.align-center-vertical{display: flex;justify-content: space-around;flex-direction: column; line-height: 1.5;}

/* 警务人员公示 */
.PoliceWindow{width:1673px; height:677px; position: absolute; background: url(../images/PoliceWindow.png) -141px -317px;left:80px; top:55px; }
.PoliceWindow .dwlist{position: absolute;left:14px;top:16px; width: 448px; height: 600px;}
.PoliceWindow .dwlist .Title{height: 65px; line-height: 62px; overflow: hidden; text-align: center; font-size: 28px; color: #01FFFF;}
.PoliceWindow .uiList{height: 535px; overflow: hidden;overflow-y: auto;}
.PoliceWindow .dwlist .uiList a{width:384px; height:66px ; line-height: 66px; color: #01FFFF; font-size: 20px; display: block; margin: 30px auto;background:url(../images/PoliceWindow.png) -143px -14px;text-align: center;  }
.PoliceWindow .dwlist .uiList a.on{background-position:-143px -89px; }
.PoliceWindow .Policelist{position: absolute; width: 1110px; height: 600px; left: 525px;top: 16px;;}
.PoliceWindow .Policelist .Title{height: 65px; line-height: 62px; overflow: hidden; text-align: left; text-indent: 60px; font-size: 28px; color: #01FFFF;}

.Policeitem{width:968px; height:227px ; display: block; margin:20px auto;background:url(../images/PoliceWindow.png) -651px -9px;box-sizing: border-box;padding: 21px 20px 0 26px;}
.Policeitem>div{float: left;height:192px;}
.Policeitem .photo{width: 150px;}
.Policeitem .photo img{width: 126px; height: 183px; padding: 4px; border: solid 1px #5388B8;box-shadow: 0px 0px 5px rgba(255,255,255,0.3);}
.Policeitem .weixin{width: 160px; text-align: center}
.Policeitem .weixin img{width: 135px;height: 135px;margin:17px auto 0 auto;display: block;}
.Policeitem .weixin span{line-height:40px;font-size:16px;color:#3EB5F9; }
.Policeitem .txtlist{width:612px;}
.Policeitem .txtlist ul{ height: 192px; display:flex; flex-wrap: wrap; align-content: space-around;font-size: 18px;}
.Policeitem .txtlist li{float: left;width: 50%;color: #AAC5EA; height: 40px; line-height: 40px;}
.Policeitem .txtlist li span{color:#C6C570;}
.Policeitem .txtlist li.fujing b{font-weight: 500;}
.Policeitem .txtlist li.fujing b:after{content:'联系他'; display: inline-block; background: #F19144;height: 18px;padding:5px 15px;margin-left:10px;line-height:18px; font-size: 14px;color: #fff;border-radius: 10px;}
.Policeitem .txtlist li.lingdao b{font-weight: 500;}
.Policeitem .txtlist li.lingdao b:after{content:'联系他'; display: inline-block; background:#3EB5F9;height: 18px;padding:5px 15px;margin-left:10px;line-height:18px; font-size: 14px;color: #fff;border-radius: 10px;}
.Policeitem .txtlist li:nth-child(odd){width: 60%;}
.Policeitem .txtlist li:nth-child(even){width: 40%;}




/* 新闻列表 1809px */
.newsList{position: absolute; left:17px; top: 21px; ; width: 1788px; height:700px ; overflow: hidden; overflow-y: auto;    text-align: center; }
.newsList .btn03{ margin: 30px 30px 0px 30px; display: inline-block;}
.newsList .btn04{ margin-top: 30px; display: inline-block;}

#newsList .newsInfo{position: absolute; left:1826px; top: 21px; ; width: 1788px; height:700px ; overflow: hidden; overflow-y: auto;}
#newsList .newsInfo .Title{text-align: center;height: 76px;line-height: 76px;margin: 20px 0;}
#newsList .newsInfo .Title::before,
#newsList .newsInfo .Title::after{content: '.';text-indent: -99999px; width:200px;display:inline-block;height: 76px; overflow: hidden; }
#newsList .newsInfo .Title::after{background: linear-gradient(to right,  #0486b5 0%,#0486b500 100%);}
#newsList .newsInfo .Title::before{background: linear-gradient(to right,  #0486b500 0%,#0486b5 100%);}
#newsList .newsInfo .Title span{background: #0486B5;display: inline-block; font-size: 28px;height: 76px;line-height: 76px;overflow: hidden; color: #fff;}
#newsList .newsInfo .Content{line-height: 1.5 !important;font-size: 20px !important; color:#6DD5FF !important; padding: 0 20px; }
#newsList .FindPoliceBtn{display:none;}
#newsList .FindPolice .Content{height: 500px; overflow: hidden; overflow-y: auto;}
#newsList .FindPolice .FindPoliceBtn{width:233px; height: 58px;text-align: center;line-height: 58px; color: #fff; background: url(../images/btn06.png);margin: 0 auto; display: block;text-shadow: 0 0 25px #ffffff; font-size: 24px;}

/* 图文 1809px */
#Single .Single{position: absolute; left:17px; top: 21px; ; width: 1788px; height:700px ; overflow: hidden; overflow-y: auto;  }


#zxpj{ padding: 5% 10%; box-sizing: border-box;}
.formTable{width: 100%; border-collapse: collapse;}
.formTable th,.formTable td{padding: 20px 10px; font-size: 24px; vertical-align: text-top;border-bottom: solid 2px rgba(255, 255, 255, 0); line-height:40px;height:40px; color: #fff;overflow: hidden;}

.formTable th{text-align:right;width:40%;background: linear-gradient(to right,  #0486b500 0%,#0486b5 100%);}
.formTable td{background: linear-gradient(to right,  #0486b5 0%,#0486b500 100%);}
.formTable td label{display: inline-block;padding: 0 20px 0 10px;height:40px;}
.formTable td label input{height: 30px;width: 30px; margin: 5px 10px 5px 0;float: left;}
.formTable #jinghao,.formTable #lxdh{ height: 30px;font-size: 24px; word-spacing:25px;width: 200px;padding: 5px;border: 0;background: rgba(255,255,255,0.4);letter-spacing: 10px; text-align: center; border: solid 1px rgba(255, 255, 255, 0.5);}
.formTable #zxpjSumit{width: 150px; height: 46px; background:url(../images/btn07.png) rgba(16, 87, 134, 0.35); line-height: 46px; text-align: center;color:#fff; border: 0; font-size: 24px;text-shadow: 0 0 6px #fff; box-shadow: 0 0 2px #000;}

.formTable #lxdh{ width:300px;}

.winTitle{text-align: center;height: 42px;line-height: 42px;    padding-bottom: 30px;}
.winTitle::after,.winTitle::before{content: ".";text-indent:-9999px;display: inline-block;width: 161px; height: 42px; overflow: hidden;background: url(../images/title_bg.png);background-position-x: right;}
.winTitle::before{background-position-x: left;}
.winTitle span{ display: inline-block; line-height: 32px; height: 42px; overflow: hidden; font-size: 32px; color: #6DD5FF; padding: 0 20px;}

#bmyyytr{display: none;}

#OrgWindow.PoliceWindow .Policelist .uiList{font-size: 24px;color: #fff;line-height: 2;padding: 50px 100px;box-sizing: border-box;}


#numKeyBoard-box input{letter-spacing: 5px !important;}
