html, body {position: relative; height: 100%; overflow:hidden;}

/*header{z-index: 10; background:none;}

header .nav{background:none;}

header>*{position:relative;z-index:1;}

header.show-bg:before{transition:height 0.3s; content:"";position:absolute; top:0; height:0%; width:100%; background:rgba(0, 56, 29, 0.8);z-index:0;}

header.show-bg:hover:before{height:100%;}*/



header .nav{background:none;}

header .nav:before{height:0;}

header.show-bg .nav{background:rgba(146,58,55,0.7);}

header:hover .nav{background:rgba(146,58,55,0.7);}

header:hover .nav:before{height:0;}

main{padding:0; margin-top:0;}

footer{display:none;}

main,.swiper-container-v { width: 100%; height: 100%;}



main div.bg{position:absolute; top:0; left: 0; right:0; bottom:0;}

main div.bg>div{position:absolute; top:0; left:0; width:100%; height: 100%;  transition: all 0.6s;

	background-position: center center; background-size:auto 100%;

}

main div.bg>div.hd{-webkit-transform: translateY(-100%); transform: translateY(-100%);}

main div.bg>div.bg0{background-image:url(../image/index-page-bg-0.jpg);}
main div.bg>div.bg01{background-image:url(../image/index-page-bg-01.jpg);}

main div.bg>div.bg1{background-image:url(../image/index-page-bg-1.jpg);}

main div.bg>div.bg2{background-image:url(../image/index-page-bg-2.jpg);}

main div.bg>div.bg3{background-image:url(../image/index-page-bg-3.jpg);}

@media (min-aspect-ratio: 16/9){

	main div.bg>div{background-size: 100% auto;}

}



.swiper-container-v{position:relative;z-index:1;}

