@charset "utf-8";
/* CSS Document */
@font-face{font-family:"xqgzdjt";src:url(../fonts/xqgzdjt/xqgzdjt.eot);src:url(../fonts/xqgzdjt/xqgzdjt.eot?#iefix) format("embedded-opentype"),url(../fonts/xqgzdjt/xqgzdjt.woff) format("woff"),url(../fonts/xqgzdjt/xqgzdjt.ttf) format("truetype"),url(../fonts/xqgzdjt/xqgzdjt.svg#xqgzdjt) format("svg");font-style:normal;font-weight:normal;}
@font-face{font-family:"xqzpjt";src:url(../fonts/xqzpjt/xqzpjt.eot);src:url(../fonts/xqzpjt/xqzpjt.eot?#iefix) format("embedded-opentype"),url(../fonts/xqzpjt/xqzpjt.woff) format("woff"),url(../fonts/xqzpjt/xqzpjt.ttf) format("truetype"),url(../fonts/xqzpjt/xqzpjt.svg#xqzpjt) format("svg");font-style:normal;font-weight:normal;}
@font-face{font-family:"xqjzt";src:url(../fonts/xqjzt/xqjzt.eot);src:url(../fonts/xqjzt/xqjzt.eot?#iefix) format("embedded-opentype"),url(../fonts/xqjzt/xqjzt.woff) format("woff"),url(../fonts/xqjzt/xqjzt.ttf) format("truetype"),url(../fonts/xqjzt/xqjzt.svg#xqjzt) format("svg");font-style:normal;font-weight:normal;}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section,input,select,option,textarea,video{margin:0;padding:0;}
body {font-family:"微软雅黑","Microsoft YaHei",'宋体','Microsoft YaHei UI',"Arial";font-size:12px; color:#000; background:#FFF;}
a {color:#000;text-decoration:none;}
a:hover{ color:#000;}
a:link {color: #000}		
a:visited {color: #000}	
a:active {color: #000}	
img{ border:none; vertical-align:top;}
ul,ol,li,form,dl,dt,dd{ list-style:none;}
.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; height:0;}
.clearfix{ zoom:1;}
.ovfHiden{overflow:hidden;height:100%;}
.page{ width:100%;}
.banner{ width:100%; background:url(../images/bannerbg.jpg) center center; overflow:hidden; position:relative;}
.banenrFont{ width:100%; background: url(../images/bannerFont.png) no-repeat center bottom; background-size: cover; z-index: 1; position: absolute; left: 0; top: 0; }
.banner video{ opacity:0; width: 100%; position: absolute; left: 0; top: 0; z-index:3; }


.bannerScroll{ width:100%; position: absolute; left: 0; top: 0; z-index:1; overflow: hidden;}
.bannerScrollCnt{ width:100%; position: relative;}
.bannerScrollCnt .swiper-slide{ width:100%; background-size: 100%;}
.bannerScrollCnt .swiper-button-next{ background: url(../images/lunbo-1y.png) no-repeat; width:60px; height: 60px}
.bannerScrollCnt .swiper-button-prev{ background: url(../images/lunbo-1z.png) no-repeat; width:60px; height: 60px}
.bannerScrollCnt a{display: block;height: 100%;}

.videoMask{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0); z-index:2;}
.header{ width:100%; padding-top:30px; position:absolute; left:0; top:0; z-index:4;}
.hdrCnt{ width:1400px; margin:0 auto; overflow:hidden;}
.hdrCnt .logo{ width:200px; height:48px; opacity: 0;}
.hdr01{ float:right; width:231px; padding-top: 10px; transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;}
.hdr01 img{ float:left; margin-right: 20px;}
.hdr01.active{ padding-right:280px; transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;}
.header-menu{ float:right; width:25px; padding-top:15px; transition:all .5s ease .3s;-moz-transition:all .5s ease .3s;-ms-transition:all .5s ease .3s;-o-transition:all .5s ease .3s;-webkit-transition:all .5s ease .3s; cursor:pointer;}
.header-menu span{ display:block; width:100%; height:2px; background:#fff; margin-bottom:5px; position:relative; border-radius:5px; -webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;}
.menuMaskClose{ position:absolute; right:30px; top:30px; z-index:5; width:30px; cursor:pointer; height:30px;}
.menuMaskClose span{display:block; width:100%; height:2px; background:#fff;transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;transition:transform .5s;-moz-transition:transform .5s;-ms-transition:transform .5s;-o-transition:transform .5s;-webkit-transition:transform .5s; position:relative;}
.menuMaskClose span.line2{display:none}
.menuMaskClose span.line1{transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg); top:12px;}
.menuMaskClose span.line3{transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg); top:10px;}
.header-search{ float:right; width:27px; height:27px; padding-top:10px; padding-right:20px; position:relative; cursor:pointer;}
.header-search .search-btn{ width:27px; height:27px; transition:all .5s ease .3s;-moz-transition:all .5s ease .3s;-ms-transition:all .5s ease .3s;-o-transition:all .5s ease .3s;-webkit-transition:all .5s ease .3s;}
.searchBox{ position:absolute; left:350px; top:10px; width:0; height:30px; z-index:2; background:rgba(0,0,0,.5); padding-left:10px; overflow:hidden; transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;}
.searchBox .search-close{ float:left; width:5%; padding-top:7px; transition:transform .3s ease 0s;-moz-transition:transform .3s ease 0s;-ms-transition:transform .3s ease 0s;-o-transition:transform .3s ease 0s;-webkit-transition:transform .3s ease 0s; cursor:pointer;}
.searchBox .search-close:hover{transform:rotateZ(90deg);-moz-transform:rotateZ(90deg);-ms-transform:rotateZ(90deg);-o-transform:rotateZ(90deg);-webkit-transform:rotateZ(90deg); transition:transform .3s ease 0s;-moz-transition:transform .3s ease 0s;-ms-transition:transform .3s ease 0s;-o-transition:transform .3s ease 0s;-webkit-transition:transform .3s ease 0s;}
.searchBox input{ border:none; background:none;}
.searchBox input.search-txt{ float:left; width:73%; height:30px; line-height:30px; color:#fff; font-size:14px; outline:none;-moz-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box; padding:0 20px;}
.searchBox input.search-txt{color:#fff;}
.searchBox input.search-txt::-webkit-input-placeholder{color:#fff;}
.searchBox input.search-txt:-moz-placeholder{color:#fff;}
.searchBox input.search-txt::-moz-placeholder{color:#fff;}
.searchBox input.search-txt:-ms-input-placeholder{color:#fff;}
.searchBox input.search-sub{ float:right; width:20%; height:30px; text-indent:-999999px; overflow:hidden; background:url(../images/icon_search-white.png) no-repeat center center #BA1C23; background-size:35%;}
.searchBox.on{ width:300px; left:-280px;  transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s; }
.search-btn.active,.header-menu.active{ width:0; transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s; }
.menuMask{ position:absolute; left:0; top:0; bottom:0; right:0; background:url(../images/index-bg.jpg) repeat-Y;z-index:9; display:none;}
.menuMask ul{ width:90%; margin:0 auto; padding-top:50px;}
.menuMask ul li{ font-size:20px; line-height:2em;}
.menuMask ul li a{ color:#fff;}
.menuMask ul li a:hover{ color:#fff;}
.menuMask .bottom{ position:absolute; left:0; bottom:0; width:100%;}
.menuMask .bmCnt{width:90%; padding:10px; font-size:12px; line-height:2em; color:#fff; background:rgba(0,0,0,.8); margin:0 auto;}
.navPage{ position:relative;}
.nav{ width:1400px; margin:0 auto; background:#fff; box-shadow:0 3px 3px rgba(0,0,0,.1); top:0; position:absolute; left:50%; margin-left:-700px; z-index:5;}
.nav li{ float:left; width:200px; text-align:center; height:100px;font-weight: 600; letter-spacing: 2px;}
.nav li a{ display:block; line-height:100px; font-size:20px; color:#292929; width:100%; height:100px; margin:0 auto;transition:all .2s ease 0s; -moz-transition:all .2s ease 0s; -ms-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-webkit-transition:all .2s ease 0s; box-sizing:border-box; -moz-box-sizing:border-box; -box-sizing:border-box; -box-sizing:border-box; -webkit-box-sizing:border-box;}
.nav li a:hover{ color:#DC0010; font-size:22px;transition:all .2s ease 0s; -moz-transition:all .2s ease 0s; -ms-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-webkit-transition:all .2s ease 0s;}
.subNavCnt{ position:relative;  z-index:7; width:1400px; margin:0 auto;}
.subNavCnt .subNav{ display:none; position:absolute; top:39px; width:180px; text-align:center; font-family:"微软雅黑"; font-weight:normal; z-index: 6;}
.subNavCnt .subNav a{ display:block; width:98%; color:#fff; padding:10px 0; background:#CECECE; margin:2px auto 0; border:none; font-size:16px; white-space: nowrap;}
.subNavCnt .subNav01{ left:10px;}
.subNavCnt .subNav02{ left:210px;}
.subNavCnt .subNav03{ left:410px;}
.subNavCnt .subNav04{ left:610px;}
.subNavCnt .subNav05{ left:810px;}
.subNavCnt .subNav06{ right: 10px;}
.subNavCnt .subNav07{ right: 208px;}
.subNavCnt .subNav  a:hover{ color:#fff; font-size:18px; width:100%; transition:all .1s ease 0s; -moz-transition:all .1s ease 0s; -ms-transition:all .1s ease 0s;-o-transition:all .1s ease 0s;-webkit-transition:all .1s ease 0s;}
.navLine{ position:absolute; width:2px; border-left:1px solid #292929; z-index:7; height:20px; top:40px;} 
.news{ width:1400px; margin:0 auto; position:absolute; left:50%; margin-left:-700px; bottom:80px; z-index:2; opacity: 0;}
.news h3{ font-size:36px; line-height:2em;}
.news h3 a{ color:#fff;transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;}
.news h3 a:hover{ color:#DC0010;transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;}
.news p{ font-size:20px; color:#fff; line-height:1.6em; width:800px; padding:10px 0 20px;  text-align: justify;}
.news h2{ font-weight:normal; font-size:18px;}
.news h2 a{ display:inline-block; text-align: left;color:#fff;  background:#b50715; padding:10px 30px;transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;}
.news h2 a span{ float:left; display:block; width:0; height:13px; border-bottom:1px solid #fff;transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;}
.news h2 a:hover{ background:#b50715; transition:all .25s ease 0s; -moz-transition:all .25s ease 0s; -ms-transition:all .25s ease 0s;-o-transition:all .25s ease 0s;-webkit-transition:all .25s ease 0s;}
.news h2 a:hover span{ width:40px;transition:all .25s ease 0s; -moz-transition:all .25s ease 0s; -ms-transition:all .25s ease 0s;-o-transition:all .25s ease 0s;-webkit-transition:all .25s ease 0s;}
.tpMenu{ display: none;width: 100%; padding: 50px 0; background:url(../images/subMenuBg.jpg);}
.tpMenuCnt{ width: 1400px; margin: 0 auto; overflow: hidden;}
.tpMenuCnt dl{ float: left; width: 175px; text-align: center;  line-height: 1.8em;}
.tpMenuCnt dl dt{ font-size:20px; font-weight: bold; letter-spacing: 5px; padding-bottom: 40px; white-space:nowrap;}
.tpMenuCnt dl dt a{ color: #fff;}
.tpMenuCnt dl dt a:hover{ color: #fff;}
.tpMenuCnt dl dd{ font-size:16px; letter-spacing: 2px;  line-height: 2em;}
.tpMenuCnt dl dd a{ color: #fff;}
.tpMenuCnt dl dd a:hover{ color: #fff;}
.fishCook{ width: 100%; background:#fff; height: 990px; position: relative; overflow: hidden;}
.fishCookCnt{ width:1400px; height: 990px;  position: relative; margin: 0 auto;}
.fishCook-01{ position: absolute; left: 0; top:200px; opacity: 0; background: url(../images/fishCook-font-01.png) no-repeat; width: 432px; height: 50px; z-index: 4;}
.fishCook-02{ position: absolute; left: 0; top:288px; opacity: 0; font-size:18px; color: #4c4c4c; letter-spacing: 1px; width: 732px; height: 20px; z-index: 4;}
.fishCookBtn{ position: absolute; left: 0; top:340px; z-index: 4; opacity: 0; overflow: hidden;}
.fishCook.active .fishCook-01{opacity:1; top:160px; transition:all .8s ease 0s; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}
.fishCook.active .fishCook-02{opacity:1; top:248px; transition:all .8s ease .5s; -moz-transition:all .8s ease .5s; -ms-transition:all .8s ease .5s;-o-transition:all .8s ease .5s;-webkit-transition:all .8s ease .5s;transition:all .8s ease .5s;}
.fishCook.active .fishCookBtn{opacity:1; top:320px; transition:all .8s ease 1s; -moz-transition:all .8s ease 1s; -ms-transition:all .8s ease 1s;-o-transition:all .8s ease 1s;-webkit-transition:all .8s ease 1s;transition:all .8s ease 1s;}
.fishCookHand01{ position: absolute; right: -430px; bottom: 120px; z-index: 2; width: 1091px; height: 521px; background: url(../images/fishCook-01.png) no-repeat; opacity: 1; cursor:pointer; transition:all .8s ease 0s; opacity: 0;} 
.fishCookHand02{ position: absolute; right:-430px; bottom: 120px; z-index: 1; width: 1091px; height: 521px; background: url(../images/fishCook-02.png) no-repeat; opacity:0; cursor: pointer;transition:all .8s ease .1s; transition:all .8s ease 0s;}
.fishCookHand01.active{ bottom: 200px; transition:all .8s ease 0s; opacity: 1;}
.fishCookHand02.active{ opacity: 1; bottom: 200px; transition:all .8s ease 0s;}
.fishCookHand{ width: 100%; height: 600px; position: absolute; right: 0; bottom: 0; z-index: 3; cursor: pointer;}
.fishCookHand03{ position: absolute; z-index: 0; left:50%; bottom: 10px; margin-left: -756px; background: url(../images/fishCook-03.jpg?v=202210081455) no-repeat; width: 1512px; height: 582px;}
.fishCookHand03Cnt{ width:100%; position: relative; height: 582px;}
.fishCookMask{ position:absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 980px; background: rgba(0,0,0,.2); opacity: 0;}
.fishCookMask.active{ opacity:1; z-index: 5;transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.fishCookBtn a{ display:inline-block; padding:3px 25px; text-align: center; line-height: 38px; border: 1px solid #434343; font-size:18px; color: #313131;transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;}
.fishCookBtn a span{ float:left; display:block; width:0; margin-top: 5px; height:13px; border-bottom:1px solid #434343;transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;}
.fishCookBtn a:hover{ transition:all .25s ease 0s; -moz-transition:all .25s ease 0s; -ms-transition:all .25s ease 0s;-o-transition:all .25s ease 0s;-webkit-transition:all .25s ease 0s;}
.fishCookBtn a:hover span{ width:40px;transition:all .25s ease 0s; -moz-transition:all .25s ease 0s; -ms-transition:all .25s ease 0s;-o-transition:all .25s ease 0s;-webkit-transition:all .25s ease 0s;}
.introduce{ width:100%; height:900px; background:url(../images/bg_0101.jpg) no-repeat center bottom; position:relative; overflow:hidden; z-index:1; margin-bottom: 10px;}
.intro{ width:1400px; margin:0 auto; position:relative; height:900px; z-index:2;}
.intro-mask{ position:absolute; width:100%; height:900px; background:rgba(0,0,0,.2); z-index:1; left:0; top:0; opacity:0; transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.intro-mask.active{ opacity:1; z-index:3; transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.introduce .intro-12{ position:absolute; opacity:0; left:0; top:221px; background:url(../images/icon-intro-12.png) no-repeat; width:425px; height:187px;}
.introduce .intro-13{ position:absolute; opacity:0; left:0; top:440px; font-size:18px; color: #d8c9af; line-height: 1.8em; text-align: justify; letter-spacing: 1px; width:645px; }
.introduce .intro-14{ position:absolute; opacity:0; left:0; top:540px; font-size:18px; color: #d8c9af; line-height: 1.8em; text-align: justify; letter-spacing: 1px;  width:645px;}
.introduce.active .intro-12{ opacity:1; top:240px;transition:all .8s ease .1s; -moz-transition:all .8s ease .1s; -ms-transition:all .8s ease .1s;-o-transition:all .8s ease .1s;-webkit-transition:all .8s ease .1s;}
.introduce.active .intro-13{ opacity:1; top:480px;transition:all .8s ease .2s; -moz-transition:all .8s ease .2s; -ms-transition:all .8s ease .2s;-o-transition:all .8s ease .2s;-webkit-transition:all .8s ease .2s;}
.introduce.active .intro-14{ opacity:1; top:570px;transition:all .8s ease .3s; -moz-transition:all .8s ease .3s; -ms-transition:all .8s ease .3s;-o-transition:all .8s ease .3s;-webkit-transition:all .8s ease .3s;}
.intro-font-01{ position: absolute; right:570px; top: -30px;  background: url(../images/index/index_font_01.png) no-repeat; width: 32px; height: 396px; opacity:0;}
.intro-font-02{ position: absolute; right:550px; top: 510px;  background: url(../images/index/index_font_02.png) no-repeat; width: 67px; height: 262px; opacity:0;}
.intro-font-03{ position: absolute; right:448px; top: 80px;  background: url(../images/index/index_font_03.png) no-repeat; width: 67px; height: 276px; opacity:0;}
.intro-font-04{ position: absolute; right:416px; top: 15px;  background: url(../images/index/index_font_04.png) no-repeat; width: 54px; height: 217px; opacity:0;}
.intro-font-05{ position: absolute; right:100px; top: -40px;  background: url(../images/index/index_font_05.png) no-repeat; width: 33px; height: 348px;opacity:0;}
.intro-font-06{ position: absolute; right:30px; top: 123px;  background: url(../images/index/index_font_06.png) no-repeat; width: 52px; height: 291px;opacity:0;}
.intro-font-07{ position: absolute; right:-30px; top: 35px;  background: url(../images/index/index_font_07.png) no-repeat; width: 56px; height: 218px; opacity:0;}
.intro-font-08{ position: absolute; right:-58px; top: 365px;  background: url(../images/index/index_font_08.png) no-repeat; width: 31px; height: 368px;opacity:0;}
.intro-font-09{ position: absolute; right:-190px; top: 148px;  background: url(../images/index/index_font_09.png) no-repeat; width: 57px; height: 307px;opacity:0;}
.intro-font-10{ position: absolute; right:15px; top: 503px;  background: url(../images/index/index_font_10.png) no-repeat; width: 49px; height: 463px; opacity:0;}
.intro-font-11{ position:absolute; right: -250px; top: 443px; background: url(../images/index/index_font_11.png) no-repeat; width: 59px; height: 243px; opacity: 0;}
.introduce.active .intro-font-01{ opacity: 1; top:10px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introduce.active .intro-font-02{ opacity: 1; top: 470px; transition:all 1.5s ease-out .2s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introduce.active .intro-font-03{ opacity: 1; top:120px; transition:all .5s ease-out .5s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .5s;}
.introduce.active .intro-font-04{ opacity: 1; top:55px; transition:all 1.5s ease-out .8s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introduce.active .intro-font-05{ opacity: 1; top:0px; transition:all 1.5s ease-out .2s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introduce.active .intro-font-06{ opacity: 1; top: 163px;  transition:all 1.5s ease-out .5s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s; }
.introduce.active .intro-font-07{ opacity: 1;top: 75px; transition:all 1.5s ease-out .8s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introduce.active .intro-font-08{ opacity: 1;top: 325px; transition:all 1.5s ease-out .3s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introduce.active .intro-font-09{ opacity: 1; top: 188px; transition:all 1.5s ease-out .6s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introduce.active .intro-font-10{ opacity: 1;top: 573px; transition:all 1.5s ease-out .1s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introduce.active .intro-font-11{ opacity: 1;top: 423px; transition:all 1.5s ease-out .1s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
@keyframes verticalFloat{
	50%{transform:translateY(12%);}
	100%{transform:translateY(10%);}
}
@-webkit-keyframes verticalFloat{
	50%{transform:translateY(12%);}
	100%{transform:translateY(10%);}
}
@-moz-keyframes verticalFloat{
	50%{transform:translateY(12%);}
	100%{transform:translateY(10%);}
}
@-o-keyframes verticalFloat{
	50%{transform:translateY(12%);}
	100%{transform:translateY(10%);}
}
.fish{ width:100%; background:url(../images/food/food_08.jpg) no-repeat center top; height:954px; position:relative; overflow:hidden;}
.fish05Font{ position: absolute; width: 1038px; height: 180px; top:255px; left: 50%; margin-left: -519px; opacity: 1; z-index: 2;}
.fish05Img{ opacity: 0;position: absolute; left: 0; top: 0; z-index: 1;}
.fish05Img.active{opacity: 1; animation: zoom-in 5s infinite 0s; -webkit-animation: zoom-in 20s infinite 0s;animation-direction:alternate; }
.fish06{ width: 100%; position: absolute; left: 0; top: 0; opacity: 0; z-index: 1;}
.fish07Font{ position: absolute; width: 1041px; height: 218px; left: 50%; top:295px; margin-left: -520px; opacity: 0; z-index: 2;}
.fish08Font{ position: absolute; width: 786px; height: 173px; left: 50%; top: 295px; margin-left: -393px; opacity: 0; z-index: 2;}
.fish09Font{ position: absolute; width: 827px; height: 171px; left: 50%; top: 295px; margin-left: -413px; opacity: 0; z-index: 2;}
.fish09{width: 100%; position: absolute; left: 0; top: 0; opacity: 0; z-index: 1;}
.fish06Font{ position: absolute; width: 1183px; height: 170px; left: 50%; top: 295px; margin-left: -591px; opacity: 0; z-index: 2;}
.fish-01{ background:url(../images/icon-fish-01.png) no-repeat; width:330px; height:450px; position:absolute; left:50%; top:90px; margin-left:-165px; z-index:1; }
.fish-04{ opacity:1; background:url(../images/icon-fish-10.png) no-repeat; width:450px; height:450px; position:absolute; left:50%; top:80px; margin-left:-225px; z-index:2;}
.fish-02{ background:url(../images/icon-fish-02.png) no-repeat; width:375px; height:58px; position:absolute; left:50%; bottom:280px; margin-left:-187px; z-index:2;}
.fish-03{ width:100%; height:130px; position:absolute; left:0; bottom:70px; z-index:5;}
.fish-icons{ width:1200px; margin:0 auto; height:130px; position:relative; overflow:hidden; z-index:5;}
.fish-icon{ float:left;  width:135px; height:130px; overflow:hidden; background:none; cursor:pointer; padding-top:10px; margin:0 50px; position:relative;}
.fiMask{ position:absolute; width:135px; height:130px; background:#DC0010; z-index:2; left:-135px; top:0;}
.fish-icon .fish-top,.fish-icon p{ position:relative; z-index:2;}
.fish-icon-01 .fish-top{ background:url(../images/icon-fish-03.png) no-repeat -49px 0; width:49px; height:50px; margin:0 auto;}
.fish-icon p{ width:100%; text-align:center; font-size:18px; color:#444; line-height:24px; padding-top:10px; color: #fff;}
.fish-icon-02 .fish-top{ background:url(../images/icon-fish-04.png) no-repeat -54px 0; width:54px; height:50px; margin:0 auto;}
.fish-icon-03 .fish-top{ background:url(../images/icon-fish-05.png) no-repeat -57px 0; width:57px; height:50px; margin:0 auto;}
.fish-icon-04 .fish-top{ background:url(../images/icon-fish-06.png) no-repeat -49px 0; width:49px; height:50px; margin:0 auto;}
.fish-icon-05 .fish-top{ background:url(../images/icon-fish-07.png) no-repeat -49px 0; width:49px; height:50px; margin:0 auto;}
.fish-icon-06 .fish-top{ background:url(../images/icon-fish-08.png) no-repeat -49px 0; width:49px; height:50px; margin:0 auto;}
.fish-icon-07 .fish-top{ background:url(../images/icon-fish-09.png) no-repeat -49px 0; width:49px; height:50px; margin:0 auto;}
.fish-icon-01.hover .fish-top{ background:url(../images/icon-fish-03.png) no-repeat 0 0; } 
.fish-icon.hover p{ color:#fff;}
.fish-icon-02.hover .fish-top{ background:url(../images/icon-fish-04.png) no-repeat 0 0; } 
.fish-icon-03.hover .fish-top{ background:url(../images/icon-fish-05.png) no-repeat 0 0;} 
.fish-icon-04.hover .fish-top{ background:url(../images/icon-fish-06.png) no-repeat 0 0; } 
.fish-icon-05.hover .fish-top{ background:url(../images/icon-fish-07.png) no-repeat 0 0;} 
.fish-icon-06.hover .fish-top{ background:url(../images/icon-fish-08.png) no-repeat 0 0;} 
.fish-icon-07.hover .fish-top{ background:url(../images/icon-fish-09.png) no-repeat 0 0;}

.food-bottom{ width: 100%; position:relative;background:url(../images/food/food_07.jpg) no-repeat; height: 900px; overflow: hidden;}
.fb01{ width: 1204px; height: 180px; position:absolute; left: 50%; margin-left: -602px; top: 250px; z-index: 2;}
.fb02{ width: 418px; height: 50px; position: absolute; left: 50%; margin-left: -209px; top: 540px; cursor: pointer; z-index: 2;}
.food-bottom video{ width: 100%; position: absolute; left: 0; top:0; opacity: 0; z-index: 1;}
.pageVideo{ width:100%; height:900px; overflow:hidden; position:relative;}
.pageVideoSwiper{ width:100%; height:900px; overflow:hidden;}
.pageVideoSwiper .swiper-slide{ width:100%; height:900px; background-position: center center; background-size: 100%;}
.pageVideoSwiper .swiper-slide01{background:url(../images/index-video-01.jpg) no-repeat;}
.pageVideoSwiper .swiper-slide02{background:url(../images/index-video-02.jpg) no-repeat;}
.pageVideoSwiper .swiper-slide03{background:url(../images/index-video-03.jpg) no-repeat;}
.pageVideoSwiper>.swiper-pagination-bullets{ width:1115px; padding-left:85px; left:40%; margin-left:-495px; text-align:left; bottom:100px;}
.pageVideoSwiper .swiper-pagination-bullet{ width:10px; height:10px; border-radius:10px; background:rgba(255,255,255,.5);}
.pageVideoSwiper .swiper-pagination-bullet-active{ background:rgba(255,255,255,.8);}
.pageVideoSwiper>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 3px;}

.pageVideoWrap{ width:100%; height:900px; overflow:hidden; position:relative; z-index:2;}
.pvW{ width:1200px; height:900px; position:relative; margin:0 auto; z-index:3;}
.pv-01{ position:absolute; left:0; bottom:200px; color:#fff; width:1200px; font-size:70px; font-family:"xqzpjt"; font-weight:normal; opacity:0}
.pv-03{ position:absolute; left:0; bottom:120px; color:#fff; width:970px; font-family:"宋体"; font-size:30px; font-weight:bold; opacity:0}
.pv-04{ position:absolute; left:130px; bottom:120px; width:32px; height:32px; background:url(../images/icon-pv-01.png) no-repeat; cursor:pointer;opacity:0}
.pvsMask{ width:100%; height:900px; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; z-index:1;}

.pageVideoSwiper .swiper-slide.swiper-slide-active .pv-01{ opacity:1; /*bottom:355px;*/ transition:all .8s ease-in 0s; -moz-transition:all .8s ease-in 0s; -ms-transition:all .8s ease-in 0s;-o-transition:all .8s ease-in 0s;-webkit-transition:all .8s ease-in 0s;}
.pageVideoSwiper .swiper-slide.swiper-slide-active .pv-02{ opacity:1; bottom:250px; transition:all .8s ease-in .5s; -moz-transition:all .8s ease-in .5s; -ms-transition:all .8s ease-in .5s;-o-transition:all .8s ease-in .5s;-webkit-transition:all .8s ease-in .5s;}
.pageVideoSwiper .swiper-slide.swiper-slide-active .pv-03{ opacity:1; bottom:140px; transition:all .5s ease-in .5s; -moz-transition:all .5s ease-in .5s; -ms-transition:all .5s ease-in .5s;-o-transition:all .5s ease-in .5s;-webkit-transition:all .5s ease-in .5s;}
.pageVideoSwiper .swiper-slide.swiper-slide-active .pv-04{ opacity:1; bottom:140px; transition:all .5s ease-in .8s; -moz-transition:all .5s ease-in .8s; -ms-transition:all .5s ease-in .8s;-o-transition:all .5s ease-in .8s;-webkit-transition:all .5s ease-in .8s;}
.pageVideoSwiper .swiper-slide video{ opacity:0; width:100%; position:absolute; left:0; top:0; z-index:1;}
.pvsClose{ position:absolute; opacity:0; right:20px; top:20px; z-index:5; background:url(../images/close.png) no-repeat; width:40px; height:40px; cursor:pointer;}
.newsListPage{ width: 100%; position: relative; background: #fafafa; margin-top: 10px; padding:30px 0;}
.newsList{ width:100%; height:520px; margin:60px auto 100px;  position:relative;}
.newsListLeft{ width:50%; float: left; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; padding-left: 10px;}
.nll{ width:100%; height:550px; overflow: hidden;} 
.nll .swiper-pagination-bullet-active{ background:#DC0010;}
.nll .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.nllTop{ width:100%; height:520px; overflow: hidden; position: relative;}
.nllTop img{ width:100%;}
.nllTop p{width:100%; height: 40px; position: absolute;left: 0; bottom: 0; line-height: 40px; text-align: center; background: rgba(0,0,0,.4); color: #fff; font-size: 16px;}
.newsListLeft .swiper-pagination{ text-align: center; padding-left: 30px;} 
.nllBom{ width:420px;  cursor:pointer; padding-top: 10px;}
.nllBomLeft{ float:left; width:50px; white-space:nowrap; font-size:22px; color:#333; height:42px; line-height:42px;}
.nllBomLeft a{ color:#333;font-size:22px;}
.nllBomLeft a{ color:#333;font-size:22px;}
.nllBomLeft a:hover{ color:#333;}
.nllBomRight{ float:left; width:20px; background:url(../images/icon-newslist-02.png) no-repeat right center; height:42px;transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;}
.nllBom:hover .nllBomRight{ width:36px;  transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;}
.newsListRight{ width:50%;  float: left; box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; padding-left: 50px;}
.nlR{ width:90%; padding-top:25px;}
.nlR p{  color:#adadad; padding: 5px 0; white-space:nowrap;}
.nlR p span{ font-size:16px; padding:0 3px;transition:all .2s ease 0s;}
.nlR p span:first-child{ padding-left:0;}
.nlR h3{ line-height:1.6em; font-weight:normal;white-space:nowrap;}
.nlR h3 a{ font-size:18px; color:#444;transition:all .2s ease 0s;}
.nlR:hover p span{ font-size: 18px; transition:all .2s ease 0s;}
.nlR:hover a{ font-size: 20px; transition:all .2s ease 0s;}
.footer{ width:100%; height:278px; background:url(../images/bg_05.jpg) no-repeat center bottom; padding-top:122px; overflow:hidden; position: relative;}
.footer-01{ background:url(../images/icon-footer-01.png) no-repeat; width:1200px; height:76px; margin:0 auto;}
.footer-02{ width:1200px; margin:0 auto; position:relative; height:70px;}
.footer02-01{ position:absolute; left:0; top:15px; font-size:16px; width:1015px; height:19px; color: rgba(0,0,0,.7); white-space: nowrap;}
.footer02-01 span{ padding:0 3px;}
.footer02-02{ position:absolute; right:0; top:13px; width:172px; height:30px; z-index: 2;}
.footer02-02 a{ float:left; display:block; width:28px; height:28px; background:rgba(0,0,0,.5); border-radius:28px; text-align:center; margin:0 3px; position:relative;}
.footer02-02 a:nth-child(1){ padding-top:5px; height:23px;}
.footer02-02 a:nth-child(2){ padding-top:5px; height:23px;}
.footer02-02 a:nth-child(3){ padding-top:5px; height:23px;}
.footer02-02 a:nth-child(4){ padding-top:4px; height:24px;}
.footer02-02 a:nth-child(5){ padding-top:5px; height:23px;}
.footer02-02 a i{ position:absolute; left:0; top:0; display:block; width:28px; height:28px;border-radius:28px; z-index:1; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s;-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;}
.footer02-02 a:hover i{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(0);transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;}
.footer02-02 a img{ position:relative; z-index:2;}
.footer02-02 a:nth-child(1) i{ background:#DC0010;}
.footer02-02 a:nth-child(2) i{ background:#FF9933;}
.footer02-02 a:nth-child(3) i{ background:#000000;}
.footer02-02 a:nth-child(4) i{ background:#1891FF;}
.footer02-02 a:nth-child(5) i{ background:#DC0010;}
.footer02-02 a:nth-child(4) b{width:100px; height:30px; line-height: 30px; display:none; position:absolute; left:-35px; top:35px;  background: rgba(0,0,0,.5); color: #fff;border-radius: 5px;}
.footer02-02 a:hover:nth-child(4) b,.footer02-02 a:nth-child(3) b:hover{display: block;}
.wx{ position:absolute; left:-35px; top:35px; width:100px; background:#fff; display:none;transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;}
.wx img{ width:100px;padding: 3px; background: #fff;}
.wx p{ width:100%; text-align:center; font-size:12px; line-height:24px;}
.ftsoso{ width:300px; background:none; text-align:left;}
.ftsoso input{ float:left; width:200px; height:20px;}
.ftsoso button{ float:left; width:43px; height:24px; font-size:12px; text-align: center; line-height: 20px; overflow: hidden; white-space: nowrap;} 
.footer02-02 a .wx p{ color:#333;}
.footer02-02 a:hover .wx p{ color:#333;}
.footer02-02 a:hover .wx{ display:block;transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;}
.footer-03{ position: absolute; left: 0; bottom: 0; width:100%; margin:0 auto; height:50px; line-height: 50px; color:#949494; background: rgba(0,0,0,.8);font-size:14px; overflow:hidden;}
.footer03{ width: 1200px; margin:0 auto;}
.footer-03 b{ float:right; color:#949494; font-weight:normal;}
.footer-03 b a{ color:#949494; padding:0 10px;}
.footer-03 span{ padding:0 10px;}
.footer-03 span a,.footer-03 span a:hover{color:#949494;}
.shop{ width: 100%; padding: 10px 10px 10px 0; box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; overflow: hidden;}
.shop li{ float:left; width: 50%;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; padding-left: 10px;}
.shop-left{ float: left; width: 100%; position: relative; cursor: pointer;}
.shop-left img{ width: 100%; height: 480px;}
.shop-right{ width:100%; height:480px; border: 1px solid #959595;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box; -ms-box-sizing: border-box; cursor: pointer;}
.shop-right-content{ width: 89%; margin: 0 auto;  padding-top: 50px;}
.shop-right-content h1{ font-size:24px; font-weight: 700;letter-spacing:8px; color: #cd0000; line-height: 2em; padding: 10px 0;}
.shop-right-content dl{ width: 80%; font-size: 20px; color: #424242; overflow: hidden; padding-bottom: 20px; white-space: nowrap;}
.shop-right-content dl dd{ white-space: nowrap;}
.shop-right-content dl dd a{ display: block; float: left; width: 50%; height: 40px; line-height: 40px; color: #444; font-size: 16px;}
.shop-right-content dl dd a:hover{ color: #444;}
.shop-right-content dl dd a:last-child{ color: #fff; text-indent: 1em; width: 13em;}
.shop-right-content dl dd a:last-child span{background:rgba(1,1,1,.2); display: block; width: 100%; height: 30px; line-height: 30px; margin-top: 5px;}
.shop-right-content .moreShop{width: 100%; margin-top: 10px;letter-spacing: 2px; color: #424242; font-size: 17px; line-height: 2.5em; font-weight: 700;}
.shop-right-content .more{ display:block; width: 116px; height: 30px; border: 1px solid #222222;line-height: 30px; font-size: 16px; color: #222222; text-align: center;}
.shop-right-content .more:hover{ color: #fff; background: #cd0000; border: 1px solid #cd0000;}
.banner-arrow{ position:fixed; width: 50px; height: 50px; right: 25px; bottom: 75px; background: url(../images/index_top.png) no-repeat center center rgba(0,0,0,.2); opacity: 0; z-index: 8; cursor: pointer;}
.leaving_message{ background-color: rgba(0,0,0,.2);
    color: #fff;
    font-size: 16px;
    padding: 4px;
    box-sizing: border-box;
    text-align: center; position:fixed; width: 50px; height: 50px; right: 25px; bottom: 140px; opacity: 0; z-index: 8; cursor: pointer;}
.index_alert{opacity: 1; background-color: #fff; box-shadow: 0px 0px 8px #3C3C3C; width: 800px;  margin: 0px auto; position:absolute; left: 50%; top:150px; z-index: 111; transform: translate(-50%,0);}
.index_alert_t{ background-image: url(../images/feedback/index.png); height: 65px; background-size: 100% auto;}
.index_alert_c{ text-align: center; padding: 60px 0px; font-size: 22px; line-height: 1.5em;}
.index_alert_bottom{ border-top: 1px solid #dfdfdf; text-align: center; padding: 20px 0px;}
.index_alert_bottom button{ width: 168px; height: 37px; font-size: 16px; background-color: #fff; cursor: pointer;}
.index_alert_bottom .but1{ color: #7f7f7f; border: 1px solid #7f7f7f;}
.index_alert_bottom .but2{color: #000000; border: 1px solid #000000; margin-left: 30px;}
/**subpage**/
.top{ width:100%;background:#1c1c1c; position: relative; z-index: 9; cursor: pointer;}
.topFixed{ position: fixed; left: 0; top: 0; z-index: 9;}
.topBlock{ width: 100%; height: 34px;}
.tpCnt{ width:1200px; margin:0 auto; height:34px; line-height:34px; font-size:14px; overflow:hidden; position:relative; cursor:pointer;}
.tpC{ float:left; color:#fff;}
.tpC a{ color:#fff; padding-right:5px;}
.tpC a:hover{ color:#fff;}
.tpC span{ display: inline-block;animation:spanDown 1.5s linear infinite;transform:translateY(-15%); }
.tpC span.hover{ animation: none; transform: rotate(-90deg);}
@-webkit-keyframes spanDown {
	50%{transform:translateY(0);}
	100%{transform:translateY(15%);}
}
@-o-keyframes spanDown {
	50%{transform:translateY(0);}
	100%{transform:translateY(15%);}
}

@-moz-keyframes spanDown {
	50%{transform:translateY(0);}
	100%{transform:translateY(15%);}
}
@keyframes spanDown {
	50%{transform:translateY(0);}
	100%{transform:translateY(15%);}
}
.road-top{ width:100%; height:50px; background:#fff; box-shadow:0 5px 5px rgba(0,0,0,.1); position:relative; z-index:1;}
.rdTCnt{ width:1170px; margin:0 auto; height:50px; position:relative; padding-right:30px;}
.rdTsoso{ float:right; width:29px; height:29px; cursor:pointer; overflow:hidden; margin-top:10px; position: relative; z-index: 2;}
.rdTsoso .soImg1{ position:absolute; right: 2px; top: 8px; z-index: 3;}
.rdTsoso input{ float: left; width:0; height:19px; border:none; padding:5px 0;}
.rdTsoso a{ display: block; display: none;width: 19px;height: 19px;position: absolute; right: 2px; top: 6px; z-index: 3;}
.rdTsoso.active{ width:231px; border:1px solid #e7e7e7; box-shadow:0 0 10px rgba(0,0,0,.1);transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;}
.rdTsoso.active input{ width:200px;}
.rdTsoso img{ float: left; margin-top: -2px;}
.roadLogo{ margin-top:5px;}
.rdTCnt span{ float:right; font-size:16px; line-height:50px; color:#b7b7b7;}
.rdTCnt a{ color:#b7b7b7; padding:0 5px;}
.rdTCnt a:last-child{ color:#737373;}
/**foodmaterial**/
.foodmaterial{width: 100%;}
.food-1{width: 100%;height:980px;background:url(../images/food/foodmaterialBanner.jpg) no-repeat center top #000; background-size: cover;}
.food-3{width: 1400px;margin: 0 auto; overflow: hidden; padding-bottom: 90px;}
.food-3 ul{ width: 1400px;}
.food-3 ul li{ width: 1400px; padding-top: 90px; overflow: hidden;}
.food-3 ul li img{ float: left; width: 262px; display: block;}
.fdFont{ float: left; width: 1108px; border-bottom: 1px solid #E6E6E6; padding: 50px 0 30px 0; height:212px; }
.fdFont h3{ font-size: 32px; color: #242424; font-weight: normal; }
.fdFont p{ font-size: 18px; color: #6e6e6e; line-height: 30px; padding-top: 30px; }
.food-3 ul li.first .fdFont{ padding-left: 30px;}
.food-3 ul li.second .fdFont{ padding-right: 30px;}
.food-3 ul li.last .fdFont{ border-bottom: none;}
.fdmTips{ width:100%; text-align: center; font-size: 20px; color: #939393; padding: 100px 0; font-weight: 500;}

/**video**/
.videoBanner{ width: 100%; background: url(../images/video_title.jpg) no-repeat center top #1f202a; height: 398px;}
.wrapVideoList{ width: 1400px; margin: 0 auto; padding: 30px 0 80px;}
.videoesList{ width:1400px; overflow: hidden; padding-top: 60px;}
.videoesList li{ width: 1400px;padding: 15px 0 0;}
.videoesList li a{ display: block; width: 100%; position: relative; z-index: 1; overflow: hidden; cursor: pointer;}
.videoesList li a .vslPic{ float: left; width: 360px; height: 220px; padding-right: 25px;}
.videoesList li a .vslPic img{ width: 360px; height: 220px;}
.videoesList li a .vslRight{ float: left; width: 1015px; padding-top: 30px; height: 189px;  border-bottom: 1px solid #D9D9D9;}
.videoesList li a .vslRight h3{ font-weight: normal; font-size: 26px; color: #2a2a2a; letter-spacing: 2px;}
.videoesList li a .vslRight p{ font-size: 16px; color: #333; padding-top: 10px; line-height: 24px; text-align: justify;}
.videoesList li a .vslRight h2{ width: 105px; line-height: 40px; height: 40px; margin-top: 20px; border: 1px solid #6e6e6e; font-weight: normal; font-size:20px; color: #292929; background: url(../images/videoes/videoes_play_btn.png) no-repeat 10px center; padding-left: 45px;}
.videoesList li:last-of-type a .vslRight{border-bottom: none;}
.fullMask{ position: fixed; left: 0; top: 0; bottom: 0; right: 0; background:rgba(0,0,0,.8); z-index: 99; display: none;}
.fullMask video{ position: absolute; left: 15%; display: block; z-index: 100px;}
#playercontainer{ position: absolute; left: 15%; top:10%; display: block; z-index: 100px;}
.fmvClose{ width: 60px; height: 60px; position: absolute; right: 10px; top:10px; z-index: 101; cursor: pointer;}
.fmvClose img{ width: 60px; height: 60px;}
/***brandRoad***/
.brandRoadContent{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.brandRoadContent .swiper-slide{text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center; width: 100%; overflow: hidden;}
.brandRoadContent .swiper-slide.bd01{ width: 100%; height: 100%; background: url(../images/brandRoad/bd_01.jpg) no-repeat center center; background-size:cover; position: relative; display: block;}
.brandRoadContent .swiper-slide.bd02{ width: 100%; height: 100%; background: url(../images/brandRoad/bd_02.jpg) no-repeat center center; background-size:cover; position: relative;}
.bd01Cnt{ width: 1360px; margin: 0 auto; height: 100%; position: relative; z-index: 2;}
.bd01Cnt-01{ position: absolute; right: 0; bottom: 490px; opacity: 0;}
.bd01Cnt-02{ position: absolute; right: 0; bottom: 433px; opacity: 0; width: 830px; text-align: right; font-size: 18px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.5); letter-spacing: 2px; line-height: 1.8em;}
.bd01Cnt-03{ position: absolute; right: 0; bottom: 320px; opacity: 0; width: 830px; text-align: right; font-size: 18px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.5); letter-spacing: 2px; line-height: 1.8em;}
.bd01Cnt-04{ position: absolute; right: 0; bottom: 206px; opacity: 0; width: 1030px; text-align: right; font-size: 18px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.5); letter-spacing: 2px; line-height: 1.8em;}
.bd01Cnt-05{ position: absolute; right: 0; bottom:120px; opacity: 0; }
.bd01 video{ position:absolute; left: 0; top: 0; z-index: 1; width: 100%;}
.bd02Img{ position: absolute; left:0; top: 0; animation: zoom-out 20s ease 0s; -webkit-animation: zoom-out 20s ease 0s; z-index: 1;}
.bd02Cnt{ width: 1120px; padding-left: 80px; height: 700px; position: absolute; left: 50%; margin-left: -600px; z-index: 2; top: 50%; margin-top: -300px;}
.bd02CntFont-01{ float: left; background: url(../images/brandRoad/bd_02_font_01.png) no-repeat; width: 60px; height: 0; margin-right: 25px;}
.bd02CntFont-02{ float: left; background: url(../images/brandRoad/bd_02_font_02.png) no-repeat; width: 41px; height: 0; margin-right: 105px;}
.bd02CntFont-03{ float: left; background: url(../images/brandRoad/bd_02_font_03.png) no-repeat; width: 43px; height: 0; margin-right: 105px;}
.bd02CntFont-04{ float: left; background: url(../images/brandRoad/bd_02_font_04.png) no-repeat; width: 44px; height: 0; margin-right: 105px;}
.bd02CntFont-05{ float: left; background: url(../images/brandRoad/bd_02_font_05.png) no-repeat; width: 39px; height: 0; margin-right: 105px;}
.bd02CntFont-06{ float: left; background: url(../images/brandRoad/bd_02_font_06.png) no-repeat; width: 40px; height: 0;}
.bd02CntFont-07{ float: left; /*background:url(../images/brandRoad/bd_02_font_07.png) no-repeat;*/ width: 28px; height: 0; margin-right: 330px; margin-top: 188px;}
.brandRoadContent .swiper-slide.bd03{ width: 100%; height: 100%; background: url(../images/brandRoad/bd_03.jpg) repeat center center; background-size:contain; position: relative;}
.bd03Bg{ width:100%; height: 100%; display: flex; position: relative; z-index: 3; background: url(../images/brandRoad/river.png) no-repeat left top;}
.bd03BgBtnLeft{ position: absolute; left: 70px; top:50%; z-index: 4; cursor: pointer;width:50px; height: 70px; margin-top: -35px; background: url(../images/brandRoad/bd03BgBtnLeft.png) no-repeat; cursor: pointer;}
.bd03BgBtnRight{ position: absolute; right: 70px; top:50%; z-index: 4; cursor: pointer;width:50px; height: 70px; margin-top: -35px; background: url(../images/brandRoad/bd03BgBtnRight.png) no-repeat; cursor: pointer;}
.riverCircle{ position:absolute; width:30px; height: 30px; left: 0; top:0; z-index: 3; cursor: pointer; background: url(../images/brandRoad/riverCircle.png) no-repeat;animation:changeBig 3s infinite;}
.brandRoadContent .swiper-slide.bd04{ display: block; width: 100%; margin: 0 auto;}
.riverCircle01{ left:304px; top: 588px;}
.riverCircle02{ left:445px; top: 574px;}

.riverCircle04{ left:543px; top: 554px;}
.riverCircle05{ left:606px; top: 423px;}
.riverCircle06{ left:742px; top: 380px;}
.riverCircle07{ left:810px; top: 276px;}
.riverCircle08{ left:856px; top: 98px;}
.riverCircle09{ left:1039px; top:29px;}
.riverCircle10{ left:1255px; top:98px;}
.riverCircle11{ left:1258px; top:260px;}
.riverCircle12{ left:1218px; top:372px;}
.riverCircle13{ left:1200px; top:533px;}
.riverCircle14{ left:1200px; top:740px;}
.riverCircle15{ left:1350px; top:730px;}
.riverCircle16{ left:1500px; top:710px;}
/*.riverCircle15{ left:1667px; top:723px;}*/
.riverCircle.active{ background:none;}
@keyframes changeBig{
	0% { transform: scale(1,1);}
	50% {transform: scale(1.3,1.3);}
	100%{transform: scale(1,1);}
}
@-webkit-keyframes changeBig{
	0% { transform: scale(1,1);}
	50% {transform: scale(1.3,1.3);}
	100%{transform: scale(1,1);}
}
@-moz-keyframes changeBig{
	0% { transform: scale(1,1);}
	50% {transform: scale(1.3,1.3);}
	100%{transform: scale(1,1);}
}
@-o-keyframes changeBig{
	0% { transform: scale(1,1);}
	50% {transform: scale(1.3,1.3);}
	100%{transform: scale(1,1);}
}
.riverCnt{position: absolute; display: flex; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; transition:opacity .5s ease 0s; }
.river-01{ background: url(../images/brandRoad/river_2004.png) no-repeat left top;}
.river-02{ background: url(../images/brandRoad/river_2005.png) no-repeat left top;}
.river-03{ background: url(../images/brandRoad/river_2007.png) no-repeat left top;}
.river-04{ background: url(../images/brandRoad/river_2008.png) no-repeat left top;}
.river-05{ background: url(../images/brandRoad/river_2009.png) no-repeat left top;}
.river-06{ background: url(../images/brandRoad/river_2010.png) no-repeat left top;}
.river-07{ background: url(../images/brandRoad/river_2011.png) no-repeat left top;}
.river-08{ background: url(../images/brandRoad/river_2012.png) no-repeat left top;}
.river-09{ background: url(../images/brandRoad/river_2013.png) no-repeat left top;}
.river-10{ background: url(../images/brandRoad/river_2014.png) no-repeat left top;}
.river-11{ background: url(../images/brandRoad/river_2015.png) no-repeat left top;}
.river-12{ background: url(../images/brandRoad/river_2016.png) no-repeat left top;}
.river-13{ background: url(../images/brandRoad/river_2017.png) no-repeat left top;}
.river-14{ background: url(../images/brandRoad/river_2018.png) no-repeat left top;}
.river-15{ background: url(../images/brandRoad/river_2019.png) no-repeat left top;}
.river-16{ background: url(../images/brandRoad/river_2020.png) no-repeat left top;}
.riverCnt.active{ opacity: 1; z-index: 2;transition:opacity .5s ease 0s;}
.riverWrap{ width: 100%; position: relative;height: 100%;}
.riverWrap ul{ position:absolute; width:400px; font-size:20px; letter-spacing: 1px; text-align: left; color: #a05a28; line-height: 1.6em; z-index: 999999;}
.riverWrap ul li{ width:100%; overflow:hidden; padding-top: 10px;}
.riverWrap ul li b{ float: left; display:block; width: 5%;}
.riverWrap ul li a{ float: left; color:#a05a28; display: block; width: 95%;}
.riverWrap ul li a:hover{ color:#ce904c;}
.river-01 ul{ left: 280px; top: 655px;}
.river-02 ul{ left: 530px; top: 675px;}

.river-04 ul{ left: 615px; top: 645px; width:420px;}
.river-05 ul{ left: 715px; top: 530px;}
.river-06 ul{ left: 725px; top: 450px;}
.river-07 ul{ left: 800px; top: 335px;}
.river-08 ul{ left: 900px; top: 245px;}
.river-09 ul{ left: 900px; top: 230px;}
.river-10 ul{ left: 850px; top: 270px; width: 370px;}
.river-11 ul{ left: 970px; top: 350px;}
.river-12 ul{ left: 785px; top: 455px;}
.river-13 ul{ left: 750px; top: 530px;}
.river-14 ul{ left: 700px; top: 500px; width:470px;}
.river-15 ul{ left: 780px; bottom: 30px;}
.river-16 ul{ left: 780px; top: 400px;}
/*.river-15 ul{ left: 700px; top: 550px;}*/


.element {width: 260px;height: 260px;display: table-cell;text-align: center;vertical-align: middle; cursor: pointer;}
.element img{max-width: 260px;max-height: 260px;}
.rongYu{width:100%; height: 1000px; background: url(../images/brandRoad/images/load-bg-04.jpg) no-repeat top center; background-size: cover; position: relative;}
#container{margin-left: -392px;}
#container>div{bottom:40px;}
.rongtro{width:1400px; margin:0 auto; position: relative;}
.rongTxt{width:576px; opacity: 1; float: right;margin:225px auto 0;text-align: center;opacity: 0;transform:translateY(-50%); position: relative;}
.rongTxt.active{opacity: 1;transform:translateY(0); -moz-transition:all .8s ease 3s; -ms-transition:all .8s ease 3s;-o-transition:all .2s ease 3s;-webkit-transition:all .8s ease 3s;transition:all .8s ease 3s;}
.rongTxt .Txt-font-01{width:100%; height:101px;}
.rongTxt .Txt-font-02{width:100%; height:82px;position: absolute; top:121px; z-index: 2; font-size: 24px; color:#fff2ad; }
.rongTxt .Txt-font-03{width:100%; height:82px;position: absolute; top:121px; z-index: 1; background: url(../images/brandRoad/images/load-pic-02-guang.png) no-repeat left bottom; background-size: 0 82px;}
.rongTxt .Txt-font-03.active{background-size: 100% 82px;-moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}
.rongTxt .Txt-font-04{width:100%; height:11px;position: absolute; top:220px; z-index: 2; background: url(../images/brandRoad/images/load-pic-03.png) no-repeat; }
.rongTxt .Txt-font-05{height:35px; margin-top:148px;color: #fff2ad; }
.rongTxt .Txt-font-05 span{ height: 26px; line-height: 26px;  padding: 5px 15px; border: 1px solid #766f46; border-radius: 20px; font-size: 16px; font-weight: 400; letter-spacing: 8px}
.rongTxt .Txt-font-06{width:100%; text-align:center; color: #fff2ad; font-size: 16px; margin: 15px auto 15px; line-height:24px; text-transform:uppercase;}
.rongTxt .Txt-font-07{width:100%; height:30px; line-height:30px; font-size: 8px; color:#fff2ad;text-transform:uppercase;}
.imgGuang1{width:483px; height:800px;opacity: 0; position: absolute; top:0; left: 25%;z-index: 99; background: url(../images/brandRoad/images/load-bg-08.png) no-repeat top right; }
.imgGuang1.active{opacity: 1;-moz-transition:all .2s ease 1s; -ms-transition:all .2s ease 3s;-o-transition:all .2s ease 3s;-webkit-transition:all .2s ease 3s;transition:all .2s ease 3s; }
.bigImg{width:0;height:0;position: absolute; top:250px; left: 30%; text-align: center; z-index: 100; opacity: 0;-moz-transition:all .2s ease 0s; -ms-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-webkit-transition:all .2s ease 0s;transition:all .2s ease 0s; }
.bigImg.active{width:500px;height:500px; text-align:center; opacity: 1;-moz-transition:all .2s ease 0s; -ms-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-webkit-transition:all .2s ease 0s;transition:all .2s ease 0s; }
.bigImg img{transform: scale(0.8); -moz-transition:all .2s ease 0s; -ms-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-webkit-transition:all .2s ease 0s;transition:all .2s ease 0s;}
.bigImg.active img{position: absolute; top: 50%;left: 50%;transform: scale(0.9) translate(-50%, -50%);-moz-transform: scale(1) translate(-50%, -50%);-ms-transform: scale(1) translate(-50%, -50%);-webkit-transform: scale(1) translate(-50%, -50%);-o-transform: scale(1) translate(-50%, -50%);-moz-transition:all .2s ease 0s; -ms-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-webkit-transition:all .2s ease 0s;transition:all .2s ease 0s; }





/*新闻列表*/
.newslist{position: relative;height: 1000px;}
.newslist-banne{width: 100%; height: 400px;background: url(../images/newslist-banne.jpg)no-repeat top #c12814;}
.newslist-banne-1{width: 100%;height: 530px; padding-top: 70px; background:#EFEFEF; margin-top: 10px;} 
.newslistBottom{ width: 1400px; margin: 0 auto; overflow: hidden; height: 460px; position: relative;}
.newslistBottom .swiper-slide{ width: 100%; overflow: hidden;}
.newslistBottom-img{ float: left; width: 764px; height:428px; }
.newslistBottom-img img{ width: 764px; height: 428px;}
.newslistBottom-cnt{ float: left; width:576px; padding-left: 60px; padding-top: 200px;}
.newslistBottom-cnt h3{ font-size: 24px; font-weight: 500; letter-spacing: 1px;}
.newslistBottom-cnt h3 a{ color: #3e3e3e;}
.newslistBottom-cnt h3 a:hover{ color: #3e3e3e;}
.newslistBottom-cnt p{ font-size: 16px; color: #3e3e3e; line-height: 1.6em; padding: 20px 0; letter-spacing: 1px; text-align: justify;}
.newslistBottom.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 11px; height: 11px; background: #C9C9C9; opacity: 1;}
.newslistBottom.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #B10000;}
.newslistBottom.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0;}

.nlbc-time{ width: 100%; padding-top: 40px; }
.nlbc-time span{ font-size: 47px; color: #323232;}
.nlbc-time b{ font-weight: normal; font-size: 21px; color: #777;} 
.newslist-tuwen{width:1400px;margin: 0 auto; overflow: hidden;}
.newslist-wen{width: 566px;height: 304px;float: left;border: solid 1px #FFFFFF;color: #FFFFFF;margin-top: 140px;}
.newslist-wen dl{padding: 30px 25px 0 25px;height: 196px;}
.newslist-wen dl dt{font-size: 24px;padding-bottom: 20px;}
.newslist-wen dl dd{font-size: 16px;}
.newslist-wen2{font-size: 20px;padding:15px 0 0 22px;}
.newslist-wen2 b{font-size: 46px;font-weight: 400;}
.newslist-wen2 span{float:right;padding: 29px 26px 0 0;}
.newslist-tu{width:764px;height:460px;float: right;margin-top: 92px; position: relative;}
.newslist-tuwen .swiper-pagination{ text-align: right; bottom: 0;}
.newslist-tuwen .swiper-container{ height: 450px;}
.newslist-tuwen .swiper-pagination-bullet{ width: 12px; height: 12px;}
.newslist-tuwen .swiper-pagination-bullet-active{ background: #B10000;}









.newslist-leib{width: 1400px;margin: 0 auto; padding-top: 100px;}
.aierdjx {text-align: center;width: 588px;margin: 40px auto 100px;}
.aierdjx li{float:left;font-size: 24px;text-align: center;width: 196px;cursor:pointer;}
.aierdj1 li{display: none;}
.aierdjx li a.active{ color:#b10000;}
.newslist-leib0{ width: 100%;border-bottom: solid 1px #ececec; padding: 20px 0; overflow: hidden;}
.newslist-leib0-zuo{float: left;width: 254px;}
.newslist-leib0-zuo img{ width: 254px;}
.newslist-leib0-you{float: left;width: 1125px;margin: 0 0 0 20px;height: 182px;}
.newslist-leib0-you p {font-size: 16px;color: #999999;}
.newslist-leib0-you p span{ float: left; display: block; width: 69px; height: 23px; background: url(../images/newslist-leib-yf.png)no-repeat;letter-spacing: 7px;padding-left: 3px;color: #a07e46;}
.newslist-leib0-you p span.spanTwo{ float: left; display: block; width: 46px; height: 23px; background: url(../images/newslist-leib-yfl.png)no-repeat;letter-spacing: 7px;padding-left: 3px;color: #a07e46;}
.newslist-leib0-you p a{float:right;color: #999999;}
.newslist-leib0-you dl dt{padding:20px 0;}
.newslist-leib0-you dl dt a{font-size: 24px;color: #3c3c3c; font-weight: 500; letter-spacing: 2px;}
.newslist-leib0-you dl dd{font-size:16px;color: #5b5b5b; line-height: 1.8em; letter-spacing: 1px; text-align: justify;}
.newslist-leib-gd a{display: block;width: 144px;height: 44px;background: #000000;color:#FFFFFF;text-align: center;line-height: 44px;font-size: 18px;margin: 100px auto;}
#infscr-loading div{width: 184px;height: 44px;background: #000000;color:#FFFFFF;text-align: center;line-height: 44px;font-size: 18px;margin: 100px auto;}
.yanshi1{color: #b10000;}
.hideBlck{ display: none;}
/*新闻内容*/
.news-nr-bt{width: 100%;height: 159px;background: #f2f2f2;}
.news-nr-bt1{width: 1200px;margin: 0 auto;padding: 42px 0 0 0;}
.news-nr-bt1 span{font-size: 14px; color: #6e6e6e; letter-spacing: 2px;}
.news-nr-bt1 h3{font-size: 32px;padding-top: 10px; letter-spacing: 2px; color: #343434;}
.news-nr-tw{width: 1200px;margin: 0 auto;padding: 36px 0;overflow: hidden;line-height: 28px; font-size: 16px;}
.news-nr-tw>img{margin:10px auto;}

.news-nr-tw p{font-size: 17px; letter-spacing: 1px; line-height: 24px; color: #4d4d4d;text-align: left;/*text-indent: 2em;*/}
.news-nr-tw span{font-size: 18px;}
.news-nr-tw-pic { text-align: center; padding-top: 40px;}
.news-nr-tw p.center{ text-align: center; padding: 5px 0 40px;}
.news-nr-tw2{width: 1200px;margin: 0 auto;height:168px;border-top: 1px solid #b2b2b2;padding: 10px 0 0 0;}
.news-nr-tw2-1 a{padding: 8px 26px;font-size: 14px;border: 1px solid #a0a0a0;float:left;margin-right: 10px;}
.news-nr-tw2-2{float:right;padding: 20px 0 0 0;}
.news-nr-tw2-2 a{margin-left: 18px;position: relative;}
.wx1{ text-align: center;position:absolute; left:-35px; top:35px; width:100px; background:#fff; display:none;transition:all .3s ease 0s; -moz-transition:all .3s ease 0s; -ms-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s; z-index: 2;}
.wx1 img{ width:100px;}
.news-nr-tw2-2 a:hover .wx1{display: block;}
/*招聘信息*/
.recruitment-banne{width: 100%;height:400px;background: url(../images/recruitment-banne.jpg) no-repeat center top #a01700;}
.recruitment-nr{width: 1400px;margin: 0 auto;overflow: hidden;padding-top: 100px;}
.recruitment-nr-0{padding-bottom: 100px;width: 1600px;}
.recruitment-nr-1{width: 435px;float: left;background: #f8f8f8;position: relative;margin-right: 48px; min-height:345px;}
.recruitment-nr-1 h3{ font-family:"xqgzdjt"; font-weight: normal;text-align: center;height: 40px;font-size: 30px;letter-spacing:2px; background: #a40000;line-height: 40px;color: #FFFFFF;}
.recruitment-nr-1 dl{padding: 0 22px;overflow: hidden;}
.read-more{text-align: center; margin: 0 auto;cursor: pointer; width: 26px; height: 23px;}
.recruitment-nr-1 dl dt{text-align: center;font-size: 18px;color: #a40000;font-weight: 600;padding: 26px 0 12px 0;}
.recruitment-nr-1 dl dd{color: #747474;font-size: 14px; line-height: 26px;}
/*.recruitment-nr-1 p{text-align: center;font-size: 20px;color: #a40000;text-indent:6px;font-weight: 600;background: url(../images/recruitment-nr-1-p.png)no-repeat left;width: 275px; margin:20px auto 44px;}*/
.recruitment-nr-1 p{text-align: center;font-size: 20px;color: #a40000;font-weight: 600;width: 100%;margin:20px auto 44px; height: 29px;}
.recruitment-nr-1 p img{ padding-right: 5px; padding-top: 3px;}
.recruitment-nr-1 a{display: block;width: 166px;height: 36px;border: solid 1px #3C3C3C;font-size: 18px;line-height: 36px;text-align: center;background: #FFFFFF;position: absolute;bottom:-20px;left: 50%;margin-left: -83px; color: #4d4d4d; z-index: 2; }
.recruitment-nr-1 a:hover{ color:#4d4d4d; }
.recruitment-nr-gd a{display: block;width: 144px;height: 44px;background: #000000;color:#FFFFFF;text-align: center;line-height: 44px;font-size: 18px;margin: 0 auto;margin-bottom: 100px;}
/**foodList*/
.foodBanner{height:400px;background: url(../images/demo/food_banner.jpg) no-repeat center top #c12814;}
.foodBannerCnt{ position: relative; width:1400px; height: 400px; margin: 0 auto;}
.foodBannerhot{ position: absolute; width: 734px; height: 400px; right: 20px; bottom: 0; z-index: 3; animation:fishWhole 10s linear infinite; opacity: 0;}
.foodBannerhot img{ opacity: .5;}
.foodBannerhot01{ position: absolute; width: 734px; height: 400px; right: 20px; bottom: 0; z-index: 4; animation:fishWhole 10s linear infinite 4s; opacity: 0;}
.foodBannerhot01 img{ opacity: .5;}
.fdBT-01,.fdBT-02,.fdBT-03,.fdBT-04,.fdBT-05,.fdBT-06{ position:absolute;}
.fdBT-01 img,.fdBT-02 img,.fdBT-03 img,.fdBT-04 img,.fdBT-05 img,.fdBT-06 img{ width:100%;}
.fdBT-01{ width: 83px; left: 14px; top: 262px; }
.fdBT-02{ width:117px; left: 38px; top:164px; }
.fdBT-03{ width: 89px; left: 163px; top:197px; }
.fdBT-04{ width:101px; left: 260px; top:167px; }
.fdBT-05{ width: 86px; left: 381px; top:189px; }
.fdBT-06{ width:41px; left: 499px; top:180px;}
.foodHeader{width: 100%; height: 100px;padding: 150px 0 0;}
.foodHeader p{width: 100%; height: 100px;line-height: 100px; text-align: center;}
.foodHeader p a{font-size: 24px; line-height: 28px; padding:0 32px;}
.foodHeader p .active{color:#b60000;}
.wrapFoodList{ width: 1395px; margin: 0 auto; padding-bottom: 50px; overflow: hidden;}
.foodList{width: 1400px;overflow: hidden;}
.foodList li{width: 465px;height: 440px;float: left;position: relative;padding: 35px 0 0;cursor: pointer;overflow: hidden;}
.foodList li a{width: 100%;  display: block; }
.foodList .foodPic{width: 373px; height: 300px; position: relative; z-index: 1; margin: 0 auto;}
.foodList .foodPic img{width:373px;transform: scale(1); display: block; transition: all .3s ease-out 0s;}
.foodList li a h3{width: 100%; height: 30px; line-height: 30px; font-size: 24px; text-align: center;margin-top: 10px;font-weight: 400; display: flex;align-items: center;justify-content: center;}
.foodList li a h3 img{ padding-right: 5px; padding-top: 4px;}
.foodList li a h3 i{ background: #b01100; color: #fff; font-size:16px; padding:0 5px; height: 25px; line-height: 23px; border-radius: 5px; font-style: normal; margin-right: 5px;}
.foodList li a p{ width: 100%; font-size: 15px; text-align: center; color:#898989; line-height: 1.5em; transform: translate3d(0,10px,0);transition: all 0.5s;opacity: 0;}
.foodList .foodPic span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;}
.foodList .foodPic span:nth-of-type(1){opacity: 1;}
.foodList .foodPic span:nth-of-type(2){opacity: 0;}
.foodList .reqi{width:466px; height: 318px; position: absolute; left: 0; top:-90px;left:0; z-index: 3; opacity: 0;}
.foodList .reqi01{width:466px; height: 318px; position: absolute; left: 0; top:-90px;left:0; z-index: 4; opacity: 0;}
@keyframes reqi{
	50%{transform:translateY(-25%); opacity: 1;}
	100%{transform:translateY(-50%); opacity: 0;}
}
@-webkit-keyframes reqi{
	50%{transform:translateY(-25%); opacity: 1;}
	100%{transform:translateY(-50%); opacity: 0;}
}
@-moz-keyframes reqi{
	50%{transform:translateY(-25%); opacity: 1;}
	100%{transform:translateY(-50%); opacity: 0;}
}
@-o-keyframes reqi{
	50%{transform:translateY(-25%); opacity: 1;}
	100%{transform:translateY(-50%); opacity: 0;}
}
.foodList li a:hover .foodPic img{transform: scale(1.4); transition: all .3s ease-out 0s;}
.foodList li a:hover .foodGif span:nth-of-type(1){opacity: 0;}
.foodList li a:hover .foodGif span:nth-of-type(2){opacity: 1;}
.foodList li a:hover h3{color: #000;}
.foodList li a:hover p{opacity: 1; transform: translate3d(0,10px,0);}
.foodList li a:hover .reqi{ animation:reqi 4s linear infinite;}
.foodList li a:hover .reqi01{ animation:reqi 4s linear infinite 2s;}
/**fish**/
.fishW-banner{ width: 100%; background: url(../images/fh_13.jpg) no-repeat center top; height: 100%; background-size: cover; min-height: 600px; position: relative;}
.fishWbWrap{ width:1400px; margin:0px auto;height: 100%; min-height: 600px;position: relative;}
.fW-01{ width: 903px; height: 606px; position: absolute; left: -200px; bottom: 30px; z-index: 1;}
.fishWbWrap0101{ overflow: hidden;}
.fW-02{ width: 462px; height: 173px; position: absolute; right: 150px; top: 100px; opacity: 0; z-index: 2; text-align: center;}
.fW-03{ width: 679px; position: absolute; right: 20px; bottom: 460px; opacity: 0; z-index: 2; color: #fff; font-size:20px; line-height: 1.8em; text-align: justify; letter-spacing: 1px;}
.fW-04{ width: 679px; position: absolute; right: 20px; bottom: 320px; opacity: 0; z-index: 2; color: #fff; font-size:20px; line-height: 1.8em; text-align: justify; letter-spacing: 1px;}
.fW-05{ width: 679px; position: absolute; right: 20px; bottom: 220px; opacity: 0; z-index: 2; color: #fff; font-size:20px; line-height: 1.8em; text-align: justify; letter-spacing: 1px;}
.fW-06{ width: 679px; position: absolute; right: 20px; bottom: 100px; z-index: 2; color: #caae80; font-size:16px; line-height: 1.8em; text-align: justify; letter-spacing: 1px;}
.fW-12{ width: 900px; height: 905px; position: absolute; left: -250px; bottom: 80px; z-index: 3;animation:fishWhole 8s linear infinite; opacity: 0;}
.fW-13{ width: 900px; height: 905px; position: absolute; left: -250px; bottom: 80px; z-index: 4;animation:fishWhole 8s linear infinite 4s; opacity: 0;}
@keyframes fishWhole{
	50%{transform:translateY(-20%); opacity: 1;}
	100%{transform:translateY(-50%); opacity: 0;}
}
@-webkit-keyframes fishWhole{
	50%{transform:translateY(-20%); opacity: 1;}
	100%{transform:translateY(-50%); opacity: 0;}
}
@-moz-keyframes fishWhole{
	50%{transform:translateY(-20%); opacity: 1;}
	100%{transform:translateY(-50%); opacity: 0;}
}
@-o-keyframes fishWhole{
	50%{transform:translateY(-20%); opacity: 1;}
	100%{transform:translateY(-50%); opacity: 0;}
}
.fishWbWrap01{ width:1400px; margin:0px auto; overflow: hidden; padding-bottom: 150px;}
.fishW-01{ width: 100%; text-align: center; padding:100px 0 60px; font-size: 24px; color: #2d2d2d; cursor: pointer;}
.fishW-01 span{ padding: 0 20px; letter-spacing: 5px;}
.fishW-01 span.active{ color: #b10000;}
.fishW-01 span.active a{ color: #b10000;}
.fishW-01 span.active a:hover{ color:#b10000;}
.fishW-02{ float: left; width: 600px; padding-left: 100px; height: 150px; position: relative; margin-top: 50px;}
.fish0201{ width: 413px; padding-left: 165px; height: 148px; border: 1px solid #a8a8a8;}
.fishW02{ position: absolute; left: 0; top: -5px;}
.fish0201 h3{ font-size:24px; color: #000; font-weight: 500; line-height: 1.4em; padding-top: 20px; letter-spacing: 1px;}
.fish0201 p{ width: 390px; font-size:14px; line-height: 1.6em; color: #7f7f7f; padding-top: 10px; letter-spacing: 1px;}
.fishW-0201{padding-left: 120px;width: 580px; }
.fishW-0201 .fishW02{ left: 20px;}
/**store**/
.store_banner{ width: 100%; background: url(../images/store_01.jpg) no-repeat center top #1B0B0C; height: 400px;}
.store-list-top span{ letter-spacing:normal;}
.store-list{ width: 1400px; height: 60px;}
.storeList{ width: 1400px; height: 240px;margin-top: 30px; overflow: hidden;}
.storeList a{ display: block;  width: 1400px; height: 240px;}
.storeListLeft{ float: left; width:380px; height: 240px; overflow: hidden;}
.storeListLeft img{width: 380px; height: 240px; display: block;transform: scale(1); transition: all .5s ease 0s;}
.storeList .storeListRight{ float: left; width: 990px; height: 238px; padding-left: 29px;position: relative; border: 1px solid #D2D2D2; border-left: 0;}
.storeList .storeListRight h3{ font-weight: normal;font-size:26px; line-height: 1.6em; color: #2d2d2d; padding-top: 40px;}
.storeList .storeListRight p{ font-size: 16px; line-height: 1.6em; color: #b0b0b0;}
.storeList .storeListRight h2{ font-weight: normal; font-size:20px; color: #b0b0b0; background: url(../images/storeList_01.png) no-repeat left center; padding-left: 38px; height: 30px; line-height: 30px; margin-top: 50px; transition: all .5s ease 0s;}
.storeList a:hover .storeListRight{ border-color: #860606; transition: all .5s ease 0s;}
.storeList a:hover .storeListRight h3{ color: #fff;}
.storeList a:hover .storeListRight h2{ color: #fff;}
.storeList a:hover img{ transform: scale(1.05); transition: all .5s ease 0s;}
.slt-01{ background:url(../images/storeList_02_black.png) no-repeat 785px center #fff;}
.slt-02{ background:url(../images/storeList_03_black.png) no-repeat 785px center #fff;}
.slt-03{ background:url(../images/storeList_04_black.png) no-repeat 785px center #fff;}
.slt-04{ background:url(../images/storeList_05_black.png) no-repeat 785px center #fff;}
.slt-05{ background:url(../images/storeList_06_black.png) no-repeat 785px center #fff;}
.slt-06{ background:url(../images/storeList_07_black.png) no-repeat 785px center #fff;}
.slt-07{ background:url(../images/storeList_08_black.png) no-repeat 785px center #fff;}
.storeList a:hover .slt-01{ background:url(../images/storeList_02_white.png) no-repeat 785px center #860606;}
.storeList a:hover .slt-02{ background:url(../images/storeList_03_white.png) no-repeat 785px center #860606;}
.storeList a:hover .slt-03{ background:url(../images/storeList_04_white.png) no-repeat 785px center #860606;}
.storeList a:hover .slt-04{ background:url(../images/storeList_05_white.png) no-repeat 785px center #860606;}
.storeList a:hover .slt-05{ background:url(../images/storeList_06_white.png) no-repeat 785px center #860606;}
.storeList a:hover .slt-06{ background:url(../images/storeList_07_white.png) no-repeat 785px center #860606;}
.storeList a:hover .slt-07{ background:url(../images/storeList_08_white.png) no-repeat 785px center #860606;}
.storeContent_banner{ width: 100%; height: 160px; background: #f2f2f2;}
.storeContent_banner h1{ width: 100%; text-align: center;font-size: 32px; color: #343434; line-height: 160px;}
.store_content{ width:1400px; margin: 0 auto; padding: 60px 0 120px; overflow: hidden;}
.storeCnt-01{ float: left; width: 920px; height: 540px; margin-right: 10px; overflow: hidden; position: relative;}
.storeCnt-01 img{ display: block;  width: 920px; height: 540px;}
.storeCnt-02{ float: left; width: 470px; height: 540px; overflow: hidden; position: relative; background: url(../images/storeCnt_02.jpg) no-repeat;}
.storeCnt-02 .swiper-pagination{ text-align: left; padding-left: 45px; bottom: 150px;}
.storeCnt-02 .swiper-pagination-bullet{ display: block; float: left; background: #fff; width: 7px; height: 7px; margin: 0 4px; outline:none;}
.storeCnt-02 .swiper-pagination-bullet-active{ background: #fff; width: 13px; height: 12px;}
.storeCnt-02 >.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ margin-top: -3px;}
.storeCnt-02-VR{ position: absolute; display: block; width: 222px; height: 51px; left: 45px; bottom: 60px;}
.storeCnt02Top{ width: 425px; padding-left: 45px;}
.storeCnt-name{ width: 425px; position: relative; overflow: hidden; padding-top: 195px;}
.storeCnt02Top h1{ font-family: xqzpjt; font-weight: normal; font-size: 60px; letter-spacing: 5px; color: #a6a6a6;}
.storeCnt02Top h2{ font-weight: normal; font-size: 24px; color: #a8a8a8; line-height: 1.6em; padding-top: 10px;}
.storeCnt02Top h2 span{ color: #fff; padding-left: 10px;}
.storeCnt02Top p{ font-size: 16px; color: #b0b0b0; line-height: 1.6em;}
.storeCnt-03{ float: left; width: 870px; padding-left: 50px; background: url(../images/storeCnt_03.jpg) no-repeat; height: 128px; padding-top: 60px; margin-top: 10px; margin-right: 10px; position: relative;}
.storeCnt02Top h2 span.sc{padding-left: 0; }
.storeCnt-0301{ width: 795px; background: url(../images/storeCnt_05.png) no-repeat left 15px; padding-left: 75px;}
.storeCnt-0301 h2{font-family: xqzpjt; font-weight: normal; font-size: 50px; letter-spacing: 3px; color: #EDC1B9; line-height: 1em;}
.storeCnt-0301 p{ font-size: 22px; letter-spacing: 2px; color: #EDC1B9;}
.storeCnt-03 a{ position: absolute; right: 40px; top:75px; display: block; width: 146px; height: 39px; border: 1px solid #fff; color: #fff; font-size:18px; text-align: center; line-height: 39px; letter-spacing: 2px;}
.storeCnt-03 a:hover{ color: #fff;}
.storeCnt-04{ float: left; width: 470px;height: 188px; margin-top: 10px;}
.activeBanner{height:425px;background: url(../images/demo/active_banner.jpg) no-repeat center top;}
.active_1{height:398px;background: url(../images/demo/active_1.jpg) no-repeat center top;}
.active_1 a,.active_2 a,.active_3 a,.active_4 a,.active_5 a,.active_6 a,.active_7 a{ display: block; width: 100%;}
.active_1 a{ height: 398px;}
.active_2 a,.active_3 a,.active_4 a,.active_5 a,.active_6 a,.active_7 a{ height: 400px;}
.active_2{height:400px;background: url(../images/demo/active_2.jpg) no-repeat center top;}
.active_3{height:400px;background: url(../images/demo/active_3.jpg) no-repeat center top;}
.active_4{height:400px;background: url(../images/demo/active_4.jpg) no-repeat center top;}
.active_5{height:400px;background: url(../images/demo/active_5.jpg) no-repeat center top;}
.active_6{height:400px;background: url(../images/demo/active_6.jpg) no-repeat center top;}
.active_7{height:400px;background: url(../images/demo/active_7.jpg) no-repeat center top;}
.active_8{height:400px;background: url(../images/demo/active_8.jpg) no-repeat center top;}
.active_9{height:400px;background: url(../images/demo/active_9.jpg) no-repeat center top;}
.active_10{height:400px;background: url(../images/demo/active_10.jpg) no-repeat center top;}
.active_11{height:400px;background: url(../images/demo/active_11.jpg) no-repeat center top;}
.active_12{height:400px;background: url(../images/demo/active_12.jpg) no-repeat center top;}
.activeCnt{ width: 1360px; height: 400px; overflow: hidden; margin: 0 auto; }
.activeCnt .activeCntRight{ float:right; width: 660px;}
.activeCnt .activeCntLeft{ width: 660px;}
.acr0516{ width:660px; height: 400px; display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; }
.acr0516Cnt{ width:100%;}
.activeCnt h3{font-size:32px; letter-spacing: 2px;}
.activeCnt p{font-size:16px; line-height: 28px; padding: 25px 0 30px; letter-spacing: 1px; text-align: justify;}
.activeCnt h2{width:134px; height: 42px; text-align: center; line-height: 42px;}
.activeCnt h2 a{ display:block; width:134px; height: 42px; font-weight: normal; letter-spacing: 2px; font-size:18px;}
.activeCnt .activeHei a{color: #414141;}
.activeCnt .activeHei a:hover{ color: #414141;}
.activeCnt .activeHei h3{ color: #414141;}
.activeCnt .activeHei p{ color: #414141;}
.activeCnt .activeHei h2{ border: 1px solid #313131;}
.activeCnt .activeHei h2 a{ color: #3d3d3d;}
.activeCnt .activeHei h2 a:hover{ color: #3d3d3d;}
.activeCnt .activeBai a{color: #fff;}
.activeCnt .activeBai a:hover{ color: #fff;}
.activeCnt .activeBai h3{ color: #fff;}
.activeCnt .activeBai p{ color: #fff;}
.activeCnt .activeBai h2{ border: 1px solid #fff;}
.activeCnt .activeBai h2 a{ color: #fff;}
.activeCnt .activeBai h2 a:hover{ color: #fff;}
/*.activeClassData .banner:nth-child(1) h3{ padding-top:70px;}
.activeClassData .banner:nth-child(2) h3{ padding-top:70px;}
.activeClassData .banner:nth-child(3) h3{ padding-top:70px;}
.activeClassData .banner:nth-child(4) h3{ padding-top:60px;}
.activeClassData .banner:nth-child(5) h3{ padding-top:40px;}
.activeClassData .banner:nth-child(6) h3{ padding-top:60px;}
.activeClassData .banner:nth-child(7) h3{ padding-top:45px;}
.activeClassData .banner:nth-child(8) h3{ padding-top:40px;}
.activeClassData .banner:nth-child(9) h3{ padding-top:40px;}
.activeClassData .banner:nth-child(10) h3{ padding-top:50px;}
.activeClassData .banner:nth-child(11) h3{ padding-top:20px;}
.activeClassData .banner:nth-child(12) h3{ padding-top:30px;}*/
.storeTips{ width:100%; text-align: center; padding: 0 0 80px;}
/**wholeFish**/
.fullPage,.full{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.topFix{ width:100%; position: fixed; left: 0; top: 0; z-index: 9;}
.wholeFishContainer{ width: 100%; height: 100%; overflow: hidden;}
.wholeFishContainer .swiper-slide{text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center; width: 100%; overflow: hidden;}
.wholeFishContainer .swiper-slide.sl01{ background: url(../images/fish/fish_bg_01.jpg?v=202210081504) no-repeat center center; background-size:cover; position: relative;}
.wholeFishContainer .swiper-slide.sl02{ background: url(../images/fish/fish_bg_02.jpg) no-repeat center center; background-size:cover; position: relative;}
.wholeFishContainer .swiper-slide.sl03{ background: url(../images/fish/fish_bg_03.jpg) no-repeat center bottom; background-size:cover; position: relative;}
.wholeFishContainer .swiper-slide.sl04{ background: url(../images/fish/fish_bg_04.jpg) no-repeat center top; background-size:cover; position: relative;}
.wholeFishContainer .swiper-slide.sl05{ background: url(../images/fish/fish_bg_05.jpg) no-repeat center center; background-size:cover; position: relative;}
.wholeFishContainer .swiper-slide.sl06{ background: url(../images/fish/fish_bg_06.jpg) no-repeat center center; background-size:cover; position: relative;}
.wholeFishContainer .swiper-slide.sl07{ background: url(../images/fish/fish_bg_07.jpg) no-repeat center center; background-size:cover; position: relative;}
.wholeFishContainer .swiper-slide.sl08{ background: url(../images/fish/fish_bg_08.jpg) no-repeat center center; background-size:cover; position: relative;}
.wholeFishContainer .swiper-slide.sl09{ background: url(../images/fish/fish_bg_09.jpg) no-repeat center center; background-size:cover; position: relative;}
.wholeFishContainer .swiper-slide.sl10{ background: url(../images/fish/fish_bg_10.jpg) no-repeat center center; background-size:cover; position: relative;}
.wholeFishContainer .swiper-slide.sl11{ background: url(../images/fish/fish_bg_11.jpg) no-repeat center center; background-size:cover; position: relative;}
.wholeFishContainer .swiper-slide.sl12{ background: url(../images/fish/fish_bg_12.jpg) no-repeat center center; background-size:cover; position: relative;}
.wholeFishContainer .swiper-slide.sl13{ background: url(../images/fish1/fish_bg_01.jpg) no-repeat center bottom #000; background-size:cover; position: relative;}
.wholeFishContainer .swiper-slide span{ z-index: 2;}
.wholeFishContainer .swiper-slide video{ position: absolute; left: 0; top: 0; width: 100%; z-index: 1;}
.sl03 span{ margin-top: -400px;}
.sl02 span{ margin-top: -400px;}
.sl06 span{ margin-top: -500px;}
.sl09 span{ margin-top: -500px;}
.sl11 span{ margin-top: -400px;}
.sl13 span{ margin-top: -600px;}
.sl03Img01{ position:absolute; left: 50%; bottom: 100px; margin-left: -228px; z-index: 3;}
.sl01Img{position: absolute; animation: zoom-in 5s infinite 0s; -webkit-animation: zoom-in 20s infinite 0s;animation-direction:alternate;}
.sl03Img{position: absolute; left: 0; top: 0; z-index: 1; animation: zoom-in 5s ease-out 0s; -webkit-animation: zoom-in 20s ease-out 0s;transform: scale3d(1.5, 1.5, 1.5);}
.wholeFishContainer.swiper-container-vertical>.swiper-pagination-bullets{ right: 60px; top:55%;}
.wholeFishContainer.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 10px 0; outline: none;}
.wholeFishContainer.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;color: #FFFFFF;width: 57px;height: 57px; line-height: 57px; margin-left: -6px;}
.wholeFishContainer .swiper-pagination-bullet {width: 45px;height: 45px;display: inline-block;border-radius: 100%; opacity: 1;text-align: center; line-height: 45px; font-family:xqgzdjt; font-size:25px; color: #2a2a2a;}
.op0{opacity: 0;}
.fish-hot{ position: absolute; width: 1236px; height: 1005px; left: 50%; margin-left:-618px; top: 100px; z-index: 3; animation:fishWhole 10s linear infinite; opacity: 0;}
.fish-hot img{ opacity: .4;}
.fish-hot01{ position: absolute; width: 1236px; height: 1005px; left: 50%; margin-left:-618px; top: 100px; z-index: 4; animation:fishWhole 10s linear infinite 4s; opacity: 0;}
.fish-hot01 img{ opacity: .4;}
@keyframes zoom-out{
    0% {
	    transform: scale3d(1.5, 1.5, 1.5);      
    }
    100% {    	 
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    }
}
@-webkit-keyframes zoom-out{
    0% {
	    transform: scale3d(1.5, 1.5, 1.5);      
    }
    100% {    	 
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    }
}
@-moz-keyframes zoom-out{
    0% {
	    transform: scale3d(1.5, 1.5, 1.5);      
    }
    100% {    	 
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    }
}
@-o-keyframes zoom-out{
    0% {
	    transform: scale3d(1.5, 1.5, 1.5);      
    }
    100% {    	 
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    }
}
@keyframes zoom-in {
    0% {
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    }
    100% {
    	 transform: scale3d(1.5, 1.5, 1.5);
      
    }
}
@-webkit-keyframes zoom-in {
    0% {
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    }
    100% {
    	 transform: scale3d(1.5, 1.5, 1.5);
      
    }
}
@-moz-keyframes zoom-in {
    0% {
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    }
    100% {
    	 transform: scale3d(1.5, 1.5, 1.5);
      
    }
}
@-o-keyframes zoom-in {
    0% {
      transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    }
    100% {
    	 transform: scale3d(1.5, 1.5, 1.5);
      
    }
}
.scroll-wheel{display:block;position:absolute;left:50%;margin-left:-13.5px;bottom:38px;width:21px;height:32px;opacity:0.5;filter:alpha(opacity=50);border:1px solid #FFFFFF;border-radius:20px;z-index:9;transition:all 0.75s;box-shadow:0 0 5px rgba(0,0,0,0.1),inset 0 0 5px rgba(0,0,0,0.1);}.foodstory .scroll-wheel{display:none;}.scroll-wheel:before{content:'';display:block;width:1px;height:4px;position:absolute;border-radius:4px;top:10px;left:10px;animation:scroll-wheel 1.75s ease-in-out infinite;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.1);}.scroll-wheel:after{content:'';display:block;width:1px;height:34px;position:absolute;background:#fff;left:10px;top:40px;}.scroll-wheel:hover{opacity:1;filter:alpha(opacity=100);}@-webkit-keyframes scroll-wheel{33.3%{top:15px;height:10px;}100%{top:5px;height:4px;}}@keyframes scroll-wheel{33.3%{top:15px;height:10px;}100%{top:10px;height:4px;}}
/**team**/
.teamBanner{width:100%;height:400px;background: url(../images/demo/team_banner.jpg) no-repeat center top #8c3224;}
.teamWrap{ width:1400px; margin: 0 auto; overflow: hidden;}
.teamTop{ width:1400px; overflow: hidden; padding: 100px 0 120px;}
.teamTop li{ width:1400px; overflow: hidden; padding-top: 20px;}
.teamTopLeft{ float:left; width: 265px; height: 265px;}
.teamTopLeft img{ width:265px; height: 265px;}
.teamTopRight{ float:left; width: 1090px; padding-left: 45px; height: 264px; border-bottom: 1px solid #E5E5E5;}
.teamTopRight h3{font-size: 32px; color: #242424; letter-spacing: 1px; font-weight: normal; padding: 50px 0 20px;}
.teamTopRight p{ font-size:18px; letter-spacing: 1px; color: #6e6e6e; line-height: 1.6em; text-align: justify;}
.teamTop li.second .teamTopRight{ padding-right: 45px; padding-left: 0;}
.teamMid{ width:100%; background: url(../images/demo/team/tm_05.jpg) no-repeat center top; height: 400px; position: relative;}
.teamMid01{background: url(../images/demo/team/tm_05_01.jpg) no-repeat center top; }
.teamMidCnt{ width: 406px; height: 142px; position: absolute; left: 50%; top:50%; margin-top: -61px; margin-left: -203px;  opacity: 0;}
.teamMain{width: 100%;height:870px; position: relative; overflow: hidden; background: url(../images/demo/team/tmbg.jpg) no-repeat center -200px;}
.teamMain video{ width: 100%; position: absolute;top:-200px;left: 0; z-index: 1; }
.team-main{width:1200px;position: relative; height:870px; margin: 0 auto; z-index: 3;}
.team-font-01{ background:url(../images/demo/team_title_10.png) no-repeat; width: 477px; height: 199px; position: absolute; left: -10px;bottom:0; z-index: 3; opacity: 0;}
.team-font-02{width:600px; position: absolute; left: -10px; top:0; z-index: 3; opacity: 0;}
.team-font-02 li{font-size: 20px; letter-spacing:2px; line-height: 48px; cursor: pointer;  white-space: nowrap; padding: 0 10px;}
.team-font-02 li span{ padding-right:5px;}
.front-mask {width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity:0;  background: url(../images/demo/team_bg_yuan.png) no-repeat left center;background-size: cover;z-index: 2;}
.front-mask.show {animation: bigger 1.6s linear infinite; opacity:1;animation-iteration-count:1;transform-origin: 70% 70% 0; }
@keyframes bigger{
	0%{transform:scale(6);opacity:0;}
	100%{transform:scale(1);opacity:1;}
}
@-webkit-keyframes bigger{
	0%{transform:scale(6);opacity:0;}
	100%{transform:scale(1);opacity:1;}
}
@-moz-keyframes bigger{
	0%{transform:scale(6);opacity:0;}
	100%{transform:scale(1);opacity:1;}
}
@-o-keyframes bigger{
	0%{transform:scale(6);opacity:0;}
	100%{transform:scale(1);opacity:1;}
}
.tmBottom{ width:1440px; overflow: hidden; padding: 110px 0;}
.tmBottom li{ float:left; width:440px; height: 450px; background: #781b0d; margin-right: 40px;}
.tnbTop{ width:440px; height: 213px;}
.tnbTop img{ width:440px; height: 213px;}
.tmBottom li h3{ width:100%; text-align: center; padding: 25px 0 20px;}
.tmBottom li p{ width:400px; padding:0 20px; font-size:18px; line-height: 26px; color: #a38985;}
.unionBanner{ width:100%;height:400px;background: url(../images/demo/unionBanner.jpg) no-repeat center top #c12814;}
.unionWrap{ width:1200px; overflow: hidden; margin: 90px auto;} 
.unionTopTitle{ width:100%; text-align: center; padding-bottom: 40px;}
.unionTopBottom{ width:1120px; background: #f7f7f7; padding:20px 40px;}
.unionTopBottom p{ font-size:18px; line-height: 30px; color: #272727; letter-spacing: 1px;}
.unionBottom{ width: 1250px; margin: 40px auto 0; overflow: hidden;}
.unionBottom li{ float:left; width: 399px; height: 266px; padding-right: 1px; padding-top: 1px; cursor: pointer;}
.unionBottom li img{  width: 399px; height: 266px;}
.unionBottomPic20191127{ width:100%; padding-top: 50px; text-align: center;}
.skills li{ width: 395px; height: auto; padding:10px 15px 20px 0; }
.skills li img{  width: 395px; height: 262px;}
.skills li h3{text-align: center; font-size:20px; letter-spacing: 2px; padding-top: 10px; font-weight: normal;}
.skills li p{ width:100%; font-size:14px; color: #3d3d3d;padding-top: 10px; line-height: 1.8em;}
/**绝技表演弹出层轮播效果**/
.skillsMask{ display: none; width:100%; height: 100%;  background: rgba(0,0,0,.9); position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 9;}
.skillsMaskCnt{	position: relative;	width: 1200px;margin: 0 auto;height: 720px; overflow: hidden;}
.skillsMaskCnt .swiper-slide{width: 930px;}
.skillsMaskCntImg{ width:100%; height: 560px; /*background: rgba(0,0,0,1);*/display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.skillsMaskCnt .swiper-slide img{  /*opacity: .4; */max-width: 100%; max-height: 100%;}
.skillsMaskCnt .swiper-slide.swiper-slide-active img{ opacity: 1;}
.skillsMaskCnt h3{position: absolute; left:0; bottom: 110px; z-index: 11; width: 100%;  font-size:20px; font-weight: normal; text-align: center; color: #fff; line-height: 28px;}
.skillsMaskCnt p{position: absolute; left:0; bottom: 0; z-index: 11; width: 98%; height: 100px; padding-right: 6px; overflow: hidden; text-align: center;color: #636363;font-size: 16px; color: #fff; line-height: 28px;}
.skillsMaskCnt .swiper-button-prev{ top:0; left:30px; width: 600px; height: 45px;background: url(../images/demo/skillsBtnL.png) no-repeat left center; background-size: 45px; opacity: .8; outline:none;}
.skillsMaskCnt .swiper-button-prev:hover{opacity: 1;}
.skillsMaskCnt .swiper-button-next{top:0; right: 30px;width: 600px;height: 45px;background: url(../images/demo/skillsBtnR.png) no-repeat right center; background-size: 45px; opacity: .8;  outline:none;}
.skillsMaskCnt .swiper-button-next:hover{ opacity: 1;}
.skillsMaskCenter{text-align: center; width: 1200px; height: 100%; margin:0 auto; position: relative;overflow: hidden;}
.skillsMaskCenter h3{position: absolute; left:0; bottom: 110px; z-index: 11; width: 100%;  font-size:20px; font-weight: normal; text-align: center; color: #fff; line-height: 28px;}
.skillsMaskCenter p{position: absolute; left:0; bottom: 0; z-index: 11; width: 98%; height: 100px; padding-right: 6px; overflow: hidden; text-align: center;color: #636363;font-size: 16px; color: #fff; line-height: 28px;}

/****/
.welfare{ overflow:hidden; margin: 60px auto 45px; width:1404px; padding-bottom: 15px;}
.welfareBanner{ width:100%;height:400px;background: url(../images/demo/welfareBanner.jpg) no-repeat center top #a40000; }
.welfare li{ float:left; position: relative; width: 460px; height: 340px; background: #fff; box-shadow: 5px 5px 5px rgba(0,0,0,.1); margin-right: 8px; margin-top: 15px; cursor: pointer;}
.welfare li .welfareTop{ width:100%; text-align: center; padding-top: 40px;}
.welfare li h3{ width:100%; text-align: center; font-size:22px; color: #a7220e; letter-spacing: 2px; padding-top: 35px;}
.welfare li p{ width:100%; text-align: center; font-size:16px; color: #3d3d3d; letter-spacing: 1px; padding-top: 20px; line-height: 1.8em;}
.welfareBody{ background:#fafafa;}
.welfareMask{ position:absolute; left: 0; top: 0; opacity: 0; width:460px; height: 340px;}
.welfareMask img{ width:460px; height: 340px;}
.welfareBottom{ width:100%; text-align: center; padding: 30px 0 50px;}
.univercityFooter{ height:228px;}
.skillsBanner{ width:100%;height:400px;background: url(../images/demo/skillsBanner.jpg) no-repeat center top #131218;}
.menudevelopBanner{ width:100%;height:400px;background: url(../images/demo/menudevelopBanner_03.jpg) no-repeat center top #141627;}
/*university*/
.uyBanner{ width:100%; background: url(../images/university/uyBanner.jpg) no-repeat center top #c12814; height: 400px;}
.uyWrap{ width:1400px; margin: 0 auto;}
.uyTop{ width:1200px; padding: 40px 100px; font-size:18px; letter-spacing: 1px; line-height: 30px; color:rgba(39,39,39,.7);background: #f7f7f7; margin-top: 100px;}
.uyTitle{ width:100%; padding: 130px 0 20px; text-align: center;}
.uyTeachers{ width:1416px; height: 700px;}
.uyT{ float: left; width:204px; height: 322px; margin-right:16px; margin-top: 30px; cursor: pointer; background:#e03429; padding:8px 8px 0; transform: scale(1); transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-moz-transition: all .3s ease-out;}
.uyT img{ width:204px;}
.uyT h3{ font-size:20px; color: #fff; text-align: center; line-height: 24px; padding-top:8px;white-space: nowrap;}
.uyT h3 span{ font-size:16px; padding-left: 10px;}
.uyT p{ font-size:14px; color: #fff; text-align: center; font-weight: bold; line-height: 20px; white-space: nowrap;}
.uyTSmall{ height:151px; overflow: hidden;}
.uyTSmall img{ float: left; width:112px; padding-right: 20px;}
.uyTSmall h2{ padding-top: 75px; font-size: 16px; color: #fff; line-height: 26px; white-space: nowrap;}
.uyT:hover{ transform: scale(1.1); transition: all .3s ease-out; -webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-moz-transition: all .3s ease-out;}
.uyTeachers div.uyTSmall:nth-child(13){ margin-top:12px;}
.uyTeachers div.uyTSmall:nth-child(14){ margin-top:12px;}
.uyTeachers div.uyTSmall:nth-child(15){ margin-top:12px;}
.uyTeachers div.uyTSmall:nth-child(16){ margin-top:12px;}
.uyTalk{ width:100%; text-align: center; margin: 70px 0 120px; height: 374px; overflow:hidden;}
.uyTalk img{ width:100%; opacity: 0; transform-origin:left;transform: rotateX(-90deg);-webkit-transform: rotateX(-90deg);-o-transform: rotateX(-90deg);-ms-transform: rotateX(-90deg);-moz-transform: rotateX(-90deg); transition: all 1s ease-out; -webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out;}
.uyTalk img.active{ opacity: 1; transform: rotateX(0);-webkit-transform: rotateX(0);-moz-transform: rotateX(0);-ms-transform: rotateX(0);-o-transform: rotateX(0); transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out;}
/**environment**/
.ent-01{ width: 100%; background: url(../images/environment/et_03.jpg) no-repeat center center; height: 890px; position: relative;}
.ent0101{ position: absolute; width: 281px; height: 120px; left: 50%; margin-left: -140px; top: 300px;}
.ent0102{ position: absolute; width: 233px; height: 53px; left: 50%; margin-left: -116px; top: 500px;}
.entWrap{ width: 1400px; overflow: hidden; margin: 0 auto; padding: 30px 0 160px;}
.wntTitle{ width: 100%; text-align: center; font-size: 26px; color: #2a2a2a; padding: 100px 0 50px; letter-spacing: 4px;}
.ent-02{ width: 1400px; overflow: hidden;}
.ent02Left{ float: left; width: 700px; height: 460px; position: relative; overflow: hidden; margin-right: 60px;}
.ent02Left img{ display: block; width: 700px; height: 460px;}
.ent02LeftBtn1{ width: 170px; height: 170px; position: absolute; left: 50%; margin-left: -85px; top: 50%; margin-top: -85px; z-index: 3}
.ent02LeftBtn1 img{ width: 170px; height: 170px;transform:rotate(0deg);}
.ent02LeftBtn2{ width: 70px; height: 36px; position: absolute; left: 50%; top: 50%; margin-top:-18px; margin-left: -35px;  /*transform: translate(-50%,-50%);*/ }
.ent02LeftBtn2 img{ width: 69px; height: 35px;}
.ent02LeftBtn1:hover img{transform:rotate(-360deg);transition:all .3s ease-out .1s; }
.ent02LeftBtn2{z-index: 3;}
.ent02LeftBtn1{z-index: 2;}
.ent02Right{ float: left; width: 640px; height: 460px; position: relative; overflow: hidden; }
.ent02Right01 img{width:100%; height: 100%; display: block;}
.ent-02-smalltext {margin: 0 auto 36px; font-size: 18px; line-height: 30px; text-align: center;}
.ent02Right ul{width: 645px; height: 465px;}
.ent02Right ul li{width:212px;height:152px; float: left; margin:1px 1px 0 0; cursor: pointer;}
.ent02Right ul img{width:100%; height: 100%; display: block;}
.accordion
{
	position:relative;
	overflow:hidden;
}

.accordion .panel
{
	background-size:cover;
	
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	overflow:hidden;
}

.accordion .shadow
{
	background:url(accordion-assets/images/shadow.png) repeat-Y;
	position:absolute;
	right:0px;
	width:25px;
	height:100%;
}


.accordion .preloader
{
	
	width:62px;
	height:14px;
	position:absolute;
	z-index:15;
}


.accordion .caption
{
	overflow:hidden;
	position:absolute;
	z-index:20;
}


.accordion .caption-background
{
	background:transparent url(accordion-assets/images/captionBg.png);
	background:rgba(0,0,0,0.5);
	position:absolute;
	width:100%;
	height:100%;
}
.accordion{background-color:#FFF;border:4px solid #FFF;}
.accordion{width:1200px;margin:0px auto;list-style:none;padding:0px;}
.accordion img, .accordion .caption{	position:absolute;	left:-9999px;}
.ent02Left01{ margin-right: 60px;}
.lb_wrap{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:10;}
.lightbox_bg{background:#000;filter:alpha(opacity=80);opacity:.8;position:fixed;left:0;top:0;width:100%;height:100%;z-index:3;}
.lightbox{position:absolute;left:0;top:50%;width:100%;z-index:4;text-align:center;}
.lightbox p{position:absolute;height:61px;width:38px;top:50%;left:0;z-index:4;background:transparent url(../images/environment/themes.png) no-repeat left top;margin-top:-30.5px;cursor:pointer;}
.lightbox p.next{left:auto;background-position:right top;right:0;}

/**fish culture**/
.fc-01{ width: 100%; background: url(../images/fishCulture/fc_01.jpg) no-repeat center center; height: 425px;}
.fc-02{ width: 100%; background: url(../images/fishCulture/fc_02.jpg) no-repeat center center; height: 902px;}
.fc-03{ width: 100%; background: url(../images/fishCulture/fc_03.jpg) no-repeat center center; height: 899px;}
.fc-04{ width: 100%; background: url(../images/fishCulture/fc_04.jpg) no-repeat center center; height: 900px;}
.fc-05{ width: 100%; background: url(../images/fishCulture/fc_05.jpg) no-repeat center center; height: 898px;}
.fcWrap{ width: 1400px; margin: 0 auto; overflow: hidden;}
.fc0201{ width: 1035px; padding-left: 250px; padding-top: 230px; font-size:18px; line-height: 1.6em; color: #202020; letter-spacing: 2px; text-align: justify;}
.fc0202{ width: 900px; height: 350px; padding-left: 500px; padding-top: 200px;}
.fc0202Left{ float: left; width: 580px; height: 350px; overflow: hidden; position: relative;}
.fc0202Left ul{ width: 100%; position: absolute; left: 0; top: 0;}
.fc0202Left ul li{ width: 100%; text-align: center; font-size: 18px; color: #656565; padding-bottom: 10px; opacity: 0; transition:all .5s ease-out 0s; }
.fc0202Left ul li.active{ opacity: 1; transition:all .5s ease-out 0s; }
.fc0202Left ul li .fc0202LD{ text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center; overflow: hidden; height: 50px;}
.fc0202LD div{ height: 50px;}
.fc0202LD_01{ width:47px; background: url(../images/fishCulture/fc_05.png) no-repeat left center;}
.fc0202LD_02{ padding: 0 10px; background: url(../images/fishCulture/fc_06.png) repeat-x left center; line-height: 50px; font-weight: 600;font-size: 22px; letter-spacing: 1px; color: #fff;}
.fc0202LD_03{ width:47px; background: url(../images/fishCulture/fc_07.png) no-repeat left center;}
.fc0202Left ul li h3{ font-weight: normal; font-size: 18px; line-height: 1.8em; letter-spacing: 1px; padding: 10px 0 0;}
.fc0202Left ul li p{ line-height: 1.8em; padding: 10px 0 20px; font-size:22px;}
.fc0202Right{ float: left; width: 55px; height: 350px; overflow: hidden;padding-left: 250px; }
.fc0202Right h2{ font-weight: 600;font-size: 22px; width: 20px; font-family:'xqgzdjt','微软雅黑', 'Microsoft YaHei';}
.fc0202Right h2 span{ display: inline-block; width: 22px; text-align: center; max-height: 250px; overflow: hidden;}
.fc0202Right h2.f14{ font-size:14px;}
.fc0202Right h2.f16{ font-size:16px;}
.awUp,.awDown{ width: 22px; height: 22px; cursor: pointer;}
.awUp{ padding-top: 10px;}
.awDown{ padding-top: 10px;}
.fc0301{ width: 1040px; padding-left: 120px; padding-top: 175px;letter-spacing: 3px; text-align: right; font-size:18px; line-height: 1.6em; color: #b79b79;}
.fc0302{ width: 980px; padding-top: 180px;}
.fc0302left{ float: left; width: 51px; padding-left:29px; margin-right: 100px; padding-top:60px;}
.fc0302left h2{font-weight: 600;font-size: 20px; width: 22px;  font-family:'xqgzdjt','微软雅黑', 'Microsoft YaHei'; color: #f2f2f2;}
.fc0302left h2 span{ display: inline-block; width: 22px; text-align: center; max-height: 100px; overflow: hidden; }
.fc0302Right{ float: left; width:785px; text-align: center; position: relative; height: 300px; overflow: hidden;}
.fc0302Right ul{ width: 100%; position: absolute; left: 0; top: 0;}
.fc0302Right ul li{ width: 100%; font-size: 16px; color: #cfaf88; padding-bottom: 10px; opacity: 0; transition:all .5s ease-out 0s; }
.fc0302Right ul li.active{ opacity: 1;transition:all .5s ease-out 0s; }
.fc0302Right ul li .fc0302LD{ text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center; overflow: hidden; height: 59px;}
.fc0302LD div{ height: 59px;}
.fc0302LD_01{ width:50px; background: url(../images/fishCulture/fc_08.png) no-repeat left center;}
.fc0302LD_02{ padding: 0 10px; background: url(../images/fishCulture/fc_09.png) repeat-x left center; line-height: 59px; font-weight: 600;font-size: 22px; letter-spacing: 1px; color: #412917;}
.fc0302LD_03{ width:50px; background: url(../images/fishCulture/fc_10.png) no-repeat left center;}
.fc0302Right ul li p{ line-height: 1.4em; font-size:18px; text-align: justify; padding-top: 15px; letter-spacing: 1px;}
.fc0401{ width: 1035px; padding-left: 210px; padding-top: 180px; font-size:18px; line-height: 1.6em; color: #202020; letter-spacing: 2px; text-align: justify; }
.fc0402{ padding-left: 460px; width: 940px; padding-top: 170px; }
.fc0402Left{ float: left; width: 825px; margin-right: 70px;}
.fc0402LeftCnt{ width: 825px;  height: 330px; overflow: hidden; position: relative;}
.fc0402LeftCnt ul{ width: 100%; position: absolute; left: 0; top: 0;}
.fc0402LeftCnt ul li{ width: 100%; font-size: 18px; color: #714b3b; padding-bottom: 10px; opacity: 0; transition:all .5s ease-out 0s;  }
.fc0402LeftCnt ul li.active{ opacity: 1;transition:all .5s ease-out 0s; }
.fc0402LeftCnt ul li h2{ font-weight: 600;font-size: 18px; text-align: center; line-height: 1.8em; letter-spacing: 1px;}
.fc0402LeftCnt ul li p{ line-height: 1.6em; text-align: justify; padding-top: 30px; letter-spacing: 1px;}
.fc0402LeftCnt ul li.center p{ text-align: center;}
.fc0402LeftCnt ul li h1{ text-align: center; font-weight: 600;font-size: 18px; letter-spacing: 1px; padding-bottom: 20px;}
.fc0402Right{ float: left; width: 22px; padding-top: 50px;}
.fc0402Right h2{ font-weight: 600;font-size: 22px; width: 20px; text-align: center;  font-family:'xqgzdjt','微软雅黑', 'Microsoft YaHei'; max-height: 220px; overflow: hidden;}
.fc0402Left ul li .fc0202LD{ text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center; overflow: hidden; height: 50px;}

.fc0502{ width: 980px; padding-top: 180px;}
.fc0502left{ float: left; width: 51px; padding-left:29px; margin-right: 100px; padding-top: 120px;}
.fc0502left h2{font-weight: 600;font-size: 20px; width: 22px;  font-family:'xqgzdjt','微软雅黑', 'Microsoft YaHei'; color: #f2f2f2;}
.fc0502left h2 span{ display: inline-block; width: 22px; text-align: center; max-height: 100px; overflow: hidden; text-overflow: ellipsis;}
.fc0502Right{ float: left; width:785px; text-align: center; position: relative; height: 300px; overflow: hidden;}
.fc0502Right ul{ width: 100%; position: absolute; left: 0; top: 0;}
.fc0502Right ul li{ width: 100%; font-size: 16px; color: #cfaf88; padding-bottom: 10px; opacity: 0; transition:all .5s ease-out 0s; }
.fc0502Right ul li.active{ opacity: 1;transition:all .5s ease-out 0s; }
.fc0502Right ul li .fc0502LD{ text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center; overflow: hidden; height: 59px;}
.fc0502LD div{ height: 59px;}
.fc0502LD_01{ width:50px; background: url(../images/fishCulture/fc_08.png) no-repeat left center;}
.fc0502LD_02{ padding: 0 10px; background: url(../images/fishCulture/fc_09.png) repeat-x left center; line-height: 59px; font-weight: 600;font-size: 22px; letter-spacing: 1px; color: #412917;}
.fc0502LD_03{ width:50px; background: url(../images/fishCulture/fc_10.png) no-repeat left center;}
.fc0502Right ul li p{ line-height: 1.4em; font-size:18px; text-align: justify; padding-top: 15px; letter-spacing: 1px;}










.fishCookCnt .fish-hot{ top:250px; z-index: 2;}
.fishCookCnt .fish-hot01{ top:250px; z-index: 2;}
.fishCookCnt .fish-hot img,.fishCookCnt .fish-hot01 img{ opacity: .8;}
.fc0402Right h2.f16{ font-size:16px;}
.fc0402Right h2.f14{ font-size:14px;}
.new-team{ width: 100%; background:url(../images/join/00.jpg) no-repeat center top; height: 700px;}
/**founder**/
.introducef{ margin-bottom: 0; background: url(../images/founder/bg0521_01.jpg) no-repeat center top; height: 889px;}
.introducef .intro-12{ z-index: 2; opacity:0; top:288px;transition:all .8s ease .1s; -moz-transition:all .8s ease .1s; -ms-transition:all .8s ease .1s;-otransition:all .8s ease .1s;-webkit-transition:all .8s ease .1s;}
.introducef .intro-13{ z-index: 2;  opacity:0; top:480px;transition:all .8s ease .2s; -moz-transition:all .8s ease .2s; -ms-transition:all .8s ease .2s;-otransition:all .8s ease .2s;-webkit-transition:all .8s ease .2s;}
.introducef .intro-14{ z-index: 2;  opacity:0; top:590px;transition:all .8s ease .3s; -moz-transition:all .8s ease .3s; -ms-transition:all .8s ease .3s;-otransition:all .8s ease .3s;-webkit-transition:all .8s ease .3s;}
.introducef.active .intro-12{ opacity:1; top:308px;transition:all .8s ease .1s; -moz-transition:all .8s ease .1s; -ms-transition:all .8s ease .1s;-otransition:all .8s ease .1s;-webkit-transition:all .8s ease .1s;}
.introducef.active .intro-13{ opacity:1; top:580px;transition:all .8s ease .2s; -moz-transition:all .8s ease .2s; -ms-transition:all .8s ease .2s;-otransition:all .8s ease .2s;-webkit-transition:all .8s ease .2s;}
.introducef.active .intro-14{ opacity:1; top:680px;transition:all .8s ease .3s; -moz-transition:all .8s ease .3s; -ms-transition:all .8s ease .3s;-otransition:all .8s ease .3s;-webkit-transition:all .8s ease .3s;}






.ief-01{z-index: 1;  opacity: 0; position: absolute; left: -226px; top:122px; background: url(../images/founder/floatFont/l_f_01.png) no-repeat; width:23px; height: 291px;}
.ief-02{ z-index: 1; opacity: 0; position: absolute; left: -220px; top:-15px; background: url(../images/founder/floatFont/l_f_02.png) no-repeat; width:67px; height: 262px;}
.ief-03{ z-index: 1; opacity: 0; position: absolute; left: -20px; top:-20px; background: url(../images/founder/floatFont/l_f_03.png) no-repeat; width:54px; height: 208px;}
.ief-04{ z-index: 1; opacity: 0; position: absolute; left: 107px; top:48px; background: url(../images/founder/floatFont/l_f_04.png) no-repeat; width:67px; height: 294px;}
.ief-05{ z-index: 1; opacity: 0; position: absolute; left: 293px; top:-15px; background: url(../images/founder/floatFont/l_f_05.png) no-repeat; width:27px; height: 334px;}
.ief-06{ z-index: 1; opacity: 0; position: absolute; left: 412px; top:85px; background: url(../images/founder/floatFont/l_f_06.png) no-repeat; width:46px; height: 200px;}
.ief-07{ z-index: 1; opacity: 0; position: absolute; left: 448px; top:220px; background: url(../images/founder/floatFont/l_f_07.png) no-repeat; width:57px; height: 247px;}
.ief-08{ z-index: 1; opacity: 0; position: absolute; left: 568px; top:30px; background: url(../images/founder/floatFont/l_f_08.png) no-repeat; width:69px; height: 300px;}
.ief-09{ z-index: 1; opacity: 0; position: absolute; left: 715px; top:137px; background: url(../images/founder/floatFont/l_f_09.png) no-repeat; width:23px; height: 291px;}
.ief-10{ z-index: 1; opacity: 0; position: absolute; left: 700px; top:508px; background: url(../images/founder/floatFont/l_f_10.png) no-repeat; width:31px; height: 319px;}
.ief-11{ z-index: 1; opacity: 0; position: absolute; left: 534px; top:410px; background: url(../images/founder/floatFont/l_f_11.png) no-repeat; width:48px; height: 209px;}
.ief-12{ z-index: 1; opacity: 0; position: absolute; left: 308px; top:440px; background: url(../images/founder/floatFont/l_f_12.png) no-repeat; width:33px; height: 372px;}
.ief-13{ z-index: 1; opacity: 0; position: absolute; left: -200px; top:470px; background: url(../images/founder/floatFont/l_f_13.png) no-repeat; width:48px; height: 216px;}
.ief-14{ z-index: 1; opacity: 0; position: absolute; left: 770px; top:430px; background: url(../images/founder/floatFont/r_f_01.png) no-repeat; width:48px; height: 216px;}
.ief-15{ z-index: 1; opacity: 0; position: absolute; left: 773px; top:74px; background: url(../images/founder/floatFont/r_f_02.png) no-repeat; width:61px; height: 240px;}
.ief-16{ z-index: 1; opacity: 0; position: absolute; left: 823px; top:182px; background: url(../images/founder/floatFont/r_f_03.png) no-repeat; width:67px; height: 294px;}
.ief-17{ z-index: 1; opacity: 0; position: absolute; left: 908px; top:26px; background: url(../images/founder/floatFont/r_f_04.png) no-repeat; width:67px; height: 294px;}
.ief-18{ z-index: 1; opacity: 0; position: absolute; right: 192px; top:-8px; background: url(../images/founder/floatFont/r_f_05.png) no-repeat; width:27px; height: 334px;}
.ief-19{ z-index: 1; opacity: 0; position: absolute; right: 17px; top:262px; background: url(../images/founder/floatFont/r_f_06.png) no-repeat; width:57px; height: 247px;}
.ief-20{ z-index: 1; opacity: 0; position: absolute; right: -25px;; top:130px; background: url(../images/founder/floatFont/r_f_07.png) no-repeat; width:43px; height: 184px;}
.ief-21{ z-index: 1; opacity: 0; position: absolute; right: -85px; top:10px; background: url(../images/founder/floatFont/r_f_08.png) no-repeat; width:51px; height: 221px;}
.ief-22{ z-index: 1; opacity: 0; position: absolute; right: -193px; top:114px; background: url(../images/founder/floatFont/r_f_09.png) no-repeat; width:66px; height: 287px;}
.ief-23{ z-index: 1; opacity: 0; position: absolute; right: -175px; top:538px; background: url(../images/founder/floatFont/r_f_10.png) no-repeat; width:49px; height: 214px;}
.ief-24{ z-index: 1; opacity: 0; position: absolute; right: -10px; top:428px; background: url(../images/founder/floatFont/r_f_11.png) no-repeat; width:25px; height: 304px;}




.introducef.active .ief-01{ opacity: 1; top:142px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 12s ease-out infinite .8s;}
.introducef.active .ief-02{ opacity: 1; top:5px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 11s ease-out infinite .8s;}
.introducef.active .ief-03{ opacity: 1; top:0; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 10s ease-out infinite .8s;}
.introducef.active .ief-04{ opacity: 1; top:68px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 9s ease-out infinite .8s;;}
.introducef.active .ief-05{ opacity: 1; top:5px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introducef.active .ief-06{ opacity: 1; top:105px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 7s ease-out infinite .8s;}
.introducef.active .ief-07{ opacity: 1; top:240px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 6s ease-out infinite .8s;}
.introducef.active .ief-08{ opacity: 1; top:50px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 5s ease-out infinite .8s;}
.introducef.active .ief-09{ opacity: 1; top:157px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 7s ease-out infinite .8s;}
.introducef.active .ief-10{ opacity: 1; top:528px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introducef.active .ief-11{ opacity: 1; top:430px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 9s ease-out infinite .8s;}
.introducef.active .ief-12{ opacity: 1; top:460px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 10s ease-out infinite .8s;}
.introducef.active .ief-13{ opacity: 1; top:490px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 9s ease-out infinite .8s;}
.introducef.active .ief-14{ opacity: 1; top:450px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introducef.active .ief-15{ opacity: 1; top:94px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 7s ease-out infinite .8s;}
.introducef.active .ief-16{ opacity: 1; top:202px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introducef.active .ief-17{ opacity: 1; top:46px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introducef.active .ief-18{ opacity: 1; top:12px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 6s ease-out infinite .8s;}
.introducef.active .ief-19{ opacity: 1; top:282px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 7s ease-out infinite .8s;}
.introducef.active .ief-20{ opacity: 1; top:150px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introducef.active .ief-21{ opacity: 1; top:30px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 9s ease-out infinite .8s;}
.introducef.active .ief-22{ opacity: 1; top:134px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 10s ease-out infinite .8s;}
.introducef.active .ief-23{ opacity: 1; top:558px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 11s ease-out infinite .8s;}
.introducef.active .ief-24{ opacity: 1; top:448px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 12s ease-out infinite .8s;}


.introduce.active .ief-14{ opacity: 1; top:450px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introduce.active .ief-15{ opacity: 1; top:94px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 7s ease-out infinite .8s;}
.introduce.active .ief-16{ opacity: 1; top:202px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introduce.active .ief-17{ opacity: 1; top:46px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introduce.active .ief-18{ opacity: 1; top:12px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 6s ease-out infinite .8s;}
.introduce.active .ief-19{ opacity: 1; top:282px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 7s ease-out infinite .8s;}
.introduce.active .ief-20{ opacity: 1; top:150px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 8s ease-out infinite .8s;}
.introduce.active .ief-21{ opacity: 1; top:30px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 9s ease-out infinite .8s;}
.introduce.active .ief-22{ opacity: 1; top:134px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 10s ease-out infinite .8s;}
.introduce.active .ief-23{ opacity: 1; top:558px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 11s ease-out infinite .8s;}
.introduce.active .ief-24{ opacity: 1; top:448px; transition:all 1.5s ease-out 0s; transform:translateY(10%); animation:verticalFloat 12s ease-out infinite .8s;}


.award{width:100%; background: url(../images/founder/founder_bg.jpg) no-repeat center top #194e90; height: 939px; padding-top: 40px; overflow: hidden; position: relative;}
#awardContainer{ width: 840px; height: 550px; overflow: hidden;}
.awardWrap{ width: 1400px; margin: 0 auto; overflow: hidden;}
.aW-01{ float: left; color: #fff; font-size:16px; letter-spacing: 1px; padding-left: 100px;}
.aW-01 span{ font-size:35px;}
.awardTop{ width: 100%; overflow: hidden; padding-top: 20px;}
.awardTop-01{ float: left; width:199px; height: 58px; }
.awardTop-02{ float:left; width:100px; height: 37px; padding-top: 10px;}
.awardTop-02 a{ display:block; border: 1px solid #fff; width:98px; height: 35px; background: url(../images/founder/btn_arrow02.png) no-repeat 10px center; line-height: 35px; padding-left: 50px; font-size:18px; color: #fff;  font-weight: normal;}
.awardBottom{ width:100%;}
.awardBottom p{ font-size:18px; line-height: 30px; padding-top: 20px; color: #fff;}
.yucaiWTitle h3 a:hover{color: #fff;}
.diffrent{ width:100%; background: url(../images/founder/bg_01.jpg) no-repeat left bottom #000; height: 1337px; position: relative;}
.dfTitle{ width:615px;height: 91px; position: absolute; left: 50%; margin-left: -307px; top: 0; opacity: 0;}
.diffWrap{ width: 1600px; margin: 0 auto; overflow: hidden; padding-top: 262px;} 
.diffWrap h1{ padding-top:155px;}
.diff-01{ font-size:18px; padding-top: 20px;  padding-bottom: 30px; line-height: 35px; color: #c5beb7;}
.diffWrap ul{ width: 752px; overflow: hidden;}
.diffWrap ul li{ width:752px; overflow: hidden; white-space: nowrap;}
.diffWrap ul li span{ display:block; float: left; width: 100px; font-size:25px; color: #e3d4c3; font-family:xqgzdjt; line-height: 50px;}
.diffWrap ul li b{ float:left; display: block; width: 634px; font-size:25px; color: #ae8354; font-weight: normal; font-family: xqjzt; line-height: 50px;}
.diffWrap ul li p{ float:left; display: block; width: 634px; font-size:25px; color: #ae8354; font-weight: normal; font-family: xqjzt; line-height: 50px;}
.diffUl{ width:752px; height: 450px; overflow: hidden; margin-top: 20px;}
.diffAW{width: 36px; height: 30px; margin-top: 20px; padding-left: 20px;}
.diffAW img{ width:23px; height: 19px; transform: rotateY(10%); animation:diffAW 3s ease infinite 0s; opacity: .8;}
@keyframes diffAW{
	50%{transform:translateY(50%); opacity: .5;}
	100%{transform:translateY(10%); opacity: .8;}
}
.diffBtn{ width:151px; height: 39px; padding-top: 20px; cursor: pointer;}
.diffBtn a{ display:block; border: 1px solid #e3d4c3; width:98px; height: 35px; background: url(../images/founder/btn_arrow03.png) no-repeat 10px center; line-height: 35px; padding-left: 50px; font-size:18px; color: #e3d4c3;}
.diffBtn a:hover{ color:#e3d4c3;}
.diffWTop{ background: url(../images/founder/dtFontBg.png) no-repeat; width:1200px; height: 135px; margin: 0 auto;}
.diffWTop p{ width:1020px; padding:0 100px; color: #d1b9a0; font-size:18px; padding-top: 25px; text-align: justify; line-height: 30px;}
.diffWRight{ float:right;}




.strategist{ width:100%; background: url(../images/founder/bg_02.jpg) no-repeat center top #170504; height: 900px; position: relative;}
.stAW{ width: 51px; height: 51px; position: absolute; right: 140px; top: 410px;}
.stAW img{ transform: rotateX(10%); animation:awShow 3s ease infinite 0s; opacity: .8;}
.stCnt ul{ width: 710px; padding-top: 10px;}
.stCnt ul li{ width: 710px; overflow: hidden; font-size:18px; line-height: 2.5em; color: #e1e1e1;}
.stCnt ul li b{ font-weight:normal; color: #8d653c;}


.family{ width: 100%; height: 980px; background: url(../images/founder/bg_03.jpg) no-repeat center center; position: relative;}
.fyWrap{ width:1400px; overflow: hidden; margin: 0 auto;}
.fyCnt{ width:630px; overflow: hidden; padding-top: 330px;}
.fyCntLeft{ width:100%; padding-bottom: 10px; border-bottom: 1px solid #c7ceb0;}
.fyCntLeft p{ font-size:18px; line-height: 30px; color: #efecda; padding-top: 10px;}
.fyCntRight{ width: 100%; font-size: 18px; line-height: 30px; color: #efecda; text-align: justify;}
.fyCntRight p{padding-top: 20px;}
.photoBy{ width:100%; height: 900px;background: url(../images/founder/bg1112_01.jpg) no-repeat center center;  /*background: url(../images/founder/bg0521_03.jpg) no-repeat center center; */position: relative;}
.photoByWrap{ width:1400px; margin: 0 auto; overflow: hidden;}
.photoByCnt{width:700px;float:right;}
.pbc-01{ width:206px; height: 57px; padding-top: 390px;}
.pbc-02{ width:100%; font-size:18px; color: #fff; line-height: 30px; border-bottom: 1px solid #fff; padding: 10px 0;}
.pbc-03{ width: 100%; font-size: 18px; color: #fff; line-height: 30px; padding-top: 20px;}
.collector{ width:100%; height: 887px; background: url(../images/founder/bg_06.jpg) no-repeat center center; position: relative;}
.collectorCnt{ width: 1400px;  overflow: hidden; margin: 0 auto;}
.collectorCntRight{ float:right; width:480px; padding-top: 235px;}
.ccr-01{ font-size:18px; line-height: 30px; color: #e8e0c2; padding: 10px 0; border-bottom: 1px solid rgba(232,224,194,.45);}
.ccr-02{ font-size:18px; line-height: 30px;color: #a79887;}
.ccr-02 p{ padding-top:20px; text-align: justify;}
.philanthropist{ width:100%; background: url(../images/founder/bg_07.jpg) no-repeat right center; overflow: hidden;}
.ptLEft{ float: left; width: 60%; position: relative;}
.ptLEft li{ width: 100%; position: absolute; left: 0; top: 0; opacity: 0;transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;}
.ptLEft li img{width: 100%;}
.ptLEft li.active{ opacity:1;transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;}
.ptRight{ float: left; width: 35%; padding-left:3%; }
.ptRight h1{ font-size: 60px; font-family: xqgzdjt; color: #2b2b2b; padding-top: 80px;}
.ptRight ul{width:97%; padding-left: 3%}
.ptRight ul li{ width:100%; /*height: 36px;*/}
.ptRight ul li:first-child{ padding-top:0;}
.ptRight ul li{ font-size:18px; color: #636363; line-height: 2em;}
.ptRight ul li h3{ font-size:18px; color:#992626; line-height: 2em;}
.ptR-02{ width: 100%; height: 360px; overflow: hidden; margin: 40px 0 0; position: relative;}
.ptr-01 p,.ptr-02 p,.ptr-03 p{ width:100%; font-size:18px; line-height: 1.4em; color:#544738;}
.ptr-02,.ptr-03{ padding-top:20px;}
@keyframes awShow{
	50%{transform:translateX(50%); opacity: .5;}
	100%{transform:translateX(10%); opacity: .8;}
}


.footerFder{ width:100%; height:50px;background:url(../images/bg_05.jpg) no-repeat center bottom; position: relative; overflow: hidden;}

.yucai{ width:100%; height: 899px; background: url(../images/founder/yucaiBg.jpg) no-repeat center top #000;}
.yucaiWrap{ width:1400px; margin: 0 auto; overflow: hidden;}
.yucaiWTop{ width:645px; padding-top: 490px; border-bottom: 1px solid #fff; overflow: hidden;}
.yucaiWTitle{ width:645px; overflow: hidden;}
.yucaiWTitle h1{ float: left; width:400px;}
.yucaiWTitle h3{ float: left; width:150px; height: 37px; padding-top: 10px;}
.yucaiWTitle h3 a{ display:block; border: 1px solid #fff; width:98px; height: 35px; background: url(../images/founder/btn_arrow02.png) no-repeat 10px center; line-height: 35px; padding-left: 50px; font-size:18px; color: #fff;  font-weight: normal;}
.yucaiWTitle h3 a:hover{color: #fff;}
.yucaiWTop p{ font-size:18px; color: #fff; line-height: 2em; padding:20px 0 10px; letter-spacing: 1px;}
.yucaiWBottom{ width:645px;}
.yucaiWBottom p{ font-size:18px; line-height: 30px; color: #cdcdcd; text-align: justify; padding: 10px 0;}
.stWrap .yucaiWTop{ width:600px; border-bottom: 1px solid #8d653c;}
.stWrap .yucaiWTitle{ width:600px;}
.stWrap .yucaiWBottom{ width:600px;}
.stWrap .yucaiWTitle h1{ width:350px;  color: #daae7f;}
.stWrap .yucaiWTitle h3 a{ border: 1px solid #daae7f; color: #daae7f; background: url(../images/founder/btn_arrow03.png) no-repeat 10px center;}
.stWrap .yucaiWTitle h3 a:hover{color: #daae7f;}
.stWrap .yucaiWTop p{ color: #daae7f;}
.epicure{ width:100%; background: url(../images/founder/bg_04_2.jpg) no-repeat center top #000; height: 900px; overflow:hidden;}
.epicureWrap{ width:1400px; overflow: hidden; margin: 0 auto;}
.epWRight{ float: right; width:900px;}
.epWRightTop{ width:178px; height: 58px; padding-top:250px;}
.epWRightP{ width:900px; font-size:18px; color: #fff; line-height: 30px; padding: 20px 0; border-bottom: 1px solid #fff;}
.epWRightBottom { width:900px; font-size:18px; line-height: 30px; color: #fff;}
.epWRightBottom p{ padding-top:20px; text-align: justify;}
.badminton{ width:100%; height: 980px; background: url(../images/founder/bg0521_02.jpg) no-repeat center top #388868;}
.bnWrap{ width:1400px; margin: 0 auto; overflow: hidden;}
.bnLeft{ width:700px;}
.bnWTitle h1{ width:250px;}
.bnWBottom p{ color:#fff;}
.bnWTop,.bnWBottom{ width:700px;}
.bnWTop p{ padding-bottom: 40px;}
/**applyForPosition**/
.applyWrap{ width:1200px; margin: 0 auto; overflow: hidden; padding: 76px 0 128px; position: relative;}
.applyBtn{ width:167px; height: 37px; text-align: center; font-size: 18px; color: #4d4d4d; line-height: 37px; background: #fff; border: 1px solid #000; position: absolute; left: 50%; bottom:110px; margin-left: -84px;}
.applyTitle{ width:1200px; text-align: center; background: #A40000; padding:12px 0;}
.applyContent{ width:1200px; background: #f8f8f8; padding: 50px 0;}
.alc_01{ width:100%; text-align: center; padding-bottom: 50px;}
.alc_01 p{ font-size:18px; padding-top: 30px; color: #a40000; letter-spacing: 1px;}
.alcTitle{width:915px; height: 20px; border-bottom: 1px solid #A40000; margin: 0 auto 20px; position: relative;}
.alcTitle h3{ width:184px; background: #f8f8f8; height: 30px; font-size: 20px; line-height: 30px; letter-spacing: 1px; text-align: center;color: #a40000; position: absolute; left: 50%; top: 8px; margin-left: -92px;}
.alcWrap{ width:1020px; margin: 0 auto; overflow: hidden; padding-bottom: 40px;}
.alcLeft{ float:left; width: 650px;}
.alcl-01{ float:left; width: 325px; padding-top: 40px;}
.alcl01{ float:left; width: 105px; height: 30px; line-height: 30px; font-size:18px; color: #2a2929; font-weight: 600; letter-spacing: 1px;}
.alcl02{ float:left; width: 180px; white-space: nowrap;}
.alcl02 input{ width:178px; height: 28px; border: 1px solid #D2D2D2; background: #fff; font-size:14px;}
.alcl02 select{ width:178px; height: 28px; border: 1px solid #D2D2D2; background: #fff; font-size:14px;}
.alcl0201{ float:left; width: 210px; font-size:18px; color: #2a2929; font-weight: 600; letter-spacing: 1px;}
.alcl0201 div{ float: left; margin-right: 20px;}
.alcl-02{ float: left; width: 650px; padding-top: 40px;}
.alcl-02 .alcl02{ width:545px;}
.alcl-02 .alcl02 input{ width: 503px;}
.alcl-03{ float: left; width: 650px; padding-top: 40px;}
.alcl-03 .alcl01{ width:150px;}
.alcl-03 .alcl02{ width:500px;}
.alcl-03 .alcl02 input{ width: 458px;}
.alcRight{ float: left; padding-left: 170px; width:200px; padding-top: 40px;}
.alcr{  width:198px; height: 198px; border: 1px solid #D2D2D2; text-align: center; line-height: 198px; background: #f3f3f3;}
.alcr01{ width: 200px; padding-top: 10px;}
.alcr01 h3{ font-weight: normal; font-size: 12px; color: #333;}
.alcr01 p{ font-size:12px; line-height: 1.6em; padding-top: 5px; color: #666;}  
.alcqLeft{ float:left; width:510px; padding-top: 40px;}
.alcq1{ float:left; width: 105px; height: 30px; line-height: 30px; font-size:18px; color: #2a2929; font-weight: 600; letter-spacing: 1px;}
.alcq2{ float:left; width: 405px;}
.alcq2 select{ width:382px; height: 28px; border: 1px solid #D2D2D2; background: #fff; font-size:14px;}
.alcq21 select{ width: 150px;}
.alcqLeft01 .alcq1{ width: 150px;}
.alcqLeft01 .alcq2{ float:left; width: 360px;}
.alcqLeft01 .alcq2 input{ width: 288px; height: 28px; border: 1px solid #D2D2D2; background: #fff; font-size:14px;}
.alcqLeft03 .alcq1{ width: 180px;}
.alcqLeft03 .alcq2{ float:left; width: 330px;}
.alcw03{ width: 1020px; height: 30px; line-height: 30px; font-size:18px; color: #2a2929; font-weight: 600; letter-spacing: 1px; padding: 40px 0 20px;} 
.alcw04{ width:1020px;}
.alcw04 textarea{ width:1018px; height: 100px; border: 1px solid #D2D2D2; background: #fff; font-size:14px; font-family: "微软雅黑","Microsoft YaHei",'宋体','Microsoft YaHei UI',"Arial"; }
.alcWrap table{width: 100%;border-collapse:collapse; margin-top: 30px;}
.alcWrap table th{line-height: 30px;    font-size: 18px;color: #2a2929;font-weight: 600;border: solid 1px #d2d2d2;}
.alcWrap table tr:nth-of-type(3), .alcWrap table tr:nth-of-type(4){display: none;}
.alcWrap table td{border: solid 1px #d2d2d2;}
.alcWrap table td input{ width: 100%;height: 30px;border:0;-moz-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box;}
.dianji{font-size: 30px;font-weight:600;width: 30px;margin: 0 auto;}

.alcw04{ width:1020px;padding-top: 20px;}
.alcWrap table tr:nth-of-type(3), .alcWrap table tr:nth-of-type(4){display: none;}
.alcr{position:relative;}
.alcr img{width:70px; height:100px;position:absolute; top:50%;left:50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}
.photoInput{display:none;}
/**six**/
.wholeFishContainer .swiper-slide.six-01{display: block;}
.six-01{ background:url(../images/six/bg_01.jpg) no-repeat left center #000;position: relative;} 
.sixWrap{ width:1400px; height: 100%; margin: 0 auto; position: relative;}
.six-01 span{ position:absolute; right: 0; top: 50%; margin-top: -137px; opacity: 1; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;}
.six-01.active span{ margin-top: -137px; opacity: 1;transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-moz-transition: all .5s ease 0s;}
.six-03{ background:url(../images/six/bg_03.jpg) no-repeat center center #000;position: relative;}
.six-02{ background:url(../images/eight/eight_08.jpg) no-repeat center center #000;position: relative; background-size: cover;}
/*首页隐藏导航*/
.menuMask .tpMenuCnt{ padding-top:300px;}
/*生态鲤鱼*/
.eight-01{background:url(../images/eight/eight_02.jpg) no-repeat center 40px #000; background-size: cover; position: relative;}
.eight-02{background:url(../images/food/food_08.jpg) no-repeat center center; background-size: cover; position: relative;}
.eight-03{background:url(../images/food/food_01.jpg) no-repeat center center; background-size: cover;position: relative;}
.eight-04{background:url(../images/food/food_05.jpg) no-repeat center center; background-size: cover; position: relative;}
.eight-05{background:url(../images/food/food_02.jpg) no-repeat center center; background-size: cover; position: relative;}
.eight-06{background:url(../images/food/food_04.jpg) no-repeat center center; position: relative;}
.eight-07{background:url(../images/eight/eight_08.jpg) no-repeat center center; position: relative; background-size: cover;}
.eight-01 img{ opacity:0;}
/*404*/
.noFound{ width:100%; background: rgba(0,88,234,.05); height: 650px; position: relative; overflow: hidden;}
.w-01{ width:100%; background: url(../images/404/w-01.png) no-repeat center bottom;  height: 545px;position: absolute; left: 0; bottom: 0; z-index: 1; animation: move_wave 5s linear infinite;
}
.w-02{ width:100%; background: url(../images/404/w-02.png) no-repeat center bottom;  height: 545px;position: absolute; left: 0; bottom: -10px; z-index: 2; animation: move_wave01 5s linear infinite;
}
@keyframes move_wave {
    0% {
      left:0; bottom: 0;
    }
    50% {
       left:0; bottom:-10px;  
    }
    100% {
      left:0; bottom: 0px;
    }
}
@keyframes move_wave01 {
    0% {
      left:0; bottom: -10px;
    }
    50% {
       left:0; bottom:0;  
    }
    100% {
      left:0; bottom: -10px;
    }
}
.w-03{ width:470px; position: absolute; left: 50%; margin-left: -235px; top:70px; z-index: 3;}
.w03Top{ width:100%; text-align: center;}
.w03Font{ width:100%; text-align: center; padding-top: 10px;}
.w-03 p{ width:100%; text-align: center; font-size:18px; color: #5573a5; letter-spacing: 1px; padding: 20px 0;}
.w-03 ul{ overflow: hidden; width:340px; margin: 0 auto;}
.w-03 ul li{ float:left; width:170px;}
.w-03 ul li a{ display: block; width:137px; height: 35px; text-align: center; line-height: 35px; font-size:15px; letter-spacing: 1px; margin: 0 auto; border-radius: 10px;}
.w-03 ul li:nth-child(1) a{ background: #e7380d;  color: #fff;}
.w-03 ul li:nth-child(1) a:hover{ color:#fff;}
.w-03 ul li:nth-child(2) a{ width:135px; height: 33px; line-height: 33px; border: 1px solid #5a5a5a; color: #5a5a5a;}
.w-03 ul li:nth-child(2) a:hover{ color:#5a5a5a;}

#certify {position: relative;width: 1200px;margin: 0 auto}
#certify .swiper-container {padding-bottom: 100px;}
#certify  .swiper-slide {width: 440px;height: 660px;text-align: center;background: #000000;}
#certify  .swiper-slide a img{width: 440px;height: 660px;margin: 0 auto;display:block;-webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease;}
#certify .dim{opacity:0.6; filter: alpha(opacity=60);}
#certify .swiper-slide p {display: none;line-height: 106px;padding-top: 0;text-align: center;color: #636363;font-size:24px;margin: 0;}
#certify .swiper-pagination {width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #00aadc;background-color: #fff;}
#certify .swiper-button-next {width: 59px;height: 96px;background-image: url(../images/zuo-1.png);background-size:100%;left: 0; right: auto;top: 42%;}
#certify .swiper-button-prev {width: 59px;height: 96px;background-image: url(../images/you-1.png);background-size:100%; right: 0;left: auto;top: 42%;}
#certify .swiper-slide-active{background:rgba(0,0,0,0);width: 488px;}
#certify .swiper-slide-active .dim{opacity:1; filter: alpha(opacity=60);}
#certify .swiper-slide-active p{display: block;}




/*河南餐饮文化**/
/*.canyin-1{width: 100%;height:400px;background:url(../images/canyin/banner_mc.jpg) no-repeat center top #000; background-size: cover;}
.canyin-2{width: 100%;height:400px;background:url(../images/canyin/banner_my.jpg) no-repeat center top #000; background-size: cover;}
.canyin-3{width: 100%;height:400px;background:url(../images/canyin/banner_mchi.jpg) no-repeat center top #000; background-size: cover;}
.canyin-cn-3{width: 1400px;margin: 0 auto;overflow: hidden;}
.fdReTitle{ width:100%; text-align: center; padding: 80px 0 20px;}
.fdReCnt{ width:1450px; overflow: hidden; padding-bottom: 60px;}
.fdReCnt li{ float: left; width:240px; padding-top: 10px; margin-right: 50px; margin-top: 80px;}
.fdReCnt li a{display: block; width:240px;}
.fdReTop{ width:240px; height: 230px; text-align: center;}
.fdReTop img{ width:220px; height: 220px; border: 5px solid #e1e0e1; border-radius: 100%;transition: all 0.36s ease;transform: scale(1);}
.fdReCnt li a:hover .fdReTop img{ transform: scale(1.05); transition: all 0.36s ease;}
.fdReCnt li a h3{ font-weight: normal; font-size:18px; color: #666; width:100%; text-align: center; line-height: 1.8em; padding-top: 10px;}
.fdReCnt li a:hover h3{ color: #005bac;}*/


.leaving_20 {
 
  color: #fff;
  font-size: 16px;
  padding: 4px;
  box-sizing: border-box;
  text-align: center;
  position: fixed;
  width: 100px;
  height: 50px;
  right: 0px;
  bottom: 260px;
  opacity: 1;
  z-index: 8;
  cursor: pointer;
}
.leaving_20 img{width: 100%;}