@media screen and (max-width: 1200px){
	html{
		font-size: 12px;
	}
}
@media screen and (min-width: 1200px){
	html{
		font-size: 16px;
	}
}
@media screen and (max-width: 992px){
	.blockHide{
		display: none;
	}
}

@font-face{
	font-family: kaiti;
	src:url(../font/FZKTJW.TTF);
}
html,body{
	font-family: kaiti;
}
@keyframes downArrow{
	from {bottom:152px;opacity:0;}
	50%{bottom:148px;opacity:1;}
	to {bottom:140px;opacity:0;}
}
@-webkit-keyframes downArrow{
	from {bottom:152px;opacity:0;}
	50%{bottom:148px;opacity:1;}
	to {bottom:140px;opacity:0;}
}
@keyframes indexNongfuNameAdd{
	from {top:50%;opacity:0;}
	to {top:40%;opacity:1;}
}
@-webkit-keyframes indexNongfuNameAdd{
	from {top:50%;opacity:0;}
	to {top:40%;opacity:1;}
}
@keyframes indexNongfuNameEnAdd{
	from {top:40%;opacity:0;}
	to {top:50%;opacity:1;}
}
@-webkit-keyframes indexNongfuNameEnAdd{
	from {top:40%;opacity:0;}
	to {top:50%;opacity:1;}
}
@keyframes indexWeatherLine{
	from {height: 5%;opacity:.5;}
	50% {height: 100%;opacity:.5;}
	to {height: 5%;opacity:1;}
}
@-webkit-keyframes indexWeatherLine{
	from {height: 5%;opacity:.5;}
	50% {height: 100%;opacity:.5;}
	to {height: 5%;opacity:1;}
}
@keyframes widthGrow{
	from {width: 0;}
	to {width: 100%;}
}
@-webkit-keyframes widthGrow{
	from {width: 0;}
	to {width: 100%;}
}
@keyframes productBoxArrow{
	from {right: 70px;}
	50%{right: 75px}
	to {right: 77px;}
}
@-webkit-keyframes productBoxArrow{
	from {right: 70px;}
	50%{right: 75px}
	to {right: 77px;}
}
@keyframes divRotate{
	from {transform: rotate(180deg);opacity: 0;display: none;}
	to {transform: rotate(0deg);opacity: 1;display: block;}
}
@-webkit-keyframes divRotate{
	from {transform: rotate(180deg);opacity: 0;display: none;}
	to {transform: rotate(0deg);opacity: 1;display: block;}
}
@keyframes divRotateHide{
	from {transform: rotate(0deg);opacity: 1;}
	to {transform: rotate(180deg);opacity: 0;}
}
@-webkit-keyframes divRotateHide{
	from {transform: rotate(0deg);opacity: 1;}
	to {transform: rotate(180deg);opacity: 0;}
}
@keyframes featureBtn{
	from {transform: translateX(0);}
	50% {transform: translateX(-10px);}
	to {transform: translateX(10px);}
}
@-webkit-keyframes featureBtn{
	from {transform: translateX(0);}
	50% {transform: translateX(-10px);}
	to {transform: translateX(10px);}
}
@keyframes newsBtn{
	from {transform: translateX(10px);}
	50% {transform: translateX(0px);}
	to {transform: translateX(20px);}
}
@-webkit-keyframes newsBtn{
	from {transform: translateX(10px);}
	50% {transform: translateX(0px);}
	to {transform: translateX(20px);}
}
@keyframes focusStar{
	0%{  
        opacity:1;               
    }  
    50%{  
        opacity:0.5;transform:scale(1.2) translateX(-50%);               
    }
    100%{  
        opacity:1;             
    } 
}
@-webkit-keyframes focusStar{
	0%{  
        opacity:1;               
    }  
    50%{  
        opacity:0.5;transform:scale(1.2);               
    }
    100%{  
        opacity:1;             
    } 
}
a{
	text-decoration: none;color: black;
}
a:hover{
	text-decoration: none;color: #d4101f;
}
.rollList{
	padding: 20px;position: relative;height: 100vh;
}
.nth2Box{
	position: relative;left: 80px;top: 50%;transform:translateY(-50%);width: 70%;
	/*padding-left:80px;*/
}
.nth2BoxImg{
	width: 100%;height: 80vh;background-size: cover;background-position: center;background-repeat: no-repeat;
}
/*.rollList:nth-child(odd){
	background:var(--red);
}
.rollList:nth-child(even){
	background:var(--blue);
}*/
#nth1 .carousel-item img{
	width: 100%;height: 100%;
}
#nth1 .carousel-inner{
	width: 100%;height: 100%;
}
#nth1 .carousel-item{
	width: 100%;height: 100%;background-size: cover;background-position: center;
}
.indexLeftBar{
	width: 20px;background: #ce1632;position: fixed;top: 0;z-index: 2;
}
.indexLeftBarList{
	width: 20px;height: 100%;position: fixed;top: 0;z-index: 3;transition: .8s;opacity:0;cursor:pointer;
}
.indexLeftBarListBtn{
	position: relative;top: 0;width: 20px;
}
.indexLeftBarList:hover{
	opacity:1;
}
.indexLeftBar:hover .indexLeftBarList{
	opacity:1;
}
.logoPc{
	position: absolute;top: 50px;left: 50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);
}

