/****** index ******/
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.w78p { width: 78%; overflow: hidden; margin: 0 auto; }
img { vertical-align: middle; }

.logo-box { width: 100%; overflow: hidden; margin: 0 auto; margin-top: 3%; }
.logo-box a { float: left; }
.logo-box img { display: block; }

.swiper-slide { background-image:url("28576059.jpg"); position: relative; }

.pos-txt { position: absolute; left: 0px; top: 30%; z-index: 999999; padding: 10px 10px; line-height: 20px; text-align: center;
 font-size: 16px; font-style: italic; font-weight: bold; color: #ffffff; background: url("28576065.png"); }

.pagination { display: none; position: fixed; z-index: 100; margin-top: -240px; top: 50%; left: 0px; }
.swiper-pagination-switch { display: block; width: 64px; height: 46px; margin: 1px 0px;
 line-height: 46px; text-align: center; font-size: 26px; font-style:italic; font-weight: bold; color: #ffffff; cursor: pointer; background: url("28576064.png"); }
.swiper-active-switch { width: 78px; height: 46px; background: url("28576065.png"); }

.slide1-con-box { width: 100%; overflow: hidden; margin: 0 auto; }
.slide1-con-box .animate-one, .slide1-con-box .animate-two { overflow: hidden; text-align: center; }
.slide1-con-box .animate-one { width: 66%; margin: 2% 0% 0% 6%; }
.slide1-con-box .animate-two { width: 28%; }
.slide1-con-box .animate-one img, .slide1-con-box .animate-two img { display: block; width: 100%; margin: 0 auto; }

.slide2-con-box { width: 100%; max-height: 60vh; overflow: hidden; margin-top: 5%; border-radius: 5px; background: #ffffff; }
.slide2-con-box::-webkit-scrollbar {
    width: 0.06rem;
    height: 0.05rem;
}
.slide2-con-box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
    background: #003d82;
}
.slide2-con-box::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
    border-radius: 10px;
    background: #ededed;
}

.slide2 .w78p { overflow: visible; position: relative; }
.slide2 .w78p:after { content: ""; position: absolute; left: -135px; bottom: -100px; z-index: 99999; width: 500px; height: 163px; background: url("28576071.png") no-repeat;
 background-size: 100%; }

.slide2-con-box .list-style { width: 85%; overflow: hidden; padding: 5% 0px; margin: 0 auto; }
.slide2-con-box .list-style ul { width: 100%; overflow-x: hidden; overflow-y: auto; }
.slide2-con-box .list-style ul li { width: 100%; overflow: hidden; padding: 8px 0px; line-height: 20px; font-size: 16px; color: #000000; }
.slide2-con-box .list-style ul li a { font-size: 16px; color: #000000; }
.slide2-con-box .list-style ul li .fl { width: 80%; height: 20px; overflow: hidden; font-size: 16px; color: #000000; position: relative; text-indent: 0.6em; display: -webkit-box;
 -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.slide2-con-box .list-style ul li .fl:after { content: ""; width: 5px; height: 5px; position: absolute; left: 0px; top: 50%; z-index: 99999; margin-top: -2.5px; background: #014099; }
.slide2-con-box .list-style ul li .fr { width: 20%; height: 20px; overflow: hidden; font-size: 16px; text-align: right; color: #000000; }

.scb-btn-box { position: absolute; left: 0px; bottom: 10vh; z-index: 999999; width: 100%; overflow: hidden; text-align: center; }
.scb-btn-box img { display: block; margin: 0 auto; }

.footer { width: 100%; overflow: hidden; margin: 0 auto; padding: 20px 0px; }
.footer p { line-height: 30px; font-size: 16px; text-align: center; color: #d86465; }

.ani{
	opacity:0;
}
.ani-slide .ani1-1{
	opacity:1;
	-webkit-animation: fadeInDown 0.5s both;
    animation: fadeInDown 0.5s both;
}
.ani-slide .ani1-2{
	opacity:1;
    -webkit-animation: fadeInDown 1s 0.5s both;
    animation: fadeInDown 1s 0.5s both;
}
.ani-slide .ani1-3{
	opacity:1;
    -webkit-animation: fadeInDown 1s 1s both;
    animation: fadeInDown 1s 1s both;
}
.ani-slide .ani2-1,.ani-slide .ani3-1,.ani-slide .ani4-1,.ani-slide .ani5-1{
    opacity: 1;
    -webkit-animation: fadeInUp 1s both;
    animation: fadeInUp 1s both;
}
.ani-slide .ani2-2,.ani-slide .ani3-2,.ani-slide .ani4-2,.ani-slide .ani5-2{
    opacity: 1;
    -webkit-animation: fadeInUp 1s 0.5s both;
    animation: fadeInUp 1s 0.5s both;
}


/* list */
.url-nav { width: 100%; overflow: hidden; font-size: 16px; color: #000000; padding: 15px 0px; text-indent: 1em;
 border-bottom: solid 1px #cccccc; position: relative; }
.url-nav:after { content: ""; position: absolute; left: 10px; top: 0px; z-index: 999;
 display: block; width: 14px; height: 16px; }
.url-nav a { color: #000000; }
.url-nav a:hover { color: #993333!important; }

.page-box { text-align: center; margin: 20px auto; font-size: 0px; }
.page-box font { display: inline-block; padding: 6px 12px; color: #ffffff; margin: 0px 4px;
 font-size: 14px; border: solid 1px #0066cc; border-radius: 3px; background: #0066cc; }
.page-box a { display: inline-block; padding: 6px 12px; color: #333333; margin: 0px 4px;
 font-size: 14px; border-radius: 3px; border: solid 1px #0066cc; }
.page-box a:hover { color: #fff!important; border: solid 1px #0066cc; background: #0066cc; }


/* content */
.header .logo-box { position: absolute; left: 0px; top: 15px; z-index: 999999; margin-top: 0px; }
.header > img { width: 100%; }

.content-text-box { width: 100%; overflow: hidden; margin: 20px 0px; }
.content-text-box .title, .content-text-box .info{ width: 100%; float: left;
 padding-bottom: 10px; line-height: 80px; text-align: center; }
.content-text-box .title h1 { font-size: 20px; font-weight: bold; color: #000; }
.content-text-box .info { border-top: 1px #ccc solid; font-size: 16px; color: #848484; }
.content-text-box .text { margin-top: 30px; font-size: 16px; color: #333333; }

.content-text-box .text video { display: block; width: 60%; height: auto; overflow: hidden; margin: 0 auto; object-fit: cover; }
.content-text-box .text video object, .content-text-box .text video param, .content-text-box .text video embed { width: 100%; height: auto; }

.content-text-box img { display: block; max-width: 100%; margin: 0 auto; }
.content-text-box img:hover { transform: scale(1.0)!important; }


@media screen and (max-width: 1920px) { 
    .swiper-slide { background-repeat: no-repeat; background-size: cover; }
}

@media screen and (min-width: 100px) and (max-width: 1024px) {
	.w78p { width: 80%; }
	.slide1-con-box .animate-one { width: 100%; margin: 15% 0% 0% 0%; }
    .slide1-con-box .animate-two { margin: 5% 0% 0% 0%; }

	.slide2 .w78p:after { left: -0.5rem; bottom: -1.3rem; width: 3.5rem; height: 1.5rem; }
    .slide2-con-box { max-height: 50vh; margin: 10vh 0% 0% 0%; }
    .slide2-con-box .list-style { width: 90%; padding: 0.2rem 0rem; }
    .slide2-con-box .list-style ul li { line-height: 0.2rem; }
    .slide2-con-box .list-style ul li .fl { height: 0.2rem; font-size: 0.16rem; }
    .slide2-con-box .list-style ul li .fr { height: 0.2rem; font-size: 0.16rem; }

	.footer { padding: 0.16rem 0rem; } 
    .footer p, .footer p a { line-height: 0.36rem; font-size: 0.16rem; color: #ffffff; }

    .pos-txt { width: 0.2rem; text-align: center; line-height: 0.2rem; font-style: initial; }

    .page-box { margin: 0.3rem auto; line-height: 0.16rem; }
    .page-box font { padding: 0.10rem 0.12rem; margin: 0rem 0.04rem; font-size: 0.16rem; }
    .page-box a { padding: 0.10rem 0.12rem; margin: 0rem 0.04rem; font-size: 0.16rem; border: solid 0.01rem #0066cc; }

    .header .logo-box img { width: 60%; }
    .content-text-box .text video { width: 90%!important; }

    .pos-txt { line-height: 0.20rem; font-size: 0.16rem; }
}

/* wap端样式 */
@media screen and (min-width: 100px) and (max-width: 820px) {
	.w78p { width: 80%; }

	.logo-box { margin-top: 5%; }
	.logo-box img { width: 80%; }

	.slide1-con-box .scb-btn-box { position: absolute; left: 0rem; bottom: 2rem; z-index: 999999; }

	.slide2-con-box { max-height: 8rem; overflow-x: hidden; overflow-y: auto; margin: 5vh 0% 0% 0%; }
	.slide2-con-box .list-style ul li { padding: 0.13rem 0rem; line-height: 0.20rem; font-size: 0.16rem; } 
	.slide2-con-box .list-style ul li .fl { width: 75%; }
    .slide2-con-box .list-style ul li .fr { width: 25%; }

    .pagination { margin-top: -50%; }
    .swiper-pagination-switch { width: 0.8rem; height: 0.73rem; line-height: 0.73rem;
     margin: 0.02rem 0rem; font-size: 0.2rem!important; }
    .swiper-active-switch { font-size: 0.2rem!important; }

    .url-nav { font-size: 0.16rem; padding: 0.15rem 0rem; }
    .lr-list-box ul li { line-height: 0.35rem; }
    .lr-list-box ul li:after { content: ''; position: absolute; left: 0px; top: 0.20rem; z-index: 999; display: block; width: 4px; height: 4px; margin-top: -2px; background: #c60b0b; }
    .lr-list-box ul li .fl { font-size: 0.20rem; }
    .lr-list-box ul li .fr { font-size: 0.20rem; }

	.header .logo-box img { width: 40%; }
    .content-text-box .title h1 { line-height: 0.6rem; }
    .content-text-box .info { line-height: 0.5rem; }
}

@media screen and (min-width: 300px) and (max-width: 509px) {
	.slide2-con-box .list-style ul li .fl { width: 65%; text-indent: 1em; }
    .slide2-con-box .list-style ul li .fr { width: 35%; }

    .pagination { margin-top: -50%; }
    .swiper-pagination-switch { width: 0.6rem; height: 0.6rem; line-height: 0.6rem; }
}


@media only screen and (min-height: 100px) and (max-height: 480px) {
	.slide1-con-box .scb-btn-box { bottom: 1.3rem; }
	.slide1-con-box .scb-btn-box img { width: 25%; }
	.slide2-con-box { max-height: 7.2rem; overflow-x: hidden; overflow-y: auto; margin: 3vh 0% 0% 0%; }
}
@media only screen and (min-height: 737px) and (max-height: 915px) {
	.slide2-con-box { max-height: 9rem; }
}


@media screen and (min-width: 510px) and (max-width: 620px)  {
    .pagination { margin-top: -45%; }
    .swiper-pagination-switch { width: 0.6rem; height: 0.5rem; line-height: 0.5rem; }
}

@media screen and (min-width: 621px) and (max-width: 760px)  {
    .pagination { margin-top: -35%; }
    .swiper-pagination-switch { width: 0.6rem; height: 0.4rem; line-height: 0.4rem; }
}

@media screen and (min-width: 761px) and (max-width: 810px)  {
    .pagination { margin-top: -35%; }
    .swiper-pagination-switch { width: 0.6rem; height: 0.4rem; line-height: 0.4rem; }
}

@media screen and (min-width: 811px) and (max-width: 890px)  {
    .pagination { margin-top: -30%; }
    .swiper-pagination-switch { width: 0.6rem; height: 0.4rem; line-height: 0.4rem; }
}

/* pc端小屏幕样式 */
@media screen and (min-width: 821px) and (max-width: 1024px) {
    .slide1-con-box .animate-one { width: 70%; margin: 15% 0% 0% 0%; }

    .url-nav { font-size: 0.16rem; padding: 0.15rem 0rem; margin-top: 0.15rem; }
    .lr-list-box ul li { line-height: 0.35rem; }
    .lr-list-box ul li:after { content: ''; position: absolute; left: 0px; top: 0.20rem; z-index: 999; display: block; width: 4px; height: 4px; margin-top: -2px; background: #c60b0b; }
    .lr-list-box ul li .fl { font-size: 0.20rem; }
    .lr-list-box ul li .fr { font-size: 0.20rem; }

    .content-text-box .title h1 { line-height: 0.3rem; }
    .content-text-box .info { line-height: 0.5rem; }
}

/* pc端笔记本样式 */
@media screen and (min-width: 1025px) and (max-width: 1600px) {
	.slide1-con-box .scb-btn-box img { width: 80px; }
	.footer { padding: 10px 0px; }

	.slide2-con-box { max-height: 430px; overflow-x: hidden; overflow-y: auto; margin-top: 2%; }   
}