@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
input,
select,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block;

}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: 0;
    vertical-align: top
}

ol,
ul {
    list-style: none
}

a {
    text-decoration: none;
    color: #000;
    transition: color .5s linear;
}

a:hover {
    text-decoration: none;
    color:#369;
}


.tal {
    text-align: left
}

.tac {
    text-align: center
}

.tar {
    text-align: right
}

.bc {
    margin-left: auto;
    margin-right: auto
}

.fl,
.fr {
    display: inline
}

.fl {
    float: left
}

.fr {
    float: right
}

.cb {
    clear: both
}

.cl {
    clear: left
}

.cr {
    clear: right
}

.clearfix {
    overflow: hidden;
    zoom: 1
}

.hide {
    visibility: hidden
}

.none {
    display: none
}

.w1440 {
    clear: both;
    width: 1440px;
}

.wauto {
    margin: 0px auto;
}

.hauto {
    overflow: hidden;
    zoom: 1;
}

.pb {
    padding-bottom: 10px;
}

.pb35 {
    padding-bottom: 35px;
}

.pb10 {
    padding-bottom: 10px;
}

.pt30 {
    padding-top: 30px;
}

.pb24 {
    padding-bottom: 24px;
}

.bt1px {
    border-top: 1px solid #e4a6c1;
}


.animate-link a:hover {
    background-size: 100% 1px;
}
.animate-link a {
    background: linear-gradient(to right, #369, #36B) no-repeat left bottom;
    background-size: 0 1px;
    transition: background-size 0.7s;
}

/* ********************************************************************************* */
.daohang_bg ul li a:link,
.daohang_bg ul li a:visited {
    color: #263872;
    text-decoration: none;
}

#nav05 .title a:link,
#nav05 .title a:visited {
    color: #263872;
    text-decoration: none;
}

#nav05 p i a:link,
#nav05 p i a:visited {
    color: #d90000;
    text-decoration: none;
}

p a:link,
p a:visited {
    color: #d90000;
    text-decoration: none;
}

#nav05 p a:link,
#nav05 p a:visited {
    COLOR: #666;
    TEXT-DECORATION: none;
    transition: color .5s ease-in-out;
}

#nav05 p a:hover {
    text-decoration: underline;
}

#nav05 p i a:link,
#nav05 p i a:visited {
    color: #d90000;
    text-decoration: none;
}

p {
    color: #666666;
    font-size: 12px;
    text-indent: 2em;
}

.ba a:link,
.ba a:visited {
    color: #8c8d8f;
    text-decoration: none;
}

.ba .ck:link,
.ba .ck:visited {
    color: #ffffff;
    text-decoration: none;
}

#nav14 ul li a:link,
#nav14 ul li a:visited {
    color: #ffffff;
    text-decoration: none;
}

#nav15 .pic .images a:link,
#nav15 .pic .images a:visited {
    color: #ffffff;
    text-decoration: none;
}

#nav16 .pic .images a:link,
#nav16 .pic .images a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* ************************************************************************************** */
html {
    min-width: 1440px;
}

body {
    font-family: 'Microsoft YaHei', '微软雅黑';
    font-size: 14px;
    color: #000;
    line-height: 20px;
    -webkit-text-size-adjust: 100%;
}


#nav01 {
    color: #FFF;
    line-height: 53px;
    background: #122d57;
    height: 53px;
    background: url(top01.jpg) no-repeat top center;
}

#nav01 ul {
    font-size: 16px;
    color: #c8e2f6;
}

.logo {
    margin-top: 23px;
}

.WCpic {
    width: 883px;
    height: 115px;
    overflow: hidden;
    margin-left: 45px;
}

.WCpic img:first-child {
    margin-bottom: 5px;
}


.button1 {
    background: url(button1.png) no-repeat;
    width: 21px;
    height: 26px;
    border: none;
}

#nav02 ul {
    margin-top: 40px;
}

#nav02 ul li {
    height: 28px;
    line-height: 28px;
}

#nav02 ul li:first-child {
    /* background: url(mob.png) no-repeat right; */
    padding-right: 26px;
    margin-bottom: 5px;
    text-align: right;
    color: #2e588c;
}

/* 导航 */
.daohang_bg {
    background-color: #e5f0fd;
    width: 100%;
    height: 95px;
}

.daohang_bg ul li {
    width: 80px;
    margin-right: 40px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    color: #264971;
    font-size: 18px;
    margin-top: 5px;
    cursor: pointer;
}