.menuBtn{
	position: absolute;left: 70px;top: 70px;cursor: pointer;height: 26px;
}
.menuBtnTop{
	width: 33px;height: 3px;display: block;background-color: white;position: relative;overflow: hidden;transition: .5s;
}
.menuBtnBottom{
	width: 33px;height: 3px;display: block;background-color: white;margin-top: 10px;position: relative;overflow: hidden;transition: .5s;
}
.menuBtnLightTop{
	left:-5px;top:0px;height: 3px;width: 3px;background: black;display: block;position: absolute;transition: .5s;
}
.menuBtnLightBottom{
	left:-10px;top:0px;height: 3px;width: 3px;background: black;display: block;position: absolute;transition: .5s;
}
.menuBtn:hover .menuBtnLightTop{
	left:43px;
}
.menuBtn:hover .menuBtnLightBottom{
	left:33px;
}
.indexEye{
	position: absolute;right: 70px;top: 70px;cursor: pointer;z-index: 999;width: 34px;height: 24px;background: url(../images/indexEye.png);transition: 1s;
}
.indexEyeBlack{
	background: url(../images/indexEyeBlack.png);
}
.indexEmsText{
	color:#fefefe;position: absolute;right: 70px;bottom: 70px;letter-spacing:8px; z-index: 16;
}
.menuBtnTopToggle{
	background-color: black;transform:rotate(45deg);
}
.menuBtnBottomToggle{
	background-color: black;transform:rotate(-45deg);margin-top: 0;
}
#nth1 .carousel-indicators{
	bottom: 50px;overflow: hidden;
}
#nth1 .carousel-indicators li{
	height: 32px;background-color:transparent; position: relative;width: auto;
}
#nth1 .carousel-indicators .active{
	background-color:transparent; 
}
.waterBottle{
	width: 10px;height: 32px;background-image:url(../images/water.png)
}
.progressBar{
	width: 80px;height: 3px;border-bottom: 1px dashed white;margin: 15px 30px;position: relative;
}
.progressBarLine{
	width: 0px;height: 3px;background-color: white;position: absolute;top: 1px;
}
#nth1 .carousel-indicators li:last-child .progressBar{
	display: none;
}
.indexBottomMasking{
	position: absolute;bottom: 20px;left:20px;background-image: url(../images/indexBottomMasking.png);z-index: 1;height: 260px;width: calc(100% - 40px);
}
.indexArrows{
	width: 48px;height: 48px;background-image: url(../images/indexArrows.png);position: absolute;bottom: 152px;left: 50%;transform: translateX(-50%);cursor:pointer;z-index: 2;
	animation: downArrow ease-out 2s infinite;-webkit-animation: downArrow ease-out 2s infinite;
}
.indexNongfuName{
	font-size: 3.75rem;text-align: center;color: white;position: absolute;top: 50%;left: 50%;transform: translateX(-50%);width: auto !important;height: auto !important;
}
.indexNongfuNameEn{
	font-size: 1.25rem;text-align: center;color: white;position: absolute;top: 40%;left: 50%;transform: translateX(-50%);width: auto !important;height: auto !important;
}
.indexNongfuNameAdd{
	animation: indexNongfuNameAdd ease-in-out 2s forwards;-webkit-animation: indexNongfuNameAdd ease-in-out 2s forwards;
}
.indexNongfuNameEnAdd{
	animation: indexNongfuNameEnAdd ease-in-out 2s forwards;-webkit-animation: indexNongfuNameEnAdd ease-in-out 2s forwards;
}
.indexWeather{
	position: absolute;top: 50%;transform: translateY(-50%);left:60px;color: white;width: 36px;
}
.indexWeatherText{
	width: 100%;text-align: center;margin-bottom: 0;
}
.indexWeatherTEMP{
	width: 100%;text-align: center;
}
.indexWeatherImg{
	width: 36px;height: 36px;background-image:url(../images/weather.png);background-size: cover;
}
.indexWeatherLineTop{
	width: 1px;height: 24px;margin:calc(39px - 1rem) 0px 27px 17.5px;position: relative;
}
.indexWeatherLineBottom{
	width: 1px;height: 24px;margin:27px 0px 15px 17.5px;position: relative;
}
.indexWeatherLineTop .indexWeatherLine{
	width:1px;background:white;animation: indexWeatherLine ease-out 2s infinite;-webkit-animation: indexWeatherLine ease-out 2s infinite;position: absolute;bottom: 0;
}
.indexWeatherLineBottom .indexWeatherLine{
	width:1px;background:white;animation: indexWeatherLine ease-out 2s infinite;-webkit-animation: indexWeatherLine ease-out 2s infinite;
}
.indexUpBtn{
	width: 42px;height: 42px;background-color: #666;position: fixed;right: 20px;bottom: 20px;cursor: pointer;z-index: 2;display: none;
}
.indexUpBtnTriangle{
	width: 13px;height: 13px;border-left: 3px solid  white;border-top: 3px solid  white;transform:rotate(45deg);margin:20px auto;
}
#weatherIframe{
	display: none;
}
.nth2TextBox{
	padding:90px 40px;position: absolute;right: -15vw;background:white; top: 50%;text-align: center;transform: translateY(-50%);width: 35vw;
}
.waterSource:before{
	content: '';
	height: 58px;
	width: 1px;
	background-color: #d5d5d5;
	position: absolute;
	right: -5px;
}
#nth2 .carousel-control-prev .carousel-control-prev-icon{
	background-image: none;border-left:2px solid #444444; border-bottom:2px solid #444444; transform: rotate(45deg);width: 15px;height: 15px;margin-left: 7.5px;transition: .5s;
}
#nth2 .carousel-control-next .carousel-control-next-icon{
	background-image: none;border-left:2px solid #444444; border-bottom:2px solid #444444; transform: rotate(-135deg);width: 15px;height: 15px;margin-left: -7.5px;transition: .5s;
}
#nth2 .carousel-control-prev{
	width: 45px;height: 45px;background-color: white;left: -50px;top: 50px;opacity:1;transition: .5s;
}
#nth2 .carousel-control-next{
	width: 45px;height: 45px;background-color: white;left: -50px;opacity:1;transition: .5s;
}
#nth2 .carousel-control-prev:hover{
	background-color: #ce1632;
}
#nth2 .carousel-control-next:hover{
	background-color: #ce1632;
}
#nth2 .carousel-control-prev:hover .carousel-control-prev-icon{
	border-color:white;
}
#nth2 .carousel-control-next:hover .carousel-control-next-icon{
	border-color:white;
}
.nth2TextBoxContent{
	margin-top: 60px;margin-bottom: 40px;
}
.waterSourceImg{
	margin-top: 7.5px;
}
.nth2BoxMore{
	font-size: 1.125rem;display: block;margin:auto;margin-top:70px;color: #666;position: relative;transition:.5s;
}
.nth2BoxMore:before{
	content: '';width: 100%;height: 2px;background-color: #d4101f;position: absolute;bottom: -8px;
}
.nth2BoxMore:after{
	content: '';width: 0;height: 2px;background-color: black;position: absolute;bottom: -8px;left: 0;
}
.nth2BoxMore:hover{
	text-decoration:none;color: #222;
}
.nth2BoxMore:hover:after{
	animation: widthGrow ease-out .5s forwards;-webkit-animation: widthGrow ease-out .5s forwards; 
}
#nth2 .carousel-caption{
	display: none;
}
.nth3Box{
	padding:  0 80px;height: 100%;
}
.productBox{
	padding: 45px 70px;background-image: url(../images/productBg.png);color: white;position: relative;height: 15%;
}
.productBoxEN{
	font-size: 2.375rem;
}
.productBoxCN{
	font-size: 1.875rem;
}
.productBoxArrow{
	position:absolute;right: 70px;top: 50%;transform: translateY(-50%);
	animation: productBoxArrow running 1s infinite;-webkit-animation: productBoxArrow running 1s infinite; 
}
.nth3BoxLeft{
	width: 50%;height: 100%;
}
.nth3BoxRight{
	width: 50%;height: 100%;
}
.nth3Water{
	background-image: url(../images/nth3WaterBg.jpg);height: 85%;position: relative;background-position: center;background-size: cover;
}
.nth3Tea{
	height: 50%;background-image: url(../images/nth3TeaBg.jpg);position: relative;background-position: center;background-size: cover;
}
.nth3Vitamin{
	height: 50%;background-image: url(../images/nth3VitaminBg.png);position: relative;background-position: center;background-size: cover;
}
.nth3WaterImg{
	position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);
}
.nth3WaterTitle{
	position: absolute;left: 20%;text-align: center;color: white;top: 25%;
}
.nth3WaterTitle0{
	font-size: 1.125rem;
}
.nth3WaterTitle1{
	font-size: 1.625rem;
}
.nth3WaterInfo{
	position: absolute;left: 65%;top: 60%;color: white;
}
.nth3WaterInfo0{
	font-size: 1.125rem;
}
.nth3WaterInfoMl{
	font-size: 1.25rem;
}
.nth3WaterBtn{
	background-color: black;width: 120px;height: 40px;line-height: 40px;text-align: center;color: white;display: inline-block;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
}
.nth3WaterBtn:before{
    content: "";position: absolute;border-radius: .15rem;z-index:-1;top: 0;left: 0;right: 0;bottom: 0;background: white;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out;
}
.nth3WaterBtn:hover{
    color: black;text-decoration: none;
}
.nth3WaterBtn:hover:before{
     transform: scaleX(1);-webkit-transform: scaleX(1);
}
.nth3TeaBtn{
	background-color:#8c0f22;width: 120px;height: 40px;line-height: 40px;text-align: center;color: white;display: inline-block;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
}
.nth3TeaBtn:before{
    content: "";position: absolute;border-radius: .15rem;z-index:-1;top: 0;left: 0;right: 0;bottom: 0;background: white;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out;
}
.nth3TeaBtn:hover{
    color: black;text-decoration: none;
}
.nth3TeaBtn:hover:before{
     transform: scaleX(1);-webkit-transform: scaleX(1);
}
.nth3TeaBox{
	width: 50%;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);
}
.nth3TeaBoxText{
	width: 40%;
}
.nth3TeaName{
	font-size: 1.625rem;
}
.nth3TeaInfo{
	font-size: 1.125rem;
}
.nth3VitaminBox{
	width: 40%;
}
#nth4 .col-lg-4{
	padding-right: 55px;padding-left: 55px;
}
.nth4BoxMore{
	font-size: 1.125rem;display: inline-block;margin:auto;margin-top:70px;color: #777;position: relative;transition: 5s;
}
.nth4BoxMore:before{
	content: '';width: 100%;height: 2px;background-color: #d4101f;position: absolute;bottom: -8px;
}
.nth4BoxMore:after{
	content: '';width: 0;height: 2px;background-color: black;position: absolute;bottom: -8px;left: 0;
}
.nth4BoxMore:hover{
	text-decoration:none;color: #d4101f;
}
.nth4BoxMore:hover:after{
	animation: widthGrow ease-out 1s forwards;-webkit-animation: widthGrow ease-out 1s forwards; 
}
.nth4NewsTitleBox{
	position: absolute;left: 50%;transform: translateX(-50%);top: 5%;
}
.nth4NewsBoxEN{
	font-size: 2.25rem;color: white;text-align: center;letter-spacing:10px;
}
.nth4NewsBoxCN{
	font-size: 1.875rem;color: white;text-align: center;
}
.nth4NewsBox{
	width: 90%;position: absolute;top: 25%;background-color: white;left: 50%;transform: translateX(-50%);padding:100px 0;margin-left: 0;
}
.nth4TimeDate{
	font-size: 2.25rem;
}
.nth4TimeYear{
	font-size: 1.125rem;
}
.nth4NewsTitle{
	font-size: 1.625rem;
}
.nth4NewsContent{
	font-size: 1.125rem;
}
.nth4NewsBoxList{
	position: relative;
}
.nth4NewsBoxListImg{
	transform: scale(0);transition: 1s;opacity: 0;
}
.nth4NewsBoxListTop{
	/*position: relative;*/
}
.nth4NewsBoxListTop:hover .nth4NewsBoxListImg{
	transform: scale(1);opacity: 1;
}

