@charset "utf-8";
/*
 * wemade
 * 请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
 * 2025-08-05
 */
/*@import url("public.css");*/
/* @import url("page.css"); */
.mb{margin-bottom: 20px;}
.alignright{ text-align: right; }
.btn { line-height: 40px;height: 40px;padding:0 20px; border-radius: 25px;background-color:#885DF9;background-image:linear-gradient(45deg,#885DF9,#895cf5); color:#fff; transition: all ease 0.4s; display: inline-block;}
.btn a{ color:#fff; display: block; }
.btn a:hover{color: #fff;}
.btn:hover{background-image:linear-gradient(45deg,#7744fa,#5f23ed);transform: translateY(-6px); transition: all ease 0.3s;}
a.btn:hover{color: #fff;}
.mt80{ margin-top: 80px;}
.mt90{ margin-top: 90px;}
.mt100{ margin-top: 100px;}

.more{ width: 100%;float: left;margin: 30px 0 0px 0; text-align: center;}
.more .btn { line-height: 50px;height: 50px;padding:0 45px; border-radius: 25px;background-color:#885DF9;background-image:linear-gradient(45deg,#885DF9,#895cf5); color:#fff; transition: all ease 0.4s; display: inline-block; font-size: 16px;}
.more .btn:hover{background-image:linear-gradient(45deg,#7744fa,#5f23ed); transition: all ease 0.4s; }
@media screen and (max-width:750px){
	.more{margin: 10px 0 0px 0; }
	.more .btn { line-height: 40px;height: 40px;padding:0 25px;font-size: 15px;}
}
/*幻灯片*/
.banner { position: relative; width: 100%; overflow: hidden;z-index:9;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; float: left;margin-top:79px;background-color:#000;height: 640px;}
.banner .swiper-container { width: 100%; height: 100%; color: #fff; }
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner .swiper-slide a {display: block;}
.banner .swiper-pagination {position: absolute;width: 100%;z-index: 20;bottom: 30px !important;text-align:right;padding-right:20%;box-sizing: border-box;}
.banner .swiper-pagination-bullet { width: 16px;height: 16px;border:solid 2px #fff; border-radius: 50%; background-color: transparent; opacity: 1;box-sizing:border-box;}
.banner .swiper-img{ width: 100%;height: 100%; background-size: cover; background-repeat: no-repeat;background-position: center; position: relative;z-index: 1}
.banner .swiper-img a{ display: block;}
.banner .swiper-img img {width: 100%;height: auto; display: block;}
.banner a.prev_btn,.banner a.next_btn {position: absolute;z-index: 66;top: 50%;margin-top: -20px;width:40px;height:40px;opacity: 0.8;filter: alpha(opacity=80);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;border-radius: 50%;color: #0066cb; line-height: 40px; text-align: center; background-repeat: no-repeat; background-position: center;}
.banner a.prev_btn:hover,.banner a.next_btn:hover {opacity:1;filter: alpha(opacity=100);}
.banner a.prev_btn { left: 50px; background-image: url('../images/arrow-left2.png')}
.banner a.next_btn { right: 50px;background-image: url('../images/arrow-right2.png')}
.banner a i{ font-size: 18px; }
.banner .banbtns{ position:absolute; bottom:0; left: 0; width: 100%;z-index: 9991}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color:#885DF9;border:solid 2px #885DF9;}

.ban-wrapper{ position: absolute;top: 0;left: 0;width: 100%; z-index: 999;height: 100%;}
.baninfo{ width: 45%;float:left;margin:11% 15% 60px 0; position:relative; text-align: right;box-sizing: border-box;z-index: 10}
.baninfo .t{ width: 100%;float:left; line-height: 2em;font-size: 50px;color:#fff;font-weight:800;}
.baninfo .t2{ width: 100%;float:left; line-height: 2em;font-size: 28px;color:#fff;font-weight:500;}
.baninfo .d{ width: 100%;float:left; line-height: 2em;font-size: 18px;color:#fff;margin-top:10px;}
.banner .btns{ width: 100%;float:left; position: relative; margin-top:40px;text-align: right;}
.banner .btns .btn{float: right; line-height: 50px;height: 50px; font-size: 18px; padding:0 30px;margin-top:80px;}
.banner .btns .btn span{margin-left: 6px;}
.banner .btns .btn2{ float: right; }
.ban1 {padding-left: 10%;}
.ban2{ float:right !important; }
.ban2 .t{margin-top:10px;}
.baninfo2{ width: 100%;margin:0;padding:0 20% 0 20%; position: absolute;text-align: center;box-sizing: border-box; bottom: 80px;left: 50%;transform: translateX(-50%);}
.baninfo2 .t{ width: 100%;float:left; line-height: 2em;font-size: 40px;color:#fff;font-weight:800; padding-right: 20px; box-sizing: border-box;}
.baninfo2 .btns{ width: 100%;float:left; position: relative; margin-top:20px;padding-right:-10px; box-sizing: border-box;text-align: center; }
.baninfo2 .btns .btn{ text-align: center; float: none;}

.xiahua{ width: 40px;height: 40px;position: absolute;left:50%;bottom:10px;z-index: 9999;color:#5f23ed;margin-left: -15px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.xiahua span{animation: bounce 1s infinite;position: relative;width: 40px;height: 40px;display: inline-block;cursor: pointer;}
.xiahua span i{font-size: 30px;display: inline-block;}
@media screen and (max-width:1300px){
	.banner{height: 600px}
	.baninfo2{ bottom: 100px;}
	.baninfo2 .btns{padding-right:30px;margin-top:30px;}
}
@media screen and (max-width:1000px){
	.banner{margin-top: 59px;height:450px}
	.banner .swiper-img img {border-radius:10px;}
	.banner_scale,.swiper-img{border-radius:10px; overflow: hidden;}
	.banner .swiper-pagination {bottom: 5px !important;}
	.banner .swiper-pagination-bullet { width: 10px;height: 10px;}
	.baninfo{ width: 40%;float:left;margin:15% 0 60px 0; position:relative;}
	.baninfo .t{ line-height: 2em;font-size: 35px;}
	.baninfo .t2{font-size: 24px;}
	.baninfo .d{font-size: 15px;}
	.baninfo2{ bottom: 85px;}
	.banner .btns{ margin-top:20px; }
	.banner .btns .btn{line-height: 35px;height:35px; font-size: 15px; padding:0 20px;margin-top:20px;}
}
@media screen and (max-width:900px){
	.banner{height:400px}
	.baninfo{ width: 50%;float:left;margin:40px 0 60px 0; position:relative;}
	.baninfo .t{line-height: 1.5em;font-size: 20px;}
	.baninfo .t2{font-size: 16px;line-height: 1.5em;}
	.baninfo .d{font-size: 13px;line-height: 1.5em;}
	.banner a.prev_btn,.banner a.next_btn{ display: none; }
	.baninfo2{ width: 100%;margin:0;padding:0 10px; bottom: 50px;}
	.baninfo2 .t{font-size: 24px;padding-right: 60px;}
	.baninfo2 .btns{margin-top:5px;padding-right:80px;}
	.baninfo2 .btns .btn{ text-align: center; float: none; }
	.xiahua{bottom:0px;}
	.mt90{ margin-top: 70px;}
}
@media screen and (max-width:750px){
	.banner{height:250px}
}
.banner_scale{height: 100%;-webkit-animation: mymove 7s;-o-animation:mymove 7s;animation: mymove 7s;}
@keyframes mymove{
    from {transform: scale(1.08);}
    to {transform: scale(1.0);}
}
@-o-keyframes mymove{
    from {transform: scale(1.08);}
    to {transform: scale(1.0);}
}
@-webkit-keyframes mymove{
    from {transform: scale(1.08);}
    to {transform: scale(1.0);}
}
@keyframes bounce{
    0%, 100% {
	    margin-top:0;
	    color:#5f23ed;
	    transform: scale(1.0);
	}
	50% {
	    margin-top:20px;
	    color:#956bf9;
	    transform: scale(1.0);
	}
}

/*产品*/
.products{ width: 100%;float: left;position: relative;padding:50px 0; background-color:#414551;}
.productsbox{ width: 100%;position: relative;margin:20px 0; float: left}
.products .prolist{ width: 100%;position: relative; padding-bottom: 20px;}
.productsbox .item{ width:33.3%; float: left; position: relative; padding:10px; box-sizing: border-box; font-family:'Arial';}
.productsbox .itemin{ width:100%; float: left; position: relative; padding:0px; box-sizing: border-box; border:solid 0px #f5f5f5; border-radius: 15px;overflow: hidden;transition: all ease .5s;}
.productsbox .item .thumb{ width:100%;float: left; position: relative; overflow: hidden;}
.productsbox .item .thumb img{ width:100%;height: auto; display: block;transform: scale(1, 1); transition: all ease 0.5s;}
.productsbox .item .info{ padding:20px 20px 30px 20px; box-sizing: border-box;float: left; position: relative; background-color:#2f3646;width: 100%;}
.productsbox .item .info .tit{ width:100%; line-height: 2; font-size:25px; height: 2em; overflow: hidden; font-family:'Arial'; }
.productsbox .item .info .tit a{ color:#fff; }
.productsbox .item .info .desc{ width:100%; line-height: 1.8em; font-size: 15px; height:3.6em; margin:5px 0; color: #fff;font-family:'Arial';overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp: 3;-webkit-box-orient:vertical; opacity: .8}
.productsbox .item .info .detail{ width: 100%;float: left;position: relative;margin-top: 15px; }
.productsbox .item .more{ width:80px; line-height: 45px; text-align: center; position: absolute; right: 0;bottom: 0; border-top-left-radius: 25px; background-color:#e00001;}
.productsbox .item .more a{ color: #fff; font-size: 20px; }

.productsbox .item:hover .itemin{box-shadow: 0 0 10px 0 rgba(24,30,42,.79);margin-top: -10px;transition: all ease .5s;}
.productsbox .item:hover .info .tit a{color: #8a5bf5}
.productsbox .item:hover .thumb img{ width:100%;height: auto; display: block;transform: scale(1.1, 1.1); transition: all ease 0.5s;}

.products .swiper-button-next,.products .swiper-button-prev{/* display: none;*/ background-repeat: no-repeat;background-position: center center; width: 30px; height: 30px;background-size: contain;-moz-background-size: contain;-webkit-background-size: contain; top: 50%;filter:alpha(opacity=0);opacity:0; color: #fda1a1;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.products .swiper-button-next i,.products .swiper-button-prev i{color: #666; font-size: 30px; }
.products .swiper-button-next{ /*background-image:url('../images/arrow-right2.png');*/ right: -20px; background-image: none;}
.products .swiper-button-prev{ /*background-image:url('../images/arrow-left2.png'); */left: -20px; background-image: none;}
/*.hot .swiper-button-next:hover,.hot .swiper-button-prev:hover{ filter:alpha(opacity=100);opacity:1;}*/
.products:hover .swiper-button-next,.products:hover .swiper-button-prev{ opacity: .85;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.products:hover .swiper-button-next{right: 2px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.products:hover .swiper-button-prev{left: 2px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.products .swiper-container{ height: 100%; }
.products .swiper-container .swiper-pagination{bottom: 0px;}
.products .swiper-pagination-bullet-active{background-color: #8a5df8;}

.productlist{ width: 100%;float: left;position: relative;margin:15px 0; }
.productlist .item{ width: 16.6%;float: left;padding:5px;box-sizing: border-box;position: relative;}
.productlist .item .itemin{ width:100%; float: left; position: relative; padding:10px; box-sizing: border-box;overflow: hidden;box-shadow: 0 0 10px 0 rgba(212,217,223,.1);background-color: #fff; border-radius:5px;}
.productlist .item .thumb{ width:100%;float: left; position: relative;}
.productlist .item .thumb img{ width:100%;height: auto;}
.productlist .item .info{ padding:10px 0; box-sizing: border-box;float: left; position: relative;}
.productlist .item .info .tit{ width:100%; line-height: 1.2em; font-size: 17px; height: 2.4em; overflow: hidden; font-family:'Arial';text-align: center;}
.productlist .item .info .tit a{ color:#666; }
.productlist .item:hover .itemin{box-shadow: 0 0 10px 0 rgba(212,217,223,.79);background-image: linear-gradient(to top,#eef1f2,#fff 30%);}

@media screen and (max-width:1200px){
	.products{padding:35px 0;}
	.products .item{padding:5px;}
    .products .itemin{padding:0px;border-radius: 5px;}
    .products .item .info{ padding:15px 10px 25px 10px;}
    .products .item .detail span{padding:0 10px; font-size: 14px}
}

@media screen and (max-width:900px){
	.products{padding:20px 0;}
	.productsbox{margin:10px 0 0 0; float: left}
    .products .item{ width:100%; padding:5px 0px;}
    .products .item .info{ padding:15px 10px 25px 10px;}
    .productsbox .item .info .desc{height: auto;}
}

.about{ width: 100%;float: left;position: relative;padding:0; background-color:#414551; background-image: url('../images/aboutbg.jpg'); background-size: cover; background-position:center top; background-repeat:no-repeat; transition: all ease 1s;}
.about .about-left{ width: 40%;float: left;background-color: rgba(0,0,0,.5); padding:80px 35px; box-sizing: border-box;}
.about .about-left h2{ width: 100%;float: left;line-height: 2em;font-size: 30px;font-weight:bold; color:#fff;}
.about .about-left .info{ width: 100%;float: left;position: relative;margin:10px 0;}
.about .about-left .info p{margin:10px 0; line-height: 2em;font-size: 15px;color:#fff; float: left;opacity: .7;}
.about .about-left .detail{ width: 100%;float: left;margin-top: 30px;}
.about .about-left .detail .btn{padding:0 30px;}
@media screen and (max-width:1200px){
	.about .about-left{ width: 50%;}
}
@media screen and (max-width:900px){
	.about .about-left{ width: 100%; padding:50px 35px;}
	.about .about-left .info p:nth-child(2){ display: none }
	.about .about-left h2{ font-size:24px;}
}

.lishi{ width: 100%; float: left; padding: 30px 100px; position: relative; box-sizing: border-box;background-image:url('../images/timeline.png'); background-repeat:repeat-x; background-position:center 35px;display: none;}
.lishi::before{content:''; position: absolute;top:80px;width: 100%;border-bottom: solid 2px #8b5cf8;left:0;}
.lishi li{ width: 16.6%; padding: 5px 0px; float: left; box-sizing: border-box; padding-top:40px;position: relative;transition: all ease 0.5s;}
.lishi li .year{position: absolute;left:50%;top: -0px; font-size: 20px;color:#8b5cf8;transform:translateX(-50%);}
.lishi li .dot{width: 20px;height: 20px; border-radius: 50%;background-color:#8b5cf8;margin-bottom: 20px; z-index: 2;position: absolute;top: 40px;left:50%;margin-left: -5px; text-indent: 100px; }
.lishi li .lishiin{ width: 100%; float: left; padding:10px;box-sizing: border-box; padding-left: 15px;}
.lishi li .info{float: left; padding:35px;box-sizing: border-box; background-color:#21212b; border-radius: 10px; position: relative;margin-bottom: 10px;margin-top:50px;transition: all ease 0.5s;z-index: 10;}
.lishi li .info::before{content:'';width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #21212b;position: absolute;left:50%;top:-10px;margin-left: -15px;z-index:0;}
.lishi li .info .tit{width: 100%;float: left;color: #9c4cff;margin-bottom: 5px;font-size: 24px;font-weight:bold;display: none;}
.lishi li dl{ width: 100%;float:left;position: relative;box-sizing: border-box;margin-top: 20px;}
.lishi li dl dd{ width: 100%;float: left;margin:5px 0; position: relative;padding-left: 15px;box-sizing: border-box;}
.lishi li dl dd .month{ width: 100%;float: left;position: relative;line-height: 2em;font-size: 18px; color:#8b5cf8;}
.lishi li dl dd .desc{ width: 100%;float: left;position: relative;line-height: 1.6em;font-size: 15px; color:#fff; opacity: .65;}
.lishi li dl dd .desc span{ font-weight:bold; color:#8b5cf8;margin-right: 5px;}
.lishi li dl dd::before{content:'';width: 4px;height: 4px;border-radius: 50%;background-color:#8b5cf8; position: absolute;left:0; top:11px;}
.lishi li:hover .dot{transform: scale(1.1);box-shadow: 0 6px 16px rgba(156, 76, 255, 0.5);background-color:#6d3de8;font-size: 18px;border:solid 2px rgba(255,255,255,.5);}
.lishi li:hover{}
.lishi li:hover .info{margin-top:40px;transition: all ease 0.5s;background-color:#633ec2;}
.lishi li:hover .info:before{border-bottom: 20px solid #633ec2 !important;}
.lishi li:hover dl dd .desc span{color:#fff}

.lishi .line1{height: 80px;border-left: #9c4cff 2px solid;position: absolute;top:90px;left:50%;display: none;}
.lishi .line1 i{ width: 15px;height: 15px; background-color: #885DF9;border-radius: 50%; position: absolute; bottom: 0;left: 0;margin-left: -8px;border:solid 3px #54c8fd; box-sizing: border-box}
.lishi .swiper-pagination-bullet-active{background-color: #885DF9;}
.lishi .swiper-pagination-bullet { width: 12px;height: 12px; border-radius: 8px; bottom: 0; }
@media screen and (max-width:1200px){
	.lishi{padding: 30px 10px;}
}
@media screen and (max-width:750px){
    .honor{padding:10px 0;}
	.honorlist li{ width: 16.6%; padding: 2px;}
	.honorlist li .honorin{padding:2px}
}
.lishi2{ width: 100%; float: left; padding:30px 0px; position: relative; box-sizing: border-box;}
.lishi2 .lishi-line{ width: 100%; border-bottom: solid 1px #885DF9;margin-top: 300px; position: absolute;top: 0;left:0; z-index: 0}
.lishi2 li{ width:25%; padding: 5px 0px;height: 600px; float: left; box-sizing: border-box;position: relative;transition: all ease 0.5s;}
.lishi2 li .year{position: absolute;left:50%;top: -0px; font-size: 20px;color:#8b5cf8;transform:translateX(-50%);display: none;}
.lishi2 li .dot{width: 20px;height: 20px; border-radius: 50%;background-color:#8b5cf8; z-index: 2;position: absolute;top:300px;left:35px;margin-top: -40px;}
.lishi2 li .lishiin{ width: 100%; float: left; padding:10px;box-sizing: border-box; padding-left: 15px;height: 100%;}
.lishi2 li .info{float: left; padding:5px;box-sizing: border-box; background-color:#2f3646; position:absolute;width: 100%; padding:20px 30px;left:0;border-radius: 5px; background-image:linear-gradient(145deg,#2f3646,#282b35);}
.lishi2 li .info .tit{width: 100%;float: left;color: #885DF9;margin-bottom: 5px;font-size: 26px;}
.lishi2 li .info::after{content:''; width: 15px;height: 15px; border-radius: 50%;background-color:#fff; position: absolute; right: 10px;top: 10px;opacity: .05; }
.lishi2 li dl{ width: 100%;float:left;position: relative;box-sizing: border-box;margin-top: 10px;}
.lishi2 li dl dd{ width: 100%;float: left;margin:5px 0; position: relative;box-sizing: border-box;}
.lishi2 li dl dd .month{ width: 100%;float: left;position: relative;line-height: 2em;font-size: 18px; color:#8b5cf8;}
.lishi2 li dl dd .desc{ width: 100%;float: left;position: relative;line-height: 1.6em;font-size: 15px; color:#fff;}
.lishi2 li dl dd .desc span{ font-weight:bold; color:#8b5cf8;margin-right: 5px;}

.lishi2 li:nth-child(2n) .info {top: 300px}
.lishi2 li:nth-child(2n) .info::before{content:'';width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #2f3646;position: absolute;left:25px;top:-10px;z-index:0;}
.lishi2 li:nth-child(2n+1) .info{bottom: 300px;margin-bottom:60px;}
.lishi2 li:nth-child(2n+1) .info::before{content:'';width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #2c313f;position: absolute;left:25px;bottom:-10px;z-index:0;}

.lishi2 li:nth-child(5){ width: 25% }
.lishi2 li:nth-child(1){ width: 25% }
.lishi2 li:nth-child(2){ width: 25% }
.lishi2 li:nth-child(3){ width: 25% }
.lishi2 li:nth-child(4){ width: 25% }
.lishi2 li:nth-child(5){ width: 25% }
.lishi2 li:nth-child(7){ width: 20% }
.lishi2 li:nth-child(9){ width: 18% }
.lishi2 li:nth-child(11){ width: 35% }

.history{ width: 100%;float: left;position: relative;padding:30px 0 50px 0; background-color:#414551;}
.lishi3{ width: 100%; float: left; padding:10px 0px; position: relative; box-sizing: border-box;margin-top: 10px}
.lishi3 li{width: auto;z-index: 9;padding:10px 0;position: relative;}
.lishi3 li .year{ width: 70px;height: 70px;border-radius: 50%;border:solid 5px rgba(255,255,255,.05); text-align: center;line-height:60px;color: #fff; background-color:#414551; cursor: pointer;}
.lishi3 li .year:hover{border:solid 5px #885df9;transition: all ease .5s;}
.lishi3 .swiper-slide-active .year{background-color:#885df9; border:solid 5px #885df9; font-size: 20px;width: 90px;height: 90px;line-height:80px;margin-top: -10px;}
.lishi3 .lishi-line{ width: 100%; border-bottom: solid 5px rgba(255,255,255,.05);margin-top: 42px; position: absolute;top: 0;left:0; z-index: 0}
.lishi3 .yearbox{ width: 100%;float: left;position: relative;display: flex;align-content: flex-start;justify-content: space-around; flex-wrap: nowrap;margin-top: 25px;border-radius: 15px;overflow: hidden;}
.lishi3 .yearbox .yearbox-left{ width: 44%;float: left;flex: 0 0 44%;overflow: hidden;}
.lishi3 .yearbox .yearbox-left img{ width: 100%;height: 100%;transform: scale(1, 1); transition: all ease 0.5s;}
.lishi3 .yearbox .yearbox-left:hover img{transform: scale(1.1, 1.1); transition: all ease 0.5s;}
.lishi3 .yearbox .yearbox-right{ width: 100%;float: left;padding:0px;box-sizing: border-box;background-color:#2f3646;}

.lishi3 .shijianlist{ width: 100%; position: relative; box-sizing: border-box; overflow: hidden;}
.lishi3 .shijianlist li{width: 100%;z-index: 9;padding:0px;position: relative; display: flex;}
.lishi3 .shijianlist li .thumb{ width: 44%;float: left;flex: 0 0 44%;overflow: hidden;}
.lishi3 .shijianlist li .thumb img{ width: 100%;height: 100%;transform: scale(1, 1); transition: all ease 0.5s;}
.lishi3 .shijianlist li .text{ width: 100%;float: left;padding:25px;box-sizing: border-box;background-color:#2f3646;padding-left: 60px;}
.lishi3 .shijianlist li .y{ width: 100%;float: left;font-size: 40px;font-weight:bold; line-height: 2em; color: #fff;}
.lishi3 .shijianlist li .info{ width: 100%;float:left;position: relative;box-sizing: border-box;margin-top: 10px;}
.lishi3 .shijianlist li .info dd{ width: 100%;float: left;margin:6px 0; position: relative;box-sizing: border-box;}
.lishi3 .shijianlist li .info dd .month{ width: 100%;float: left;position: relative;line-height: 2em;font-size: 18px; color:#8b5cf8;}
.lishi3 .shijianlist li .info dd .desc{ width: 100%;float: left;position: relative;line-height: 1.6em;font-size: 16px; color:#fff;}
.lishi3 .shijianlist li .info dd .desc span{ font-weight:bold; color:#8b5cf8;margin-right: 5px;}
@media screen and (max-width:1300px){
	.lishi3 .yearbox .yearbox-left{ width: 40%;flex: 0 0 40%;}
}
@media screen and (max-width:1000px){
	.lishi3 .yearbox .yearbox-left{ width: 30%;flex: 0 0 30%;}
}
@media screen and (max-width:900px){
	.history{padding:20px 0;}
	.lishi3 li{padding:5px 0;}
	.lishi3 li .year{ width: 50px;height: 50px;line-height:40px;margin-top: 10px;}
	.lishi3 .swiper-slide-active .year{font-size: 16px;width: 70px;height: 70px;line-height:60px;margin-top: -0px;}
	.lishi3 .yearbox{margin-top: 15px;overflow: hidden; padding:10px;box-sizing: border-box;}
	.lishi3 .yearbox .yearbox-left{display: none;}
	.lishi3 .yearbox .yearbox-right{padding:15px;padding-left: 15px; border-radius: 10px;}
	.lishi3 .shijianlist li{flex-direction: column;}
	.lishi3 .shijianlist li .thumb{ width: 100%;float: left;flex: 0 0 100%;}
	.lishi3 .shijianlist li .text{ width: 100%;padding:15px;padding-left: 15px;}
	.lishi3 .shijianlist li .y{font-size: 20px;}
	.lishi3 .shijianlist li .info dd{margin:5px 0;}
	.lishi3 .shijianlist li .info dd .month{font-size: 16px;}
	.lishi3 .shijianlist li .info dd .desc{line-height: 1.6em;font-size: 15px;}
}

.quanqiu{ width: 100%;float: left;position: relative;padding:50px 0 10px 0; background-color:#21212b; overflow: hidden;}
.worldmap{ width: 100%;float: left;position: relative;margin:30px 0 5px 0;}
.worldmap .img{width: 900px;text-align: center;margin:0 auto; position: relative;}
.worldmap .img img{ width: 100%;height: auto;display: block;}
.worldmap .address{ position: absolute;z-index: 9999;cursor: pointer;z-index: 10;transition: all ease 0.3s;}
.worldmap .address span{color:#9c4cff;display: inline-block;position: relative;/*animation: bounce2 1s infinite;*/z-index: 8;position: relative;}
.worldmap .address span i{font-size: 35px;transition: all ease 0.3s;}
.worldmap .address p{padding:0 20px;line-height: 35px;height: 35px;color:#fff; border-radius: 5px;position: absolute;top: 35px;left:-55%;margin-left:0px;white-space: nowrap;z-index:9;opacity: .9;display: none; font-size: 16px;}
.worldmap .address:hover{z-index: 999;transform: translateY(-3px);transition: all ease 0.3s;}
.worldmap .address:hover p{display: inline-block;}
.worldmap .add1{right: 22%;top: 36%;}
.worldmap .add1 span i{font-size: 38px;}
.worldmap .add2{right: 14%;top: 29%;}
/*.worldmap .add2 span{color:#ff9460}*/
.worldmap .add2 p{top: -35px;margin-left: -20px;}
.worldmap .add3{right: 12%;top: 35%;}
/*.worldmap .add3 span{color:#24b0b7}
.worldmap .add3 p{background-color:#24b0b7;}*/
.worldmap .add4{left: 18%;top: 33%;}
/*.worldmap .add4 span{color:#f7b149}
.worldmap .add4 p{background-color:#f7b149;}*/
@keyframes bounce2{
    0%, 100% {
	    margin-top:0;
	    transform: scale(1.0);
	}
	50% {
	    margin-top:10px;
	    transform: scale(1.0);
	}
}
@media screen and (max-width:900px){
	.quanqiu{padding:25px 0;}
	.worldmap .img{width: 100%;padding:0 20px;box-sizing: border-box;}
	.worldmap .img img{width:100%;height: auto}
	.worldmap .address span i{font-size: 25px;}
	.worldmap .address p{padding:0 10px;top: 20px;left:-55%;margin-left:0px; font-size: 15px;}
}