.daohang_bg ul .button2 {
    /* background: url(button1.png) no-repeat; */
    background-image: linear-gradient(to bottom right, #6db5f8, #267ecf);
    border-radius: 8px;
    /* width: 21px;
    height: 26px; */
    border: none;
    color: #d3e8fe;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 35px;
    height: 35px;
    margin-top: 10px;
    width: 90px;
}

.daohang_bg ul li:nth-child(18) {
    width: 133px;
}

.daohang_bg ul li:nth-child(19) {
    padding-left: 15px;
    padding-right: 15px;
    width: 100px;
}

.daohang_bg ul .difangan {
    margin-top: 4px;
    margin-left: -1px;
    /* margin-right:3px; */
    padding-bottom: 5px;
    padding-right: 31px;
    margin-right: 8px;
    border-left: 1px #c9dcf2 solid;
    border-top: 1px #c9dcf2 solid;
    border-right: 1px #c9dcf2 solid;
    border-radius: 10px 10px 0px 0px;
    background-color: #ffffff;
    box-shadow: 0 -8px 8px 0 #d2e5fc, 0 -8px 8px 0 #ddebfb !important;
}

.daohang_bg ul li i {
    width: 12px;
    height: 7px;
    border-bottom: none;
    /* border: 6px solid transparent; */
    /* border-top-color: #6fb0ff; */
    margin-top: 18px;
    margin-left: 10px;
    position: absolute;
    background: url("d.png") no-repeat;


    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;

}

.daohang_gd {
    width: 100%;
    /* height: 60px; */
    height: 0;
    line-height: 60px;
    color: #478dcf;
    font-size: 18px;
    display: none;

}

.daohang_gd ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.daohang_gd ul li {
    float: left;
}

.daohang_gd ul li:hover {
    transition: all 0.3s;
    font-size: 22px;
    font-weight: 700;
}

.daohang_gd ul li:nth-child(1) {
    margin-left: 80px;
}

.daohang_gd ul li:last-child {
    margin-right: 80px;
}

.daohang_gd a {
    color: #478dcf;
}

/* 导航end */

/* 广告1 */
#nav04 {
    background-color: #fff;
    padding-top: 20px;
}

#nav04 ul {
    background-color: #fff;
}

#nav04 ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#nav04 li {
    width: 470px;
    height: 90px;
}

#nav04 li img {
    width: 470px;
    height: 90px;
    border: 0;
}

/* 广告1 end*/

/* 头条 */
#nav05 .title {
    width: 100%;
    height: 74px;
    line-height: 74px;
    text-align: center;
    color: #263872;
    font-weight: bold;
    font-size: 48px;
    text-align: center;
    margin-top: 0.3em;

}

#nav05 p {
    color: #979797;
    font-size: 16px;
    text-align: center;
    width: 100%;
    position: relative;
}

#nav05 p i {
    font-style: normal;
    right: 0;
    position: absolute;
}

/* 头条end */
/* 图片、要闻 */
#nav6 .left {
    width: 920px;
}

.newsPic {
    width: 920px;
    height: 517px;
    background-color: #333;
    position: relative;

}

/************************************************/
.newsPic .c1_l2 {
    width: 100%;
    height: 70px;
    left: 0px;
    top: 447px;
    display: block;
    position: absolute;
    background: #000;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: 9;
}

.newsPic .c1_l3 {
    width: 100%;
    height: 70px;
    left: 0px;
    top: 447px;
    display: block;
    position: absolute;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 10;
    overflow: hidden;
    text-indent: 7px;
    line-height: 65px;
    font-size: 22px;
    color: #fff;
}

.newsPic .c1_l3 a {
    color: #fff;
}

.newsPic .xu4_1 {
    width: 920px;
    height: 517px;
    float: left;
    display: inline;
}

.newsPic .xu4_1 .xu4_3 {
    width: 920px;
    height: 517px;
    display: none;
    float: left;
    overflow: hidden;
}

.newsPic .xu4_1 .xu4_3 .screenshot {
    display: block;
}

.newsPic .xu4_1 .xu4_4 {
    width: auto;
    height: 10px;
    right: 20px;
    top: 487px;
    display: block;
    position: absolute;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 11;
}

.newsPic .xu4_1 .xu4_4 a {
    float: left;
    margin-left: 7px;
    display: inline;
    width: 10px;
    height: 10px;
    background: url(over.png) center no-repeat;
    _background: url(over.png) center no-repeat;
}

.newsPic .xu4_1 .xu4_4 a.current {
    background: url(on.png) center no-repeat;
    _background: url(on.png) center no-repeat;
}

.newsPic .xu4_1 .xu4_4 .xu4_6 {
    display: inline;
}

.newsPic .xu4_1 a.xu4_5 {
    background: url(26769601.gif) no-repeat center center #000;
    display: inline;
    width: 38px;
    HEIGHT: 40%;
    TOP: 28%;
    CURSOR: pointer;
    LEFT: 0px;
    border-radius: 0px 7px 7px 0px;
    opacity: 0.6;
    position: absolute;
    z-index: 999;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.newsPic .xu4_1 a.xu4_7 {
    background: url(26769602.gif) no-repeat center center #000;
    display: inline;
    width: 38px;
    HEIGHT: 40%;
    TOP: 28%;
    CURSOR: pointer;
    right: 0px;
    border-radius: 7px 0px 0px 7px;
    opacity: 0.6;
    position: absolute;
    z-index: 999;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

/**********************************************/

.newsJs {
    width: 780px;
    padding-left: 140px;
    border-top: 1px #d51d1d solid;
    border-bottom: 1px #d51d1d solid;
    background: url("news.png") no-repeat left #f1f1f1;
    height: 34px;
    line-height: 34px;
    margin-top: 10px;
    font-size: 16px;
}

.newsJs .tiao {
    height: 34px;
    width: 100%;

}

.newsJs li {
    float: left;
    margin-left: 10px;
}

.newsFocus {
    width: 476px;
    height: 563px;
    margin-left: 44px;
}

.newsFocus ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.newsFocus ul li {
    width: 100%;
}

.newsFocus ul li:not(:first-child) {
    border-top: #bbbbbb 1px dashed;
    padding-top: 26px;
    margin-top: 26px;
    width: 100%;
}

.newsFocus ul li .title {
    width: 100%;
    height: 56px;
    line-height: 28px;
    font-size: 22px;
    /* font-weight: bold; */
    margin-bottom: 5px;
}

/* 图片、要闻 end*/
/* 公安要闻、专题 */
#nav07 .left {
    width: 933px;
}

#nav07 .left .pic {
    width: 450px;
    /* box-shadow: 4px 3px 8px #ccc; */
}

