@keyframes fade-up-event{
0% {opacity:0;transform:translate3d(0,60px,0);}
30% {opacity:0;}
100% {opacity:1;transform:translate3d(0,0px,0);}
}

@keyframes fade-up-event2{
0% {opacity:0;transform:translate3d(0,50px,0);}
30% {opacity:0;}
100% {opacity:1;transform:translate3d(0,0px,0);}
}
/*opacity:0;animation-name:fade-up-event;animation-duration:1.0s;animation-fill-mode:forwards;animation-iteration-count:1;

opacity:0;animation-name:fade-up-event2;animation-duration:0.8s;animation-fill-mode:forwards;animation-delay:0.6s;animation-iteration-count:1;
*/

.main-block-title{text-align:center;font-size:36px;font-weight:bold;color:#222;}

.main-block1 .box{position:relative;}
.main-block1 .img img:nth-child(1){display:inline;}
.main-block1 .img img:nth-child(2){display:none;}
.main-block1 .txt{position:absolute;z-index:1;top:216px;left:0;width:100%;}
.main-block1 .txt ul{max-width:1260px;margin:0 auto;text-align:left;color:#fff;}
.main-block1 .txt li:nth-child(1){margin-left:5px;font-size:20px;font-weight:300;}
.main-block1 .txt li:nth-child(2){margin-top:18px;font-size:60px;letter-spacing:-1px;}
.main-block1 .txt li:nth-child(2) strong{color:#45D1BE;}
.main-block1 .bot-btns{position:absolute;z-index:1;left:0;width:100%;bottom:0;}
.main-block1 .bot-btns-inside{max-width:1260px;padding-bottom:40px;margin:0 auto;overflow:hidden;}
.main-block1 .bot-btns a{display:block;float:left;width:33.333333%;text-align:left;}
.main-block1 .bot-btns a:nth-child(2){text-align:center;}
.main-block1 .bot-btns a:nth-child(3){text-align:right;}
.main-block1 .bot-btns a dl{display:inline-block;position:relative;padding-right:68px;text-align:left;}
.main-block1 .bot-btns a dl dt{font-size:20px;color:#fff;}
.main-block1 .bot-btns a dl dt span{display:inline-block;position:absolute;top:0;right:0;width:43px;height:43px;border:1px solid #fff;border-radius:50%;}
.main-block1 .bot-btns a dl dt span:before{content:'';position:absolute;top:13px;right:12px;width:14px;height:14px;border:1px solid #fff;border-bottom:none;border-left:none;}
.main-block1 .bot-btns a dl dt span:after{content:'';position:absolute;top:21px;left:12px;width:20px;height:1px;background:#fff;transform: rotate(-45deg);}
.main-block1 .bot-btns a dl dd{margin-top:8px;font-size:15px;font-weight:300;color:#fff;}

.slider-image{position:relative;overflow:hidden;}
.slider-image .pager{display:inline-block;position:absolute;z-index:2;top:50%;margin-top:-32px;cursor:pointer;}
.slider-image .pager:before{content:'';display:inline-block;padding:14px;border:solid #fff;border-width:0 3px 3px 0;vertical-align:middle;}
.slider-image .pager.pager-prev{left:15px;padding:14px 0 14px 14px;}
.slider-image .pager.pager-next{right:15px;padding:14px 14px 14px 0;}
.slider-image .pager.pager-prev:before{transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.slider-image .pager.pager-next:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.slider-image .pagination-dot{position:absolute;left:0;top:345px;width:100%;text-align:left;}
.slider-image .pagination-dot ul{max-width:1260px;margin:0 auto;}
.slider-image .pagination-dot .page-item{display:inline-block;width:40px;height:3px;margin:0 4px;cursor:pointer;background:#777;}
.slider-image .pagination-dot .page-item.slider-active{background:#fff;}

.main-desc-block{margin-top:110px;}
.main-desc-block ul{padding:100px 0;text-align:center;background:#F9F9FC;border-radius:10px;}
.main-desc-block ul li:nth-child(1){font-size:36px;font-weight:bold;color:#222;}
.main-desc-block ul li:nth-child(2){margin-top:25px;font-size:20px;line-height:30px;color:#333;}
.main-desc-block ul li:nth-child(3){margin-top:50px;}
.main-desc-block ul li:nth-child(3) a{position:relative;display:inline-block;width:240px;height:49px;text-align:left;text-indent:30px;line-height:49px;font-size:15px;background:#fff;border-radius:10px;}
.main-desc-block ul li:nth-child(3) a span{display:inline-block;position:absolute;top:28px;right:40px;width:24px;height:1px;background:#393939;}
.main-desc-block ul li:nth-child(3) a span:after{content:'';display:inline-block;position:absolute;top:-3px;right:-1px;width:9px;height:1px;background:#393939;transform:rotate(45deg);}

.main-items{margin-top:110px;}
.main-items .row-wrap{margin:40px -22px 0 -22px;overflow:hidden;}
.main-items .row-wrap .row{float:left;width:25%;}
.main-items .row-wrap .row-inside{display:block;margin:22px;}
.main-items .row-wrap .img-box{position:relative;height:0;padding-bottom:128%;border-radius:4px;overflow:hidden;}
.main-items .row-wrap .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;}
.main-items .row-wrap .row .name{height:44px;margin-top:15px;font-size:17px;line-height:22px;color:#393939;word-break:keep-all;}
.main-items .more{margin-top:50px;text-align:center;}
.main-items .more a{position:relative;display:inline-block;width:240px;height:49px;text-align:left;text-indent:30px;line-height:49px;font-size:15px;border:1px solid #DEDEDE;border-radius:10px;}
.main-items .more a span{display:inline-block;position:absolute;top:28px;right:40px;width:24px;height:1px;background:#393939;}
.main-items .more a span:after{content:'';display:inline-block;position:absolute;top:-3px;right:-1px;width:9px;height:1px;background:#393939;transform:rotate(45deg);}

.main-history{margin-top:110px;}
.main-history .db{overflow:hidden;}
.main-history .main-history-slider{position:relative;padding-top:40px;margin-top:40px;border-top:4px solid #393939;}
.main-history .row-wrap{width:100%;overflow:hidden;}
.main-history .row-wrap .row{float:left;width:33.333333%;}
.main-history .row-wrap .row .row-name{font-size:30px;font-weight:bold;}
.main-history .row-wrap .row dl{position:relative;padding-left:28px;margin-top:30px;font-size:16px;line-height:22px;}
.main-history .row-wrap .row dl dt{position:absolute;top:0;left:0;color:#21A896;}
.main-history .row-wrap .row dl dd{margin-bottom:8px;}
.main-history .pager{position:absolute;z-index:1;top:29px;display:inline-block;width:48px;height:48px;border:1px solid #333;background:#fff;border-radius:50%;cursor:pointer;}
.main-history .pager.pager-prev{right:60px;}
.main-history .pager.pager-next{right:0;}
.main-history .pager span{display:inline-block;position:absolute;top:26px;left:12px;width:24px;height:1px;background:#393939;}
.main-history .pager span:after{content:'';display:inline-block;position:absolute;top:-3px;right:-1px;width:9px;height:1px;background:#393939;transform:rotate(45deg);}
.main-history .pager.pager-prev span:after{left:-1px;transform:rotate(-45deg);}
.main-history .pager.pager-next span:after{right:-1px;transform:rotate(45deg);}
.main-history .pagination{display:none;}

.main-map{margin:110px 0 120px 0;}
.main-map .main-block-title{margin-bottom:40px;}
.main-map .msg{margin-top:20px;text-align:center;font-size:16px;}

@media screen and (max-width:1259px) {
.main-block1 .txt{top:120px;}
.main-block1 .txt ul{max-width:100%;text-align:center;}
.main-block1 .txt li:nth-child(1){margin-left:0;font-size:22px;}
.main-block1 .txt li:nth-child(2){margin-top:20px;font-size:40px;}

.slider-image .pager{display:none !important;}
.slider-image .pagination-dot{top:auto;bottom:125px;text-align:center;}
.slider-image .pagination-dot .page-item{width:28px;}
}

@media screen and (max-width:1099px) {
.main-block1 .txt{top:20px;}
.main-block1 .bot-btns-inside{padding-bottom:20px;}
.main-block1 .bot-btns a dl{padding-right:0;text-align:center;}
.main-block1 .bot-btns a dl dt span{display:none;}
.main-block1 .bot-btns a dl dd{margin:0 10px;}
}

@media screen and (max-width:767px) {
.main-block-title{font-size:32px;}

.main-block1 .img img:nth-child(1){display:none;}
.main-block1 .img img:nth-child(2){display:inline;}
.main-block1 .txt{top:50px;}
.main-block1 .txt li:nth-child(1){font-size:18px;}
.main-block1 .txt li:nth-child(2){margin:14px 14px 0 14px;font-size:36px;}

.main-desc-block{padding:0 14px;margin-top:60px;}
.main-desc-block ul{padding:60px 14px;}
.main-desc-block ul li:nth-child(1){font-size:32px;word-break:keep-all;}
.main-desc-block ul li:nth-child(2){margin-top:20px;font-size:18px;line-height:26px;}

.main-items{padding:0 14px;margin-top:80px;}
.main-items .row-wrap{margin:20px 0;}
.main-items .row-wrap .row{float:none;width:100%;margin-bottom:30px;}
.main-items .row-wrap .row-inside{margin:15px 0;}
.main-items .row-wrap .img-box{height:auto;padding-bottom:0;}
.main-items .row-wrap .img-box img{position:static;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;}

.main-history{padding:0 14px;}
.main-history .row-wrap .row{float:none;width:100%;margin-bottom:30px;}
.main-history .row-wrap .row .row-name{text-align:center;}
.main-history .pager{display:none;}
.main-history .pagination{display:block;position:absolute;top:30px;right:0;}
.main-history .pagination .page-item{display:inline-block;width:6px;height:6px;margin:0 3px;cursor:pointer;background:#777;border-radius:50%;}
.main-history .pagination .page-item.slider-active{background:#21A896;}

.main-map{padding:0 14px;margin:80px 0 60px 0;}
}