body{}
.container{min-width:1280px!important}

.showMsg {    min-width: 160px;    width: fit-content;    width: -webkit-fit-content;    width: -moz-fit-content;    height: 36px;
    padding: 0 15px;    margin: auto;    line-height: 36px;    border-radius: 18px;    text-align: center;    position: fixed;
    top: 50%;    left: 0;    right: 0;    margin-top: 36px;    overflow: hidden;    background: rgba(0, 68, 113, .8);
    opacity: 0;    font-size: 18px;    color: #ffffff;    z-index: 99999999
}
.dz-logo img{width: 240px;}
.nav-link.current{color: #004471; font-weight: bold;}


.dz-select{border: 2px solid #efefef; font-size: 16px; font-weight: 400; color: #565872; height: 64px;line-height: 30px;border-radius: 5px;margin-bottom: 25px;}

.dz-select:valid{padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;-webkit-appearance:none;

    -moz-appearance:none;
    
    appearance:none; /*去掉下拉箭头*/}
.dz-select:valid:focus{border-color:#004471;box-shadow:0 0 0 .2rem rgba(21,116,246,.25)}

/* 幻灯片 */
 #dz-banner .owl-nav {    margin-top: 10px;    text-align: center;    -webkit-tap-highlight-color: transparent; }
 #dz-banner .owl-nav [class*='owl-'] {      color: #FFF;      font-size: 14px;      margin: 5px;      padding: 4px 7px;
      background: #D6D6D6;      display: inline-block;      cursor: pointer;      border-radius: 3px; }
#dz-banner .owl-nav [class*='owl-']:hover {        background: #004471;        color: #FFF;        text-decoration: none; }
#dz-banner .owl-nav .disabled {      opacity: 0.5;      cursor: default; }
#dz-banner .owl-nav.disabled + .owl-dots {    margin-top: -20px; }
#dz-banner .owl-dots {    text-align: center;    -webkit-tap-highlight-color: transparent;  z-index: 99999;  }
#dz-banner .owl-dots .owl-dot {      display: inline-block;      zoom: 1;      *display: inline; }
#dz-banner .owl-dots .owl-dot span {        width: 10px;        height: 10px;        margin: 5px 7px;        background: #D6D6D6;        display: block;        -webkit-backface-visibility: visible;        transition: opacity 200ms ease;
        border-radius: 30px; }
#dz-banner .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {        background: #004471; }
  
.pagination li{margin-right: 20px;}
.pagination li a{border: none;    background-color: #f7fbff;    border-radius: 0;    font-size: 20px;    color: #0d1f35;
    font-weight: 700;    height: 63px;    width: 63px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-pack: center;        -ms-flex-pack: center;            justify-content: center;    -webkit-box-align: center;        -ms-flex-align: center;
            align-items: center;}
.pagination li a:hover{text-decoration: none;background-color: #004471; color: #fff;}
.pagination li.active a{ background-color: #004471;  color: #fff;}

/* 酒庄列表样式 */


.dz-winerys {    margin-bottom: 50px;    text-align: center;    border: 1px solid #ebebeb;      }
.dz-winerys.dz-winery {    position: relative; background-color: #fff;    border: none;    padding: 20px 0; -webkit-box-shadow: 3px 5.196px 50px 6px rgba(37, 37, 37, 0.05); box-shadow: 3px 5.196px 50px 6px rgba(37, 37, 37, 0.05);    }
.dz-winerys .winery-image {height: 100px;  display: -webkit-box;  display: -ms-flexbox;  display: flex;
    -webkit-box-pack: center;        -ms-flex-pack: center;            justify-content: center;
    -webkit-box-align: center;        -ms-flex-align: center;            align-items: center;
}
.dz-winerys .winery-image img {    max-width: 100%;    height: auto;  }
.dz-winerys .winery-content {   margin-top: 50px; }
.dz-winerys .winery-content a {    text-decoration: none;  }
.dz-winerys .winery-content .winery-name {    font-weight: 400;    font-size: 18px;    color: #1e2843;    padding: 15px 0 5px;  }

.dz-winery-area { background: url("../jpg/area_bg_1.jpg");    padding: 55px 55px;    background-repeat: no-repeat;    background-size: cover;
    background-position: center;  }
@media all and (max-width: 1024px) {
    .dz-winery-area {    padding: 65px 0 85px;}
}
.winery-area-info{color: #ffffff; text-align: center;}



/* winery banner */
.winery-banner{width:100%; position:relative;z-index:1;margin:0 auto; background: #004471;}
.winery-banner .banner-image{width:100%; opacity:0.8; filter: alpha(opacity=20); height: 380px;  background-size: 100%; background-repeat: no-repeat; background-position: center top; }

.winery-banner .banner-info{width:100%;position:absolute;z-index:2;top:36%; text-align:center;}
.winery-banner .breadcrumb-item,.winery-banner .breadcrumb-item::before,.winery-banner .breadcrumb-item a,.winery-banner .title{color: #fff;}
.winerybanner2 .breadcrumb-item,.winerybanner2 .breadcrumb-item::before,.winerybanner2 .breadcrumb-item a,.winerybanner2 .title{color: #fff;}
.slider-breadcrumb .breadcrumb-item,.slider-breadcrumb .breadcrumb-item::before,.slider-breadcrumb .breadcrumb-item a,.slider-title .title{color: #fff;}

.main-title-en{ font-size: 28px;    font-weight: 700;    line-height: 60px;    color: #212c59;    margin: 23px 0 35px;}

.client-logo {    padding: 35px 0 80px;  }
  
  @media all and (max-width: 768px) {
    .client-logo {
      padding: 35px 0 45px;
    }
  }
.dz-soso{margin-right: -87px; z-index: 999;}


.area-nav{list-style:none; width:100%; margin-top:50px; display:flex; justify-content:center}
.area-nav li{ background:#ffffff; color:#004471; height:40px; line-height:40px;text-align:center; margin:0 8px; padding:0 15px 0 15px; letter-spacing:1px; border-radius:5px;}
.area-nav li.on{background:#004471; color:#ffffff;}
.area-nav a{text-decoration: none;}

/* 酒庄参数 */


.about-content .customer-service .winery-box .single-item { height:auto; line-height: 200%; width: 100%; display: block; clear: both;}
.about-content .customer-service .winery-box .single-item::after{ clear: both;}
.about-content .customer-service .winery-box .single-item .name {   width: 100px; font-weight: normal; font-size: 14px;  display: block; text-align: right;float: left;}
.about-content .customer-service .winery-box .single-item .zhi {   color: #212c59;  font-weight: bold;  font-size: 16px; display: block; width: 500px; float: left;}

@media all and (max-width: 1024px) {
  .about-content .customer-service .winery-box .single-item .name {
    margin-right: 25px;
  }
}

/* 酒庄主页相册 */

.photo-box{width: 1200px;margin: 0 auto;}
    
.pro-new{width: 100%;height: auto;overflow: hidden;padding: 35px 0 45px 0;background: #ffffff;}
.pro-new .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333333;letter-spacing: 1px;}
.pro-new .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-new .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-new .sub-title span.text{padding: 0 10px;}
.pro-new-show {position: relative;width: 100%;height: auto;overflow: hidden;}
.pro-new-show .pro-list{width: 100%;height: auto;margin-top: 30px;overflow: hidden;}
.pro-new-show .pro-list ul li{float: left;width: 387px;height: auto;overflow: hidden;background: #FFFFFF;margin-right: 19px;}
.pro-new-show .pro-list ul li img:hover{cursor: pointer; transform: scale(1.1);  filter: blur(2px);}
.pro-new-show .pro-list ul li:last-child{margin-right: 0;}
.pro-new-show .pro-list ul li img{width: 100%;height: 258px;transform: scale(1);  transition: all ease-in-out 0.5s;}

.wppover {  background: rgba(0, 0, 0, 0.7);  position: absolute;  height: 100%;  width: 100%;  z-index: 3;  opacity: 0;  transition: all ease-in-out 0.5s;}
.pro-new-show .pro-list ul li:hover .wppover {  opacity: 1;}

.wpp-details {    color: white;  font-size: 20px;  z-index: 4;  position: absolute;  top: 100%;  opacity: 0;  transition: all ease-in-out 0.5s;width: 387px;pointer-events: none; }
.wpp-details p{ text-align: center;}
.pro-new-show .pro-list ul li:hover .wpp-details {  top: 40%;  opacity: 1;}

.pro-new-show .pro-list ul li .desc{padding: 10px 20px;box-sizing: border-box;}
.pro-new-show .pro-list ul li .desc .p-title{font-size: 16px;color: #323232;padding-bottom: 5px;}
.pro-new-show .pro-list ul li .desc .p-desc{font-size: 14px;color: #969696;line-height: 25px;}

.pro-new-show .arrow a{display: inline-block;position: absolute;width: 49px;height: 100px;z-index: 10;}
.pro-new-show .arrow a.prev{left: 0;top: 50%;margin-top: -80px;background: url(../png/arrow-left.png) center center no-repeat;}
.pro-new-show .arrow a.next{right: 0;top: 50%;margin-top: -80px;background: url(../png/arrow-right.png) center center no-repeat;}
.pro-new-show .arrow a:hover{background-color: rgba(0,0,0,.3);}
.pro-new-show .winery-ppp{position: relative;width: 100%;height: auto;overflow: hidden;padding-top: 40px;text-align: center;}
.pro-new-show .winery-ppp ul li{width: 15px;height: 15px;border-radius: 100%;background: #eee;display: inline-block;margin: 0 8px;text-indent:-9999px; }
.pro-new-show .winery-ppp ul li.on{background: #212c59;}

/* 相册弹出层 */

#wpic-box {	z-index: 99990;	position: fixed;	top: 0;	left: 0;	display: none;	width: 100%;	height: 100%;	background: rgba(0, 0, 0, 0.8);	filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
#wpic-box .content {	z-index: 99991;	position: absolute;	top: 50%;	left: 50%;	width: 200px;	height: 200px;	background: #ffffff no-repeat 50% 50%;	padding: 0;	margin: -100px 0 0 -100px;	box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);	border-radius: 4px;}
#wpic-box .content.loading {	background-image: url('../gif/loading.gif');}
#wpic-box img {	display: block;	max-width: none;	background: #ececec;	box-shadow: 0 1px 3px rgba(0,0,0,0.25);	border-radius: 4px;}
#wpic-box .close {	z-index: 99993;	position: absolute;	top: 0;	right: 0;	width: 49px;	height: 49px;	cursor: pointer;	background: transparent url('../png/close.png') no-repeat 50% 50%;	opacity: 1;	filter: alpha(opacity=100);	border-radius: 0 0 0 4px;}
#wpic-box .previous,#wpic-box .next {	z-index: 99992;	position: absolute;	top: 50%;	overflow: hidden;	display: block;	width: 49px;	height: 49px;	margin-top: -25px;}
#wpic-box .previous {	left: 0;	background: url('../png/arrows.png') no-repeat 0 0;	border-radius: 0 4px 4px 0;}
#wpic-box .next {	right: 0;	background: url('../png/arrows.png') no-repeat 100% 0;	border-radius: 4px 0 0 4px;}
#wpic-box .close:hover {	background-color: #da4f49;}
#wpic-box .previous:hover,#wpic-box .next:hover {	background-color: #0088cc;}

#wpic-box .jzname {	z-index: 99992;	position: absolute;	bottom: 10%;	left: 50%;	background: #ffffff no-repeat 50% 50%;	padding: 10px 20px;		box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.3);	border-radius: 4px;}

.page-area-nav{list-style:none; width:100%; margin-top:20px; display:flex; justify-content:center;}
.page-area-nav li{ background:#ffffff; color:#004471; height:40px; line-height:38px;text-align:center; margin:0 8px; padding:0 25px 0 30px; letter-spacing:5px; border-radius:5px;border:1px solid #004471}
.page-area-nav li.on{background:#004471; color:#ffffff; border:1px solid #004471}
.page-area-nav a{text-decoration: none;}

.chinamap-area {padding: 20px 15px;  margin:0 auto; }
.chinamap {  width:1180px;  height: 1590px;  background: url(../jpg/map2024.jpg) no-repeat;   position: relative; margin:0 auto; top:0;}
.chinamap .point {  position: absolute;  display: block;  width: 25px;  height: 25px;  background: url(../png/map-point.png) no-repeat 0 0;  -webkit-transition: none;  transition: none;}
.chinamap .point:hover, .chinamap .point.hovers {  background: url(../png/map-point-hover.png) no-repeat 0 0;}
.chinamap .point span {  width: 109px;  height: 38px;  background: #004471;  position: absolute;  left: 30px; top:-10px;  z-index: 10;  color: #fff;  font-size: 15px;  font-weight: bold;  line-height: 38px;  text-align: center; border-radius: 10px;
  display: none;}
.chinamap .point span::before {  background: inherit;  content: '';  position: absolute;  width: 100%;  height: 100%;  left: 0;  top: 0;  z-index: -2;  border-radius:10px;  animation: twinkling 2.2s ease-in-out infinite;}
.chinamap .point span::after{  background: inherit;  content: '';  position: absolute;  width: 110%;  height: 110%;  left: -5%;  top: -5%;  z-index: -1;  border-radius:10px;  animation: twinkling 2.2s ease-in-out infinite;}
.chinamap .point.hovers span {  display: block;}

.point-1 {  top: 630px;  left: 700px;}
.point-2 {  top: 720px;  left: 700px;}
.point-3 {  top: 440px;  left: 740px;}
.point-4 {  top: 840px;  left: 630px;}
.point-5 {  top: 1240px;  left: 700px;}
.point-7 {  top: 1160px;  left: 380px;}
.point-6 {  top: 256px;  left: 860px;}

@keyframes twinkling {
  0% {      opacity: 0.2;      filter: alpha(opacity=20);      transform: scale(1);  }
  50% {      opacity: 0.5;      filter: alpha(opacity=50);      transform: scale(1.12);  }
  100% {      opacity: 0.2;      filter: alpha(opacity=20);      transform: scale(1);  }
}

.sn-circle {  width: 100px;  height: 100px;  border-radius: 50%;  background: #3a96e1;  text-align: center;  font-weight: bold;  position: relative;  line-height: 100px;  z-index: 1;}
.sn-circle::before {  background: inherit;  content: '';  position: absolute;  width: 100%;  height: 100%;  left: 0;  top: 0;  z-index: -2;  border-radius: 50%;  animation: twinkling 2.2s ease-in-out infinite;}
.sn-circle::after {  background: inherit;  content: '';  position: absolute;  width: 110%;  height: 110%;  left: -5%;  top: -5%;  z-index: -1;  border-radius: 50%;  animation: twinkling 2.2s ease-in-out infinite;}
.sn-circle2 {  margin-top: 50px;  width: 80px;  height: 80px;  line-height: 80px;  font-size: 12px;  background: #d67c61;}


/* 首页动态 */

.sn-clearfix::after {  clear: both;  content: ".";  display: block;  height: 0;  visibility: hidden;}
.sn-info-container {  width: 1200px;  margin: 0 auto;  padding: 0;}
.sn-info-container-title {  font-size: 16px;  text-align: center;  padding: 50px 0; display: none;}
.sn-info-container-title h2 {  font-weight: normal;  font-size: 36px;}
.sn-info-container-list {  background: #fff;  padding: 42px 0;}
.sn-info-listItem {  width: 585px;   float: left;}
.sn-info-listItem-title {   font-size: 36px;  margin-bottom: 26px;  font-weight: normal;}
.sn-info-more {  width: 100px;  height: 36px;  display: block;  line-height: 34px;  border: 1px solid #E4E4E4;  text-align: center;  transition: all .1s; color: #004471;}
.sn-info-more:hover {  background: #004471;  border-color: #004471;  color: #fff;text-decoration: none;}
.sn-info-listItem-list {  margin-bottom: 17px;}
.sn-info-listItem-list dt {  height: 270px;  position: relative;  margin-bottom: 20px;  overflow: hidden;}
.sn-info-listItem-list dt a img {  width: 585px;  height: 270px;  transition: all .4s;}
.sn-info-listItem-list dt a span {  position: absolute;  left: 0;  right: 0;  color: #fff;  bottom: 10px;  font-size: 15px;  padding: 0 24px;  line-height: 1.5;  height: 44px;  overflow: hidden;  transition: all .2s;}
.sn-info-listItem-list dd {  margin-bottom: 10px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.sn-info-listItem-list dd a {  font-size: 14px;  color: #909499; }
.sn-info-listItem-list dd a:hover {  color: #004471;}
.sn-info-listItem-list dt a:hover img {  transform: scale(1.05);}

/* 首页酒款 */

.wine-container{width: 1200px;margin: 0 auto;font-weight: normal;}

.pro-center{width: 100%;height: auto;overflow: hidden;padding: 5px 0 30px 0;background: #ffffff;}
.pro-center .title{font-size: 34px;text-align: center;padding-bottom: 5px;color: #333333;letter-spacing: 1px;}
.pro-center .sub-title{font-size: 20px;text-align: center;color: #333333;}
.pro-center .sub-title span{display: inline-block;height: 30px;line-height: 30px;width: auto;}
.pro-center .sub-title span.text{padding: 0 10px;}

.pro-left{float: left;width: 240px;box-sizing: border-box;box-shadow: 0px 10px 10px #f7f7f7;}
.pro-content{width: 100%;padding-top: 40px;}
.pro-right{float: right;width: 940px;}
.pro-left .left-title{background: #004471;height: 110px;line-height: 110px;text-align: center;}
.pro-left .left-title span{display: inline-block;color: #FFFFFF;font-size: 24px;font-weight: bold;}
.pro-left .left-title span.text{padding: 0 10px;}
.pro-left .left-category,.pro-left .left-category ul{width:100%; list-style:none; padding-left: 0px;}
.pro-left .left-category ul li{width:100%;padding:0;margin: 0;height: 60px;line-height: 60px;font-size: 20px;text-align: center;cursor: pointer;color: #999999;text-decoration:none;}
.pro-left .left-category ul li.on{background: #03578f;color: #FFFFFF;}
.pro-left .left-category ul li:hover{background: #03578f;color: #FFFFFF;}
.pro-left .left-contact {margin-top: 37px;margin-bottom: 37px;text-indent: 70px;background: url(../png/winecate.png) left 20px center no-repeat; display: none;}
.pro-left .left-contact p{color: #004471;font-size: 14px;}
.pro-left .left-contact p.tel{font-size: 20px;}

.pro-right{display: none;}
.pro-right ul li{float: left;width: 210px;background: #f7f7f7;border: 1px solid #f7f7f7;margin-right: 20px;box-sizing: border-box;margin-bottom: 20px;transition: all .3s linear;list-style:none;font-style:normal;text-decoration:none;}
.pro-right ul li:nth-child(4n){margin-right: 0;}
.pro-right ul li .img{width:100%;height:210px;overflow: hidden;}
.pro-right ul li img{width:100%;}
.pro-right ul li p{height: 30px;line-height:30px;text-align: center;font-size: 14px;color: #333333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; width: 200px;margin:0 auto;}
.pro-right.active{display: block;}
.pro-right ul li a{ text-decoration: none;}
.pro-right ul li:hover{box-shadow: 0px 0px 15px #c6c6c6;transition: all .2s linear;}
.pro-right .morewine{ min-width: 100px;  height: 36px; padding:0 15px; display: inline-block;  line-height: 34px;  border: 1px solid #E4E4E4;  text-align: center;  transition: all .1s; color: #004471; position: relative; clear: both; float: right;}
.pro-right .morewine:hover {  background: #004471;  border-color: #004471;  color: #fff;text-decoration: none;}