#nav07 .left .pic img {
    width: 450px;
    height: 254px;
    border: 0;
}

#nav07 .left .pic .title {
    width: 98%;
    height: 40px;
    font-size: 18px;
    line-height: 46px;
    padding-left: 1%;
    padding-right: 1%;
}

#nav07 .left .pic p {
    padding-bottom: 6px;
    padding-left: 1%;
    padding-right: 1%;
}

#nav07 .left .text {
    width: 450px;
    margin-left: 33px;
}

#nav07 .left .text ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#nav07 .left .text ul li {
    width: 100%;
}

#nav07 .left .text ul li:not(:first-child) {
    border-top: #bbbbbb 1px dashed;
    padding-top: 30px;
    margin-top: 30px;
}

#nav07 .left .text ul li .title {
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: 18px;
    /* font-weight: bold; */
    margin-bottom: 10px;
}


#nav07 .right {
    width: 480px;
    margin-left: 27px;
}

#nav07 .right .pic {
    margin-top: 35px;
    width: 480px;
    height: 340px;
    position: relative;
}

/************************************************/
#nav07 .right .pic .c1_l2 {
    display: none;
    width: 100%;
    height: 50px;
    left: 0px;
    top: 270px;
    display: block;
    position: absolute;
    background: #000;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: 9;
}

#nav07 .right .pic .c1_l3 {
    width: 100%;
    height: 50px;
    left: 0px;
    top: 270px;
    display: block;
    position: absolute;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 10;
    overflow: hidden;
    text-indent: 7px;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color: #000;
}

#nav07 .right .pic .c1_l3 a {
    color: #000;
}

#nav07 .right .pic .xu3_1 {
    width: 480px;
    height: 270px;
    float: left;
    display: inline;
}

#nav07 .right .pic .xu3_1 .xu3_3 {
    width: 480px;
    height: 270px;
    display: none;
    float: left;
    overflow: hidden;
}

#nav07 .right .pic .xu3_1 .xu3_3 .screenshot {
    display: block;
}

#nav07 .right .pic .xu3_1 .xu3_4 {
    width: auto;
    height: 10px;
    right: 40%;
    top: 320px;
    display: block;
    position: absolute;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 11;
}

#nav07 .right .pic .xu3_1 .xu3_4 a {
    float: left;
    margin-left: 7px;
    display: inline;
    width: 10px;
    height: 10px;
    background: url(over.png) center no-repeat;
    _background: url(over.png) center no-repeat;
}

#nav07 .right .pic .xu3_1 .xu3_4 a.current {
    background: url(on.png) center no-repeat;
    _background: url(on.png) center no-repeat;
}

#nav07 .right .pic .xu3_1 .xu3_4 .xu3_6 {
    display: inline;
}

#nav07 .right .pic .xu3_1 a.xu3_5 {
    background: url(26769601.gif) no-repeat center center #000;
    display: inline;
    width: 38px;
    HEIGHT: 40%;
    TOP: 28%;
    CURSOR: pointer;
    LEFT: 0px;
    border-radius: 0px 7px 7px 0px;
    opacity: 0.6;
    position: absolute;
    z-index: 999;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

#nav07 .right .pic .xu3_1 a.xu3_7 {
    background: url(26769602.gif) no-repeat center center #000;
    display: inline;
    width: 38px;
    HEIGHT: 40%;
    TOP: 28%;
    CURSOR: pointer;
    right: 0px;
    border-radius: 7px 0px 0px 7px;
    opacity: 0.6;
    position: absolute;
    z-index: 999;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

/**********************************************/

/* 公安要闻、专题 */
/* 广告2 */
#nav08 img {
    border: 0;
}

.gg945,
.gg945 img {
    width: 945px;
    height: 130px;
}

.gg480,
.gg480 img {
    width: 480px;
    height: 130px;
}

.ggMf {
    margin-left: 15px;
}

/* 广告2 end */
/* 中国警察网络电视 */
#nav09 .left {
    width: 540px;
    height: 304px;
    position: relative;
}

#nav09 .left img {
    width: 540px;
    height: 304px;
    border: 0;
    position: absolute;
}