.nth4NewsBoxListImgBox{
	width: calc(100% - 110px);position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: 2;
}
.nth4Time{
	margin-bottom: 0;
}
.nth4Line{
	height: 25%;width: 1px;background-color: #dddddd;
}
.nth4More{
	width: 20%;margin: auto;text-align: center;border: 1px solid #777;position: absolute;bottom:10%;left: 50%;transform: translateX(-50%);line-height: 2.5rem;
}
.nth4More:before{
    content: "";position: absolute;border-radius: .15rem;z-index:-1;top: 0;left: 0;right: 0;bottom: 0;background: #8c0f22;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out;
}
.nth4More:hover{
    color: white;text-decoration: none;
}
.nth4More:hover:before{
     transform: scaleX(1);-webkit-transform: scaleX(1);
}
.nth5Box{
	padding:  0 80px;height: 100%;
}
.indexFooter{
	height: auto;position: absolute;bottom: 0;width: calc(100% - 20px);background-color: #444444;left: 20px;text-align: center;font-size: .75rem;line-height: 20px;color: white;
	letter-spacing: 2px;
}
.indexFooter a{
	color: white;
}
.nth5VideoBox{
	height: calc(100% - 170px);position: relative;
}
.nth5Video{
	width: 100%;height: 100%;object-fit: fill;
}
.videoMasking{
	width: 100%;height: 100%;padding: 0 15px;position: absolute;top: 0;left: 0;letter-spacing: 10px;
}
.videoMaskingList{
	width: 20%;height: 100%;background-color: rgba(0,0,0,.2);text-align: center;position: relative;
}
.videoMaskingList:not(:first-child){
	border-left: 1px solid rgba(255,255,255,.3);
}
.videoMaskingText{
	position: absolute;top: 45%;left: 50%;transform: translateX(-50%);font-size: 2.25rem;color:white;
}
.indexFooterList{
	margin: 0 60px;
}
.indexFooterBox{
	width: 100%;height: 170px;
}
.indexFooterLists{
	margin: auto;
}
.indexFooterIcon{
	width: 33px;height: 33px;background-image: url(../images/nongfuFooter.png);margin:0 auto 10px;
}
.indexFooterIcon0{
	background-position:0;
}
.indexFooterIcon1{
	background-position:-33px 0;
}
.indexFooterIcon2{
	background-position:-66px 0;
}
.indexFooterIcon3{
	background-position:-99px 0;
}
.indexFooterIcon4{
	background-position:-132px 0;
}
.indexFooterIcon5{
	background-position:-165px 0;
}
.rounded{
	border-radius: .15rem !important;
}
.menuLanguage{
	position: absolute;left: 50%;transform: translateX(-50%);top: 20%;
}
.menuLanguage span{
	margin: 0 25px;font-size: 1.125rem;transition: .5s;
}
.menuLists{
	position: absolute;left: 50%;transform: translateX(-50%);top: 42%;width: 1160px;
}
.menuList{
	margin:0 75px;position: relative;
}
.menuXunyuan{
	width: 140px;height: 140px;background-image: url(../images/menuXunyuan.png);transition: .5s;
}
.menuWenhua{
	width: 140px;height: 140px;background-image: url(../images/menuWenhua.png);transition: .5s;
}
.menuHuodong{
	width: 140px;height: 140px;background-image: url(../images/menuHuodong.png);transition: .5s;
}
.menuZizhu{
	width: 140px;height: 140px;background-image: url(../images/menuZizhu.png);transition: .5s;
}
.menuZizhuHover{
	background-image: url(../images/menuZizhuHover.png);
}
.menuList:hover:nth-child(1) div{
	background-image: url(../images/menuXunyuanHover.png);
}
.menuList:hover:nth-child(2) div{
	background-image: url(../images/menuWenhuaHover.png);
}
.menuList:hover:nth-child(3) div{
	background-image: url(../images/menuHuodongHover.png);
}
.menuListText{
	text-align: center;margin-top: 35px;font-size: 1.5rem;position: relative;z-index: 2;
}
.menuBottom{
	position: absolute;left: 50%;transform: translateX(-50%);bottom: 10%;
}
.menuBottomList{
	width: 30px;height: 30px;margin: 0 30px;background-repeat: no-repeat;background-position: center;
}
.menuBottomList:nth-child(1){
	background-image: url(../images/menuVidicon.png);
}
.menuBottomList:nth-child(2){
	background-image: url(../images/menuUmbrella.png);
}
.menuBottomList:nth-child(3){
	background-image: url(../images/menuWechat.png);
}
.menuZizhuList{
	width: 40px;height: 40px;position: absolute;background-image: url(../images/menuZizhuLists.png);transition: .5s;
}
.menuZizhuLists a:nth-child(1) .menuZizhuList{
	top: 45px;left: -70px;background-position: 0;
}
.menuZizhuLists a:nth-child(2) .menuZizhuList{
 	top: -15.0px;left: -58.56406px;background-position: -40px 0;
}
.menuZizhuLists a:nth-child(3) .menuZizhuList{
 	top: -58.56406px;left: -15.0px;background-position: -80px 0;
}
.menuZizhuLists a:nth-child(4) .menuZizhuList{
 	top: -75px;left: 50.0px;background-position: -120px 0;
}
.menuZizhuLists a:nth-child(5) .menuZizhuList{
 	top: -58.56406px;left: 115.0px;background-position: -160px 0;
}
.menuZizhuLists a:nth-child(6) .menuZizhuList{
 	top: -15.0px;left: 158.56406px;background-position: -200px 0;
}
.menuZizhuLists a:nth-child(7) .menuZizhuList{
 	top: 50px;left: 175px;background-position: -240px 0;
}
.menuZizhuLists{
	position: absolute;left: 0;top: 0;width: 140px;height: 140px;opacity: 0;animation: divRotateHide 1s forwards;
}
.menuZizhuListsShow{
/*	display: block !important;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);*/
	animation: divRotate 1s forwards;
}
.menuZizhuListText{
	line-height: 40px;text-align: center;font-size: .75rem;color: white;transition: .5s;transform: scale(0);width: 40px;height: 40px;background-color: black;border-radius: 50%;
}
.menuZizhuList:hover .menuZizhuListText{
	transform: scale(1);
}
.menuZizhuList:hover{
	background-image: none;
}
.touristTicket{
	width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;
}
.touristProducts{
	width: 100%;height: 100%;background-image: url(../images/touristBanner2.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;
}
.touristScenic{
	width: 100%;height: 100%;background-image: url(../images/touristBanner3.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;
}
.touristFood{
	width: 100%;height: 100%;background-image: url(../images/touristBanner4.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;
}
.touristHotel{
	width: 100%;height: 100%;background-image: url(../images/touristBanner5.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;
}
.touristTraffic{
	width: 100%;height: 100%;background-image: url(../images/touristBanner6.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;
}
.touristRecreation{
	width: 100%;height: calc(100% - 170px);background-image: url(../images/touristBanner7.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;
}
.touristTextBox{
	text-align: center;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);z-index: 2;
}
.touristTextBoxEN{
	color: white;font-size: 2.25rem;letter-spacing:20px;
}
.touristTextBoxCN{
	color: white;font-size: 1.875rem;margin-bottom: 70px;
}
.touristBoxBtn{
	width: 120px;height: 40px;line-height: 40px;text-align: center;color: white;display: inline-block;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;border: 1px solid white;
}
.touristBoxBtn:before{
    content: "";position: absolute;border-radius: .15rem;z-index:-1;top: 0;left: 0;right: 0;bottom: 0;background: #8c0f22;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out;
}
.touristBoxBtn:hover{
    text-decoration: none;border: 1px solid #8c0f22;color: white;
}
.touristBoxBtn:hover:before{
     transform: scaleX(1);-webkit-transform: scaleX(1);
}
.videoPlay{
    object-fit: fill;
}
.ideas{
	position: absolute;left: 70px;color: white;top: 210px;
}
.ideasEN{
	font-size: 2.25rem;
}
.ideasCN{
	font-size: 1.875rem;
}
.ideasBox{
	width: 66%;height: calc(100% - 40px);position: absolute;left: 50%;transform: translateX(-50%);top: 20px;
}
.ideasBoxList{
	position: relative;width: 33.33%;height: 100%;color: white;text-align: center;transition: .5s;
}
.ideasBoxList:hover{
	background-color: rgba(0,0,0,.3);
}
.ideasBoxList:not(:first-child){
	border-left: 1px solid rgba(255,255,255,.2);
}
.ideasBoxList:hover .ideasBoxContent{
	top: 55%;
}
.ideasBoxList:hover .ideasBoxText{
	opacity: 1;
}
.ideasBoxContent{
	position: absolute;top: 50%;transform: translateY(-50%) translateX(-50%);left: 50%;transition: .5s;width: 100%;padding: 0 55px;
}
.ideasBoxIcon{
	width: 79px;height: 79px;background-position: center;background-repeat: no-repeat;margin: auto;
}
.ideasBoxTitle{
	font-size: 1.625rem;margin-top: 48px;
}
.ideasBoxLine{
	width: 1px;height: 20px;background-color: white;margin: auto;
}
.ideasBoxText{
	font-size: 1.125rem;margin-top: 35px;transition: .5s;opacity: 0;
}
.aboutTitleEN{
	font-size: 2.25rem;color: #222222;
}
.aboutTitleCN{
	font-size: 1.875rem;color: #222222;
}
.aboutBg{
	width: 50%;height: 100%;background-image: url(../images/aboutNongfu.jpg);background-size: cover;
}
.aboutBox{
	width: 50%;height: 100%;position: relative;
}
.aboutBoxContent{
	position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width:70%;
}
.aboutIcon{
	width: 156px;height: 101px;background-image: url(../images/aboutIcon.png);margin:100px auto;
}
.health{
	position: absolute;left: 70px;color: white;top: 210px;
}
.healthEN{
	font-size: 2.25rem;
}
.healthCN{
	font-size: 1.875rem;
}
.healthText{
	position: absolute;bottom: 80px;left: 70px;color: #dedede;
}
.healthText span{
    writing-mode: tb-rl;/* 竖向文字 */
    text-align: left;
}
.healthBox{
	height: calc(100% - 20px);
}
.healthEmpty{
	width: 100%;height: 20%;
}
.healthRightBox{
	position: absolute;top: 0;right: 10%;width: 420px;height: calc(100% - 60px);border-left: 1px solid rgba(255,255,255,.3);border-right: 1px solid rgba(255,255,255,.3);top: 20px;
}
.healthList{
	width: 100%;height: 16%;color: white;font-size: 1.125rem;padding-left: 38px;border-top: 1px solid rgba(255,255,255,.3);position: relative;transition: .5s;
}
.healthListContent{
	position: absolute;top: 50%;
}
.healthListLine{
	width: 0;height: 1px;background-color: white;margin-top: calc(1.125rem / 2 + 1px);transition: .5s;
}
.healthList:hover{
	background-color: rgba(0,0,0,.3);
}
.healthList:hover .healthListLine{
	width: 20px;margin-right:20px;
}
.touristLeftBtn{
	position: fixed;top: 50%;transform: translateY(-50%);left: 70px;z-index: 2;
}
.touristBtn{
	width: 40px;height: 40px;background-image: url(../images/menuZizhuLists1.png);transition: .5s;margin-bottom: 30px;cursor: pointer;
}
.touristBtnText{
	line-height: 40px;text-align: center;font-size: .75rem;color: white;transition: .5s;transform: scale(0);width: 40px;height: 40px;background-color: #ce1632;border-radius: 50%;
}
.touristBtn:hover .touristBtnText{
	transform: scale(1);
}
.touristBtn:nth-child(1){
	background-position: 0;
}
.touristBtn:nth-child(2){
 	background-position: -40px 0;
}
.touristBtn:nth-child(3){
 	background-position: -80px 0;
}
.touristBtn:nth-child(4){
 	background-position: -120px 0;
}
.touristBtn:nth-child(5){
 	background-position: -160px 0;
}
.touristBtn:nth-child(6){
 	background-position: -200px 0;
}
.touristBtn:nth-child(7){
 	background-position: -240px 0;
}
.productNth1{
	position: relative;height: 230px;width: 100%;padding: 20px;
}
.productBanner{
	width: 100%;height: 100%;background-image: url(../images/productBanner.jpg);background-size: cover;background-position: center;
}
.listTitle{
	text-align: center;font-size: 2.5rem;margin-top: 1rem;margin-bottom: 2rem;
}
.listTitleText{
	position: relative;
}
.listTitleText:before{
	position: absolute;width: 12px;height: 17px;background-image: url(../images/listTitleArrows.png); left: -50px;top: 50%;content: '';transform: translateY(-50%);
}
.listTitleText:after{
	position: absolute;width: 12px;height: 17px;background-image: url(../images/listTitleArrows.png); right: -50px;top: 50%;content: '';transform: translateY(-50%);background-position: -12px 0;
}
.productNth2{
	width: calc(100% - 40px);margin: auto;background-color: #f2f2f2;position: relative;padding:70px 0;
}
.buyBtn{
	width: 120px;height: 40px;line-height: 40px;text-align: center;color: #666666;display: inline-block;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;border: 1px solid #666;
}
.buyBtn:before{
    content: "";position: absolute;border-radius: .15rem;z-index:-1;top: 0;left: 0;right: 0;bottom: 0;background: #8c0f22;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out;
}
.buyBtn:hover{
    text-decoration: none;border: 1px solid #8c0f22;color: white;
}
.buyBtn:hover:before{
     transform: scaleX(1);-webkit-transform: scaleX(1);
}
.watersText{
	position: absolute;top: 50%;transform: translateY(-50%);
}
.productNth3{
	width: calc(100% - 40px);margin: auto;position: relative;padding:120px 0;
}
.productNth4{
	width: calc(100% - 40px);margin: auto;position: relative;padding:50px 0;
}
.teaPiBox{
	position: absolute;top: 50%;transform: translateY(-50%);
}
.productNth4Bg{
	position: absolute;width: 100%;height: 40%;background-color: #f2f2f2;top: 38%;z-index: -1;
}
.productNth5{
	width: calc(100% - 40px);margin: auto;position: relative;padding:70px 0;
}
.productNth6{
	width: calc(100% - 40px);margin: auto;position: relative;padding:50px 0;
}
.productTextTitle{
	font-size: 1.75rem;
}
.productTextContent{
	font-size: 1.125rem;
}
.close-nav{
	position: fixed;
}
.productMain{
	position: relative;min-height: 100vh;
}
.productMain .indexFooter{
	width: 100%;left: 0;
}
.scenicLine{
	width: 1px;height: 24px;background-color: #999999;margin: auto;margin-bottom: 40px;
}
.scenicBanner{
	width: 100%;height: 100%;background-image: url(../images/scenicBanner.jpg);background-size: cover;background-position: center;
}
#certify {
	position: relative;
	width: 80%;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 45px;
}

#certify  .swiper-slide {
	width: 60%;
	height: auto;
}


#certify .swiper-pagination {
	width: 100%;
	bottom: -20px;
}
.scenicNth2{
	position: relative;
}
#certify .swiper-button-prev{
	background-image: url(../images/direction.png);width: 37px;height: 72px;background-position: 0 0;background-size: cover;top: 40%;
}
#certify .swiper-button-next{
	background-image: url(../images/direction.png);width: 37px;height: 72px;background-position:-74px 0;background-size: cover;top: 40%;
}
#certify .swiper-button-prev:hover{
	background-position:-37px 0;
}
#certify .swiper-slide-active{
	box-shadow: 1px 1px 10px #222;
}
#certify .swiper-button-next:hover{
	background-position:-111px 0;
}
#certify .swiper-pagination .swiper-pagination-bullet{
	width: 27px;height: 1px;background-color: #999999;margin:0 13px;opacity: 1;transition: .5s;
}
#certify .swiper-pagination .swiper-pagination-bullet-active{
	transform: rotate(90deg);
}
#certify .swiper-button-prev:focus {
	outline: none;
}
#certify .swiper-button-next:focus{
	outline: none;
}
.featureBox{
	display: none;padding: 50px;
}
.featureBoxShow{
}
.featureTitle{
	font-size: 1.625rem;
}
.featureContent{
	font-size: 1.125rem;
}
.featureBtn{
	border: 1px solid #adadad;padding:10px 40px;margin-top:13px; display: inline-block;
}
.featureBtn img{
	animation: featureBtn ease-out 1.5s infinite;
}
.scenicNth3{
	width: 100%;position: relative;padding-bottom: 40px;
}
.scenicNth3ListText{
	position: absolute;top: 50%;transform: translateY(-50%);
}
.scenicNth3ListImg{
	padding:8px;border: 1px solid #e7e7e7;
}
.scenicNth3List{
	margin-bottom: 40px;
}
.featureBoxShowBox{
	padding-bottom: 40px;
}
.wholeScreen .container-fluid{
	padding-left: 0; 
	padding-right: 0; 
}

