body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button {
    margin: 0;
    padding: 0;
    font-size: .16rem;
}

html {
    font-size: 100rem;
}


/* 初始化标签在所有浏览器中的margin、padding值 */

fieldset,
img {
    border: 0 none;
}


/* 重置fieldset（表单分组）、图片的边框为0*/

dl,
ul,
ol,
menu,
li {
    list-style: none
}


/* 重置类表前导符号为onne,menu在HTML5中有效 */

blockquote,
q {
    quotes: none
}


/* 重置嵌套引用的引号类型 */

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}


/* 重置嵌套引用*/

input,
select,
textarea,
button {
    vertical-align: middle;
    outline: none;
    border: none;
}


/* 重置表单控件垂直居中*/

button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer
}


/* 重置表单button按钮效果 */


/* body {background:#fff}   重置body 页面背景为白色 */

body,
th,
td,
input,
select,
textarea,
button {
    line-height: 1;
    font-family: "微软雅黑", "粗体";
}


/* 重置页面文字属性 */

a {
    text-decoration: none;
    color: #000;
}


/* 重置链接a标签 */

a:active,
a:hover {
    text-decoration: none
}

input:focus-visible {
    outline: none;
}


/* 重置链接a标签的鼠标滑动效果 */

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: normal
}


/* 重置样式标签的样式 */

caption {
    display: none;
}


/* 重置表格标题为隐藏 */

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}


/* 重置table属性 */

img {
    /* max-width: 100%; */
    vertical-align: middle
}


/* 图片在当前行内的垂直位置 */

i {
    font-style: normal;
}


/* 页面设置 */


/* 取消a标签点击后的虚线框 */

a {
    outline: none;
}

a:hover {
    text-decoration: none;
}

a[href] {
    cursor: pointer;
}


/* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */


/*
::selection {color: #fff;background-color: #4C6E78;}
::-moz-selection {color: #fff;background-color: #4C6E78;}
*/


/*清除浮动*/


/*清除浮动--推荐使用*/


/* 清楚浮动 */

.clear {
    zoom: 1;
}

.clear:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.fr {
    float: right;
}

.fl {
    float: left;
}


/*文本超出显示省略号*/

.ehn,
.otw,
.tow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


/* 截字符 */

.ellipsis,
.jzf {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.ellipsis_d,
.jzf_d {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

 :root {
    --blue: #0168b7;
    --yell: #ff7200;
    --white: #fff;
}

.trans {
    transition: all .5s;
}


/* 头部导航 */

.Top_box {
    display: flex;
    width: 100%;
    justify-content: stretch;
    justify-items: center;
    position: absolute;
    z-index: 9;
    background-color: #fff;
    top: 0;
}

.logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .5rem;
}

.Top {
    display: flex;
    width: 14rem;
    height: .82rem;
    justify-content: space-between;
    margin: 0 auto;
}

.search :nth-child(1) {
    margin-right: .2rem;
}

.search {
    margin: auto 0;
    margin-left: .5rem;
}

.sy_box .nav2,
.sy_box .nav1,
.sy_box .nav3,
.sy_box .nav4,
.sy_box .nav5,
.sy_box .nav6 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    background-color: #fff;
}


/* 底部 */

.dlp article {
    position: absolute;
    bottom: 1%;
    left: 0;
    width: 100%;
    background-color: #ffffff;
}

article {
    bottom: 0;
    width: 100%;
    padding: .2rem 0;
    background-color: #ffffff;
}

footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 75%;
    margin: 0 auto;
}

footer a {
    font-size: .16rem;
    color: #999999;
    font-family: '微软雅黑';
    line-height: .3rem;
}

.footl {
    display: flex;
    flex-direction: column;
    width: 28%;
}

.footl h1 {
    color: #0055ff;
    font-size: .34rem;
    line-height: 1.3;
}

.footz {
    width: 50%;
}

.footz div ul {
    display: flex;
    justify-content: space-around;
}

.footz div ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footz div ul li h1 {
    font-weight: 600;
    font-size: .2rem;
    color: #666666;
    font-family: '微软雅黑';
    margin-bottom: .2rem;
}

.footz a:hover {
    color: #0055ff;
}