#nav09 .left .title {
    height: 44px;
    width: 90%;
    position: absolute;
    bottom: 0;
    /* background:#000; */
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 10;
    line-height: 44px;
    color: #fff;
    padding-left: 5%;
    font-size: 18px;
    padding-right: 5%;
}

#nav09 .left .title1 {
    height: 44px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #000;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: 9;
}

#nav09 .left i {
    display: none;
    width: 55px;
    height: 55px;
    position: absolute;
    z-index: 90;
    top: 180px;
    left: 30px;
    background: url("bf.png") no-repeat left top;

    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

#nav09 .right {
    width: 871px;
    height: 304px;
    margin-left: 29px;
}

#nav09 .right ul {
    display: flex;
    /* flex-direction:column; */
    justify-content: space-between;
    align-items: center;
}

#nav09 .right ul li {
    width: 270px;
    height: 304px;
    background-color: #f3f3f3;
    position: relative;
}

#nav09 .right ul li img {
    width: 270px;
    height: 152px;
    border: 0px;
}

#nav09 .right ul li .title {
    width: 80%;
    height: auto;
    margin: 10%;
    line-height: 32px;
    font-size: 18px;
}

#nav09 .right ul li i {
    display: none;
    width: 55px;
    height: 55px;
    position: absolute;
    z-index: 90;
    top: 50px;
    left: 100px;
    background: url("bf.png") no-repeat left top;

    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;

    /* width: 100%;
    height: 100%;
    position: absolute;
    z-index: 90;
    top: 0;
    left: 0;
    background: url(bf.png) no-repeat center 20%; */
}

#nav09 em {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
}

#nav09 .right strong {
    height: 22px;
    width: 140px;
    position: absolute;
    z-index: 90;
    bottom: 15px;
    right: 20px;
    background: url(huo1.png) no-repeat center right;
    font-size: 14px;
    padding-right: 20px;
    line-height: 22px;
    text-align: right;
    color: #666;
}

#nav09 .right .huo {
    height: 22px;
    width: 140px;
    padding-right: 20px;
    position: absolute;
    z-index: 90;
    bottom: 15px;
    right: 20px;
    background: url(huo2.png) no-repeat center right;
}

/* 中国警察网络电视 end */
/* 政法新闻 */
#nav10 .left {
    width: 450px;
}

#nav10 .middle {
    width: 450px;
    margin-left: 30px;
    margin-right: 30px;
}

#nav10 .right {
    width: 480px;
    height: 710px;
    background-image: linear-gradient(#fff4ea, #fff);
}

#nav10 .left p,
#nav10 .middle p {
    height: 40px;
}

#nav10 .middle ul,
#nav10 .left ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#nav10 .middle ul li,
#nav10 .left ul li {
    width: 100%;
}

#nav10 .middle ul li:not(:first-child),
#nav10 .left ul li:not(:first-child) {
    border-top: #bbbbbb 1px dashed;
    padding-top: 20px;
    margin-top: 20px;
}

#nav10 .middle ul li .title,
#nav10 .left ul li .title {
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: 18px;
    /* font-weight: bold; */
    margin-bottom: 10px;
}

#nav10 .left .xwfb {
    width: 450px;
    height: 254px;
    background-color: #333;
    position: relative;
}

/************************************************/
#nav10 .left .xwfb .c1_l2 {
    width: 100%;
    height: 50px;
    left: 0px;
    top: 204px;
    display: block;
    position: absolute;
    background: #000;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: 9;
}

#nav10 .left .xwfb .c1_l3 {
    width: 100%;
    height: 50px;
    left: 0px;
    top: 204px;
    display: block;
    position: absolute;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 10;
    overflow: hidden;
    text-indent: 7px;
    line-height: 45px;
    font-size: 18px;
    color: #fff;
}

#nav10 .left .xwfb .c1_l3 a {
    color: #fff;
}

#nav10 .left .xwfb .xu2_1 {
    width: 450px;
    height: 254px;
    float: left;
    display: inline;
}

#nav10 .left .xwfb .xu2_1 .xu2_3 {
    width: 450px;
    height: 254px;
    display: none;
    float: left;
    overflow: hidden;
}

#nav10 .left .xwfb .xu2_1 .xu2_3 .screenshot {
    display: block;
}

#nav10 .left .xwfb .xu2_1 .xu2_4 {
    width: auto;
    height: 10px;
    right: 20px;
    top: 224px;
    display: block;
    position: absolute;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 11;
}

#nav10 .left .xwfb .xu2_1 .xu2_4 a {
    float: left;
    margin-left: 7px;
    display: inline;
    width: 10px;
    height: 10px;
    background: url() center no-repeat;
    _background: url() center no-repeat;
}

#nav10 .left .xwfb .xu2_1 .xu2_4 a.current {
    background: url() center no-repeat;
    _background: url() center no-repeat;
}

#nav10 .left .xwfb .xu2_1 .xu2_4 .xu2_6 {
    display: inline;
}