#foods {
	position: relative;
	width: 80%;
	margin: 0 auto
}

#foods .swiper-container {
	padding-bottom: 45px;
}

#foods  .swiper-slide {
	width: 80%;
	height: auto;
	opacity: 0 !important;
}


#foods .swiper-pagination {
	width: 100%;
	bottom: 0px;
}

#foods .swiper-slide-active{
	opacity: 1 !important;
	border: 1px solid #e3e3e3;
}
#foods .swiper-pagination .swiper-pagination-bullet{
	width: 27px;height: 1px;background-color: #999999;margin:0 13px;opacity: 1;transition: .5s;
}
#foods .swiper-pagination .swiper-pagination-bullet-active{
	transform: rotate(90deg);
}
#foods .swiper-button-prev:focus {
	outline: none;
}
#foods .swiper-button-next:focus{
	outline: none;
}
.foodSwiperPrev{
	writing-mode: tb-rl;width: auto !important;height: 110px !important;background-position: 0 0;background-size: cover;top: 40% !important;background:none !important;font-size: 1.25rem;
}
.foodSwiperPrevLine{
	height: 20px;width: 1px;background-color:#666;margin: 2rem 1rem;
}
.foodSwiperNext{
	writing-mode: tb-rl;width: auto !important;height: 110px !important;background-position:-74px 0;background-size: cover;top: 40% !important;background:none !important;font-size: 1.25rem;
}
.foodSwiperNextLine{
	height: 20px;width: 1px;background-color:#666;margin: 2rem 1rem;
}
.foodSwiper{
	background-color: white;padding:46px 0 46px 80px;
}
.foodSwiperImg{
	/*position: relative;top: 50%;transform: translateY(-50%);*/
}
.foodSwiperContent{
	position: absolute;top:50%;padding:0 80px;transform: translateY(-50%);
}
.foodSwiperTitleCN{
	font-size: 2rem;
}
.restaurantTitle{
	text-align: center;font-size: 2.5rem;margin-top:5rem;margin-bottom: 2rem;
}
.scenicNth3ListTitle{
	font-size: 1.625rem;
}
.foodNth3List{
	margin-bottom: 4rem;
}
.foodNth3List:nth-child(odd){
	margin-bottom: -2vw;
}
.scenicNth3ListLine{
	width: 1px ;height: 55px;background-color: #ccc;position: absolute;
}
.foodNth3List:nth-child(odd) .scenicNth3ListLine{
	right: 14.2%;top: -5%;
}
.foodNth3List:nth-child(even) .scenicNth3ListLine{
	left: 14.2%;bottom: -5%;
}
.foodNth3List img{
	width: 100%;
}
.hotelImg{
	height: 0;padding-bottom: 45%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: .5s;cursor: pointer;
}
.hotelNth2ListLeft .hotelImg1{
	position: absolute;top: 35%;left: 5%;z-index: 1;
}
.hotelNth2ListLeft .hotelImg2{
	position: absolute;top: 0%;left:20%;z-index: 2;
}
.hotelNth2ListLeft .hotelImg3{
	position: absolute;top:25%;left: 35%;z-index: 3;
}
.hotelNth2ListRight .hotelImg1{
	position: absolute;top: 35%;right: 5%;z-index: 3;
}
.hotelNth2ListRight .hotelImg2{
	position: absolute;top: 0%;right:20%;z-index: 2;
}
.hotelNth2ListRight .hotelImg3{
	position: absolute;top:25%;right: 35%;z-index: 1;
}
.hotelNth2{
	position: relative;padding-bottom: 10%;
}
.hotelNth2List{
	position: relative;
}
.hotelNth2Text{
	padding: 25% 10%;
}
.foodListLine{
	width:115px;height: 1px;background-color: #bcbcbc;margin: auto;
}
.foodListLineLeft{
	transform:rotate(45deg);
}
.foodListLineRight{
	transform:rotate(-45deg);
}
.hotelBanner{
	width: 100%;height: 100%;background-image: url(../images/hotelBanner.jpg);background-size: cover;background-position: center;
}
.foodBanner{
	width: 100%;height: 100%;background-image: url(../images/foodBanner.jpg);background-size: cover;background-position: center;
}
.recreationNth2{
	width: 100%;position: relative;padding-bottom: 40px;
}
.recreationNth2ListTextLeft .recreationNth2TextTitle{
	font-size: 1.625rem;position: absolute;top: -1.2rem;right: 2rem;background: white;
}
.recreationNth2ListTextRight .recreationNth2TextTitle{
	font-size: 1.625rem;position: absolute;top: -1.2rem;left: 2rem;background: white;
}

