.header{width:95%;height:100%;margin:auto;}
.logo{ float:left;height:auto;z-index:9999999!important;position:absolute}
.logo img{max-width:100%;margin-top:25px;}
.logo a{border:none;outline: none;}
.animenu__toggle {display: none;cursor: pointer;background-color: #0d62be;border: 0;padding: 10px;height: 45px;width: 45px;}
.animenu__toggle:hover {background-color: #0186ba;}
.animenu__toggle__bar {display: block;width: 20px;height: 2px;background-color: #fff;-webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); }
.animenu__toggle__bar + .animenu__toggle__bar {margin-top: 4px;}
.animenu__toggle--active .animenu__toggle__bar {margin: 0;position: absolute;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {opacity: 0;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.animenu {width:75%; height:100%;float:right;position: relative;z-index:999;}
.animenu ul {padding: 0;list-style: none;}
.animenu li, .animenu a {display: inline-block;font-size:14px;}
.animenu a {color: #333333;text-decoration: none;}
.animenu__nav { width:100%;height:100%; margin:auto;display: flex;justify-content:flex-end;}
.animenu__nav > li {position: relative; width: auto; height:100%; float:left;}
.animenu__nav > li > a {height:100%;line-height:100px;font-size:16px; font-weight: normal;text-align: center;display: block;text-transform: uppercase;}
.animenu__nav > li:hover > ul {opacity: 1;visibility: visible;margin:0;}
.animenu__nav > li:hover > a {color: #e62129;}
.animenu__nav__child {min-width:150%;position: absolute;top: 100%;left: 0;z-index: 1;opacity: 0;visibility: hidden;margin: 20px 0 0 0;background-color:rgba(255,255,255,0.9);transition: margin .15s, opacity .15s;-moz-box-shadow:2px 2px 5px #ccc; -webkit-box-shadow:2px 2px 5px #ccc; box-shadow:2px 2px 5px #ccc;}
.animenu__nav__child > li {width: 100%; height:45px; line-height:45px;border-bottom: 1px solid rgba(0,0,0,0.1);}
.animenu__nav__child > li:first-child > a:after {content: '';position: absolute;height: 0;width: 0;left: 1em;top: -6px;border: 6px solid transparent;border-top: 0;border-bottom-color: inherit;}
.animenu__nav__child > li:last-child {border: 0;}
.animenu__nav__child a {padding:0 10px;width:100%;border-color: #f0f0f0;font-size: 14px; display:block;height:45px;line-height:45px;text-align:center;}
.animenu__nav__child a:hover {background-color:#e62129;border-color: #e62129;color: #fff;}
.animenu__nav--open {display: block !important;}
.animenu__nav--open .animenu__nav__child {display: block;}

/* 轮播图开始 */
.swiper-container{ top:100px;}
.swiper-slide {text-align: center;font-size:.18rem;}
.swiper-container .swiper-slide {height:auto;line-height:auto;}
.swiper-container .swiper-slide:nth-child(2n) {height:auto;line-height:auto;}
.swiper-slide img {max-width: 100%;height: auto;}
.swiper-slide a { position:relative; z-index:0; display:block;}
.swiper-slide .title{position: absolute;z-index: 1;font-size:.41rem;font-weight: 300;color:#FFF; left:.8rem; top:4.8rem;}
.swiper-slide .subtitle{position: absolute;z-index: 1;font-size:.21rem;font-weight: 300;color:#FFF; left:.8rem; top:5.4rem; width:90%; line-height:.3rem; text-align:left;}
/* 轮播图结束 */

/* 产品展示 */
.ipro { width:95%; max-width:1600px; height: auto; overflow:hidden; margin:auto;}
.ipro .head { text-align:center; margin:0 0 20px; }
.ipro .head h2,
.ipro .head h3 { font-size:40px; color:#292325; }
.ipro .head h2 { line-height:50px; }
.ipro .head h3 { line-height:40px; font-size:25px; text-transform:uppercase; color:#fff; }
.ipro .head h2 span { color:#c11300; }
.ipro .tabed { text-align:center; padding:0 0 30px; }
.ipro .tabed li { display:inline-block; +display:inline; +zoom:1; height:40px; line-height:40px; padding:0 30px; background:#e5e6e6; color:#717070; margin:0 5px 8px; border-radius:3px; font-size:14px; cursor:pointer; }
.ipro .tabed li:hover { background:#fff; color:#e62129;}
.ipro .tabed li.active { background:#292325; color:#fff; }
.ipro .main { }
.ipro .list { display:none; width:100%; overflow:hidden;}
.ipro .list:first-child { display:block; }
.ipro .item { float:left; width:calc(32% - 20px); height:21rem; margin:0 15px 30px 15px; }
.ipro .item a { display:block; border:0 solid #fff; position:relative; overflow:hidden; }
.ipro .item img { display:block; width:100%; height:21rem; }
.ipro .item div { position:absolute; left:0; right:0; bottom:0; padding:0 20px; background:url("../images/shadow.png"/*tpa=http://122.114.79.10:10294/templates/default/images/shadow.png*/) center center repeat; background:rgba(0,0,0,.8); color:#fff; display:none;}
.ipro .item i { width:40px; height:40px; background:url("../images/ipro-mo.png"/*tpa=http://122.114.79.10:10294/templates/default/images/ipro-mo.png*/) center center no-repeat; position:absolute; left:50%; bottom:52%; margin:0 0 0 -20px; visibility:hidden; }
.ipro .item h3 { font-weight:normal; font-size:14px; line-height:35px; }
.ipro .item a:hover { border-width:5px; }
.ipro .item a:hover img { height:calc(21rem - 10px); transform:scale(1.05,1.05); }
.ipro .item a:hover div { top:0; }
.ipro .item a:hover i { visibility:visible; animation:bounceIn .5s ease; }
.ipro .item a:hover h3 { position:absolute; left:0; right:0; top:52%; text-align:center; }

/* 酿造工艺 */
.wrap{width:95%; max-width:1600px; height:600px;position:relative; margin:40px auto; overflow:hidden;}
.pic{width:-webkit-calc(100% - 450px); width:-moz-calc(100% - 450px); width:calc(100% - 450px);height:600px;cursor:pointer;}
.pic1{background:url('../images/1.jpg');position:absolute;top:0;left:0;z-index:1;}
.pic_num1{width:150px;height:600px;position:absolute;top:0px;left:0px;background:url('../images/img_01.jpg'); display:none;}
.pic2{background:url('../images/2.jpg');position:absolute;top:0;left:-webkit-calc(100% - 450px); left:-moz-calc(100% - 750px); left:calc(100% - 750px);z-index:3;}
.pic_num2{width:150px;height:600px;position:absolute;top:0px;left:0px;background:url('../images/img_02.jpg'); }
.pic3{background:url('../images/3.jpg');position:absolute;top:0;left:-webkit-calc(100% - 300px); left:-moz-calc(100% - 600px); left:calc(100% - 600px);z-index:4;}
.pic_num3{width:150px;height:600px;position:absolute;top:0px;left:0px;background:url('../images/img_03.jpg'); }
.pic4{background:url('../images/4.jpg');position:absolute;top:0;left:-webkit-calc(100% - 150px); left:-moz-calc(100% - 450px); left:calc(100% - 450px);z-index:5;}
.pic_num4{width:150px;height:600px;position:absolute;top:0px;left:0px;background:url('../images/img_04.jpg'); }
.pic5{background:url('../images/5.jpg');position:absolute;top:0;left:-webkit-calc(100% - 150px); left:-moz-calc(100% - 300px); left:calc(100% - 300px);z-index:6;}
.pic_num5{width:150px;height:600px;position:absolute;top:0px;left:0px;background:url('../images/img_05.jpg'); }
.pic6{background:url('../images/6.jpg');position:absolute;top:0;left:-webkit-calc(100% - 150px); left:-moz-calc(100% - 150px); left:calc(100% - 150px);z-index:7;}
.pic_num6{width:150px;height:600px;position:absolute;top:0px;left:0px;background:url('../images/img_06.jpg'); }
.tgt_kcn{ height:600px; width:100%;display:block !important; position:relative}			  
.tgt_kcp01{ width:525px; height:580px; position:absolute; right:0px; bottom:0px; }
.tgt_kcp02{ width:438px  ; height:580px ; position:absolute; right:0px; bottom:0px;}
.tgt_kcp03{ width:813px  ; height:600px  ; position:absolute; left:150px; bottom:0px;}
.tgt_kcp04{ width:497px; height:580px; position:absolute; right:10px; bottom:0px;}
.film_focus ul.film_focus_nav li.cur span{display:none}
.tgt_kct{ width:80%; position:absolute; left:200px; top:50px; font-size:24px; font-weight:normal; color:#ffffff; line-height:40px; height:80px; z-index:999; text-align:left; display:none;}
.tgt_kct2{  color:#ffffff; }
.tgtkc_top{ }
.tgt_kcb{width:80%; position:absolute; left:200px; top:180px;z-index:999; text-align:left } 
.tgt_kcbtn{ width:100%;height:64px; margin:0px;margin-top:20px; }
.tgt_kcbtn a{ display:block; margin:0px; padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid;  border-radius:0px;line-height:49px; text-align:left; font-size:14px; color:#ffffff; text-decoration:none;background:rgba(255,255,255,.22); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat; font-weight:normal }
.tgt_kcbtn a:visited{ display:block; margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:14px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.22); background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;font-weight:normal }
.tgt_kcbtn a:hover{ display:block;  margin:0px;padding:0 18px; width:200px; height:49px; border:#ffffff 2px solid; border-radius:0px;line-height:49px; text-align:left; font-size:14px; color:#ffffff; text-decoration:none; background:rgba(255,255,255,.34);background-image:url(../images/btnicon.png); background-position:right center; background-repeat:no-repeat;font-weight:normal  -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;}

.tgt_index_kclwap{ display:none;}
.pc{ display:block;}
.mobile{ display:none;}

@media screen and (max-width:768px) {
	.head{width:100%;height:5rem;margin:auto; overflow:hidden;}
.logo{ float:left;}
.logo img{ width:auto; height:3.5rem; padding:0; margin-top:.8rem; }
.logo a{border:none;outline: none; display:block;}
.head .phone {width:20rem; height:5rem; line-height:5rem;font-size:1.6rem;color:#fe0105;font-weight:normal; float:right; text-align:right; margin-right:7rem;}
.head .phone span{font-size:1.2rem;color:#333; margin-bottom:.3rem;}
.animenu__toggle {display: inline-block;cursor: pointer;margin:1rem 1rem 0 0; background:#326fff;border: 0;padding:.8rem;height:3rem;width:3rem;float:right;}
.animenu__toggle:hover {background-color: #326fff;}
.animenu__toggle__bar {display: block;width:1.5rem;height: .1rem;background-color: #ffffff;-webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.animenu__toggle__bar + .animenu__toggle__bar {margin-top: .4rem;}
.animenu__toggle--active .animenu__toggle__bar {margin: 0;position: absolute;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {opacity: 0;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.animenu {z-index:9999;display: block;width: 100%;margin: auto;padding: 0; position:absolute; top:0; right:0;}
.animenu ul {padding: 0; margin:80px 0 0 0;list-style: none; font-size:0;}
.animenu li, .animenu a {display: inline-block;font-size:1.4rem;}
.animenu a {color: #ffffff;text-decoration: none;}
.animenu__nav {height:8rem;display:flex;justify-content:flex-end;argin: 1rem 0;}
.animenu__nav > li {position: relative;width:100%; height:auto; float:none;margin:0; padding:0; background:#fff;}
.animenu__nav > li > a {text-align: center;display: block;text-transform: uppercase;color: #333;background:#f2f3f5;height:2.5rem; line-height:2.5rem; display:block;border-bottom: .1rem solid #dedede; text-align:left; padding:0 0 0 1.5rem; font-size:14px;}
.animenu__nav > li:hover > ul {opacity: 1;visibility: visible;margin: 0;}
.animenu__nav > li:hover > a {color: #ffffff;}
.animenu__nav__child {min-width: 100%;position: absolute;top: 100%;left: 0;z-index: 1;opacity: 0;visibility: hidden;margin: 2rem 0 0 0;transition: margin .15s, opacity .15s;position: static;transition: none;visibility: visible;opacity: 1;}
.animenu__nav__child > li {width: 100%;height:35px;border-bottom:.1rem solid #f2f3f5; margin:0; padding:0;}
.animenu__nav__child > li:first-child > a:after {content:none;position: absolute;height: 0;width: 0;left: 1em;top: -.6rem;border: .6rem solid transparent;border-top: 0;border-bottom-color:rgba(0,0,0,0.8);}
.animenu__nav__child > li:last-child {border-bottom:.1rem solid #dedede;}
.animenu__nav__child a {padding:0 2rem; margin:0;width:calc(100% - 2rem);font-size: 12px;background:#fff; color:#666; height:34px !important; line-height:34px !important; display:block !important;}
.animenu__nav__child a:hover {background:#fff;border-color: #dedede;}
.animenu__nav--open {display: block !important;}
.animenu__nav--open .animenu__nav__child {display: block; margin:0;}
.animenu__nav,.animenu__nav__child {display: none;width:100%; margin:auto;}
.animenu__nav > li:last-child {border: 0;}
.animenu__nav > li:first-child > a:after {content: '';position: absolute;height: 0;width: 0;left: 1em;top: -.6rem;border: .6rem solid transparent;border-top: 0;border-bottom-color: inherit;}
.animenu__nav a:hover {background-color: #326fff;border-color: #326fff;color: #ffffff;}

.swiper-container{ top:80px;}

.ipro .item { float:left; width:calc(49% - 20px); height:9rem; margin:0 10px 20px 10px; }
.ipro .item img { display:block; width:100%; height:9rem; }
.ipro .item a:hover img { height:calc(9rem - 10px); transform:scale(1.05,1.05); }

.tgt_index_kcl { display:none;}

.tgt_index_kclwap {width: 90%; height:auto; overflow:hidden;margin:15px auto;display: block;display: flex;flex-wrap: wrap;justify-content:space-between;}
.tgt_index_kclwap img {width:49%;height: auto;float: left;margin: 0 auto;margin-top: 2px;}

#c_new_list_048_P_006-1657529338339{padding-top:0 !important;}
#c_static_001_P_1187-16546801574350{padding-top: 100px !important;}
#c_product_list_005_P_001-1651764251094{ padding-top:0 !important;}
#c_product_list_005_P_001-1651764251094 .e_container-51{padding-bottom:0 !important; margin-bottom:0 !important;}

.ipro .tabed li { display:inline-block; +display:inline; +zoom:1; height:40px; line-height:40px; padding:0 30px; background:#fff; margin:0 5px 8px; border-radius:3px; font-size:14px; cursor:pointer; }
.ipro .item h3 { font-weight:normal; font-size:12px; line-height:30px; }

.pc{ display:none;}
.mobile{ display:block;}

#c_navigation_027-16421491392741 {position: absolute !important; top:0; left:0;}
}

.large-image-container {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8); z-index:99999;}
.large-image {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90%;max-height:90%;}
.close-button{position:absolute; right:10%; top:10%; background:#f0f0f0; border:solid #999 1px;}


/* 右侧客服 */
.pl_service4 {position:fixed;right:0;top:70%; transform:translateY(-50%);z-index:99;}
.pl_service4 .item_con {text-align:right;margin-bottom:2px;height:60px;clear:both;}
.pl_service4 .service_item {padding-left:60px;float:right;width:60px;min-width:60px;height:60px;background:rgba(0,0,0,0.4);color:#fff;transition:all 0.5s ease;position:relative;cursor:pointer;}
.pl_service4 .service_item.showLang:hover {min-width:230px;}
.pl_service4 .service_icon {position:absolute;left:0;top:0;width:60px;height:60px;}
.pl_service4 .service_icon span {text-align:center;font-size:12px;line-height:14px;display:block;margin-top:2px;padding:0 2px;}
.pl_service4 .service_icon .icon {width:30px;height:30px;margin:6px 16px 0 16px;}
.pl_service4 .service_value {padding:10px 0 10px 10px;width:170px;text-align:left;line-height:20px;}
.pl_service4 .service_value.dh {line-height:40px;}
.pl_service4 .service_value.tp {position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);width:120px;height:120px;background:#fff;border-radius:4px;padding:10px;overflow:hidden;display:none;}
.pl_service4 .service_value.tp img {width:100%;height:100%;display:block;}
.pl_service4 .service_item.showImg:hover .service_value.tp {display:block;}

.container img{ width:auto; max-width:100%; height:auto;}
.content { width:100%; margin:auto;}
.lang-container {
  right: 20px;
      position: absolute;
      text-align: right;
	  top:10px
}

.lang-container ul {
  list-style: none; 
  padding: 0;
  margin: 0;
  display: flex;
}

.lang-container ul li {
  margin-left: 10px; 
}

.lang-container ul li a {
  display: flex; 
  align-items: center;
  text-decoration: none; 
}

.lang-container ul li a img {
  height: 20px; 
}

.lang-container ul li a p {
  margin: 0; 
  margin-left: 5px; 
}
.lang-container ul li a:hover{
	color: red;
}
.lang-container ul li .active{
	color: red;
}





.lang-container-footer {
 
      text-align: right;
	
}

.lang-container-footer  ul {
  list-style: none; 
  padding: 0;
  margin: 0;
  display: flex;
}

.lang-container-footer  ul li {
  margin-left: 10px; 
}

.lang-container-footer  ul li a {
  display: flex; 
  align-items: center;
  text-decoration: none; 
  color: #fff;
}

.lang-container-footer  ul li a img {
  height: 20px; 
}

.lang-container-footer  ul li a p {
  margin: 0; 
  margin-left: 5px; 
}
.lang-container-footer  ul li a:hover{
	color: red;
}
.lang-container-footer  ul li .active{
	color: red;
}
.dyy{
	display: none!important;
}
@media screen and (max-width: 768px) {
	.lang-container{display: none;}
	.dyy{display: block!important;}
	.lang-container-footer{
		margin-top: 40px;
	}
	}
	.foot_dbswm{
	  white-space: nowrap; 
    overflow: hidden; 
	}