#nav10 .left .xwfb .xu2_1 a.xu2_5 {
    background: url(26769601.gif) no-repeat center center #000;
    display: inline;
    width: 38px;
    HEIGHT: 40%;
    TOP: 28%;
    CURSOR: pointer;
    LEFT: 0px;
    border-radius: 0px 7px 7px 0px;
    opacity: 0.6;
    position: absolute;
    z-index: 999;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

#nav10 .left .xwfb .xu2_1 a.xu2_7 {
    background: url(26769602.gif) no-repeat center center #000;
    display: inline;
    width: 38px;
    HEIGHT: 40%;
    TOP: 28%;
    CURSOR: pointer;
    right: 0px;
    border-radius: 7px 0px 0px 7px;
    opacity: 0.6;
    position: absolute;
    z-index: 999;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

/**********************************************/

#nav10 .middle .gg450 {
    width: 450px;
    height: 310px;
    background-color: #333;
}

#nav10 .middle .gg450 img {
    width: 450px;
    height: 310px;
    border: 0;
}

#nav10 .right .rmgab {
    width: 100%;
    height: 49px;
    background: url("rmgab.jpg") no-repeat top left;
}

#nav10 .right .rmgabdh {
    width: 480px;

}

#nav10 .right .rmgabdh .an {
    width: 160px;
    margin-left: 38px;
    margin-top: 15px;
    background: #f8f7f6;
    border-radius: 7px;
    padding: 2px;
    vertical-align: middle;
    font-size: 20px;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    border: 1px #d0cfcf solid;
    box-shadow: 0px 1px 1px rgb(255 255 255 / 70%) inset;
    font-weight: 300;
    color: #456b83;
    cursor: pointer;
}

#nav10 .right .rmgabPic {
    width: 230px;
    height: 323px;
    margin: 28px 123px;
    border: 1px solid #f0e2d9;
    box-shadow: 0 10px 16px 0 rgb(248 235 227 / 20%), 0 6px 20px 0 rgb(255 249 244 / 19%) !important;
}

#nav10 .right .rmgabPic img {
    width: 230px;
    height: 323px;
    border: 0;
}

#nav10 .right ul {
    display: block;
    width: 430px;
    height: 249px;
    margin-left: 40px;
}

#nav10 .right ul li {
    line-height: 40px;
    list-style-type: none;
    text-indent: 14px;
    width: 98%;
    background: url(li01.png) left 18px no-repeat;
    float: left;
    height: 40px;
    overflow: hidden;
    list-style-image: none;
    font-size: 18px;
}

/* 政法新闻 end */

/* 英模风采录 */
/* #nav11{
    border-top:1px solid #e4a6c1;
} */
#nav11 .pic {
    width: 460px;
}

#nav11 .pic img {
    width: 460px;
    height: 260px;
    border: 0;
}

#nav11 .pic .title {
    width: 100%;
    height: 46px;
    font-size: 18px;
    line-height: 46px;
}

#nav11 .text {
    width: 460px;
    margin-left: 30px;
}

#nav11 .text ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#nav11 .text ul li {
    width: 100%;
    height: 72px;
}

#nav11 .text ul li:not(:first-child) {
    border-top: #bbbbbb 1px dashed;
    padding-top: 32px;
    margin-top: 32px;
}

#nav11 .text ul li .title {
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: 18px;
    /* font-weight: bold; */
    margin-bottom: 10px;
}

#nav11 .gg460 {
    width: 460px;
    height: 100px;
    margin-top: 37px;

}

#nav11 .gg460 img {
    width: 460px;
    height: 100px;
    border: 0;
}

/* 英模风采录 end */
/* 中警视界 */
#nav12 .pic {
    width: 1440px;
    height: 412px;
    background-color: #333;
}

#nav12 .pic .tjlh {
    background-image: url(#);
    height: 412px;
    width: 1440px;
    text-align: right;
    float: left;
    background-repeat: no-repeat;
    background-position: center top;
}

#nav12 .pic #xianshi {
    width: 95px;
    height: 180px;
    float: left;
    margin-left: 10px;
    overflow: hidden;
}

#nav12 .pic #zong {
    height: 180px;
}

#nav12 .pic #scroll_begin span {
    text-decoration: underline;
}

#nav12 .pic .lhhx {
    width: 1440px;
    height: 235px;
    float: left;
}

#nav12 .pic #weiyuan {
    width: 1440px;
    height: 412px;
    float: left;
}

#nav12 .pic .lhbg {
    width: 1440px;
    height: 480px;
    float: left;
}

#nav12 .pic #flash {
    width: 100%;
    height: 412px;
    overflow: hidden;
}

#nav12 .pic #flash1 {
    width: 1440px;
    height: 412px;
}

#nav12 .pic .tjlh-pic {
    width: 177px;
    height: 412px;
    overflow: hidden;
    float: left;
    position: relative;
}

#nav12 .pic .touming {
    width: 177px;
    height: 412px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(wrap_pic_numBg.png) no-repeat center center;
    background-size: auto 100%;
}

#nav12 .pic .touming-zi {
    text-align: justify;
    height: 310px;
    margin: 30px auto;
    line-height: 40px;
    writing-mode: tb-rl;
    font-family: "微软雅黑";
    height: 310px;
    margin: 30px auto;
    font-size: 18px;
    color: white;
    padding-top: 10px;
    word-wrap: break-word;
    word-break: normal;
}