.recreationNth2ListBox{
	padding:0;
}
.recreationNth2ListTextLeft{
	width: 50%;padding:35px 30px 15px;border: 1px solid #cbcaca;float: right;border-right: none;position: absolute;top: 50%;transform: translateY(-50%);box-shadow: 1px 1px 5px #ccc;right: 0;
}
.recreationNth2ListTextRight{
	width: 50%;padding:35px 30px 15px;border: 1px solid #cbcaca;float: left;border-left: none;position: absolute;top: 50%;transform: translateY(-50%);box-shadow: 1px 1px 5px #ccc;
}
.recreationBtnLeft img{
	animation: featureBtn ease-out 1.5s infinite;
}
.recreationBtnLeft{
	transform: rotate(180deg);
}
.recreationBtnRight img{
	animation: featureBtn ease-out 1.5s infinite;
}
.recreationImg img{
	width: 100%;
}
.recreationNth2List{
	margin-bottom: 80px;
}
.recreationLineLeft{
	width: 1px;height: 60px;background: #71737a;position: absolute;
}
.recreationLineRight{
	width: 1px;height: 60px;background: #71737a;position: absolute;right: 15px;
}
.activityBanner{
	width: 100%;height: 100%;background-image: url(../images/activityBanner.jpg);background-size: cover;background-position: center;
}
.activityCarousel .swiper-pagination .swiper-pagination-bullet{
	width: 27px;height: 1px;background-color: #999999;margin:0 13px;opacity: 1;transition: .5s;
}
.activityCarousel .swiper-pagination .swiper-pagination-bullet-active{
	transform: rotate(90deg);
}
.activityCarousel{
	position: relative;/*height: 700px;*/
}
.activityCarouselRightBox{
	width: 250px;height: 420px;background-color: rgba(231,5,19,.05);position:absolute;right: 0;top: -70px;
}
.activityCarouselRightLine{
	width: 1px;height: 250px;background-color: #999;position: absolute;right: 60px;top: 350px;
}
.activityCarouselImg{
	position: relative;width: 100%;
}
.activityCarouselBox:before{
	content: '';
	position: absolute;
	width: calc(100% - 15px);
	height: 100%;
	top: 20px;left: 35px;border: 1px solid #ccc;
}
.activityCarouselBox{
	position: relative;
}
.activityCarousel .swiper-slide{
	margin-left: 0;margin-right: 0;
}
.activityCarouselRightImg{
	margin: 40px 60px;
}
.activityCarouselTime{
	writing-mode: tb-rl;font-size: 1.125rem;
}
.activityCarouselContent{
	padding: 10% 10%;
}
.activityCarouselContentLine{
	width: 80px;height: 1px;background-color: #999;margin-top: 1rem;
}
.activityCarouselContentTitle{
	font-size: 1.5rem;width: 50%;margin-left: 40%;
}
.activityCarouselContentText{
	width: 60%;;font-size: 1.125rem;margin-left: 40%;margin-top: 5%;
}
.activityListBoxR{
	position: relative;padding-top: 20px;
}
.activityListBoxR:before{
	content: '';
	width: calc(100% - 30px);
	height: 100%;
	position: absolute;
	left: -60px;
	top: -40px;
	border: 1px solid #ccc;
	z-index: -1;
}
.activityListBoxL{
	position: relative;padding-top: 100px;padding-right: 85px;
}
.activityListBoxL:before{
	content: '';
	width: calc(100% - 30px);
	height: 100%;
	position: absolute;
	top: 40px;
	border: 1px solid #ccc;
	z-index: -1;
}
.activityNth3{
	width: 100%;position: relative;padding-bottom:80px;
}
.activityNth3Left img{
	width: 100%;
}
.activityNth3List{
	margin-top: 3%;transform: translateX(37.5px);
}
.activityNth3LeftImgR{
	transform: translateX(-75px);
}
.activityListBoxR .activityCarouselContentTitle{
	margin-left: 20%;
}
.activityListBoxR .activityCarouselContentText{
	margin-left: 20%;margin-top: 5%;
}
.activityListBoxL .activityCarouselContentTitle{
	margin-left: 20%;
}
.activityListBoxL .activityCarouselContentText{
	margin-left: 20%;margin-top: 5%;
}
.activityNth3List:nth-child(3){
	margin-top: 8%;
}
.newsLists{
	position: relative;padding-bottom: 60px;
}
.newsBtn img{
	animation: newsBtn ease-out 1.5s infinite;transition: .5s;
}
.newsListBox{
	padding: 25px 10px;border: 1px solid #ccc;transition: .5s;
}
.newsListBoxImg{
	height: 0;padding-bottom: 100%;background-size: cover;background-position: center;
}
.newsListBoxContent{
	position: relative;
}
.newsListBoxContentDiv{
	position: absolute;top: 50%;transform: translateY(-50%);
}
.newsListTitle{
	font-size: 1.625rem;
}
.newsListInfo{
	font-size: 1.125rem;
}
.newsList:nth-child(odd) .newsListBoxDate{
	border-left: 1px solid #ccc;height: 100%; 
}
.newsList:nth-child(even) .newsListBoxDate{
	border-right: 1px solid #ccc;height: 100%; 
}
.newsList{
	margin-bottom: 45px;transition: .5s;
}
.newsListBoxDateTime{
	position: relative;top: 50%;transform: translateY(-50%);
}
.newsListBoxDateDay{
	font-size: 2.25rem;
}
.newsListBoxDateYear{
	font-size: 1.125rem;
}
.newsListBox:hover{
	transform: translateY(-5%);cursor: pointer;
}
.newsListBox:hover .newsListBox{
	box-shadow: 1px 1px 20px #ccc;
}
.newsBtn{
	width: 120px;padding: 5px 0;
}
.newsBtnMore{
	display: none;transition: .5s;
}
.newsBtn:hover .newsBtnMore{
	display: inline-block;color: white;background-color: #d4101f;width: 120px;padding: 5px 0;text-align: center;border-radius: 2px;
}

