/* 测试是否一致 */
/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url("https://www.santodomingo2003.com/images/1.png") !important;} */
.Banner{position: relative;}
body{position: relative;}
body::before{content: "";display: block;width: 100%;height: 56%;background: url("https://www.santodomingo2003.com/images/bg.png") no-repeat;position: absolute;left: 0;top: 0;}

.slick-slider.slick-slide.slick-current.slick-active{position: relative;z-index: 0!important;}
.slick-slider.slick-slide{position: relative;z-index: 0!important;}
.slick-images1 .slide-txt{position: absolute;bottom: 0px;left: 0;width: 100%;color: #fff;line-height: 34px;overflow: hidden;text-shadow: 0 0 10px rgba(0,0,0,0.5);font-weight: bold;box-sizing: border-box;z-index: 10;line-height: 38px;}
.slick-images1 .slide-txt div{padding-right: 200px;box-sizing: border-box;border-left: 2px solid #fff;padding: 28px 300px 28px 28px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-shadow: 0px 3px 3px rgba(0,0,0,0.5);}
.slick-images1 .slick-arrow{width: 40px;height:40px;color: #9a0000;line-height: 40px;text-align: center;position: absolute;border:none;bottom:0 ;z-index: 88;cursor: pointer;transition: all 0.35s ease-in-out;background: none;overflow: hidden;font-size: 35px;border: 1px solid #9d0707;border-radius: 50%;box-sizing: border-box;bottom: 0px;left: 0%;margin-left: -50px;} 
.slick-images1 .slick-arrow:before{position: relative;z-index: 10;font-size: 16px;font-weight: bold;height: 40px;line-height: 40px;left: -193px;top: -5px;font-size: 24px;}
.slick-images1 .slick-arrow:hover {opacity: 1;}
.slick-images1 .slick-arrow{opacity: 0.6;}
.slick-images1 .slick-prev{margin-top: -25px;}
.slick-images1 .slick-next{margin-top: 25px;}
.slick-images1 .slick-prev::after{content: "";display: block;width: 10px;height: 12px;background: url("https://www.santodomingo2003.com/images/prev.png") no-repeat;background-size: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.slick-images1 .slick-next::after{content: "";display: block;width: 10px;height: 12px;background: url("https://www.santodomingo2003.com/images/next.png") no-repeat;background-size: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
 
.slick-images1 .slick-img{display: block;height: 0;padding-bottom: 44.08%;position: relative;}
.slick-images1 .slick-slide::before{content: "";display: block;width: 100%;height: 120px;background-image: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));position: absolute;bottom: 0;z-index: 1;}
.slick-images1 .slick-img::before{content: '';width: 100%;height: 260px;position: absolute;left: 0;bottom: 0;display: none;} 

.slick-images1 .slick-dots{position: absolute;width: 200px;text-align: right;bottom: 35px;left:50%;margin-left: 400px;z-index: 10;}
.slick-images1 .slick-dots li{width: 9px;height: 9px;position: relative;display: inline-block;*display: inline;*zoom: 1;margin:0 9px;background-color: rgba(255,255,255,0.6);border-radius: 5px;vertical-align: middle;transition: all 0.35s ease-out;border: 1px solid #9a0000;cursor: pointer;}
.slick-images1 .slick-dots li button{display: none;}
.slick-images1 .slick-dots li.slick-active button,.slick-dots li:hover button{background-position: 0 -15px;}
.slick-images1 .slick-dots li.slick-active{height: 29px;background-color: #fff;vertical-align: bottom;}

.nectar-scroll-icon {
  width: 20px;
  height: 45px;
  text-align: center;
  position: relative;
  z-index: 100;
}
.mouse_scr {position: absolute; left:-40px; bottom: 50px; z-index: 30; text-align:center;}
.mouse_scr .ico {
  display: block;  
  text-align: center;
  border-radius: 100px;    
  -webkit-border-radius: 100px;
  transition: opacity 0.4s ease;
  -webkit-transition: opacity 0.4s ease;
  overflow: hidden;
  margin-left: 0px;
  left: 0;
  opacity: 0.6;    
  overflow: visible;
  opacity: 1;
  height: auto;
  bottom: 13px;
  -webkit-animation: nudgeMouse 2.4s cubic-bezier(0.250,0.460,0.450,0.940) infinite;
  animation: nudgeMouse 2.4s cubic-bezier(0.250,0.460,0.450,0.940) infinite;
}
.mouse_scr .ico::before{ 
  position: absolute;
  content: '';
  display: block;
  left: 50%;
  margin-left: -1px;
  top: 22px;
  background-color: #e0c67e;
  width: 2px;
  height: 6px;
  border-radius: 10px;
  transition: background-color .55s cubic-bezier(.5,.1,.07,1);
  -webkit-animation: trackBallSlide 2.4s cubic-bezier(0.000,0.000,0.725,1.000) infinite;
  animation: trackBallSlide 2.4s cubic-bezier(0.000,0.000,0.725,1.000) infinite;
}


@-webkit-keyframes trackBallSlide{ 
  0%{ opacity:1;  -webkit-transform:scaleY(1) translateY(-10px);  transform:scaleY(1) translateY(-10px)} 
 45%{ opacity:0;  -webkit-transform:scaleY(0.5) translateY(13px);  transform:scaleY(0.5) translateY(13px)}
 46%{ opacity:0;  -webkit-transform:scaleY(1) translateY(-10px);  transform:scaleY(1) translateY(-10px)}
 65%, 100%{ opacity:1;  -webkit-transform:scaleY(1) translateY(-10px);  transform:scaleY(1) translateY(-10px)}
}
@keyframes trackBallSlide{ 
  0%{opacity:1;  -webkit-transform:scaleY(1) translateY(-10px);  transform:scaleY(1) translateY(-10px)} 
 45%{ opacity:0;  -webkit-transform:scaleY(0.5) translateY(13px);  transform:scaleY(0.5) translateY(13px)}
 46%{ opacity:0;  -webkit-transform:scaleY(1) translateY(-10px);  transform:scaleY(1) translateY(-10px)}
 65%, 100%{ opacity:1;  -webkit-transform:scaleY(1) translateY(-10px);  transform:scaleY(1) translateY(-10px)}
}
@keyframes nudgeMouse{ 
  0%{ -webkit-transform:translateY(0);  transform:translateY(0)}
 45%{ -webkit-transform:translateY(8px);  transform:translateY(8px)}
 65%, 100%{ -webkit-transform:translateY(0);  transform:translateY(0)}
}
@-webkit-keyframes nudgeMouse{ 
  0%{ -webkit-transform:translateY(0); transform:translateY(0)}
 45%{ -webkit-transform:translateY(8px);  transform:translateY(8px)}
 65%, 100%{ -webkit-transform:translateY(0);  transform:translateY(0)}
}
  
.columnTitle{position: relative; box-sizing: border-box; float: left;writing-mode: vertical-lr;} 
.columnTitle h2::before{content: "";display: block;width: 1px;height: 66px;background: #9a0000;position: absolute;left: 50%;top: 0%;}
.columnTitle h2{color: #222;display: inline-block;position: relative;padding-top: 90px;}
.columnTitle h3{color: rgba(0,0,0,0.2);display: inline-block; }  
.columnTitle .more{position: absolute;left: 0;bottom: 0;transform: rotate(-90deg) translate(0%, 100%);transform-origin: 0% 100%;} 
.columnTitle .more a{color: #999;}
.columnTitle .more a:hover{color: #9a0000;}

.columnTitle1{height: 26px;position: relative;}
.columnTitle1 h2{color: #222;line-height: 1;display: inline-block;vertical-align: bottom;}
.columnTitle1 h3{color: rgba(0,0,0,0.2);line-height: 1;display: inline-block;vertical-align: bottom;margin-left: 20px;}
.columnTitle1 .more{position: absolute;right: 0;bottom: 0;color: #999;} 
.columnTitle1 .more:hover{color: #9a0000;}

.mode1{padding-top: 60px;clear: both;box-sizing: border-box;}
.mode1_con{padding-left: 68px;box-sizing: border-box;position: relative;}
.imgNews{margin: 0 -8px;overflow: hidden;}
.imgNews li{width: 50%;float: left;}
.imgNews li a{display: block;margin: 0 8px;position: relative;}
.imgNews li a>span{padding-bottom: 56.23%;}
.imgNews li a .info{position: absolute;left: 0;bottom: 10px;width: 100%;padding: 0 30px;box-sizing: border-box;}
.imgNews li a .info .date{float: right;width: 60px;height: 60px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.16);display: block;padding: 10px 0;box-sizing: border-box;}
.imgNews li a .info .date b{display: block;text-align: center;color: #fff;line-height: 1;margin-bottom: 4px;}
.imgNews li a .info .date i{display: block;text-align: center;color: #fff;font-style: normal;line-height: 1;}
.imgNews li a .info p{margin-right: 60px;height: 60px;line-height: 60px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.imgNews li a .info p:hover{color: #9a0000;}

.noImgNews{margin: 16px -8px 0; }
.noImgNews li{width: 33.3%;float: left;margin-bottom: 16px;}
.noImgNews li a{border: 1px solid #e1dedf;margin: 0 8px;background: #fff;display: block;padding: 20px 30px;transition: all 0.2s ease-in-out;}
.noImgNews li a p:hover{color: #9a0000;}
.noImgNews li a .date{float: right;width: 60px;height: 60px;border-radius: 50%;background-color:#f0f0f0;display: block;padding: 10px 0;box-sizing: border-box;}
.noImgNews li a .date b{display: block;text-align: center;color: #444;line-height: 1;margin-bottom: 4px;}
.noImgNews li a .date i{display: block;text-align: center;color: #999;font-style: normal;line-height: 1;}
.noImgNews li a p{margin-right: 70px;height: 52px;line-height: 26px;overflow: hidden;;color: #222;}
.noImgNews li a:hover{transform: translateY(-5px);}

.mode2{margin: 60px 0 50px;}
.mode2_con{margin: 0px -30px;}
.mode2_lt{width: 50%;float: left;}
.mode2_rt{width: 50%;float: left;}
.mode2_lt>div{margin: 0 30px;position: relative;padding: 30px 30px 23px;box-sizing: border-box;background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,0.2);}
.mode2_lt>div::before{content: "";display: block;width: 1px;height: 66px;background: #9a0000;position: absolute;left: 0;top: 0;}
.mode2_rt>div{margin: 0 30px;position: relative;padding: 30px 30px 23px;box-sizing: border-box;background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,0.2);background: url("https://www.santodomingo2003.com/images/ul_bg.png") no-repeat right bottom;}
.mode2_rt>div::before{content: "";display: block;width: 1px;height: 66px;background: #9a0000;position: absolute;left: 0;top: 0;}
.mode2_con ul{margin-top: 21px;}
.mode2_con ul li{margin-bottom: 15px;}
.mode2_con ul li a{height: 38px;line-height: 38px;display: block;transition: all 0.2s ease-in-out;}
.mode2_con ul li a:hover{transform: translateX(5px);}
.mode2_con ul li a:hover b{background: #9a0000;color: #fff;}
.mode2_con ul li a:hover p{color: #9a0000;}
.mode2_con ul li span{color: #999;float: left; width: 78px;}
.mode2_con ul li b{color: #fff; width: 56px;height: 28px;text-align: center;line-height: 28px;background: #e0c67e;border-radius: 4px;font-weight: normal;float: left;margin-left: 20px;margin-top: 5px;}
.mode2_con ul li p{color: #222; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-left: 100px;}
.mode2_con ul li b+p{margin-left: 176px;}

.mode3{position: relative;padding: 50px 0 50px;}
.mode3::before{content: "";display: block;width: 60%;height: 100%;background: #f0f0f0;position: absolute;left: 0;top: 0;}
.columnTitle2{float: right; position: relative;padding-top: 90px;box-sizing: border-box;writing-mode: vertical-lr;}
.columnTitle2::before{content: "";display: block;width: 1px;height: 66px;background: #9a0000;position: absolute;left: 50%;top: 0;}
.columnTitle2 h2{color: #222;display: inline-block;}
.columnTitle2 h3{color: rgba(0,0,0,0.2);display: inline-block;} 
.swiper {
  width: calc(100% - 68px);
  height: 550px;
  margin-right: 68px; 
}

.swiper-slide { 
  height: calc((100% - 16px) / 2);
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mode3 .swiper-slide a{display: block;border-radius: 15px;position: relative;overflow: hidden;height: 100%;}
.mode3 .swiper-slide a:hover .info{background: rgba(0,0,0,0.5);}
.mode3 .swiper-slide a span{padding-bottom: 83.17%;}
.mode3 .swiper-slide a .info{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.2);width: 100%;color: #f0f0f0;padding: 25px 30px 20px;box-sizing: border-box;line-height: 1.5;}
.mode3 .swiper-slide a .info::before{content: "";display: block;width: 20px;height: 1px;background: #fff;position: absolute;left: 0;bottom: 32px;}
.mode3 .swiper-slide a .info h3{text-shadow: 0px -2px 4px rgba(0, 0, 0, 0.44);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mode3 .swiper-slide a .info p{height: 20px;;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.swiper-button-prev,.swiper-button-next{display: block;width: 40px;height: 40px;border: 1px solid #9a0000;border-radius: 50%;position: absolute;left: initial;right: 0;bottom: 0;top: initial;}
.swiper-button-prev{bottom: 175px;}
.swiper-button-next{bottom: 125px;}
.swiper-button-prev::after{content: "";display: block;width: 10px;height: 12px;background: url("https://www.santodomingo2003.com/images/prev.png") no-repeat;background-size: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.swiper-button-next::after{content: "";display: block;width: 10px;height: 12px;background: url("https://www.santodomingo2003.com/images/next.png") no-repeat;background-size: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.mode4{margin: 20px 0 50px;}
.title{padding: 29px 0 29px 32px;box-sizing: border-box;position: relative;}
.title::before{content: "";display: block;width: 1px;height: 100%;background: #9a0000;position:absolute;left:0;top:0; }
.columnTitle3{height: 26px;position: relative;}
.columnTitle3 h2{color: #222;line-height: 1;display: inline-block;vertical-align: bottom;}
.columnTitle3 h3{color: rgba(0,0,0,0.2);line-height: 1;display: inline-block;vertical-align: bottom;}
.columnTitle3 .more{position: absolute;right: 0;bottom: 0;color: #999;}
.columnTitle3 .more:hover{color: #9a0000;}
.mode4 ul{margin-right: -20px;overflow: hidden;}
.mode4 ul li{width: 25%;float: left;border-bottom: 4px solid #d6d6d6;margin-bottom: 20px;}
.mode4 ul li a{display: block;padding-left: 21px;padding-bottom: 20px;box-sizing: border-box;position: relative;margin-right: 20px;}
.mode4 ul li a:hover p{color: #9a0000;}
.mode4 ul li a::before{content: "";display: block;width: 10px;height: 106px;background: url("https://www.santodomingo2003.com/images/lia_bg.png") no-repeat center bottom;position: absolute;bottom: 0;left: 0;}
.mode4 ul li a span{padding-bottom: 56.19%;}
.mode4 ul li a p{color: #222;line-height: 26px;height: 52px;overflow: hidden;margin-top: 20px;}

/* .slick-slider.slick-slide{z-index: 0!important;} */
@media screen and (max-width:1500px) {
  .content1{width: calc(100% - 70px);}
}
@media screen and (max-width:1400px) {
  .slick-images1 .slick-dots{left: initial;right: 50px;}
  .slick-images1 .slide-txt div{padding-right: 250px;}
  .swiper-button-next{bottom: 10%;}
  .swiper-button-prev{bottom: calc(10% + 50px);}
  .swiper-button-prev, .swiper-button-next{right: 20px;}
}
@media screen and (max-width:1240px) {
  .swiper-button-next{bottom: 1%;}
  .swiper-button-prev{bottom: calc(1% + 50px);}

  
}
@media screen and (max-width:1200px){
   
}
@media screen and (max-width:1060px) {
   
}
@media screen and (max-width:996px) {  
  body::before{display: none;} 
  .mode2{margin: 20px 0;}
  .mode4{margin: 20px 0 10px;}
  /* .columnTitle2{margin-bottom: 20px;} */
  .mode2_lt{width: 100%;float: none;margin-bottom: 20px;}
  .mode2_rt{width: 100%;float: none;margin-bottom: 20px;}
  .mode2_con ul li{margin-bottom: 5px;}
  .mode2_lt>div,.mode2_con,.mode2_rt>div{margin: 0;}
  .mode4 ul li{width: 50%;}
  .mode4 ul{margin: 0 -5px;}
  .mode4 ul li a{margin: 0 5px;}
  /* .columnTitle2 {float: none; transform: rotate(0deg) translate(0, -0%); transform-origin: 0% 0%;} */
}
@media screen and (max-width:768px) {
  .content1{width: 100%;}
  .slick-images1 .slick-arrow{display: none!important;}
  .mouse_scr{display: none;}
  .slick-images1 .slick-dots{bottom: 20px;right: initial;left: 50%;;transform: translateX(-50%);margin-left: 0;text-align: center;}
  .slick-images1 .slide-txt{display: none;}
  .mode1{padding-top: 20px;}
  /* .columnTitle{transform: rotate(0deg) translate(0, 0);margin-bottom: 15px;} */
  /* .columnTitle .more{transform: rotate(0deg) translate(0, 0);} */
  .columnTitle{writing-mode: initial;margin-bottom: 20px;}
  .columnTitle h2{padding-left: 90px;padding-top: 0;}
  .columnTitle h2::before{width: 66px;height: 1px;left: 0;top: 50%;}
  .columnTitle .more{left: initial;right: 0;transform: rotate(0deg) translate(0%, 0%); transform-origin: 0% 0%;}
  .mode1_con{padding-left: 0;}
  .imgNews li{width: 100%;margin-bottom: 20px;}
  .noImgNews{margin-top: 0;}
  .noImgNews li{width: 50%;}
  .noImgNews li a{padding: 10px;}
  .noImgNews li a p{margin-right: 60px;}
  .imgNews li a .info{padding: 0 20px;}
  
  .columnTitle2{writing-mode: initial;margin-bottom: 20px;padding-left: 90px;padding-top: 0;float: none;}
  .columnTitle2::before{width: 66px;height: 1px;left: 0;top: 50%;}
  .title{padding: 10px 0 0 20px;box-sizing: border-box;margin-bottom: 10px;}
  .slick-images1 .slick-slide::before{display: none;}
  .mode3::before{display: none;}
}
@media screen and (max-width:540px) {
  
}
@media screen and (max-width:479px) {
  .noImgNews li{width: 100%;}
  .mode4 ul li{width: 100%;}
   
}