#nav12 .pic .touming-zi a {
    color: white;
}

#nav12 .pic .xk1 {
    width: 100%;
    height: 128px;
    position: absolute;
    bottom: 0;
    background: url('wrap_pic_c.png') no-repeat left top;
    background-size: 100% 100%;
}

#nav12 .pic .xk1 .title {
    margin-top: 70px;
    float: left;
    width: 632px;
    height: 50px;
    padding-left: 50px;
    padding-right: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: left;
    font-family: "微软雅黑";
    color: #ffffff;
}

#nav12 .pic .xk1 p {
    float: left;
    width: 632px;
    height: 70px;
    padding-top: 8px;
    padding-left: 50px;
    padding-right: 50px;
    line-height: 30px;
    font-size: 14px;
    text-align: left;
    font-family: "微软雅黑";
    color: #ffffff;
}

#nav12 .pic .xk {
    float: left;
    width: 732px;
    height: 412px;
    position: relative;
}

/* 中警视界 end */

/* 广告3 */
#nav13 img {
    width: 1440px;
    height: 130px;
    border: 0;
}

/* 广告3 */
/* 特别推荐 */
#nav14 ul {
    display: flex;
    /* flex-direction:column; */
    justify-content: space-between;
    align-items: center;
}

#nav14 ul li {
    height: 152px;
    width: 268px;
    position: relative;
}

#nav14 ul li img {
    height: 152px;
    width: 268px;
    position: absolute;
}

#nav14 ul li .title {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    height: 36px;
    line-height: 36px;
    bottom: 0;
    z-index: 10;
    position: absolute;
    font-size: 16px;
}

#nav14 ul li i {
    width: 100%;
    height: 36px;
    bottom: 0;
    background: #000;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: 9;
    position: absolute;

}

/* 特别推荐 end */
/* 频道精选 */
#nav15 .jxpd {
    width: 700px;
    height: 32px;
    position: absolute;

}

#nav15 .jxpd .an {
    top: 0px;
    width: 80px;
    margin-left: 20px;
    background: #f8f7f6;
    border-radius: 7px;
    padding: 2px;
    vertical-align: middle;
    font-size: 20px;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    border: 1px #d0cfcf solid;
    box-shadow: 0px 1px 1px rgb(255 255 255/70%) inset;
    font-weight: 300;
    color: #456b83;
    cursor: pointer;
    position: relative;
}

#nav15 .jxpd .an:first-child em {
    display: block;
}

#nav15 .jxpd .an em {
    display: none;
    width: 0px;
    height: 0px;
    border-width: 6px;
    border-style: solid;
    border-color: #da0000 transparent transparent;
    border-image: initial;
    position: absolute;
    top: -10px;
    left: 45%;
}

#nav15 .pingdao {
    display: none;
}

#nav15 .left {
    width: 940px;
}

#nav15 .right {
    width: 460px;
    height: 487px;
    margin-left: 20px;
    background-image: linear-gradient(#fff4ea, #fff);
    padding-left: 10px;
    padding-right: 10px;
}

#nav15 .pic {
    width: 460px;
}

#nav15 .pic .images {
    width: 460px;
    height: 260px;
    position: relative;
}

#nav15 .pic .images img {
    width: 460px;
    height: 260px;
    border: 0;
    position: absolute;
}

#nav15 .pic .images .title {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    height: 36px;
    line-height: 36px;
    bottom: 0;
    z-index: 10;
    position: absolute;
    font-size: 18px;
    margin-bottom: 0;
}

#nav15 .pic .images i {
    width: 100%;
    height: 36px;
    bottom: 0;
    background: #000;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: 9;
    position: absolute;

}

#nav15 .pic .title {
    width: 100%;
    height: 56px;
    font-size: 22px;
    line-height: 28px;
    padding-top: 20px;
    margin-bottom: 10px;
}

#nav15 .text {
    width: 460px;
    margin-left: 20px;
}

#nav15 .text ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#nav15 .text ul li {
    width: 100%;
    height: 106px;
}

#nav15 .text ul li:not(:first-child) {
    border-top: #bbbbbb 1px dashed;
    padding-top: 20px;
    margin-top: 20px;
}

#nav15 .text ul li .title {
    width: 100%;
    height: 56px;
    line-height: 28px;
    font-size: 22px;
    /* font-weight: bold; */
    margin-bottom: 10px;
}

#nav15 .gg460_2 {
    width: 460px;
    height: 100px;
    margin-top: 37px;

}

#nav15 .gg460_2 img {
    width: 460px;
    height: 100px;
    border: 0;
}

#nav15 .right .yq {
    height: 34px;
    width: 100%;
}

#nav15 .right .yqdh {
    height: 34px;
    margin-left: 65px;
    padding-left: 22px;
    background: url("jian2.png") no-repeat left top;
    font-size: 26px;
    color: #a1a1a1;
    line-height: 34px;
    font-weight: 800;
    cursor: pointer;
}