.newsBtn:hover img{
	display: none;
}
.timeLineBg{
	background-image: url(../images/timeBg.jpg);width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;
}
.timeLineBtn{
	position: absolute !important;bottom: 40px !important;left: 50% !important;transform: translateX(-50%) !important;width: 85% !important;padding:  0 25px !important;color: white;
}
.timeLineBtn .swiper-slide{
	position: relative;transition: .5s;cursor: pointer;
}
.timeLineBtn .swiper-slide:after{
	content: '';
	width: 10px;
	height: 10px;
	background:white;
	position: absolute;
	left:.7rem;
	border-radius:50%;
}
.timeLineBtn .swiper-slide-active:after{
	background:#d4101f;
}
.timeLineBtn .swiper-slide:hover:after{
	background:#d4101f;
}
.timeLineBtnYear{
	margin-top: 22px;display: inline-block;
}
.timeLine .swiper-slide{
	color: white;
}
.timeLineText{
	text-align: center;font-size: 4.75rem;
}
.timeLineBtnLR .swiper-button-prev{
	width: 18px;height: 18px;background-size: cover;background-position: 0 0;left: 7%;
	background-image: url(../images/activityArrows.png);
}
.timeLineBtnLR .swiper-button-next{
	width: 18px;height: 18px;background-size: cover;background-position: 0 0;right:6%;
	background-image: url(../images/activityArrows.png);transform: rotate(180deg);
}
.timeLineBtnLR .swiper-button-prev:hover{
	background-position: -18px 0;
}
.timeLineBtnLR .swiper-button-next:hover{
	background-position: -18px 0;
}
.timeLineBtnLR{
	position: absolute;bottom:66px;width: 100%;
}
.timeLineBtnLR .swiper-button-prev:focus {
	outline: none;
}
.timeLineBtnLR .swiper-button-next:focus{
	outline: none;
}
.recruitBg{
	width: 100%;height: 100%;background-image: url(../images/recruitBg.png);
}
.recruitText{
	position: absolute;left: 70px;color:#222;top: 170px;
}
.recruitPeople{
	position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-60%);
}
.recruitTextBottom{
	position: absolute;right: 80px;bottom: 40px;
}
.recruitPeopleDot{
	width: 40px;height: 40px;position: absolute;top: 20%;left: 10%;cursor: pointer;transition: .5s;
}
.recruitPeopleDotTL{
	position: absolute;width: 15px;height: 15px;top: 0;left: 0;border-left: 2px solid #d4101f;border-top: 2px solid #d4101f;transition: .5s;
}
.recruitPeopleDotTR{
	position: absolute;width: 15px;height: 15px;top: 0;right: 0;border-right: 2px solid #d4101f;border-top: 2px solid #d4101f;transition: .5s;
}
.recruitPeopleDotBR{
	position: absolute;width: 15px;height: 15px;bottom: 0;right: 0;border-right: 2px solid #d4101f;border-bottom: 2px solid #d4101f;transition: .5s;
}
.recruitPeopleDotBL{
	position: absolute;width: 15px;height: 15px;bottom: 0;left: 0;border-left: 2px solid #d4101f;border-bottom: 2px solid #d4101f;transition: .5s;
}
.recruitPeopleDotCenter{
	width: 20px;height: 20px;border: 2px solid #d4101f;position: relative;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);border-radius: 50%;
}
.recruitPeopleDot:hover{
	width: 250px;left: -150px
}
.recruitPeopleDot:hover .recruitPeopleDotTL{
	border-color: black;
}
.recruitPeopleDot:hover .recruitPeopleDotTR{
	border-color: black;
}
.recruitPeopleDot:hover .recruitPeopleDotBR{
	border-color: black;
}
.recruitPeopleDot:hover .recruitPeopleDotBL{
	border-color: black;
}
.recruitPeopleDotText{
	opacity: 0;position: absolute;height: 0;width:100%;text-align: center;display: none;
}
.recruitPeopleDot:hover .recruitPeopleDotText{
	opacity: 1;transition-delay:.1s;height: auto;transform: translateX(-50%) translateY(-50%);top: 50%;left: 50%;display: inline-block;
}
.recruitPeopleDot:hover .recruitPeopleDotCenter{
	display: none;
}
.recruitPeopleDot1{
	top: 80%;left: 5%;
}
.recruitPeopleDot1:hover{
	width: 250px;left: -200px
}

.searchBoxBtn{
	width: 120px;height: 40px;line-height: 40px;text-align: center;color: #666;display: inline-block;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: absolute;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;border: 1px solid #666;bottom: 25%;right:30%;
}
.searchBoxBtn:before{
    content: "";position: absolute;border-radius: .15rem;z-index:-1;top: 0;left: 0;right: 0;bottom: 0;background: #8c0f22;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out;
}
.searchBoxBtn:hover{
    text-decoration: none;border: 1px solid #8c0f22;color: white;
}
.searchBoxBtn:hover:before{
     transform: scaleX(1);-webkit-transform: scaleX(1);
}
.timeLine{
	width: 46%;position: absolute !important;top: 50%;left: 50% !important;transform: translateX(-50%) translateY(-50%) !important;
}
.timeLineDashed{
	width: 100%;height: 1px;border: 1px #ccc dashed;position: absolute;bottom:80px;
}
.nth3CoupeBox{
	width: calc(100% - 140px);position: absolute;top: 27%;left: 50%;transform: translateX(-50%);padding:100px 0;margin-left: 0;
}

