@charset "utf-8";

/* CSS Document */

.slideBox {
    /* width:100%; */
    position: relative;
    margin: 0 auto;
    background: #000;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    overflow: hidden
}

.slideBox .bd li {
    vertical-align: middle;
    position: relative;
}

.slideBox .bd .b-img {
    width: 100%;
    display: block;
height:7rem;
    animation: changeScale 1 2.5s;
}

.slideBox .bd .s-img {
    display: none;
}

.slideBox .hd {
    overflow: hidden;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px;
    z-index: 1;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    color: #fff;
    width: 100%;
    text-align: center;
}

.slideBox .hd ul li {
    display: inline-block;
    margin: 0 6px;
    width: 58px;
    height: 6px;
    background: rgba(255,255,255,0.28);
    border-radius:10px;
    cursor: pointer;
    transition-duration: .5s;
}

.slideBox .hd ul li.on { background:#ffffff}



.in-zn {
     padding: 0.72rem 0;
}

.in-zn dl {
 width: 13.6%;
    float: left;
    text-align: center;
    transition-duration: .5s;
    background: #f4f4f4;
    margin-right: 0.6%;
    padding: 0.34rem 0;
    transition-duration: .5s; margin-bottom:0.1rem
}
 
 


 

.in-zn dl:after {
    content: "";
    clear: both
}

.in-zn dl dt {
    margin: 0 auto;
    transition-duration: .5s;
    text-align: center;  
}

.in-zn dl dt img {
    transition-duration: .5s;
    display: inline-block;
}

.in-zn dl:hover dt img {
    -webkit-animation: icon-bounce 0.5s alternate;
    -moz-animation: icon-bounce 0.5s alternate;
    -o-animation: icon-bounce 0.5s alternate;
    animation: icon-bounce 0.5s alternate;
}

.in-zn dl dd {
    font-size: 0.2rem; height:22px; line-height:1
}
.in-zn dl:hover{ border-radius:15px;-moz-box-shadow:0px 0px 8px #8F8F8F; -webkit-box-shadow:0px 0px 8px #8F8F8F; box-shadow:0px 0px 8px #8F8F8F;}

.in-zn dl:nth-child(8n) {
    margin-right: 0;
}

.in-zn dl a {
    display: block;
}
.in-new,.in-zx-vi{ background:#f4f4f4; position:relative; padding:0.39rem 0 0.55rem 0}
.in-new:after,.in-zx-vi:after{ content:""; width:50%; height:100%; background:#2e3953; position:absolute; top:0; right:0; z-index:1;}
.in-zx-vi:after{ right:auto; left:0;}
.zywz,.zx-li{ width:48% !important; margin-right:4%;}
.in-ti{ padding-bottom:0.2rem;}
.in-ti h1{ color:#1a2949; font-size:0.3rem;}
.in-ti a{ display:block; border:1px solid #d6d6d6; font-size:0.15rem; line-height:0.38rem; width:0.99rem; text-align:center;}
.in-gg-list{border-top:1px dashed #c1c1c1;}
.in-gg-list li {   border-bottom:1px dashed #c1c1c1;  position:relative; padding-left:0.35rem; line-height:0.6rem;display: flex;align-items: center;}
.in-gg-list li:before{ content:""; width:5px; height:5px; background:#2e3953; position:absolute; left:0.11rem; top:50%; margin-top:-2.5px;}
.in-gg-list li:hover:before{ background:#0059ad}
.in-gg-list li a {
    width: 80%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    transition-duration: .5s; font-size:0.2rem;
}
.in-gg-list li a:hover{ font-weight:bold; padding-left:0.1rem;}
.in-gg-list li span {
    float: right;
    display: block;
    font-family: "Arial"; font-size:0.18rem;
}
.ls-dt,.zx-li{ position:relative; z-index:2;}
.bg-ti h1{ color:#fff;}
.bg-ti a{ color:#fff;}
 .fc-list{ min-height:4.73rem;}
.fc-list dl{ margin-bottom:0.20rem;}
.fc-list dl dt{ overflow:hidden; background:#000; }
.fc-list dl dt img{ width:100%; display:block; height:100%;object-fit: cover; transition-duration:.5s;}
.fc-list dl dd{ width:64% !important; padding:0.05rem; position:relative; color:#fff; margin-left:0.17rem; }
.fc-list dl dd h1{ font-size:0.2rem; font-weight:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:0.10rem 0; }
.fc-list dl dd p{ font-size:0.16rem ; line-height:1.6;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical; opacity:0.5;}
.fc-list dl dd span{ font-size:0.16rem; color:#888888}
.fc-list dl:nth-child(3){ margin-bottom:0;}
.fc-list dl:hover dt img,.img-li li:hover img{ transform:scale(1.1)}
.qa-list{ border-top:1px dashed #767880; padding:0.13rem 0 0.24rem 0; color:#fff;}
.qa-list dt{ margin-bottom:0.11rem;}
.qa-list .q{ width:0.36rem; height:0.36rem; line-height:0.36rem; text-align:center; color:#2e3953; background:#fff; font-size:0.18rem; float:left;}
.qa-list .wt{width: calc(96% - 0.36rem);width: -webkit-calc(96% - 0.36rem);padding-left: 0.18rem; float:right;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:0.18rem;}
.qa-list dd .q{ background:#898989; color:#fff;}
.qa-list dd .wt{  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;white-space: initial;}

.vi-img{ min-height:5.33rem;}
.wyzx{ display:block; width:100%; background:#fff; font-size:0.22rem; text-align:center; line-height:0.48rem; border-bottom:4px solid #000;}
.img-li li{ width:49%; float:left; position:relative; margin-bottom:0.15rem; overflow:hidden}
.img-li li:nth-child(2){ float:right;}
.img-li li:nth-child(3){ width:100%;}
.img-li li p{ position:absolute; width:100%; text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color:#fff; bottom:0.15rem;}
.img-li li img{ width:100%; display:block; transition-duration:.5s;}
.img-li li span img{ width:auto; display:inline-block;}
.img-li li span{ position:absolute; top:33%; width:100%; text-align:center; left:0;}
.in-about{ padding:0.75rem 0;}
.ab-le{ width:49%; position:relative; overflow:hidden; background:#000;}
.ab-le img{ width:100%; display:block; transition-duration:.5s;}
.ab-le:hover img{ transform:scale(1.1)}
.ab-ri{ width:48%;}
.ab-ti{ font-size:0.30rem; margin-bottom:0.25rem; line-height:1.5}
.Menubox ul{ margin-bottom:0.3rem;}

.Menubox ul li.hover{ color:#fff; background:#2e3953}
.CbContainer p{ font-size:0.18rem; padding-bottom:0.25rem;}
.CbContainer a{ display:block; width:1rem; text-align:center; font-size:0.15rem; line-height:0.4rem; border:1px solid #333; transition-duration:.5s;}
.CbContainer a:hover{ color:#fff; background:#2e3953}


@media only screen and (max-width: 1450px) {
	
	.in-gg-list li a,.in-gg-list li span,.qa-list .q,.Menubox ul li, .Menubox1 ul li,.CbContainer p{ font-size:0.2rem;}
	.fc-list dl dd span,.fc-list dl dd p,.CbContainer a,.CbContainer1 p{ font-size:0.18rem;}
	}

@media only screen and (max-width: 1366px) {}

@media only screen and (max-width: 1240px) {}

@media only screen and (max-height: 920px) {}

@media only screen and (max-width: 992px) {}

@media only screen and (max-width: 760px) {
	[data-flex~="dir:top"][data-flex~="box:mean"]>*, [data-flex~="dir:top"][data-flex~="box:first"]>*, [data-flex~="dir:top"][data-flex~="box:last"]>*, [data-flex~="dir:top"][data-flex~="box:justify"]>*, [data-flex~="dir:bottom"][data-flex~="box:mean"]>*, [data-flex~="dir:bottom"][data-flex~="box:first"]>*, [data-flex~="dir:bottom"][data-flex~="box:last"]>*, [data-flex~="dir:bottom"][data-flex~="box:justify"]>*,[data-flex~="box:mean"]>*, [data-flex~="box:first"]>*, [data-flex~="box:last"]>*, [data-flex~="box:justify"]>*{ width:auto !important; height:auto !important}
	.slideBox{ margin-top:70px;}
    .slideBox .bd .mobile-banner,
    .mobike-shzr .m-img {
        display: block;
    }
    .slideBox .bd .s-img {
        display: block;
    }
    .slideBox .bd .b-img {
        display: none
    }
    .slideBox .bd .pc-banner {
        display: none;
    }
	.in-zn,.in-new, .in-zx-vi{ padding:15px;}
 
	.in-zn dl dt img{ width:35px;}
	.in-zn dl dd{ font-size:12px; }
	.in-new .wrap,.zywz,.in-gg-list,.fc-list dl a,.in-gg-list li,.in-zx-vi .wrap{ display:block !important}
	.zywz, .zx-li,.ab-le,.ab-ri{  margin-right:0}
	.in-new:after, .in-zx-vi:after{ display:none}
	.ls-dt{background: #2e3953; margin:20px 0 0 0; padding:15px;}
	.in-ti h1,.ab-ti{ font-size:17px;}
	.in-ti a,.CbContainer a{ width:100px; line-height:30px; font-size:14px;}
	.in-gg-list li a,.qa-list .wt,.wyzx{ font-size:13px;}
	.in-gg-list li span,.fc-list dl dd span{ font-size:12px;}
	
	.fc-list dl dt{ width:40% !important; float:left;}
	.fc-list dl dd{ float:right; width:55% !important; padding:0;}
	.fc-list dl dd h1{ font-size:15px; padding:0;}
	.fc-list dl a:after{ content:""; clear:both; display:block;}
	.zx-li{ background: #2e3953; padding:15px; margin-bottom:20px;}
	.ab-ri{ padding:15px; width:auto;}
	.Menubox ul li, .Menubox1 ul li{ font-size:16px;}
	.CbContainer p{ font-size:14px;}
	.in-zn dl{ width:48%;}
	.in-zn dl a{ height:45px;}
	.ab-le {
    width: 100%;
}
}

@-webkit-keyframes grow {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(2);
    }
}

@-moz-keyframes grow {
    from {
        -moz-transform: scale(1);
    }
    to {
        -moz-transform: scale(2);
    }
}

@keyframes grow {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.5);
    }
}