#nav15 .right .yqan {
    height: 34px;
    margin-left: 65px;
    padding-left: 22px;
    background: url("jian1.png") no-repeat left top;
    font-size: 26px;
    color: #e94727;
    line-height: 34px;
    font-weight: 800;
    cursor: pointer;
}

/* #nav15 .right .image:nth-child(1){
    display: block;
    } */
#nav15 .right .yq01 {
    display: none;
    width: 291px;
    height: 321px;
    margin-left: 80px;
    margin-top: 30px;
    overflow: hidden;
}

#nav15 .right .yq01 img {

    width: 291px;
    /* height: 321px; */
    border: 0;
}

#nav15 .right ul {

    width: 450px;
    height: 249px;
    margin-top: 20px;
    margin-left: 5px;
}

#nav15 .right ul li {
    line-height: 42px;
    list-style-type: none;
    text-indent: 14px;
    width: 100%;
    background: url(li.png) left 18px no-repeat;
    float: left;
    height: 42px;
    overflow: hidden;
    list-style-image: none;
    font-size: 18px;
}

/* 频道精选 end */

/* 各地动态 */
#nav16 .quyu {
    width: 993px;
    padding-left: 200px;
    height: 41px;
    position: absolute;
    background: url("quyu.jpg")no-repeat center center;
    cursor: pointer;
}

#nav16 .quyu .qu {
    margin-top: 3px;
    width: 80px;
    margin-left: 20px;
    /* background: #f8f7f6; */
    border-radius: 7px;
    padding: 2px;
    vertical-align: middle;
    font-size: 20px;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    /* border: 1px #d0cfcf solid; */
    /* box-shadow: 0px 1px 1px rgb(255 255 255/70%) inset; */
    font-weight: 300;
    color: #456b83;
}

#nav16 .quyu .an {
    margin-top: 3px;
    width: 80px;
    margin-left: 20px;
    background: #ffffff;
    border-radius: 7px 7px 0px 0px;
    padding: 2px;
    vertical-align: middle;
    font-size: 22px;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    border-left: 1px #d8dce3 solid;
    border-top: 1px #d8dce3 solid;
    border-right: 1px #d8dce3 solid;
    box-shadow: 0px 1px 1px rgb(255 255 255/70%) inset;
    font-weight: 500;
    color: #456b83;
}

#nav16 .diqu {
    width: 100%;

}

#nav16 .dm {
    width: 560px;
    padding-left: 440px;
    padding-right: 440px;
    height: 70px;
    display: flex;
    /* flex-direction: column; */
    /* justify-content: space-between; */
    justify-content: center;
    align-items: center;
}

#nav16 .dm li {
    font-size: 20px;
    height: 40px;
    padding: 15px;
    color: #7e848a;
    cursor: pointer;
}

#nav16 .dm li i {
    display: none;
    text-align: center;
    bottom: -5px;
    margin-left: 46%;
    margin-top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 4px;
    background-color: rgb(213, 29, 29);
}

#nav16 .dfnr {
    width: 100%;
    height: 249px;
    display: none;
}

#nav16 .pic {
    width: 440px;
}

#nav16 .pic .images {
    width: 440px;
    height: 249px;
    position: relative;
}

#nav16 .pic .images img {
    width: 440px;
    height: 249px;
    border: 0;
    position: absolute;
}

#nav16 .pic .images .title {
    width: 99%;
    padding-left: 1%;
    /*padding-right: 5%; */
    height: 36px;
    line-height: 36px;
    bottom: 0;
    z-index: 10;
    position: absolute;
    font-size: 18px;
    margin-bottom: 0;
}

#nav16 .pic .images i {
    width: 100%;
    height: 36px;
    bottom: 0;
    background: #000;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: 9;
    position: absolute;

}

#nav16 .dfnr ul {
    display: block;
    width: 460px;
    height: 249px;
    margin-left: 40px;
}

#nav16 .dfnr ul li {
    line-height: 42px;
    list-style-type: none;
    text-indent: 14px;
    width: 98%;
    background: url(li.png) left 18px no-repeat;
    float: left;
    height: 42px;
    overflow: hidden;
    list-style-image: none;
    font-size: 18px;
}

/* 各地动态 end */

/* 地方公安 */
#nav17 ul {
    width: 100%;

}

#nav17 ul li {
    margin-top: 20px;
    margin-right: 0px;
    float: left;
    width: 180px;
    height: 60px;

}

#nav17 ul li:not(:nth-child(7n)) {
    float: left;
    width: 180px;
    height: 60px;
    margin-top: 20px;
    margin-right: 30px;
}

#nav17 ul li img {
    width: 180px;
    height: 60px;
    border: 0;
}

/* 地方公安end */
/* 公安站群 */
.ga1 {
    cursor: pointer;
}

.ga2 {
    margin-left: 20px;
    color: #9b9b9b;
    cursor: pointer;
}

#nav18 .gazq ul {
    width: 100%;
    /* padding-left:10%;*/
    margin-top: 20px;
}

#nav18 .gazq ul li {
    line-height: 40px;
    list-style-type: none;
    text-indent: 14px;
    width: 200px;
    background: url(li.png) left 18px no-repeat;
    float: left;
    height: 40px;
    overflow: hidden;
    list-style-image: none;
    font-size: 16px;
}