.nth3CoupeBoxListTop{
	color: white;
}
.nth3CoupeBoxListTop:hover .nth4NewsBoxListImg{
	transform: scale(1);opacity: 1;
}
.nth3CoupeBoxListImgBox{
	width: calc(100%);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
.nth3CoupeBg{
	width: 100%;height: 100%;background-image: url(../images/coupeBg.jpg);background-size: cover;background-position: center;
}
.nth3CoupeText{
	position: absolute;left: 70px;color:white;top: 170px;width: calc(100% - 140px);
}
.nth3CoupeTextLine{
	width: 100%;height: 1px;background-color: white;top: 0;
}
.nth3CoupeMore{
	width: 20%;margin: auto;text-align: center;border: 1px solid white;position: absolute;bottom: 10%;left: 50%;transform: translateX(-50%);line-height: 2.5rem;color: white;
}
.nth3CoupeMore:before{
    content: "";position: absolute;border-radius: .15rem;z-index:-1;top: 0;left: 0;right: 0;bottom: 0;background: #8c0f22;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;transition:transform .5s ease-out;-webkit-transition:transform .5s ease-out;
}
.nth3CoupeMore:hover{
    color: white;text-decoration: none;
}
.nth3CoupeMore:hover:before{
     transform: scaleX(1);-webkit-transform: scaleX(1);
}
.nth3CoupeBoxLine{
	width: 70px;height: 1px;background:white;margin-top: 15%;
}
.newsRecent{
	position: relative;top: 50%;transform: translateY(-50%);width: 60%;margin-left: 0 !important;
}
.newsRecentMore{
	font-size: 1.125rem;display: inline-block;margin:auto;margin-top:10px;color: #777;position: relative;transition: 5s;
}
.newsRecentMore:before{
	content: '';width: 100%;height: 2px;background-color: #d4101f;position: absolute;bottom: -8px;
}
.newsRecentMore:after{
	content: '';width: 0;height: 2px;background-color: black;position: absolute;bottom: -8px;left: 0;
}
.newsRecentMore:hover{
	text-decoration:none;color: #d4101f;
}
.newsRecentMore:hover:after{
	animation: widthGrow ease-out 1s forwards;-webkit-animation: widthGrow ease-out 1s forwards; 
}
.newsRecentTitle{
	font-size: 1.625rem;
}
.newsRecentTextBox{
	padding: 20px 10px 60px;
}
.newsRecentContent{
	font-size: 1.125rem;
}
.recruitBox{
	width: 100%;height: 20px;height: 100%;
}
.newsRecentBox1{
	width: 33.33%;height: 100%;border-left: 1px solid #e3e3e3;position: relative;
}
.newsRecent .swiper-pagination{
	width: auto !important;margin:10px 0 0 10px;bottom:-5px !important;
}
.newsRecentLine{
	width: 100%;height: 1px;background-color: #e3e3e3;position: absolute;bottom: 15px;
}
.newsRecent .swiper-pagination .swiper-pagination-bullet-active{
	background-color: #222;
}
.newsRecentBox0{
	width: 33.33%;height: 1px;
}
.newsRecentBox2{
	width: 33.33%;background-color: var(--);height: 100%;border-left: 1px solid #e3e3e3;position: relative;
}
.newsRecentBox2List{
	padding:2rem 1rem 1rem;border-bottom:1px solid #e3e3e3; position: relative;transition: .5s;
}
.newsRecentBox2Lists{
	width: 60%;position: absolute;top: 50%;transform: translateY(-50%);
}
.newsRecentTime{
	position: absolute;transform: translateX(-100%);top: 2.2rem;left: -1rem;
}
.newsRecentBox2List:hover{
	transform: translateY(-2%);
}
.trafficPlaneTitle{
	width: fit-content;margin:3% auto;
}
.trafficPlane{
	width: 48px;height: 48px;background-image: url(../images/trafficIcon.png);margin: auto;
}
.trafficBox{
	padding-bottom: 100px;
}
.trafficText{
	margin-top:10px; font-size: 1.625rem;
}
.trafficLine{
	width: 100%;height: 1px;background-color: #efefef
}
.trafficPlaneMain{
	position: relative;width: 53%;margin:15% auto 5%;
}
.trafficPlaneList{
	font-size: 1.625rem;position: absolute;cursor: pointer;
}
.trafficPlaneList span{
	writing-mode: tb-rl;
}
.trafficPlaneList0{
	bottom: 0;left: 0;
}
.trafficPlaneList1{
	bottom: 0;left: 50%;
}
.trafficPlaneList2{
	bottom: 0;left: 80%;
}
.trafficPlaneList3{
	bottom: 0;left: 95%;
}
.trafficPlaneList4{
	margin-top: 10px;left: 25%;
}
.trafficPlaneList5{
	margin-top: 10px;left: 65%
}
.trafficPlaneList6{
	margin-top: 10px;left: 90%;
}
.trafficPlaneList0:after{
	content: '';width: 16px;height: 16px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);bottom:-25px;
	animation: focusStar linear 2s infinite;-webkit-animation: focusStar linear 2s infinite;
}
.trafficPlaneList1:after{
	content: '';width: 16px;height: 16px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);bottom:-25px;
	animation: focusStar linear 2s infinite;-webkit-animation: focusStar linear 2s infinite;
}
.trafficPlaneList2:after{
	content: '';width: 16px;height: 16px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);bottom:-25px;
	animation: focusStar linear 2s infinite;-webkit-animation: focusStar linear 2s infinite;
}
.trafficPlaneList3:after{
	content: '';width: 16px;height: 16px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);bottom:-25px;
	animation: focusStar linear 2s infinite;-webkit-animation: focusStar linear 2s infinite;
}
.trafficPlaneList4:after{
	content: '';width: 8px;height: 8px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);top: -15px;
}
.trafficPlaneList5:after{
	content: '';width: 8px;height: 8px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);top: -15px;
}
.trafficPlaneList6:after{
	content: '';width: 8px;height: 8px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);top: -15px;
}
.planeIcon{
	width: 40px;height: 40px;background-image: url(../images/planeIcon.png);background-size: cover;position: absolute;top: -30px;display: none;z-index: 99;
}

.planeIconShow{
	display: block;
}
.planeIconHide{
	transform: rotateY(90deg) rotateY(90deg);
}
.planeIconTop{
	position: relative;
}
.planeIconWay{
	width: 100%;height: 1px;background-color: #666666;position: relative;
}
.planeIconBottom{
	position: relative;
}

.trafficTrainMain{
	position: relative;width: 53%;margin:10% auto 5%;
}
.trainIcon{
	width: 40px;height: 40px;background-image: url(../images/trainIcon.png);background-size: cover;position: absolute;top: -30px;display: none;z-index: 99;
}

.trainIconShow{
	display: block;
}
.trainIconHide{
	transform: rotateY(90deg) rotateY(90deg);
}
.trainIconTop{
	position: relative;
}
.trainIconWay{
	width: 100%;height: 1px;background-color: #666666;position: relative;
}
.trainIconBottom{
	position: relative;
}

.trafficCarMain{
	position: relative;width: 53%;margin:15% auto;
}
.carIcon{
	width: 40px;height: 40px;background-image: url(../images/carIcon.png);background-size: cover;position: absolute;top: -30px;display: none;z-index: 99;
}

.carIconShow{
	display: block;
}
.carIconHide{
	transform: rotateY(90deg) rotateY(90deg);
}
.carIconTop{
	position: relative;
}
.carIconWay{
	width: 100%;height: 1px;background-color: #666666;position: relative;
}
.carIconBottom{
	position: relative;
}
.trafficTrainList{
	font-size: 1.625rem;position: absolute;cursor: pointer;
}
.trafficTrainList span{
	writing-mode: tb-rl;
}
.trafficCarList{
	font-size: 1.625rem;position: absolute;cursor: pointer;
}
.trafficCarList span{
	writing-mode: tb-rl;
}
.trafficTrainList0{
	bottom: 0;left: 0;
}
.trafficTrainList1{
	bottom: 0;left: 75%;
}
.trafficTrainList2{
	bottom: 0;left: 95%;
}
.trafficTrainList3{
	margin-top: 10px;left: 40%;
}
.trafficTrainList4{
	margin-top: 10px;left: 85%;
}
.trafficTrainList0:after{
	content: '';width: 16px;height: 16px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);bottom:-25px;
	animation: focusStar linear 2s infinite;-webkit-animation: focusStar linear 2s infinite;
}
.trafficTrainList1:after{
	content: '';width: 16px;height: 16px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);bottom:-25px;
	animation: focusStar linear 2s infinite;-webkit-animation: focusStar linear 2s infinite;
}
.trafficTrainList2:after{
	content: '';width: 16px;height: 16px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);bottom:-25px;
	animation: focusStar linear 2s infinite;-webkit-animation: focusStar linear 2s infinite;
}
.trafficTrainList3:after{
	content: '';width: 8px;height: 8px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);top: -15px;
}
.trafficTrainList4:after{
	content: '';width: 8px;height: 8px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);top: -15px;
}

.trafficCarList0{
	bottom: 0;left: 0;
}
.trafficCarList1{
	bottom: 0;left: 28%;
}
.trafficCarList2{
	bottom: 0;left: 65%;
}
.trafficCarList3{
	bottom: 0;left: 95%;
}
.trafficCarList4{
	margin-top: 10px;left: 15%;
}
.trafficCarList5{
	margin-top: 10px;left: 48%
}
.trafficCarList6{
	margin-top: 10px;left: 75%;
}
.trafficCarList7{
	margin-top: 10px;left: 85%;
}
.trafficCarList0:after{
	content: '';width: 16px;height: 16px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);bottom:-25px;
	animation: focusStar linear 2s infinite;-webkit-animation: focusStar linear 2s infinite;
}
.trafficCarList1:after{
	content: '';width: 16px;height: 16px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);bottom:-25px;
	animation: focusStar linear 2s infinite;-webkit-animation: focusStar linear 2s infinite;
}
.trafficCarList2:after{
	content: '';width: 16px;height: 16px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);bottom:-25px;
	animation: focusStar linear 2s infinite;-webkit-animation: focusStar linear 2s infinite;
}
.trafficCarList3:after{
	content: '';width: 16px;height: 16px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);bottom:-25px;
	animation: focusStar linear 2s infinite;-webkit-animation: focusStar linear 2s infinite;
}
.trafficCarList4:after{
	content: '';width: 8px;height: 8px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);top: -15px;
}
.trafficCarList5:after{
	content: '';width: 8px;height: 8px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);top: -15px;
}
.trafficCarList6:after{
	content: '';width: 8px;height: 8px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);top: -15px;
}
.trafficCarList7:after{
	content: '';width: 8px;height: 8px;background-color: #666;position: absolute;border-radius: 50%;left: 50%;transform: translateX(-50%);top: -15px;
}
.trafficBanner{
	width: 100%;height: 100%;background-image: url(../images/trafficBanner.jpg);background-size: cover;background-position: center;
}
.trafficTrain{
	background-position: -48px 0;
}
.trafficCar{
	background-position: -96px 0;
}
.trainLine{
	width: 100%;height: 1px;background-color: #efefef;margin-top: 10%;position: relative;margin-bottom: 5%;
}
.trainLineImg{
	position: absolute;left: 50%;transform: translateX(-50%) translateY(-50%);
}
.contentInfo img{
	max-width: 100%;
}
.contentInfo p{
	font-size:  1.125rem;
}
.articleInfoBox{
	position: relative;padding-bottom: 60px;
}
.articleInfoBoxMain{
	border: 2px solid #e7e7e7;padding:3% 9%;
}
.articleInfoBoxMainPrev{
	width: 10%;height: 60%;position: absolute;left:-10%;top: 50%;transform: translateY(-70%);text-align: center;padding: 5% 0;border: 2px solid #e7e7e7;
}
.articleInfoBoxMainPrev span{
	writing-mode: tb-rl;position: relative;font-size: 1.5rem;
}
.articleInfoBoxMainPrev span:after{
	content:"|";position: absolute;right: -1.5rem;transform: rotate(90deg);
}
.articleInfoBoxMainNext{
	width: 10%;height: 60%;position: absolute;right:-10%;top: 50%;transform: translateY(-70%);text-align: center;padding: 5% 0;border: 2px solid #e7e7e7;z-index: 2;
}
.articleInfoBoxMainNext span{
	writing-mode: tb-rl;position: relative;font-size: 1.5rem;
}
.articleInfoBoxMainNext span:after{
	content:"|";position: absolute;left: -1.5rem;transform: rotate(90deg);
}
.articleInfoBoxMainMenu{
	margin-bottom: 20px;
}
.infoMenuIcon{
	width: 16px;height: 16px;display: inline-block;background-image: url(../images/infoMenu.png);background-size: cover;cursor: pointer;
}
.infoMenuIconBig{
	background-position: 0 0;
}
.infoMenuIconSmall{
	background-position: -16px 0;
}
.infoMenuIconPrint{
	background-position: -32px 0;
}
.infoMenuIconSee{
	background-position: -48px 0;
}
.infoMenuIconSeeText{
	color: #999;
}
.infoReturnBtn{
	position: absolute;bottom: 0;left: 50%;transform: rotate(180deg) ;cursor: pointer;transition: .5s;
}
.infoReturnBtn:hover{
	transform: scale(1.1) rotate(180deg);
}
.bdshare-button-style2-32 a{
	float: right !important;background-image: url(../images/shareIco.png) !important;
}
.bdshare-button-style2-32 .bds_sqq{
	background-position: 0 !important;
}
.bdshare-button-style2-32 .bds_tsina{
	background-position: -32px !important;
	
}
.bdshare-button-style2-32 .bds_weixin{
	background-position: -64px !important;
	
}

