@charste "utf-8";
/*CSS Document*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button,
textarea, iframe, table, th, td { margin:0; padding:0; }
ul, li { list-style-type:none; }
/** 设置默认字体 **/
body,button, input, select, textarea {
    font: 14px/1.8 '微软雅黑',tahoma, Srial, helvetica, sans-serif;
}
body{background:#f7f8fa; height:100%;}
html{overflow:hidden;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
/** 重置超链接元素 **/
a { text-decoration: none; color:#333;}
a:hover { text-decoration: none;}
/** 重置图片元素 **/
img{ border:0px;}

/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
.fl{float:left;}
.fr{float:right;margin-right:20px}

body {
    font-family: "Microsoft Yahei";
    background: #f0f0f0;
    font-size: 14px;
}
.bg_body{
    background-image:url(/cqzyjsrcw/positional-portal-web/static/resources/images/main_bg.png);
    background-repeat:no-repeat;
    background-position: center;
    background-size: 100%;
    font-size: 14px;
}
.l-head__link {
    color: #fff;
    background-repeat:no-repeat;
    background-position: left;
    background-size: 100%;
}
.fuck_top {
    /*height:160px;*/
    height:120px;
    line-height: 20px;
    width: 100%;
    /*background-image:url(/cqzyjsrcw/positional-portal-web/static/resources/images/header_new_bg.png);*/
    background-image:url(/cqzyjsrcw/positional-portal-web/static/resources/images/2024rdzlbg1.png);
    background-repeat:no-repeat;
    background-position: left;
    background-size: 100%;
}
.rsj-top .ipv6 {
    padding: 0 10px;
    background: rgba(255, 255, 255, .2);
    border-radius: 6px;
}
.rsj-top .gap {
    width: 32px;
}
.fuck_top .logo{font-size:28px; color:#fff;letter-spacing:3px;
    text-shadow:#3c3c3c 2px 3px 3px; margin-left:40px;}
.top {
    height:70px;
    width: 100%;
    line-height:65px;
    background-image:url(/cqzyjsrcw/positional-portal-web/static/resources/images/header_bg.png);
    background-repeat:no-repeat;
    background-position: left;
    background-size: 100%;
}
.top .logo{font-size:28px; color:#fff;letter-spacing:3px;
    text-shadow:#3c3c3c 2px 3px 3px; margin-left:40px;}
.guide-slider {
    width: 1300px;
    margin: 6% auto;
    height: 260px;
}
.guide-slider .xz{text-align:center; margin-bottom:30px; color:#2a76c9; font-size:16px;}
.guide-slider .guide-list{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

.guide-slider .guide {
    width: 180px;
    margin:0 8px;
    height: 260px;
    float: left;
    border:1px solid #a0b9ce;
    box-shadow:0px 0px 10px 5px #c7d5e8;
    border-radius:0.8em;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
    position: relative;
    overflow: hidden;

}

.guide-slider .guide .display {
    width: 180px;
    height: 260px;
    text-align: center;
    float: left;
    position: relative;
    background-color:#ffffff ;
    background-image:url(/cqzyjsrcw/positional-portal-web/static/resources/images/yw_bg.png);
    background-repeat:no-repeat ;
    background-position:left bottom;
    z-index: 2;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;

}

.guide-slider .guide .display .icon {
    display: inline-block;
    width: 74px;
    height: 74px;
    margin-top: 42px;
    background-image: url("/cqzyjsrcw/positional-portal-web/static/resources/images/function.png");
}

.guide-slider .guide .display .icon.icon1 {
    background-position: -592px 0;
}

.guide-slider .guide .display .icon.icon2 {
    background-position: 0 0;
}

.guide-slider .guide .display .icon.icon3 {
    background-position: -296px 0;
}

.guide-slider .guide .display .icon.icon4 {
    background-position: -444px 0;
}

.guide-slider .guide .display .icon.icon5 {
    background-position: -518px 0;
}

.guide-slider .guide .display .title {
    font-size: 16px;
    color: #666666;
    height: 40px;
    line-height: 100px;
}

.guide-slider .guide .display::after {
    content: "";
    display: block;
    position: absolute;
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
    border-width: 10px 15px;
    top: 100%;
    margin-top: 0;
    right: -1px;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}

.guide-slider .guide .behind {
    width: 180px;
    height: 260px;
    display: inline-block;
    border-right: 1px solid #ddd;
    background-color:#fff;
    background-image:url(/cqzyjsrcw/positional-portal-web/static/resources/images/yw_xq_bg.png);
    background-repeat:no-repeat;
    background-position:center bottom;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.guide-slider .guide .behind .function-list-wrap {
    width: 180px;
    margin: 0 auto;
}
.function-list-wrap .top_title{margin:20px 0 0 10px;}
.function-list-wrap .btn_bottom a{ float:right;  margin-right:10px;  font-size:12px;color:#3d84c6; text-decoration:underline;}
.guide-slider .guide .behind .function-list {
    margin-top: 20px;
    height:170px;
}

.guide-slider .guide .behind .function-list > li {
    /*float: left;*/
}

.guide-slider .guide .behind .function-list > li > a {
    display: block;
    /*width: 80px;*/
    height: 36px;
    text-align: center;
    line-height: 36px;
    border-radius:0.4em;
    /*margin: 0 3px 18px 3px;*/
    margin: 0 3px 10px 3px;
    border: 1px solid #0876c2;
    background: #0876c2;
    color: #ffffff;
}

.guide-slider .guide .behind .function-list > li > a:hover {
    text-decoration: none;
    color: #0876c2;
    background: #ffffff;
    border: 1px solid #ddd;
}

.guide-slider .guide .behind .function-list > li > a.important {
    color: #f58914;
}

.guide-slider .guide .behind .function-list > li > a.important:hover {
    border: 1px solid #f58914;
    background: #f58914;
    color: #ffffff;
}

.guide-slider .guide.on {
    width:330px;
}

.guide-slider .guide.on .display {
    background-color:#3d84c6;
    background-image:url(/cqzyjsrcw/positional-portal-web/static/resources/images/yw_bg_1.png);
    background-repeat:no-repeat;
    background-position:left bottom;
    border-right-color: transparent;
    width:150px;
}

.guide-slider .guide.on .display .title {
    color: #fff;
}

.guide-slider .guide.on .display .introduction {
    color: #fff;
}

.guide-slider .guide.on .display .icon.icon1 {
    background-position: -74px 0;
}

.guide-slider .guide.on .display .icon.icon2 {
    background-position: -148px 0;
}

.guide-slider .guide.on .display .icon.icon3 {
    background-position: -222px 0;
}

.guide-slider .guide.on .display .icon.icon4 {
    background-position: -365px 0;
}

.guide-slider .guide.on .display .icon.icon5 {
    background-position: -666px 0;
}


.footer {
    width: 100%;
    background: #4482e7;
    height: 42px;
    line-height: 42px;
    color: #fff;
    text-align: center;
    position:fixed;
    z-index: 1;
    bottom: 0;
}

/*.city_footer {*/
/*    width: 100%;*/
/*    background: #4482e7;*/
/*    height: 42px;*/
/*    line-height: 42px;*/
/*    color: #fff;*/
/*    text-align: center;*/
/*    position:fixed;*/
/*    z-index: 1;*/
/*    bottom: 0;*/
/*}*/
/*--zc--*/

.main_box{background:#f7f8fa; overflow:hidden;padding:30px 0 100px 0;}
.main_box .return{height:40px; line-height:40px; width:1000px; margin:0 auto;}
.main_box .return a{color:#86abd4;}
.main_box .zc_table{width:700px; margin: 0 auto 2em auto; }
.main_box .zc_table td{padding:5px 10px;}
.main_box .zc_table td b{color:#ff0000; margin-right:5px;display: inline-block;vertical-align: middle;}
.main_box .zc_table td input{width:350px; height:35px;
    line-height:35px; padding:0 10px; border:1px solid #d6d6d6; border-radius:0.2em;}
.main_box .zc_table td select{width:370px; height:37px;
    line-height:37px; padding:0 10px; border:1px solid #d6d6d6; border-radius:0.2em;}
.main_box .zc_table td .w100{width:117px; float:left; margin-right:10px;}
.main_box .zc_table td .w250{width:250px; float:left; margin-right:10px;}
.main_box .zc_table .r_name{text-align:right;}
.main_box .zc_table td .tj_btn{width:370px; background:#3d84c6;
    border-radius:0.2em; color:#fff; font-size:16px; border:none;height:37px; line-height:37px;}
.main_box .zc_table td .w450{width:475px; }
.main_box .zc_table td .sc_btn{width:90px; background:#86abd4;
    border-radius:0.2em; color:#fff; font-size:16px; border:none;height:37px; line-height:37px;}
.main_box .zc_table td color{color:#ff0000;}
.main_box .zc_table td size{color:#999;}
.main_box .zc_table td a{color:#3d84c6;}
.main_box .zc_table td .xz{text-decoration:underline;}
.main_box .zc_table td textarea{width:450px; height:200px;
    line-height:35px; padding:0 10px; border:1px solid #d6d6d6; border-radius:0.2em;}
.main_box .zc_table .wtg{text-align:center; color:#ff0000;}
.main_box .zc_table .wtg img{width:7%;}
.examine{width:1000px; margin:0 auto; text-align:center;}
.psbg_table{width:370px;background:#fff;border-left:1px solid #d6d6d6;border-top:1px solid #d6d6d6;}
.psbg_table tr td{height:30px; text-align:center;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
.main_box .zc_table td .yema{margin-left:40px;}
.main_box .zc_table td .yema a{padding:2px 8px; border:1px solid #e4e4e4; color:#222;
    background:#fff; border-radius:0.3em; margin:0 2px;}
.main_box .zc_table td .yema .one,.main_box .zc_table td .yema a:hover{background:#86abd4; color:#fff;}

.role{width:644px; margin:0 auto;}
.role li{width:240px; height:340px;
    background:#fff; border-radius:0.5em;
    box-shadow:0px 0px 10px 5px #c7d5e8; float:left; margin:0 40px;}
.role li:hover{border:1px solid #3d84c6;}
.role li .top_lb{height:60px; line-height:60px; font-size:25px;
    text-align:center; background:#eef6ff; border-radius:0.4em 0.4em 0 0;}
.role li .cont_wen{padding:20px; text-indent:2em; font-size:12px; color:#666666;}
.role li .btn{text-align:center; }
.role li .btn .an_btn{display:block; width:120px; height:40px; line-height:40px;
    background: #3d84c6; color:#fff; border-radius:0.4em; margin:0 auto 5px auto;}



.js_xz{width:120px; overflow:hidden; background:#ffffff; border-radius:0.3em;position:absolute; margin-left:180px;
    padding:10px; box-shadow:0px 3px 5px #c7c7c7; }
.js_xz a{width:100%; display:block; height:40px; line-height:40px; text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }




.arrow-down {
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    height: 8px;
    width: 8px;
    transform: translate(2px, -2px) rotate(-45deg);
    -webkit-transform: translate(2px, -2px) rotate(-45deg);
    border-right: 2px solid transparent;
    border-top: 2px solid transparent;
    display: inline-block;
    -moz-transform: translate(2px, -2px) rotate(-45deg);
    -ms-transform: translate(2px, -2px) rotate(-45deg);
    -o-transform: translate(2px, -2px) rotate(-45deg);
}