.footr {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footr div {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.footr div img {
    width: 1.08rem;
}

.bottom_box {
    width: 100%;
    border-top: .01rem solid #999999;
    margin-top: .1rem;
    padding-top: .1rem;
}

.bottom {
    width: 75%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bottom_l {
    color: #999999;
    font-size: .14rem;
    font-family: '微软雅黑';
}

.bottom_r {
    display: flex;
    align-items: center;
}

.bottom_r a {
    color: #999999;
    font-size: .14rem;
    font-family: '微软雅黑';
    margin-right: .1rem;
}

.bottom_r a:hover {
    color: #0055ff;
}

.bottom_r img {
    width: .24rem;
    /* height: 100% !important; */
    margin-right: .1rem;
}

.bottom_r a+img {
    width: .24rem;
}


/* .bottom_r a img:first-child{
    width: .5rem;
} */

.bottom_r a img:nth-child(2) {
    width: .2rem;
}

.bottom_r a img:nth-child(3) {
    width: .17rem;
}


/* 子页banner部分 */

.head_box {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: .65rem;
}

.head_box img {
    height: 5.88rem;
    width: 100%;
}

.head {
    position: absolute;
    bottom: -0.65rem;
    background-color: #ffffff;
    width: 75%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: .55rem 0;
    box-shadow: 0rem -0.1rem .25rem -0.07rem #ccc;
}

.head_l {
    width: 55%;
    position: relative;
    padding: 0 .25rem;
    /* margin-left: 15rem; */
}

.head_l_cont {
    /* width: 100% !important; */
    /* margin: 0 21rem; */
}

.head_l_cont a {
    display: flex;
    justify-content: center;
    color: #333333;
    font-size: 20rem;
    font-weight: 600;
    font-family: '微软雅黑';
    border-right: 1rem #999999 solid;
}

.head_l_cont a:hover {
    color: #0055ff;
}

.head_next.swiper-button-disabled,
.head_prev.swiper-button-disabled {
    opacity: 0 !important;
}

.head_l .swiper-button-next::after,
.head_l .swiper-button-prev::after {
    content: '';
}

.head_next {
    right: 0rem !important;
    left: auto;
    background: url(../img/dqwz_x.png) no-repeat center center;
}

.head_prev {
    left: 0 !important;
    right: auto;
    background: url(../img/dqwz_s.png) no-repeat center center;
}

.head_r {
    display: flex;
    justify-content: flex-end;
    margin-right: .25rem;
    align-items: center;
    color: #333333;
    font-size: .16rem;
}

.head_r img {
    width: auto;
    height: auto;
    margin-right: .14rem;
}

.head_r a {
    padding: 0 .03rem;
    color: #333333;
    font-size: .16rem;
}

.head_r a:hover {
    color: #0055ff;
}


/* 首页*/


/* 第一屏 */

.zy_banner {
    width: 100%;
    position: relative;
}


/* .dyp {
    width: 100vw !important;
    height: 100vh !important;
} */

.dyp .flexslider {
    margin: 0;
}

.flexslider .slides img {
    /* max-height: 9.37rem; */
    height: 100%;
}

.lb_box {
    top: 0;
}

.dyp .flex-direction-nav {
    bottom: 1.2rem !important;
}


/* 第二屏 */

.dep {
    width: 75%;
    margin: 0 auto;
    /* background: url(../img/depbj.png) no-repeat center; */
    background: url('../img/sy_dw.jpg') no-repeat center 68%;
    background-size: 100% 5.36rem;
    /* width: 100vw !important;
    height: 100vh !important; */
    height: 100%;
}

.dep .imgList li img {
    width: 8.61rem;
    height: 4.88rem;
    margin-right: 60px;
}

.dep .imgList_r {
    width: 4.78rem;
}

.dep .imgBtn li .imgList_r {
    display: block !important;
}

.dep .imgBtn li .imgList_r h1 {
    font-size: .16rem;
    color: #fff;
}

.dep .imgBtn li {
    position: relative;
}

.dep .imgList_two li .wz {
    display: none;
}

.dep .imgList_r p {
    font-size: .20rem !important;
}

.dep .imgBtn .imgList_r p,
.dep .imgBtn .imgList_r div {
    display: none;
}

.dep .imgBtn .imgList_r {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .46rem !important;
    background: url('../img/yy.png') no-repeat bottom center;
    background-size: 100% 100%;
}

.dep .imgBtn .imgList_r h1 {
    color: #fff;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 0;
    line-height: .46rem;
}


/* .dep .imgBtn li .imgList_r{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100% !important;
} */

.sy_fwxm_box {
    display: flex;
    flex-direction: column;
    width: 14rem;
    margin: 0 auto;
    /* height: 100%;
    padding-top: 2.39rem; */
}

.sy_fwxm_title {
    margin: 0 auto;
    text-align: center;
}

.sy_fwxm_title h1 {
    color: #0055ff;
    font-size: .44rem;
    font-weight: 600;
    font-family: '宋体';
    margin-bottom: .15rem;
}

.sy_fwxm_title span {
    color: #9c9c9b;
    font-size: .18rem;
    font-weight: 500;
    font-family: Arial;
    margin-bottom: .65rem;
    display: block;
}

.fwxm_box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}


/* 第三屏 */

.dsp {
    background: url(../img/sy_jjbj.jpg) no-repeat left bottom;
    background-size: 100% 100%;
    background-color: #fafafa;
    /* width: 100vw !important;
    height: 100vh !important; */
    width: 100%;
    height: 100%;
    z-index: 57;
}

.dsp_box {
    margin: 0 auto;
    width: 14rem;
    height: 100%;
    padding-top: 1.46rem;
    box-sizing: border-box;
    display: flex;
    position: relative;
}

iframe {
    width: 100%;
    height: 100%;
    z-index: -1;
}

.dsp_l {
    position: absolute;
    left: 0;
    top: 1.4rem;
    height: 2.5rem;
    margin-top: 1.7rem;
    width: 50%;
    z-index: -1;
}

.dsp_l h1 {
    color: #050505;
    font-size: .44rem;
    font-weight: 600;
    font-family: '宋体';
}

.dsp_l h2 {
    color: #0055ff;
    font-size: .44rem;
    font-weight: 600;
    margin-top: .3rem;
    margin-bottom: .45rem;
    font-family: '宋体';
}

.dsp_l span {
    color: #424242;
    font-size: .2rem;
    line-height: .3rem;
}

.dsp_r {
    width: 100%;
    position: inherit;
}

.map_box iframe {
    display: block;
    width: 100%;
    height: 100%;
    position: inherit;
    top: 0;
    left: 0;
    border: none;
}

.map_box .map {
    position: absolute;
    right: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}


/* .map_box ul li img {
    position: absolute;
    opacity: 0;
    z-index: 99;
} */

.map_box ul li span>div {
    position: absolute;
    display: none;
    z-index: 101;
    width: 3rem;
    top: 1.57rem;
    left: 2rem;
    padding: .35rem .12rem .33rem .19rem;
    background: rgba(255, 255, 255, .7);
    /* box-shadow: 0 0 .1rem rgb(97, 96, 96); */
}

.map_box ul li span>div h1 {
    font-size: .2rem;
    color: #000000;
    font-weight: 600;
    margin-bottom: .3rem;
}

.map_box ul li span>div h2,
.map_box ul li span>div h3 {
    font-size: .18rem;
    color: #424242;
    line-height: .3rem;
    font-weight: 500;
}

.map_box ul li span>div h2 {
    font-weight: bold;
    color: #000;
    font-size: .2rem;
}


/* .map_box ul li img:hover {
    opacity: 1;
} */

.map_box ul li img.on {
    opacity: 1;
    display: block;
}

.map_box ul li.on span>div {
    opacity: 1;
    display: block;
}

.map_box ul li.on img {
    opacity: 1;
    display: block;
}


/* .map_box ul li img:hover+.sy_dtjj {
} */

.map1 {
    top: 3.67rem;
    right: 1.54rem;
}

.map2 {
    top: 3.16rem;
    right: .4rem;
}

.map3 {
    top: 5.34rem;
    right: 2.97rem;
}

.map4 {
    top: 4.18rem;
    right: .14rem;
}

.map5 {
    top: 6.84rem;
    left: 3.54rem;
    z-index: 100 !important;
}

.map6 {
    top: .5rem;
    right: 0;
}

.map7 {
    top: 6.27rem;
    right: 3.75rem;
}

.map8 {
    top: 6.54rem;
    left: 3.45rem;
}

.map9 {
    top: 4.49rem;
    right: 1.05rem;
}

.map10 {
    top: 5.74rem;
    left: 3.04rem;
}

.map11 {
    top: 5.53rem;
    right: 4.03rem;
}

.map12 {
    top: 5.39rem;
    left: .56rem;
}


/* 第四屏 */

.dsip {
    /* padding-top: 1rem; */
    background: url(../img/sy_qydtbj.jpg) no-repeat 0 5rem;
    background-size: 100% 100%;
    background-color: #ffffff;
}

.dsip .swiper-button-next,
.dsip .swiper-button-prev {
    z-index: 9;
}

.sy_qydt_next {
    right: 1.6rem !important;
    left: auto;
    background: url(../img/fwxmjt.jpg) no-repeat center center;
}

.sy_qydt_prev {
    left: 1.6rem !important;
    right: auto;
    background: url(../img/sy_jtl.png) no-repeat center center;
}

.sy_qydt_prev:after,
.sy_qydt_next:after {
    content: '' !important;
}

.sy_qydt_next:after,
.sy_qydt_prev:after:after {
    content: '' !important;
}

.sy_qydt_box {
    display: flex;
    width: 14rem;
    margin: 0 auto;
    justify-content: center;
}

.sy_qydt_box a {
    text-align: center;
    width: 100%;
    overflow: hidden;
}

.sy_qydt_box a img {
    cursor: pointer;
    transition: all 0.5s;
    width: 100%;
    height: 100%;
}

.sy_qydt_box a .tp_box {
    width: 4.43rem;
    height: 2.1rem;
    overflow: hidden;
}

.sy_qydt_box a:hover img {
    transform: scale(1.1);
}

.sy_qydt_box a:hover h1 {
    color: #0055ff;
}

.sy_qydt_box a h1 {
    color: #333333;
    font-size: .2rem;
    font-weight: 600;
    margin: .25rem 0;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.sy_qydt_box a div {
    display: flex;
    justify-content: flex-start;
    color: #666666;
    font-size: .18rem;
    font-weight: 500;
}

.sy_qydt_box a div.ellipsis span {
    margin-right: .08rem;
}

.sy_qydt_box a div.ellipsis h2 {
    margin-left: .08rem;
}

.sy_qydt_ckgd {
    margin: .9rem auto !important;
    opacity: 0.7;
}

.sy_qydt_ckgd a {
    margin: .9rem auto !important;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0055ff;
    font-size: .16rem;
}

.sy_qydt_ckgd:hover {
    opacity: 1;
}


/* 第五屏 */

.waves {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    z-index: 1;
}

.waves .waves-animation {
    position: absolute;
    border-radius: 50%;
    width: .25rem;
    height: .25rem;
    opacity: 0;
    background: rgba(255, 255, 255, 0.3);
    transition: all 0.7s ease-out;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: scale(0);
    transform: scale(0);
    pointer-events: none
}

.ts-btn {
    background: #dbdbdb !important;
    color: #0036a4 !important;
}

.dwp {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.sy_jrwm_box {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    background: url(../img/sy_jrwmbj.jpg) no-repeat;
    background-size: 100% 100%;
    z-index: 9;
    position: relative;
}

.sy_jrwm {
    position: absolute;
    top: 3rem;
    left: 2.6rem;
}

.sy_jrwm h1 {
    font-size: .6rem;
    color: #ffffff;
    font-family: '微软雅黑';
}

.sy_jrwm h2 {
    margin: .4rem 0 .55rem 0;
    font-size: .5rem;
    color: #ffffff;
    font-family: '微软雅黑';
}

.sy_jrwm h3 {
    margin: .4rem 0 .55rem 0;
    font-size: .2rem;
    font-weight: 500;
    color: #ffffff;
    font-family: '微软雅黑';
}

.sy_jrwm a {
    font-size: .23rem;
    font-weight: 500;
    padding: .26rem .8rem;
    color: #0036a4;
    font-family: '微软雅黑';
    display: block;
    background: #ffffff !important;
    text-align: center;
    transition: all .5s;
    border: 1px solid transparent;
}

.sy_jrwm a:hover {
    color: #fff !important;
    background-color: #0036a4 !important;
    border: 1px solid #fff;
}

.space {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    overflow: hidden;
}

.space .star {
    display: block;
    width: 0rem;
    height: 0rem;
    border-radius: 50%;
    background: #fff;
    top: -0.5rem;
    left: 2rem;
    position: relative;
    transform-origin: 100% 0;
    animation: star-ani 6s infinite ease-out;
    box-shadow: 0 0 0rem 0rem rgba(255, 255, 255, .3);
    opacity: 0;
    z-index: 2;
}

.space .star:after {
    content: '';
    display: block;
    top: -1rem;
    left: 2rem;
    border: 0rem solid #fff;
    border-width: 0rem .9rem .03rem .9rem;
    border-color: transparent transparent transparent #fff;
    transform: rotate(180deg) translate3d(.1rem, .3rem, 0);
    box-shadow: 0 0 1rem 0 rgba(255, 255, 255, .1);
    transform-origin: 0% 100%;
    animation: shooting-ani 1s infinite ease-out;
}

.space .star1 {
    top: 5rem;
    left: 3rem;
    background: #fff;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
}

.space .star1:after {
    border-color: transparent transparent transparent #fff;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
}

.space .star2 {
    top: 5rem;
    left: 2rem;
    background: #fff;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
}

.space .star2:after {
    border-color: transparent transparent transparent #fff;
    animation-delay: 0;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
}

.space .star3 {
    top: .1rem;
    left: 1rem;
    background: #fff;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

.space .star3:after {
    border-color: transparent transparent transparent #fff;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

.space .star4 {
    top: 2.5rem;
    left: 2.5rem;
    background: #fff;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

.space .star4:after {
    border-color: transparent transparent transparent #fff;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

.space .star5 {
    top: 2.7rem;
    left: 2.5rem;
    background: #fff;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

.space .star5:after {
    border-color: transparent transparent transparent #fff;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

.space .star6 {
    top: .3rem;
    left: 1rem;
    background: #fff;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

.space .star6:after {
    border-color: transparent transparent transparent #fff;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

.space .star7 {
    top: 2.3rem;
    left: 2rem;
    background: #fff;
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
}

.space .star7:after {
    border-color: transparent transparent transparent #fff;
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
}

.space .star13 {
    top: 4.5rem;
    left: 2.1rem;
    background: #fff;
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
}

.space .star13:after {
    border-color: transparent transparent transparent #fff;
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
}

.space .star14 {
    top: .7rem;
    left: 1.5rem;
    background: #fff;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
}

.space .star14:after {
    border-color: transparent transparent transparent #fff;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
}

.space .star15 {
    top: 4.2rem;
    left: 2.5rem;
    background: #fff;
    animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
}

.space .star15:after {
    border-color: transparent transparent transparent #fff;
    animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s;
    -moz-animation-delay: 2.5s;
}

.space .star8 {
    top: 1.3rem;
    left: 1rem;
    background: #fff;
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
}

.space .star8:after {
    border-color: transparent transparent transparent #fff;
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
}

.space .star9 {
    top: 1rem;
    left: 2.5rem;
    background: #fff;
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
}

.space .star9:after {
    border-color: transparent transparent transparent #fff;
    animation-delay: 4s;
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
}

.space .star10 {
    top: 2rem;
    left: 2.5rem;
    background: #fff;
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
}

.space .star10:after {
    border-color: transparent transparent transparent #fff;
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
}

.space .star11 {
    top: 3.4rem;
    left: 1rem;
    background: #fff;
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
}

.space .star11:after {
    border-color: transparent transparent transparent #fff;
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
}

.space .star12 {
    top: 3rem;
    left: 1rem;
    background: #fff;
    animation-delay: 6s;
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
}

.space .star12:after {
    border-color: transparent transparent transparent #fff;
    animation-delay: 6s;
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
}

@keyframes star-ani {
    0% {
        opacity: 0;
        transform: scale(0) rotate(0) translate3d(0, 0, 0);
        -webkit-transform: scale(0) rotate(0) translate3d(0, 0, 0);
        -moz-transform: scale(0) rotate(0) translate3d(0, 0, 0);
    }
    50% {
        opacity: 1;
        transform: scale(1) rotate(0) translate3d(300rem, 0, 0);
        -webkit-transform: scale(1) rotate(0) translate3d(300rem, 0, 0);
        -moz-transform: scale(1) rotate(0) translate3d(300rem, 0, 0);
    }
    100% {
        opacity: 0;
        transform: scale(1) rotate(0) translate3d(600rem, 0, 0);
        -webkit-transform: scale(1) rotate(0) translate3d(600rem, 0, 0);
        -moz-transform: scale(1) rotate(0) translate3d(600rem, 0, 0);
    }
}


/* 第六屏 */

.dlp {
    width: 100%;
    height: auto !important;
    position: relative;
}

.dlp .sy_fwxm_box {
    margin: 0 auto 2.5rem auto;
}

.sy_hzhb_box {
    width: 14rem;
    margin-top: .3rem;
    height: 1.75rem !important;
}

.sy_hzhb {
    border: #ebebeb 1px solid;
    box-sizing: border-box;
}

.sy_hzhb img {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
    margin: 0 auto;
    max-height: 100%;
}


/* 适配小屏 */


/* @media screen and (Max-width: 1550rem) {
    .sy_fwxm_box {
        padding-top: 1.6rem;
    }
    .sy_fwxm_title span {
        margin-bottom: .2rem;
    }
    .sy_qydt_next {
        right: 1.2rem !important;
    }
    .sy_qydt_prev {
        left: 1.2rem !important;
    }
    .sy_jrwm {
        top: 2.4rem;
        left: 1.6rem;
    }
    .sy_hzhb {
        height: 70% !important;
    }
} */


/* 导航 */

.nav_list {
    display: flex;
    justify-content: space-between;
    width: 60%;
    position: relative;
}

.nav_list a {
    display: block;
}

.nav_list li {
    text-align: center;
}

.nav_list li .a1 {
    position: relative;
    width: 100%;
    line-height: .82rem;
    font-size: .2rem;
    color: #333333;
    display: inline-block;
}

.nav_list li .a1::before {
    position: absolute;
    left: 48%;
    bottom: 0;
    width: 0;
    height: .02rem;
    background-color: #0055ff;
    content: "";
    transition: all 0.5s;
}

.nav_list li:hover .nav_xl {
    height: auto;
    opacity: 1;
    visibility: visible;
}

.nav_list li:hover .a1::before,
.nav_list li.on .a1::before {
    left: 0;
    width: 100%;
}

.nav_list li:nth-child(2) .nav_xl {
    right: 38%;
}

.nav_list li:nth-child(3) .nav_xl {
    right: 20%;
}

.nav_list li:last-child .nav_xl {
    right: -40%;
}

.nav_list .nav_xl {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    top: .82rem;
    right: 0;
    width: 85%;
    z-index: 99;
    padding: .15rem .24rem;
    box-sizing: border-box;
    height: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.5s 0s;
    -o-transition: all 0.5s 0s;
    -moz-transition: all 0.5s 0s;
    transition: all 0.5s 0s;
    visibility: hidden;
    opacity: 0;
}

.nav_list .nav_xl .xl_a {
    position: relative;
    line-height: .4rem;
    font-size: .18rem;
    color: #fff;
    transition: color 0.3s 0s;
    margin-right: .3rem;
    font-weight: bold;
}

.nav_list .nav_xl .xl_a:hover,
.nav_list .nav_xl .xl_a.on {
    color: #0055ff;
}

.wb_dy {
    position: relative;
    /* display: flex; */
    display: none;
    justify-content: flex-start;
    cursor: pointer;
}

.wb_dy .pos .ewm_box {
    display: none;
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 1.2rem;
    height: 1.2rem;
    background-color: #fff;
    align-items: center;
    justify-content: center;
}

.wb_dy .wb:hover .ewm_box,
.wb_dy .dy:hover .ewm_box {
    display: flex;
}


/* 轮播样式 */

.sy_fwxm_box .swiper {
    width: 100%;
    height: 100%;
}

.sy_fwxm_box .swiper-slide {
    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;
    cursor: pointer;
}

.sy_fwxm_box .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.sy_fwxm_box .mySwiper .swiper-slide:hover img {
    transform: scale(1.1);
}

.xj_fd {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    height: .98rem;
    background: url('../img/db-fd.png') no-repeat center;
    background-size: 100% 100%;
}

.dep .fwxm_ckgd:hover {
    border: 2px solid #0055ff;
}

.fwxm_ckgd {
    width: 2.50rem;
    height: .66rem;
    color: #0055ff;
    border: solid 2px #0055ff;
    font-size: .16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/fwxmjtl.png) no-repeat 173px;
    background-size: .27rem .2rem;
    transition: all .5s;
}

.fwxm_ckgd:hover,
.fwxm_ckgd:hover a {
    color: #fff;
    background: url(../img/fwxmjtb.png) no-repeat 173px #0055ff;
    background-size: .27rem .2rem;
}


/* 修改首页服务项目结构 */

.dep .fwxm_box {
    display: block;
}

.dep .fwxm_box .mySwiper2 .tp {
    width: 8.61rem;
    height: 4.81rem;
    overflow: hidden;
}

.dep .fwxm_box .mySwiper2 .swiper-slide {
    justify-content: space-between;
}

.dep .fwxm_box .mySwiper2 .tp img {
    width: 100%;
}

.dep .fwxm_box .mySwiper2 .imgList_r {
    width: 35%;
}

.dep .fwxm_box .mySwiper {
    width: 8.61rem;
    margin-top: -.48rem;
    background-color: transparent;
    margin-left: 0;
}

.dep .fwxm_box .mySwiper .swiper-slide {
    background: none;
    z-index: 99;
}

.dep .fwxm_box .tp_small {
    position: relative;
    width: 1.85rem;
    height: 1.1rem;
    overflow: hidden;
    border: 3px solid #fff;
}

.dep .fwxm_box .tp_small p {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 100%;
    height: .46rem;
    line-height: .56rem;
    text-align: center;
    color: #fff;
    background: url('../img/yy.png') no-repeat bottom center;
    background-size: 100% 100%;
}

.dep .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.dep .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    display: none;
}


/* 地图 */

.map_box {
    /* width: 100%; */
    /* width: 8.63rem;
    height: 7.5rem; */
    position: relative;
    text-align: right;
    position: relative;
    z-index: 9;
    margin-left: 39%;
}

.map_box iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.map_box .border {
    position: absolute;
    display: none;
    width: 372px;
    border: 1px solid #333;
    border-radius: 10px;
    padding: 23px 37px;
    box-sizing: border-box;
    background-color: #fff;
    transition: all .5s;
    text-align: left;
}

.map_box .hlbe {
    right: 27%;
    top: 26%;
}

.map_box .wlht {
    right: 16%;
    top: 28%;
}

.map_box .xlht {
    right: 46%;
    top: 32%;
}

.map_box .cf {
    right: 0%;
    top: 71%;
}

.map_box .tl {
    right: -19%;
    top: 35%;
}

.map_box .wlcb {
    right: 58%;
    top: 42%;
}

.map_box .bt {
    right: 58%;
    top: 44%;
}

.map_box .hhht {
    right: 58%;
    top: 44%;
}

.map_box .byne {
    right: 60%;
    top: 44%;
}

.map_box .eeds {
    right: 60%;
    top: 44%;
}

.map_box .wh {
    right: 58%;
    top: 44%;
}

.map_box .alsm {
    right: 57%;
    top: 40%;
}

.map_box .border.on {
    display: block;
}

.map_box .border h2 {
    font-size: .22rem;
    margin-bottom: .15rem;
}

.map_box .border p {
    font-size: .16rem;
    color: #000000;
    line-height: .26rem;
}

.map_box .border p+p {
    display: block;
}

.map_box .nmmap {
    width: 8.63rem;
    height: 7.5rem;
}

@media screen and (max-width:1366px) {
    .dep .sy_fwxm_title span {
        margin-bottom: 0.25rem;
    }
    .dsp_box {
        padding-top: 1rem;
    }
    .dep .sy_fwxm_box {
        padding-top: .3rem;
        box-sizing: border-box;
    }
}


/* 地图2 */

.mdzs-san .nmdt ul li:hover>img {
    display: block;
}

.mdzs-san .nmdt {
    width: 100%;
    height: 6.95rem;
    margin-top: 0.1rem;
}

.mdzs-san .nmdt>ul {
    /* width: 33.3%; */
    width: 100%;
    height: 100%;
    margin-top: 1%;
    background: url("../img/dt.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.mdzs-san .nmdt ul .t-one {
    width: 33.87%;
    height: 38%;
    position: absolute;
    top: 0;
    right: 0;
}

.mdzs-san .nmdt ul .t-one span {
    padding-left: 10%;
    padding-top: .5rem;
    box-sizing: border-box;
}

.mdzs-san .nmdt ul li:hover span {
    color: #fff;
}

.mdzs-san .nmdt ul .t-one:hover .dtkuang,
.mdzs-san .nmdt ul .t-one.on .dtkuang {
    top: 33%;
    left: -115%;
}

.mdzs-san .nmdt ul .t-two:hover .dtkuang,
.mdzs-san .nmdt ul .t-two.on .dtkuang {
    top: -34%;
    left: 36%;
}

.mdzs-san .nmdt ul .t-three:hover .dtkuang,
.mdzs-san .nmdt ul .t-three.on .dtkuang {
    top: -755%;
    left: -43%;
}

.mdzs-san .nmdt ul .t-four:hover .dtkuang,
.mdzs-san .nmdt ul .t-four.on .dtkuang {
    top: -160%;
    left: -110%;
}

.mdzs-san .nmdt ul .t-five:hover .dtkuang,
.mdzs-san .nmdt ul .t-five.on .dtkuang {
    top: -112%;
    left: -36%;
}

.mdzs-san .nmdt ul .t-six:hover .dtkuang,
.mdzs-san .nmdt ul .t-six.on .dtkuang {
    top: -112%;
    left: -36%;
}

.mdzs-san .nmdt ul .t-seven:hover .dtkuang,
.mdzs-san .nmdt ul .t-seven.on .dtkuang {
    top: -258%;
    left: -144%;
}

.mdzs-san .nmdt ul .t-nine:hover .dtkuang,
.mdzs-san .nmdt ul .t-nine.on .dtkuang {
    top: -34%;
    left: -36%;
}

.mdzs-san .nmdt ul .t-eight:hover .dtkuang,
.mdzs-san .nmdt ul .t-eight.on .dtkuang {
    top: -105%;
    left: -36%;
}

.mdzs-san .nmdt ul .t-ten:hover .dtkuang,
.mdzs-san .nmdt ul .t-ten.on .dtkuang {
    top: -87%;
    left: -268%;
}

.mdzs-san .nmdt ul .t-eleven:hover .dtkuang,
.mdzs-san .nmdt ul .t-eleven.on .dtkuang {
    top: -87%;
    left: -237%;
}

.mdzs-san .nmdt ul .t-twen:hover .dtkuang,
.mdzs-san .nmdt ul .t-twen.on .dtkuang {
    top: -87%;
    left: -36%;
}

.mdzs-san .nmdt ul .t-two {
    width: 38.22%;
    height: 34%;
    position: absolute;
    bottom: 0.4%;
    left: 0;
}

.mdzs-san .nmdt ul .t-three {
    width: 5.96%;
    height: 4%;
    position: absolute;
    bottom: 11.19%;
    left: 34.35%;
    z-index: 22;
}

.mdzs-san .nmdt ul .t-four {
    width: 19.09%;
    position: absolute;
    height: 15%;
    bottom: 14.7%;
    left: 28.58%;
}

.mdzs-san .nmdt ul .t-five {
    width: 20.32%;
    position: absolute;
    height: 18.7%;
    bottom: .7%;
    left: 33.58%;
}

.mdzs-san .nmdt ul .t-six {
    width: 8.38%;
    position: absolute;
    height: 15%;
    bottom: 17%;
    left: 44.58%;
}

.mdzs-san .nmdt ul .t-seven {
    width: 5.8%;
    position: absolute;
    height: 11%;
    bottom: 12%;
    z-index: 10;
    left: 51%;
}

.mdzs-san .nmdt ul .t-eight {
    width: 16.1%;
    position: absolute;
    bottom: 16.2%;
    height: 19%;
    left: 49.5%;
}

.mdzs-san .nmdt ul .t-nine {
    width: 30.96%;
    position: absolute;
    bottom: 25.3%;
    height: 32.2%;
    left: 51%;
}

.mdzs-san .nmdt ul .t-ten {
    width: 14.67%;
    position: absolute;
    bottom: 42.5%;
    height: 22.3%;
    left: 80.6%;
}

.mdzs-san .nmdt ul .t-eleven {
    width: 18.22%;
    position: absolute;
    bottom: 31.5%;
    height: 19%;
    left: 80.4%;
}

.mdzs-san .nmdt ul .t-twen {
    width: 15%;
    position: absolute;
    bottom: 24.5%;
    left: 72.6%;
    height: 23%;
}

.mdzs-san .nmdt ul li {
    /* display: table; */
}

.mdzs-san .nmdt ul li>img {
    display: none;
    width: 100%;
    height: 100%;
}

.mdzs-san .nmdt ul li>span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    /* background: url("../img/zb.png") no-repeat;
    background-position: 50% 40%; */
    font-size: .14rem;
    line-height: 3;
    font-weight: bold;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mdzs-san .nmdt ul li>span:hover {
    color: #fff;
    background: url("../img/zbh.png") no-repeat center;
    background-position: 50% 40%;
}

.mdzs-san .nmdt ul li>span:hover .dtkuang {
    display: block;
}

.nmdt .t-four span,
.nmdt .t-seven span {
    top: -0.1rem;
    padding-top: .1rem;
}