.waterKnowledgeBanner{
	width: 100%;height: 100%;background-image: url(../images/waterKnowledge.jpg);background-size: cover;background-position: center;
}
.waterKnowledgeMain{
	padding-bottom: 80px;
}
.knowledgeNth1Box{
	border: 1px solid #ccc;padding: 2% 0;
}
.knowledgeNth1BoxL{
	padding: 0 10%;
}
.knowledgeNth1ListIcon{
	display: inline-block;width: 60px;height: 60px;background-image: url(../images/lifeWaterIcon.png);
}

.knowledgeNth1List{
	margin-top: 15%;
}
.knowledgeNth1ListIcon1{
	background-position: -60px 0;
}
.knowledgeNth1ListIcon2{
	background-position: -120px 0;
}
.knowledgeNth1ListIcon3{
	background-position: -180px 0;
}
.knowledgeNth1ListIcon4{
	background-position: -240px 0;
}
.knowledgeNth1ListIcon5{
	background-position: -300px 0;
}
.knowledgeNth1ListRed{
	color: #c90a21;
}
.knowledgeNth1BoxR{
	padding: 0 10%;border-left: 1px solid #ccc;
}
.knowledgeNth1Title{
	font-size: 1.625rem;
}
.knowledgeNth2List{
	margin-bottom: 25%;
}
.knowledgeNth2ListIcon{
	display: inline-block;width: 60px;height: 60px;background-image: url(../images/physiologyWaterIcon.jpg);
}
.knowledgeNth2ListText{
	width: calc(100% - 70px);
}
.knowledgeNth2ListText{
	position: relative;
}
.knowledgeNth2ListTextL{
	margin-left: 10px;
}
.knowledgeNth2ListTextR{
	margin-right: 10px;
}
.knowledgeNth2ListTextL:before{
	content: '|';
	position: absolute;
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
}
.knowledgeNth2ListTextR:before{
	content: '|';
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
}
.knowledgeNth3ListIcon{
	display: inline-block;width: 60px;height: 60px;background-image: url(../images/nutritionWaterIcon.png);
}
.cultureTitle{
	text-align: center;font-size: 2.5rem;margin-top: 2rem;margin-bottom: 2rem;
}
.cultureTitleText{
	position: relative;
}
.cultureTitleText:before{
	position: absolute;width: 12px;height: 17px;background-image: url(../images/listTitleArrows.png); left: -50px;top: 50%;content: '';transform: translateY(-50%);
}
.cultureTitleText:after{
	position: absolute;width: 12px;height: 17px;background-image: url(../images/listTitleArrows.png); right: -50px;top: 50%;content: '';transform: translateY(-50%);background-position: -12px 0;
}
.knowledgeNth4ListIcon{
	display: inline-block;width: 60px;height: 60px;background-image: url(../images/healthWaterIcon.png);
}
.knowledgeNth5ListIcon{
	display: inline-block;width: 60px;height: 60px;background-image: url(../images/typeWaterIcon.png);
}
.shareWaterBtn{
	width: 100%;padding: 0 3%;
}
.yemianPage{
	text-align: center;
}
.yemianPage .page-item{
	width: auto;height: auto;display: inline-block;
}
.xunyuanBody .menuBtnTop,.xunyuanBody .menuBtnBottom{
	background: black;
}
.xunyuanBody .searchBoxBtn{
	/*padding: 0;*/bottom: -40px;left: calc(50% - 60px);
}
.xuanyuanMain{
	padding-bottom: 20px;
}
.xuanyuanMainList{
	position: relative;
}
/*.xuanyuanMainList:first-child{
	margin-top: 0;
}*/
.xuanyuanMainListText{
	font-size: 1.5rem;
}
.xuanyuanMainPlay{
	transform: scale(.625) translateY(-70%);z-index: 2;cursor: pointer;
}
.xuanyuanMainJiantou{
	transform: translateY(-50%) rotate(90deg);z-index: 2;cursor: pointer;
}
.xuanyuanMainList1{
	position: absolute;top:20%;right: 22%;text-align: center;z-index: 2;
}
.xuanyuanMainList2{
	position: absolute;text-align: center;left: 50%;transform: translateX(-50%);
}
.xuanyuanMainList3{
	position: absolute;left: 11%;top: 50%;transform: translateY(-50%);z-index: 2;
}
.xuanyuanMainList4{
	position: absolute;text-align: center;right: 15%;top: 15%;
}
.xuanyuanMainList1Box{
	position: absolute;top: 50%;transform: translateY(-50%);
}
.xuanyuanMainList2Box{
	position: absolute;top: 50%;transform: translateY(-50%);width: calc(100% - 40px);
}
.xuanyuanMainList3Box{
	position: absolute;bottom: 0;width: 100%;
}
.xuanyuanMainList4Box{
	/*position: absolute;top: 50%;transform: translateY(-50%);*/
}
.xunyuanM1{
	display: none;
}
.xunyuanM2{
	display: none;
}
.xunyuanM3{
	display: none;
}
.xunyuanM4{
	display: none;
}
.xunyuanM5{
	display: none;
}
.xunyuanM6{
	display: none;
}
.modal-dialog{
	max-width: 50vw;
}
.xunyuanVideo{
	width: 100%;height: 100%;object-fit: cover;
}
.view720Box{
	width: 95%;margin: auto;
}
.view720BoxList{
	width: 90%;margin:0 auto 5%;transition: .5s;
}
.view720BoxList:hover{
	transform: translateY(-5%);box-shadow: 1px 1px 10px #e3e3e3;
}
.view720BoxBg{
	width: 100%;height: 0;padding-bottom: 55%;position: relative;background-size: cover;background-position: center; 
}
.view720BoxBtn{
	position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);
}
.view720BoxText{
	text-align: center;line-height:3rem;font-size: 1.5rem;background-color: white;border: 1px solid #e3e3e3;
}
.indexNongfuNameM,.indexNongfuNameEnM{
	display: none;
}
.hotelText{
	position: relative;transform: translateX(0);top: 0;
}
.indexVideoBox{
	display: none;
}
.wenhuaVideoBox1{
	display: none;
}
.wenhuaVideoBox2{
	display: none;
}
.zizhuVideoBox1{
	display: none;
}
.zizhuVideoBox2{
	display: none;
}
.zizhuVideoBox3{
	display: none;
}
.menuMobileZizhuLists{
	display: none;
}
.timeSlideImg{
	width: 100%;height: 0;padding-bottom: 55%;background-size: cover;
}
.newsListImg{
	width: 100%;height: 0;padding-bottom: 100%;background-size: cover;background-position: center;
}