#nav18 .yqlj {
    padding-top: 20px;
}

#nav18 .yqlj td {
    line-height: 40px;
    height: 40px;
    font-size: 16px;
}

/* 公安站群end */
.foot {
    border-top: 8px #184c91 solid;
    text-align: center;
    color: #333333;
    font-size: 14px;
    line-height: 40px;
}

.foot i {
    width: 1px;
    border-left: 1px #d4d4d4 solid;
    height: 14px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 1px;
}




.ba1 {
    height: 32px;
    font-size: 24px;
    /* font-weight: bold; */
    color: #bc3516;
    line-height: 32px;
    text-align: left;
    padding-left: 20px;

}

.ba1 a {
    /* float:right; */
    padding-right: 23px;
    background: url("dian.png") no-repeat right center;
    color: #8c8d8f;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 200;
    padding-left: 200px;
}



.ba {
    height: 32px;
    font-size: 32px;
    font-weight: bold;
    color: #263872;
    line-height: 32px;
    text-align: left;

}

.ba i {
    float: left;
    height: 100%;
    width: 5px;
    background-color: #d51d1d;
    margin-right: 8px;
}

.ba a {
    /* float:right; */
    padding-right: 23px;
    background: url("dian.png") no-repeat right center;
    color: #8c8d8f;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 200;
}

.ba .ck {
    /* float:left; */
    /* background-color: #d51d1d; */
    top: 0;
    margin-left: 20px;
    padding-right: 10px;
    padding-left: 10px;
    background: url("") #d51d1d;
    border-radius: 5px;
    padding: 6px;
    vertical-align: middle;
}

#nav09 .ba img {
    margin-top: 10px;
    margin-left: 10px;
}



.ovimg img,
.xu4_1 img,
.xu3_1 img,
.xu2_1 img {
    cursor: pointer;
    transition: all 0.6s;
}

.ovimg img:hover,
.xu4_1 img:hover,
.xu3_1 img:hover,
.xu2_1 img:hover {
    transform: scale(1.03);
}

.ovimg {
    overflow: hidden;
}



.zhuan {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.zhuan1 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}






#nav07 .left .pic .swiper-container {
    width: 100%;
    /* height: 100%; */
    margin-left: auto;
    margin-right: auto;

    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-bottom: .5rem;
}

#nav07 .left .pic .swiper-slide {
    width: 100%;
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#nav07 .left .pic .img {
    display: block;
    /* position: relative; */
    width: 100%;
    z-index: 1;

}

#nav07 .left .pic .img img {
    vertical-align: top;
    width: 450px;
    height: 254px;
}

#nav07 .left .pic .title1 {
    position: absolute;
    background: #000;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 9;
    width: 100%;
    height: .9rem;
    bottom: 0;
    font-size: .4rem;
}

#nav07 .left .pic .title {
    /* position:absolute; */
    z-index: 10;
    bottom: 0;
    /* height:.9rem;
    width:calc(100% - 0.444444rem);
    padding-left: 0.222222rem;
    padding-right: 0.222222rem; 
    line-height:.9rem;
    font-size:.39rem;
    color:#fff;*/
}

#nav07 .left .pic p {
    text-align: left;
}

#nav07 .left .pic .swiper-pagination {
    bottom: 0.133333rem;
    font-size: 0;
}

#nav07 .left .pic .swiper-pagination .swiper-pagination-bullet {
    border-radius: .1rem;
    width: .2rem;
    height: .2rem;
    background: #cfcfcf;
}

#nav07 .left .pic .swiper-pagination .swiper-pagination-bullet-active {

    border-radius: .1rem;
    width: .3rem;
    height: .2rem;
    background-color: #ea2020;
}

#nav10 .xwfb .xu2_3 span {
    position: absolute;
    width: 150px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    z-index: 999;
    left: 33%;
    top: 65%;
}


.ie-tips {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    background: #267ecf;

}

.ie-tips .ie-tips-close {
    width: 13px;
    height: 13px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAqUlEQVQokY2S0Q3CMAxEHxHqOt2ALAE7wACFHcoC8JcBYAcYgXX6hQ45UkhMy0mRkviefLK8SikBdMDEsj6+YJcXEBeQaL4uWIcDcJsBo9X3uZP0AHY/wAxsgac+QlH0wAaooRocPEBaO/kFjnaGGvA6SRvgaOdk71lIhrtFPFs0vb/AEioBRZQUrQEzpCmpIEMGshowb8TFm5IDXuXX9LQR/R+7J7AHpjfZSy4jngpSewAAAABJRU5ErkJggg==) 0 0 no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    position: absolute;
    right: 50%;
    top: 10px;
    margin-right: -300px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.hide {
    display: none;
}


.daohang_bg ul li:hover {
    text-shadow: 1px -1px 20px #141b74;
}

.daohang_bg ul li{
    transition: text-shadow .5s;
}
#nav04 li img {
    transition: transform .25s ease-in-out;
}

#nav04 li img:hover {
    transform: scale(1.05);
}