.swiper-container-v>.swiper-wrapper>.swiper-slide { background:rgba(0,0,0,0.6); position:relative; text-align: center;font-size: 18px; overflow-y:hidden; color:#fff; }



.swiper-container-v-pagination{position:fixed; top: calc(50% - 120px); left: 20px; z-index: 1; opacity: 0.95; transition: opacity 0.2s; -webkit-transition: opacity 0.2s;}

.swiper-container-v-pagination:hover{opacity: 1;}

.swiper-container-v-pagination span{display:block; width: 20px; height: 20px; margin: 5px 0;  transition: all 0.2s; -webkit-transition: all 0.2s; font-size: 0px; overflow:hidden;border: #923a37 1px solid;}

.swiper-container-v-pagination span font{color:#fff;}

.swiper-container-v-pagination span:hover{border-radius: 10px; padding:0 10px; width: auto; font-size: 13px; background:#8b272b; opacity: 1;}

.swiper-container-v-pagination span.swiper-pagination-bullet-active{background:#8b272b; width: 24px; height: 24px; margin-left: -2px;}

.swiper-container-v-pagination span.swiper-pagination-bullet-active:hover{width:auto; line-height: 24px;}





.page0{width:100%; overflow-x:hidden;}
.page0 .tp {position:absolute; top:0; left:0; right:0; bottom:0;width: 100%;height: 100%;z-index: 1 }

/**.page0 .nav-bg{position: absolute; top:0; left:0; right: 0; height:62px; background:rgba(0, 56, 29, 0.8); }*/

.page0 .cover{position:absolute; top:0; left:0; right:0; bottom:0; text-align: center; display:flex; flex-direction:column; justify-content: center; align-items:center;z-index: 3;background: rgba(0,0,0,0.3);}

.page0 .cover img{width:600px; opacity:0.9;}

@media (max-width:1200px){

.page0 .cover img{width:50%;}

}

.page0 video{width:auto; height:100%; overflow-y: hidden;}

@media (min-aspect-ratio: 16/9){

	.page0 video{width: 100%; height:auto;}

}



/**白色banner条内容通用演示**/

.banner{display:flex;flex-direction:column; justify-content: center; align-items:flex-start;}

.banner>div{background:#f8f8f8; text-align:left; margin-top:35px; width:100%;}

.banner>div h2{font-size: 68px; color:#fff; background: #8b272b; margin:0; padding: 10px; font-family:STZhongsong; z-index:1;

	display:inline-block; margin-left:auto; margin-top:-48px;}

.banner>div p{text-align:left;  overflow-x:hidden;  padding:2em 0;}

.banner>div p span{ text-align:left; color:#222; font-size: 18px; text-align:left; display:inline-block; width:770px; margin-right: -20px; line-height:34px; letter-spacing:2px; padding-right: 1em;

-webkit-transform: translateX(-120%); transform: translateX(-120%); max-height:272px; overflow-y:auto; -webkit-overflow-scrolling: touch;}

.banner>div p span i{display:inline-block; width:18px; height: 18px; background:rgba(212, 73, 68, 0.4); border-radius: 5px; vertical-align:-3px; margin-right:16px;}

.banner.swiper-slide-active>div p span{-webkit-transform: translateX(0%); transform: translateX(0%); transition: all 1s; transition-delay: 0.5s;}

.banner .container{position:relative;}

.banner .container::after{content:"";position:absolute; width:420px; height:150px; top:calc(50% - 135px); right: 40px;background-size: 100% 100%; background-repeat: no-repeat; opacity:0;}

.banner.swiper-slide-active .container::after{opacity:1; transition: opacity 0.5s linear; transition-delay:0.3s;}



.page1 .container::after{background-image: url(../image/school.png)}





.page2{ overflow-x:hidden;}

.ztbd{ width:1200px; margin:auto; position:relative;height: 600px;}
.ztbd>img{vertical-align: bottom;width: 100%;height: auto;display: block;}

.ztbd .swiper-container3{width: 1039px;height: 526px;position: absolute;top:0px;left: 101px}
.ztbd .swiper-container3 .swiper-pagination{height: 100%;width: 25px;right: 0;left: auto;bottom: 0;justify-content: center;display: flex;align-items: center;flex-direction: column;}
.ztbd .swiper-container3 .swiper-pagination span.swiper-pagination-bullet{width: 4px;height: 4px;border-radius: 4px;display: block;margin: 0;margin-top: 3px;transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.ztbd .swiper-container3 .swiper-pagination span.swiper-pagination-bullet-active{width: 4px;height: 30px;background-color: #888888}
.ztbd .navswiper{width: 133px;height: 320px;position: absolute;top: 114px;left: 34px;z-index: 1;}
.ztbd .navswiper>div{width: 133px;height: 80px;position: relative;}
.ztbd .navswiper>div>div{width: 133px;height: 80px;background-color: rgba(000,000,000,0.5);top: 0;left: 0;position: absolute;}
.ztbd .navswiper>.active>div{background-color: rgba(217,164,23,0.2);}
.ztbd .teamBox{width: 1200px;height: 408px;position: absolute;top: 183px;left: 0;display: flex;justify-content: center;z-index: 99}
.ztbd .teamBox .active{box-shadow: 0 0 20px rgba(000,000,000,0.4);z-index: 10}
.ztbd .teamBox div{transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}

.page2 .swiper-container-h{height: 100%; width:70%; margin-left: 30%; color:#fff;}

.page2 .swiper-container-h.hid{opacity:0;}

.page2 .swiper-container-h .swiper-wrapper{}

.page2 .swiper-slide{ display:flex; flex-direction:column; justify-content: center; align-items:flex-start;}

.page2 .swiper-slide>*{ width:900px; text-align:left;}
.page2 .swiper-slide .wc {}
.page2 .swiper-slide .tb {width: 280px;float: left;margin-right: 90px;}
.page2 .swiper-slide .box {float: right;width: 480px;}

.page2 .swiper-slide h2{font-size:48px; font-family: STZhongsong; margin-bottom: 30px;letter-spacing: 2px;font-weight: bold;}

.page2 .swiper-slide p{font-size: 18px; letter-spacing:2px; line-height: 34px;}

.page2 .pagination-h{position: absolute; z-index: 1; bottom:100px; width:100%;}

.page2 .pagination-h img.swiper-pagination-bullet{width:132px; height: 57px; background:none; border-radius:0; opacity:0.4; margin:0 20px;outline: none;}

.page2 .pagination-h img.swiper-pagination-bullet-active{background:none; opacity: 1;border: 0;}

.page2 svg#icon{position: absolute; top:50%; left: 50%; margin-top:-140px; margin-left:-370px; width: 280px; height:280px; z-index: 1;}

.page2.svg-animate .swiper-container-h{transform: translateX(100%);  animation: page2-swiper-in 1.5s ease-out 1; -webkit-animation: page2-swiper-in 1.5s ease-out 1; animation-fill-mode: forwards;}

.page2.svg-animate svg#icon{}

.page2.svg-animate svg#icon path:nth-child(1){ stroke-dasharray: 595.90;stroke-dashoffset: 595.90; animation: dash 2s ease-out 1; -webkit-animation: dash 2s ease-out 1; animation-fill-mode: forwards;}

.page2.svg-animate svg#icon path:nth-child(3){opacity: 0; animation: opacity-show 0.3s ease-out 1; -webkit-animation: opacity-show 0.3s ease-out 1; animation-fill-mode: forwards; animation-delay: 2s; -webkit-animation-delay: 2s;}

.page2.svg-animate svg#icon path:nth-child(4){opacity: 0; animation: opacity-show 0.3s ease-out 1; -webkit-animation: opacity-show 0.3s ease-out 1; animation-fill-mode: forwards; animation-delay: 2.3s; -webkit-animation-delay: 2.3s;}

.page2.svg-animate svg#icon path:nth-child(5){opacity: 0; animation: opacity-show 0.3s ease-out 1; -webkit-animation: opacity-show 0.3s ease-out 1; animation-fill-mode: forwards; animation-delay: 2.6s; -webkit-animation-delay: 2.6s;}

.page2.svg-animate svg#icon path:nth-child(2){opacity: 0; animation: opacity-show 0.3s ease-out 1; -webkit-animation: opacity-show 0.3s ease-out 1; animation-fill-mode: forwards; animation-delay: 2.8s; -webkit-animation-delay: 2.8s;}

.page2.svg-animate svg#icon path:nth-child(6){opacity: 0; animation: opacity-show 0.3s ease-out 1; -webkit-animation: opacity-show 0.3s ease-out 1; animation-fill-mode: forwards; animation-delay: 3s; -webkit-animation-delay: 3s;}



.page2 .svg{cursor:pointer; opacity: 0.8; transition: opacity  0.2s;-webkit-transition: opacity 0.2s;}

.page2 .svg:hover{opacity: 1; }

.page2 .svg path{transition: transform 0.2s;-webkit-transition: -webkit-transform 0.2s;}

.page2 .svg.g0:hover path:nth-child(3){transform:translate(-1px, -3px);}

.page2 .svg.g0:hover path:nth-child(4){transform:translate(0px, -2px);}

.page2 .svg.g0:hover path:nth-child(5){transform:translate(1px, -3px);}

.page2 .svg.g0:hover path:nth-child(2){transform:translate(0, 2px);}



.page2 .svg.g1:hover path:nth-child(3){ transform: translate(7px, 12px); }

.page2 .svg.g1:hover path:nth-child(4){ transform: translate(6px, -9px); }

.page2 .svg.g1:hover path:nth-child(5){ transform: translate(-12px, -2px);}



.page2 .svg.g2:hover path:nth-child(4){ transform: translate(-3px, 0px); }

.page2 .svg.g2:hover path:nth-child(5){ transform: translate(3px, 0px); }

.page2 .svg.g2:hover path:nth-child(6){ transform: translate(-2px, -3px);}



.page2 .svg.g3:hover path:nth-child(3){ transform: translate(3px, 0px); }

.page2 .svg.g3:hover path:nth-child(4){ transform: translate(-3px, -1px); }

.page2 .svg.g3:hover path:nth-child(5){ transform: translate(3px, -3px); }

.page2 .svg.g3:hover path:nth-child(6){ transform: translate(-2px, 1px);}



@keyframes page2-swiper-in{

	to{

		transform: translateX(0); 

	}

}

@-webkit-keyframes page2-swiper-in{

	to{

		transform: translateX(0); 

	}

}



@keyframes dash {

  to {

    stroke-dashoffset: 0;

  }

}



@-webkit-keyframes dash {

  to {

    stroke-dashoffset: 0;

  }

}



@keyframes opacity-show {

  to {

    opacity: 1;

  }

}



@-webkit-keyframes opacity-show {

  to {

    opacity: 1;

  }

}




.page3 .swiper-container-h{height: 100%; width:100%; color:#333;}

.page3 .swiper-container-h.hid{opacity:0;}

.page3 .swiper-container-h .swiper-wrapper{}

.page3 .swiper-slide{ display:flex; flex-direction:column; justify-content: center; align-items:flex-start;}

.gallery-top{width:100%; position:relative;}
.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .swiper-pagination{bottom:20px !important;}
.gallery-top .swiper-pagination-bullet {width:15px; height:15px; display:inline-block; border-radius:0; opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#000}

.page4{display:flex;flex-direction:column; justify-content: center; align-items:center;}

.page4 div.graph{position:relative; height:70%; z-index: 1; text-align:center; vertical-align:middle; width:100%;}



.page4 div.graph>*{position:absolute; top:50%; left: 50%; }

.page4 div.graph .line{transition: all 0.3s linear; transform-origin: left center;z-index:1;height: 2px; background:#fff;width: 150px;}



.page4 div.graph .item{transition: all 0.3s; padding: 14px; display:flex; flex-direction:column; justify-content: center; align-items:center; cursor: pointer; border: 2px solid transparent; border-radius:100%;}

.page4 div.graph .item font{font-size: 20px; color:#0D371D;  line-height: 1.1em;}

.page4 div.graph .item span{ position:absolute; width: 26px; height: 3px; left: 50%; margin-left: -13px;  bottom: calc(50% - 20px); border-radius:2px; transition:bottom 0.1s linear;}

.page4 div.graph .item.i3 span{bottom: calc(50% - 29px);}

.page4 div.graph .item:hover span{bottom: calc(50% - 24px);}

.page4 div.graph .item:hover.i3 span{bottom: calc(50% - 33px);}

.page4 div.graph .item.i0{transition-delay: 0.25s; margin-top: -272px; margin-left: -48px; height: 96px; }

.page4 div.graph .item.i1{transition-delay: 0.45s; margin-top: -234px; margin-left: 73px; height: 94px;}

.page4 div.graph .item.i2{transition-delay: 0.65s; margin-top: -143.5px; margin-left: 159.5px; height: 75px;}

.page4 div.graph .item.i3{transition-delay: 0.85s; margin-top: -46px; margin-left: 181px; height: 92px;}

.page4 div.graph .item.i4{transition-delay: 1.05s; margin-top: 65px; margin-left: 144px; height: 98px;}

.page4 div.graph .item.i5{transition-delay: 1.25s; margin-top: 149.5px; margin-left: 66.5px; height: 89px;}

.page4 div.graph .item.i6{transition-delay: 1.45s; margin-top: 169px; margin-left: -56px; height: 112px;}

.page4 div.graph .item.i7{transition-delay: 1.65s; margin-top: 155px; margin-left: -154px; height: 84px;}

.page4 div.graph .item.i8{transition-delay: 1.85s; margin-top: 77.5px; margin-left: -235.5px; height: 79px;}

.page4 div.graph .item.i9{transition-delay: 2.05s; margin-top: -58.5px; margin-left: -287.5px; height: 115px;}

.page4 div.graph .item.i10{transition-delay: 2.25s; margin-top: -150px; margin-left: -241.5px; height: 85px;}

.page4 div.graph .item.i11{transition-delay: 2.45s; margin-top: -247px; margin-left: -178.5px; height: 115px;}

.page4 div.graph .item.i0 span{background:#c277a9;}

.page4 div.graph .item.i1 span{background:#3da0db;}

.page4 div.graph .item.i2 span{background:#7a60a7;}

.page4 div.graph .item.i3 span{background:#e3bb1d;}

.page4 div.graph .item.i4 span{background:#64a845;}

.page4 div.graph .item.i5 span{background:#1d3582;}

.page4 div.graph .item.i6 span{background:#ee5219;}

.page4 div.graph .item.i7 span{background:#9f9f9f;}

.page4 div.graph .item.i8 span{background:#fc7888;}

.page4 div.graph .item.i9 span{background:#003416;}

.page4 div.graph .item.i10 span{background:#901a16;}

.page4 div.graph .item.i11 span{background:#d2bff7;}



.page4.abs div.graph .item{border-color:#fff; background:rgba(255, 255, 255, 0.75);}



.page4 div.graph .center{transition: all 0.3s linear; display:flex; flex-direction:column; justify-content: center; align-items:center; border: 2px solid #fff;  border-radius:100%; color:#fff;font-size: 20px; 

	width:130px; height: 130px; margin-left: -65px; margin-top: -65px; background:#0D371D;}



.page4.list div.graph .line{display:none;}

.page4.list div.graph .center{display:none;}

.page4.list div.graph .item{display:inline-block; white-space:nowrap; height:auto; padding:0; background:none; margin-top: 0; border:none; border-radius:0;}

.page4.list div.graph .item font{opacity:0.6;color:#fff; font-size: 18px; margin-left: 4px;}

.page4.list div.graph .item font br{display:none;}

.page4.list div.graph .item span{opacity:0.6;transition: all 0.3s linear;position: static; display:inline-block; width: 13px; height: 13px; border:2px solid #fff; border-radius: 100%;}

.page4.list div.graph .item:not(.sel) span{background:#fff;}

.page4.list div.graph .item.sel>*{opacity:1;}



.page4.list div.graph .item.i0{left:50%; margin-left:-320px; top:calc(100% - 42px);}

.page4.list div.graph .item.i1{left:50%; margin-left:-215px; top:calc(100% - 42px);}

.page4.list div.graph .item.i2{left:50%; margin-left:-105px; top:calc(100% - 42px);}

.page4.list div.graph .item.i3{left:50%; margin-left:-20px; top:calc(100% - 42px);}

.page4.list div.graph .item.i4{left:50%; margin-left:120px; top:calc(100% - 42px);}

.page4.list div.graph .item.i5{left:50%; margin-left:230px; top:calc(100% - 42px);}

.page4.list div.graph .item.i6{left:50%; margin-left:-320px; top:calc(100% - 8px);}

.page4.list div.graph .item.i7{left:50%; margin-left:-215px; top:calc(100% - 8px);}

.page4.list div.graph .item.i8{left:50%; margin-left:-105px; top:calc(100% - 8px);}

.page4.list div.graph .item.i9{left:50%; margin-left:-20px; top:calc(100% - 8px);}

.page4.list div.graph .item.i10{left:50%; margin-left:120px; top:calc(100% - 8px);}

.page4.list div.graph .item.i11{left:50%; margin-left:230px; top:calc(100% - 8px);}



.page4:not(.abs) div.graph .center{transform: scale(0,0); opacity: 0.3;}

.page4:not(.abs):not(.list) div.graph .item{opacity: 0; transition-delay: 0s;}

.page4:not(.abs) div.graph .line{opacity: 0; transition-delay: 0s;}



.page5 .container{height:400px; position:relative;}

.page5 .points{position:absolute; position:absolute; width:455px; height:239px; top:80px; left: 40px;}

.page5 .points a{cursor:pointer; text-decoration:none; position:absolute; width:18px; height: 18px; background: url(../image/index-location-dot.svg) 100% 100% no-repeat; opacity:0;}

.page5 .points a:hover{background-image: url(../image/index-location-dot-hover.svg);}

.page5 .points a:nth-child(1){top:75px; left:74px;}

.page5 .points a:nth-child(2){top:13px; left:155px;}

.page5 .points a:nth-child(3){top:121px; left:229px;}

.page5 .points a:nth-child(4){top:30px; left:330px;}

.page5 .points a:nth-child(5){top:76px; left:338px;}

.page5 .right{position:absolute; top:100px; right:0; width:100%; text-align: center; display:flex; flex-wrap: wrap; justify-content:space-around; overflow-x:hidden;}

.page5 .right span{ text-align:center;  min-width: 35%; max-width: 50%; margin-bottom:50px; transform: translateX(1230px)}

.page5 .right span .ico img {width: 100%;display: block;}

.page5 .right span b{position:relative; font-size: 35px; color:#fff; display:inline-block; font-family: STZhongsong; font-weight:normal;height: 120px;padding-left: 150px;}
.page5 .right span b .ico{width: 120px;height: 120px;position: absolute;left: 0;top: 0;}

.page5 .right span font{font-size: 18px; color:#808080; display:block;}

.page5 > div {
    background:none;
    text-align: left;
    margin-top: 35px;
    width: 100%;
}

.page5.swiper-slide-active .container:before{opacity:1; transition: opacity 0.5s linear; transition-delay:0.3s;}

.page5.swiper-slide-active .points a{opacity:1; transition: opacity 0.3s linear;}

.page5.swiper-slide-active .points a:nth-child(1){transition-delay:1.2s;}

.page5.swiper-slide-active .points a:nth-child(2){transition-delay:1.45s;}

.page5.swiper-slide-active .points a:nth-child(3){transition-delay:1.7s;}

.page5.swiper-slide-active .points a:nth-child(4){transition-delay:1.95s;}

.page5.swiper-slide-active .points a:nth-child(5){transition-delay:2.2s;}

.page5.swiper-slide-active .right span{transform: translateX(0px); transition: transform 0.6s ease-out;}

.page5.swiper-slide-active .right span:nth-child(1){transition-delay:1s;}

.page5.swiper-slide-active .right span:nth-child(2){transition-delay:1.25s;}

.page5.swiper-slide-active .right span:nth-child(3){transition-delay:1.8s;}

.page5.swiper-slide-active .right span:nth-child(4){transition-delay:2.05s;}





.page6{ overflow-x:hidden;}

.page6 .swiper-container-h{height: 100%; width: calc(50% - 80px); margin-left: calc(50% + 80px); color:#fff;}

.page6 .swiper-container-h .swiper-wrapper{}

.page6 .swiper-slide{ display:flex; flex-direction:column; justify-content: center; align-items:flex-start; }

.page6 .swiper-slide p{width:530px; text-align:left; line-height:2em; letter-spacing: 2px;font-size: 35px;}
.page6 .swiper-slide p.p2{font-size:22px;}

.page6 .pagination-h{position: absolute; z-index: 1; bottom:130px; width:100%;}

.page6 .pagination-h span.swiper-pagination-bullet{width:auto; height: auto; background:none; margin:0 15px; color:#bdbcbd; font-size: 20px; opacity:1;outline: none;}

.page6 .pagination-h span.swiper-pagination-bullet i{display:inline-block; width: 17px; height: 17px; border-radius:5px; background:#bdbcbd; margin-right:10px; }

.page6 .pagination-h span.swiper-pagination-bullet-active{ color:#fff;}

.page6 .pagination-h span.swiper-pagination-bullet-active i{background:#d44944;}

.page6 .num{height: 100%; position:absolute; top: calc(50% - 120px); left: calc(50% - 650px); width:690px; text-align: right; font-size: 150px;}

.page6 .num font{font-size:50px;}


.page7.banner .container::after {display: none;
}
.page7.banner .container{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 880px;}
.page7.banner > div p {
    text-align: left;
    overflow-x: hidden;
    padding: 2em 0 2em 60px;width: 550px;
}
.page7.banner>div p span{padding:3em 0;font-family: STZhongsong;}

.page7 .left{opacity:0; width: 220px;  line-height: 1.5em; border-radius: 5px;float: right;}
.page7 .left img {width: 100%}
.page7.swiper-slide-active>div .left{opacity:1; transition: opacity 0.5s linear; transition-delay:0.3s;}
.page7 > div p span {
    text-align: left;
    color: #fff;
    font-size: 60px;
    text-align: left;font-weight: bold;
    display: inline-block;float: left;
    width:450px;line-height: 1.5;
    margin-right: -20px;
    letter-spacing: 2px;
    padding-right: 1em;
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
    max-height:472px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.page7 > div p .jr {width: 440px;float: left;}
.page7 > div p .jr a {color: #fff;width: 280px;height: 88px;border-radius: 44px;background: #8b272b;line-height: 88px;text-align: center;font-size: 50px;display: inline-block;font-style: normal;font-weight: bold;font-family: STZhongsong;}
.page7 > div p .jr a:hover{background: #fff;color: #8b272b;text-decoration: none}

.xx4 {position: relative;width: 1200px;margin: 0 auto;}
.xx41 li{ display:inline-block;}
	.xx4 .hd{ position:absolute; bottom:-80px; text-align:center; z-index:99; width:100%;}
.xx4 .prev {width: 41px;height: 41px;position: absolute;top: 50%;margin-top: -20px;cursor: pointer;background: url(../image/jtl02.png) no-repeat center;left: -72px;}
.xx4 .next {width: 41px;height: 41px;position: absolute;top: 50%;margin-top: -20px;cursor: pointer;background: url(../image/jtr02.png) no-repeat center;right: -72px;}
.xx4 .prev:hover{background: url(../image/jtl03.png) no-repeat center;}
.xx4 .next:hover {background: url(../image/jtr03.png) no-repeat center;}
.xx4 .hd ul li{ display:inline-block; margin:0 5px; width:11px; height:11px; background:#FFF;text-indent:-9999px;cursor:pointer;border-radius: 6px;}
.xx4 .hd ul li.on{ background:#F00;}
.xx4 .bd ul li {width: 1200px;}
.xx4 .bd ul li .tk {width: 380px;float: left;margin: 0 10px;position: relative;overflow: hidden;}
.xx4 .bd ul li .mb {position: absolute;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all 0.5s;z-index: 99;}
.xx4 .bd ul li .tk:hover .mb {background: rgba(0,0,0,0.8)}
.xx4 .bd ul li .mb .wenz {background: #8b272b;width: calc(100% - 30px);line-height:1.7;font-size: 18px;color: #fff;position: absolute;left: 15px;bottom: 15px;display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;padding:5px 10px;box-sizing: border-box;}
.xx4 .bd ul li .tk:hover .mb .wenz{display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;}
.xx4 .bd ul li .mb .more {width: 75px;height: 30px;line-height: 30px;position: absolute;left: 50%;margin-left: -38px;top: 50%;margin-top: -20px;border: #fff 2px solid;font-size: 14px;text-align: center;opacity: 0.8;display: none;color: #fff;border-radius: 5px;}
.xx4 .bd ul li .tk:hover .mb .more{display: block;}
.xx4 .bd ul li .tk img {display: block;width: 386px;height: 271px;transition: all 0.5s;}
.xx4 .bd ul li .tk:hover img {transform: scale(1.1);}


.page8.banner{ }

.page8>div{ background:none; margin-top:0;}

.page8>div .list{display:flex; flex-wrap: wrap;}

.page8>div .list>a{width:33.3%; background-size:100% auto; text-align:center;padding:20px 0 50px 0; text-decoration:none; cursor:pointer; position:relative;}

.page8>div .list>a b{width:250px; display:block; margin-left:auto; margin-right:auto; text-align:left; line-height: 36px; letter-space: 2px; font-size: 20px; color:#000; height:108px;}

.page8>div .list>a span{width:250px; display:block; margin-left:auto; margin-right:auto; text-align:left; font-size: 14px; line-height: 28px; height: 56px; overflow-y:hidden;}

.page8>div .list>a:nth-child(1){background-image: url(../image/index-page8-img-01.jpg);}

.page8>div .list>a:nth-child(1) b{color:#fff;}

.page8>div .list>a:nth-child(1) span{color:#eee;}

.page8>div .list>a:nth-child(2){background-color:#f8f8f8;}

.page8>div .list>a:nth-child(2) b{}

.page8>div .list>a:nth-child(2) span{color: #9b9b9b;}

.page8>div .list>a:nth-child(3){background-image: url(../image/index-page8-img-03.jpg);}

.page8>div .list>a:nth-child(3) b{}

.page8>div .list>a:nth-child(3) span{color:#eee;}

.page8>div .list>a:nth-child(4){background-color:#4a4a4a;}

.page8>div .list>a:nth-child(4) b{color:#fff}

.page8>div .list>a:nth-child(4) span{color:#eee;}

.page8>div .list>a:nth-child(5){background-image: url(../image/index-page8-img-02.jpg);}

.page8>div .list>a:nth-child(5) b{color:#fff;}

.page8>div .list>a:nth-child(5) span{color:#eee;}

.page8>div .list>a:nth-child(6){background-color:#536a5c;}

.page8>div .list>a:nth-child(6) b{color:#fff;}

.page8>div .list>a:nth-child(6) span{color:#eee;}

.page8>div .list>a:before{content:"";  transition: top 0.2s linear; position:absolute; top:100%; left: 0; right: 0; bottom:0; background: rgba(0,0,0, 0.2);}

.page8>div .list>a i{opacity:0; transition: opacity 0.2s linear; position:absolute; width:21px; height: 21px; background:url(../image/expand.svg); bottom: 20px; right:calc(50% - 125px);}

.page8>div .list>a:hover:before{top:0;}

.page8>div .list>a:hover i{opacity:1;}



.swiper-slide>div.footer{margin-top:1em; position: absolute; bottom: 0; left:0; right:0; padding-bottom: 10px; background: none;}

.swiper-slide>div.footer .container{display:flex; justify-content:center;}

.swiper-slide>div.footer .container div.qr {background:#fff;transition:all 0.2s ease-out; text-align:left; width: 56px; height: 56px; position:relative; z-index: 100;}

.swiper-slide>div.footer .container div.qr>*{transition:all 0.2s ease-out;}

.swiper-slide>div.footer .container div.qr p{color:#4a4a4a; font-size: 0px; height:0px; line-height: 0px; margin:0; background:#fff; text-align: center; padding:0;}

.swiper-slide>div.footer .container div.qr img{height:56px; }

.swiper-slide>div.footer .container div.qr:hover{width:224px; margin-top:-24px;}

.swiper-slide>div.footer .container div.qr:hover p{color:#4a4a4a; font-size: 12px; height:24px; line-height:14px; }

.swiper-slide>div.footer .container div.qr:hover img{transform: translate(150%, -150%) scale(4);}

.swiper-slide>div.footer .container div.info{margin-left: 1em; text-align:left;}

.swiper-slide>div.footer .container div.info p{margin:0 auto;line-height: 2em; text-align:left; font-size: 14px; padding:0;}

.swiper-slide>div.footer p{ }



#popup{ transform:scale(0,0); opacity:0; position:absolute; z-index:2; width: 758px; height:386px; top: calc(50% - 193px); left: calc(50% - 379px); background:#fff; border-radius:3px; overflow:hidden;transition: opacity 0.5s;}

#popup div.swiper-slide{ padding:50px 40px 50px 313px; width:758px; overflow-x:hidden; background-position:26px 170px; background-size:247px 159px; background-repeat: no-repeat;}

#popup div.swiper-slide h3{color:#0d371d; font-size:30px; font-family:"STZhongsong",STSongti-SC; margin-top:0;}

#popup div.swiper-slide h4{color:#0d371d; font-size:16px; font-family:"Times New Roman"}

#popup div.swiper-slide div{margin-top:56px; overflow-y:auto; height: 170px; width:470px; padding-right:60px;}

#popup div.swiper-slide div p{font-size: 12px; color:#0d371d; line-height: 2em; text-indent: 2em;}

#popup div.swiper-slide div p.first{background:url(../image/para-start.svg) 0 5px no-repeat; background-size:14px 14px;}

#popup.show{ opacity:1; transform:scale(1,1);}



#popup.p2 div.swiper-slide.v0{background-image: url(../image/index-page2-pop-0.jpg);}

#popup.p2 div.swiper-slide.v1{background-image: url(../image/index-page2-pop-1.jpg);}

#popup.p2 div.swiper-slide.v2{background-image: url(../image/index-page2-pop-2.jpg);}

#popup.p2 div.swiper-slide.v3{background-image: url(../image/index-page2-pop-3.jpg);}



#popup.p4 div.swiper-slide{background-position:26px 145px;}

#popup.p4 div.swiper-slide div{height:190px; }

#popup.p4 div.swiper-slide.v0{background-image: url(../image/index-page4-pop-0.jpg);}

#popup.p4 div.swiper-slide.v1{background-image: url(../image/index-page4-pop-1.jpg);}

#popup.p4 div.swiper-slide.v2{background-image: url(../image/index-page4-pop-2.jpg);}

#popup.p4 div.swiper-slide.v3{background-image: url(../image/index-page4-pop-3.jpg);}

#popup.p4 div.swiper-slide.v4{background-image: url(../image/index-page4-pop-4.jpg);}

#popup.p4 div.swiper-slide.v5{background-image: url(../image/index-page4-pop-5.jpg);}

#popup.p4 div.swiper-slide.v6{background-image: url(../image/index-page4-pop-6.jpg);}

#popup.p4 div.swiper-slide.v7{background-image: url(../image/index-page4-pop-7.jpg);}

#popup.p4 div.swiper-slide.v8{background-image: url(../image/index-page4-pop-8.jpg);}

#popup.p4 div.swiper-slide.v9{background-image: url(../image/index-page4-pop-9.jpg);}

#popup.p4 div.swiper-slide.v10{background-image: url(../image/index-page4-pop-10.jpg);}

#popup.p4 div.swiper-slide.v11{background-image: url(../image/index-page4-pop-11.jpg);}


@media screen and (max-width: 1686px) {
	.banner > div p span {
    width: 700px;
}
	
	
	
}