@charset "utf-8";

/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;outline:0;font-smoothing: antialiased;font-smooth:always;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}
sub,sup {position: relative;font-size:75%;line-height: 0;vertical-align: baseline;}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn,em{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
img{display:block;border:0 none;}
h1,h2,h3,h4,h5,h6{font-size: 1em;}
h1,h2,h3,h4,h5,h6,em,strong{font-weight:bold;}
pre,code,kbd,samp{font-family:inherit;}
small,sub,sub{font-size:1em;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
input,label,button,select,textarea,keygen,legend{display:inline-block;font-size: inherit;font-family:inherit;vertical-align:top;*zoom:1;}
button,input[type=submit],input[type=image],input[type=reset]{cursor: pointer;border: 0 none;font-family: inherit;}
option{display:block;}
a, a:link, a:visited {text-decoration:none;outline:0 none;}
a:active { star:expression(this.onFocus = this.blur()); }
::selection,::-moz-selection{background: transparent;}
/* tag reset end */
/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{clear:both;*zoom:1;}
.f-cl{clear:left;}
.f-cr {clear:right;}
.f-ib{display:inline-block;*zoom:1;}
.f-fl{float:left;display: inline-block;*display:inline}
.f-fr{float:right;display: inline-block;*display:inline}
.f-posr{position:relative;left:0;top:0;z-index:10;}
.f-posa{position:absolute;left:0;top:0;z-index:10;}
.f-ovh{overflow:hidden;}

.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}

.f-th{display: none;}

/* function end */

/*grid*/
.g-widthmin{width: 100%;min-width: 1200px;}
.g-width{width: 1200px;margin:0 auto;}
/*grid end*/
/*ui*/
.u-bg{background: #fff;}
.u-bg2{background: #f6f6f6;}
.u-b{cursor:pointer;display: block;text-align: center;text-decoration:none;border:0 none;+zoom:1;}
.u-b1{width:234px;height: 64px;font-size: 18px;line-height: 64px;color: #fff;border: 1px solid rgba(255,255,255,0.8);}
.u-b2{width:236px;height: 64px;font-size: 18px;line-height: 64px;color: #fff;border: 1px solid #00b03a;background: #00b03a;}
.u-b3{width: 120px;font: 12px/30px \5B8B\4F53;color: #fff;background: #25b253;-webkit-border-radius:8px;border-radius:8px}
.u-b4{width: 120px;font: 12px/30px \5B8B\4F53;color: #fff;background: #57332a;-webkit-border-radius:8px;border-radius:8px}
.u-b5{width:130px;height: 30px;font: 12px/30px \5B8B\4F53;text-align: center;color: #242424;border: 1px solid #8f8f8f;-webkit-border-radius:5px;border-radius:5px}
.u-b5:hover{color: #fff;border-color:#471f15;background: #471f15;}
.u-b6{width: 190px;height: 40px;font: 16px/40px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;text-align: center;color: #fff;background: #00b03a;-webkit-border-radius:5px;border-radius:5px}
.u-b6:hover{background: #048e31;}
.u-b7{width: 190px;height: 40px;font: 16px/40px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;text-align: center;color: #fff;background: #471f15;-webkit-border-radius:5px;border-radius:5px}
.u-b7:hover{background: #321109;}
	/*u-i*/

.u-i {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  /*-webkit-text-stroke-width: 0.2px;*/
  -moz-osx-font-smoothing: grayscale;
}

.t{-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot?t=1497593273198'); /* IE9*/
  src: url('../font/iconfont.eot?t=1497593273198#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff?t=1497593273198') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf?t=1497593273198') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg?t=1497593273198#iconfont') format('svg'); /* iOS 4.1- */
}

.u-font {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.u-dressup{color: #8f8f8f;text-transform: uppercase;font: 14px/20px arial;letter-spacing: -1px;}
.u-dressup:before{content:"";float: left;width: 32px;height: 0;margin-top:10px;font: 0/1 normal;margin-right: 10px;border-top: 1px solid #c5c5c5;}

	/*u-i end */
  /*jsStyle*/
[showopr="ctn"]{display: none;}
div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 5px;background: #57332a;}
div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: #57332a;}
div.mCSB_scrollTools .mCSB_draggerRail{width:1px;background: #cacaca;}
.img.mCustomScrollbar .mCSB_inside>.mCSB_container{margin-right: 0;}
.img.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail{background: #157334;}
.img.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerContainer{background:rgba(0,0,0,0.6);}
.img.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.img.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #00B03A;}
  /*jsStyle end*/
	/*m-crumb*/
.m-crumb{text-align: right;font: 12px/38px \5B8B\4F53;color: #00bf45;text-transform: capitalize;border-bottom: 1px solid #dbdbdb;}
.m-crumb a{animation:fadeInRight 1s both;color: #333;}
.m-crumb a:after{content:">";margin-left:5px;}
.m-crumb a:hover{color: #157334;}
	/*m-crumb end*/
	/*m-page*/
.m-page{width:1070px;padding:1.1% 64px;margin: 0 auto;border: 1px solid #dbdbdb;background: #fff;overflow: hidden;}
.m-page.u-bg1{background: #f6f6f6;}
.m-page a{float: right;width: 20%;font: 16px/24px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;text-align: right;color: #333;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.m-page a:before{content:"\e632";float: right;font:bold 12px/24px "iconfont";margin-left: 5px;color: #8e8e8e;}
.m-page a:first-child{float: left;text-align: left;}
.m-page a:first-child:before{content:"\e706";float: left;margin: 0 5px 0 0;}
.m-page a:hover:before,.m-page a:hover{color: #00b03a;letter-spacing:4px;}
.m-page a:before,.m-page a,.m-page a:hover:before,.m-page a:hover{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
	/*m-page end*/
  /*m-page2*/
.m-page2{margin-top: 40px;}
.m-page2 a{display: block;width:30%;margin:0 auto;color: #ccc;text-align: center;}
.m-page2 a .u-font{display: inline-block;margin-right: 15px;}
.m-page2 a:hover{color: #00b03a;letter-spacing: 2px;}
.m-page2 a:hover,.m-page2 a{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}

.m-page3 a{height: 0;width: 0;overflow: hidden;}
.m-page3 .jp-previous,.m-page3 .jp-next{cursor: pointer;position: absolute;top: 0;z-index: 10;width:35px;height: 95px;text-align: center;color: #fff;text-align: center;background: #471f15;}
.m-page3 .jp-previous.jp-disabled,.m-page3 .jp-next.jp-disabled,.m-page3 .jp-previous.jp-disabled:hover,.m-page3 .jp-next.jp-disabled:hover{background: #ddd;}
.m-page3 .jp-previous:hover,.m-page3 .jp-next:hover{background: #00b03a;}
.m-page3 .jp-previous{left: -54px;}
.m-page3 .jp-next{right: -54px;}
.m-page3 .jp-previous:before{content:"\e707";font:24px/95px "iconfont";}
.m-page3 .jp-next:before{content:"\e621";font:24px/95px "iconfont";}
  /*m-page2 end*/
  /*m-page4*/
.m-page4{max-width: 100%;text-align: center;}
.m-page4 a{cursor: pointer;display: inline-block;width:10px;height: 10px;margin: 0 5px;background: #d8d8d8;-webkit-border-radius:50%;border-radius:50%;}
.m-page4 .jp-current{background: #57332a;}
  /*m-page4 end*/
  /*m-page5*/
.swiperOpr2 a{float:right;width: 35px;height: 84px;color: #fff;text-align: center;line-height: 84px;background: #471f15;}
.swiperOpr2 a:first-child{float: left;}
.swiperOpr2 a:hover{background: #00b03a;}
  /*m-page5 end*/
  /*m-autoimg*/
.m-autoimg{position: relative;z-index: 10;width: 100%;min-width: 1200px;overflow: hidden;}
.m-autoimg-box{display: block;position: relative;left: 50%;top: 0;z-index: 10;width: 3000px;height: auto;margin-left: -1500px;text-align: center;}
.m-autoimg-box>img{display: block;width: auto;height: auto;min-height: 100%;margin: 0 auto;}
  /*m-autoimg end*/
.art-h h1{font:30px/57px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #1f1f1f;border-bottom: 1px solid #dbdbdb;}
.art-h .info{margin-bottom: 10px;font: 14px/47px Verdana;color: #8f8f8f;text-transform: uppercase;}
.art-h .info li{display: inline-block;margin-right: 25px;}
.art-h .info li .u-font{margin-right: 5px;color: #00b03a;}
.art-pre{font: 14px/24px \5B8B\4F53;color: #717171;}
.art-pre img,.art-pre2 img{margin: 0 auto;}
.art-pre2{font: 12px/22px \5B8B\4F53;color: #717171;}
.bg{position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;background: #fff;}
	/*form*/
	/*form end*/
/*moulde end*/
/*public*/
/*html,body{height: 100%;min-width: 1200px;color: #fff;/*overflow: hidden;}*/
body{position: relative;z-index: 10;width: 100%;min-width: 1200px;/*padding:80px 0 72px;*/font:14px/26px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;background: #efefef;}
.pageIndex{padding: 0;height:100%;overflow: hidden;}
.fullpage{z-index: 10;}
.pageIndex .foot{margin-top: 0;}
.pageIndex .foot .floatBar{display: none;}
.loadbox{position: fixed;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;background: #157334;}
.loadbox img{position: absolute;left: 50%;top: 50%;width: 80px;height: 80px;margin:-40px 0 0 -40px;}
/*nav*/
.head{position: relative;left: 0;top: 0;z-index: 50;width: 100%;height: 82px;background: #00b03a;}
.logo{float: left;width: auto;height: 80px;}
.ewmBox{cursor: pointer;float: right;position: relative;z-index: 10;width: 20px;padding-left: 15px;color: #fff;font-size: 20px;line-height:80px;}
.ewmBox .showCtn{cursor: default;position: absolute;right: 0;top:80px;z-index: 20;width: 230px;font-size: 22px;line-height:30px;text-align: center;color: #242424;border: 30px solid #fff;border-bottom-width: 24px;background: #fff;}
.ewmBox .showCtn:before{content:"";display: block;position: absolute;top:-50px;right:-30px;z-index: 10;border:10px solid transparent;border-bottom-color: #fff;}
.ewmBox .showCtn img{width: 230px;height: 230px;margin-bottom: 10px;}
.navList{float: right;font:16px/32px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;}
.navList>li{float: left;position: relative;z-index: 10;width: 115px;text-align: center;}
.navList>li>a{display: block;position: relative;z-index: 10;line-height:80px;color: #fff;}
.navList>li>a .u-font{position: absolute;left: 0;top: 0;z-index: 10;width: 100%;text-align: center;-webkit-opacity:0;filter:alpha(opacity=0);opacity:0;}
.navList>li>a:after{content:"";display: block;position: absolute;left:50%;bottom:20px;z-index: 12;width:0;margin: 0;border-bottom: 2px solid #fff;-webkit-opacity:0;filter:alpha(opacity=0);opacity:0;}
.navList>.act>a:after,.navList>.hover>a:after{width: 26px;margin-left: -13px;-webkit-opacity:1;filter:alpha(opacity=100);opacity:1;}
.navList>.hover>a .u-font,.navList>.act>a .u-font{top:-20px;-webkit-opacity:1;filter:alpha(opacity=100);opacity:1;}
.navList>.act{background: #157334;}
.subNav{position: absolute;left: 0;top:0;z-index:5;padding:80px 0 0;width: 100%;height: 0;overflow: hidden;}
.subNav:before{content:"";display: block;position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 0;background: #157334;}
.subNav:hover:before{height: 100%;}
.subNav li a{display: block;position: relative;z-index: 10;color: #fff;font-size: 15px;}
.subNav li a:after{content:"";}
.subNav li a:hover{color: #00dd49;background: #123111;}
/*.navList>li:hover .subNav,.subNav,.navList>li:hover .subNav:before,.subNav:before{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}*/
.navList>li:hover .subNav,.subNav,.navList>li>a:hover .u-font,.navList>li>a .u-font,.navList>.act>a:after,.navList>li>a:hover:after,.navList>li>a:after{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.navList>li.hover .subNav{height: auto;padding-bottom: 26px;-webkit-animation:fadeInDown 1s both;animation:fadeInDown 1s both;background: #157334;}
/*nav end*/
/*foot*/
.foot{width: 100%;margin-top:70px;background: #157334;}
.foot .g-width{padding:20px 0;color: #67bf84;font:12px/16px \5B8B\4F53;}
.foot a{color: #67bf84;margin: 0 10px;}
.foot a:hover{color: #fff;}
.u-copyright{font-family: arial;}
.sns{float: right;}
.sns li{float: left;position: relative;z-index: 10;margin-left: 15px;}
.sns li a{display: block;margin:0;width: 40px;height: 40px;font-size: 40px;line-height: 40px;color: #00b03a;}
.sns li div{position: absolute;bottom:50px;left: 50%;z-index: 10;width: 80px;height: 80px;margin-left: -40px;background: #fff;}
.sns li div:after{content:"";display: block;position: relative;z-index: 10;width: 0;height: 0;border: 5px solid transparent;border-top: 5px solid #fff;margin: 0 auto;}
.sns li div img{width: 100%;height: 100%;}
.sns li a:hover{color: #fff;}
.sns li:nth-child(3) div{left: auto;right: 0;}
.sns li:nth-child(3) div:after{float: right;margin-right: 15px;}
/*foot end*/
/*public*/
.main{position: relative;z-index: 10;width:1200px;margin: 0 auto;}
.m-list{width: 105%;overflow: hidden;}
.m-list2{width: 105%;}
.listBox{position: relative;z-index: 10;}

/*column*/
.column-h2{float: left;padding-right: 22px;border-right: 1px solid #cecece;font:18px/30px Verdana;color: #8f8f8f;text-transform: uppercase;}
.column-h2 h2{margin: -5px 0 0;font:44px/50px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #333;}
.column-h2 p{margin-bottom: -5px;}
.column-h3{position: relative;z-index: 10;margin:44px auto;overflow: hidden;}
.column-h3 h3{float: left;padding:0 22px;font:20px/70px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;}
.column-more{float: right;font:18px/70px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #333;}
.column-more:hover{letter-spacing: 5px;}
.column-more:hover,.column-more{-webkit-trationsin:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.column-more:before{content:"<";margin-right:5px;font:bold 18px/70px \5B8B\4F53;}
.column-more:hover{color: #00B03A;}
.subMenu{position: absolute;right: 0;top:50%;left: 0;z-index: 10;margin-top: -18px;width: auto;height: 36px;overflow: hidden;text-align: right;}
.subMenu li{display: inline-block;}
.subMenu li a{display: block;width: 135px;height:36px;font:16px/36px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #212121;text-align: center;-webkit-border-radius:8px;border-radius:8px;overflow: hidden;}
.subMenu li a .u-font{font-size: 0;}
.subMenu .act a{color: #fff;background: #00b03a;}
.subMenu .act a .u-font{font-size:16px;margin-right: 5px;}
.subMenu li a:hover{color: #fff;background: #00b03a;}
.column-h2,.column-h3 h3{-webkit-animation:fadeInLeft 1s linear both;animation:fadeInLeft 1s linear both;}
.subMenu{-webkit-animation:fadeIn 1s both;animation:fadeIn 1s both;}
.tombstoneMenu li:nth-child(2n+2),.m-list li:nth-child(2n+2),.bookingList li:nth-child(2n+1),.map,#baidumap,.m-hr,.lifeServiceIntro{-webkit-animation:fadeInUp 1s 0.2s both;animation:fadeInUp 1s 0.2s both;}
.tombstoneMenu li:nth-child(2n+1),.m-list li:nth-child(2n+1),.bookingList li:nth-child(2n+2){-webkit-animation:fadeInUp 1s both;animation:fadeInUp 1s both;}
.tombstoneMenu li:hover{padding: 15px 0;}
.tombstoneMenu li:hover,.tombstoneMenu li{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
/*column end*/
/*public end*/
/*page = index*/
.menu{position:fixed;right: 0;top: 50%;z-index:80;width: 126px;margin-top:-163px;}
.menu li a{display: block;position: relative;z-index: 10;color:rgba(255,255,255,0.3);font:16px/64px Verdana;text-align: center;border-bottom: 1px solid rgba(255,255,255,0.3);}
.menu li a:after{content:"";position: absolute;right: 0;bottom: 0;z-index: 10;width:0;height: 0;font: 0/1 normal;border-bottom: 1px solid #fff;}
.menu li a:hover:after{width: 100%;}
.menu li a:hover{color: #fff;}
.menu .active a{color: #fff;border-color: #fff;}
.menu.anim li:nth-child(1){animation:fadeInLeft 0.5s 1.9s linear both;}
.menu.anim li:nth-child(2){animation:fadeInLeft 0.5s 2.1s linear both;}
.menu.anim li:nth-child(3){animation:fadeInLeft 0.5s 2.3s linear both;}
.menu.anim li:nth-child(4){animation:fadeInLeft 0.5s 2.5s linear both;}
.menu.anim li:nth-child(5){animation:fadeInLeft 0.5s 2.7s linear both;}
.menu.anim li:nth-child(6){animation:fadeInLeft 0.5s 3.0s linear both;}
.u-menu2 li a{color: #a2a2a2;border-color: #a2a2a2;}
.u-menu2 li a:hover{color: #212121;}
.u-menu2 .active a{color: #212121;border-color: #212121;}
.menu li a:hover:after,.menu li a:after{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}

.section{position: relative;z-index: 10;height: 100%;overflow: hidden;}
.p1{background: #274922;}
.p1Box{position: absolute;left:50%;top: 0;z-index: 20;width: 1200px;height: 100%;padding-top: 175px;margin-left: -600px;}
.p1-t1{margin-bottom: 138px;}
.p1-t2{margin-bottom: -258px;}
.p1-t2-2{margin-bottom: 30px;}
.p1-t3{margin:80px 0;}
.p1-mask{position: absolute;top: 0;left: 50%;z-index: 2;width: 1920px;margin-left: -960px;}
.p1-maskblock{position: absolute;top: 0;left: 50%;z-index: 2;width: 1920px;margin-left: -960px;}
.p1 .opr{margin-bottom: 23px;overflow: hidden;}
.p1 .opr a{float: left;}
.p1 .opr a:hover{padding: 0 20px;}
.p1 .opr a:hover,.p1 .opr a{-webkit-transition:.5s all;transition:.5s all;}


.p1.active .p1-bg,.p2.active .p2-bg{animation:zoomInLarge 1s  both;}
.p1.active .opr,.p1.active .p1-t1{animation:fadeInRight 1s 1.3s  both;}
.p1.active .p1-t2-2{animation:mtTitle 4s 1s infinite both;}
.p1.active .p1-t2{animation:mtTitle 4s 2s infinite both;}
.p1.active .p1-maskblock{animation:mtTitle2 3s infinite both;}
.p1.active .p1-mask{animation:mtTitle2 3s 1s infinite both;}
.p1.active .p1-t3{animation:fadeInLeft 1s 1.2s  both;}
.p2-t,.p3-t,.p4-t,.p5-t{position: relative;z-index: 50;padding-top:3%;margin: 0 auto;}
.p2-t,.p5-t{position: absolute;left: 50%;top:0;z-index: 20;width: 172px;margin-left: -86px;}
.p2.active .p2-t,.p3.active .p3-t,.p4.active .p4-t,.p5.active .p5-t{-webkit-animation:fadeInDown 1s 1s  both;animation:fadeInDown 1s 1s  both;}
.p2-circle{display: block;position: absolute;top:50%;left:50%;z-index:20;width: 500px;height: 500px;margin: -200px 0 0 -250px;}
.p2-circle img{width: 100%;height: 100%;}
.p2-circle img:first-child{margin-bottom: -500px ;}
.p2-c{position: absolute;left:50%;top:50%;z-index: 10;width:500px;height:500px;margin:-250px auto auto -250px;}


.p2.active .p2-img{animation:flipInY 1s 1.2s  both;}
.p2.active .p2-round{animation:rotate 10s infinite linear both;}
.p2.active .p2-circle{animation:zoomIn 2s both;}
.p2.active .p2-c1{animation:circlep2 7s infinite both;}
.p2.active .p2-c2{animation:circlep2 7s 0.5s infinite both;}
.p2.active .p2-c3{animation:circlep2 7s 0.5s infinite both;}
.p2.active .p2-c4{animation:circlep2 7s 1.5s infinite both;}
.p2.active .p2-circle:hover .p2-img{-webkit-transform:scale(1.1,1.1,1.1);transform:scale(1.1,1.1,1.1);}
.p5.active .p5Contact{-webkit-animation:fadeInUp 1.5s both;animation:fadeInUp 1.5s both;}
.p5.active .p5Form{-webkit-animation:fadeInDown 1.5s both;animation:fadeInDown 1.5s both;}

.p3List{position: absolute;bottom:10%;z-index: 5;width:1250px;padding: 78px 0 50px;}
.p3List li{float: left;width:280px;margin-right: 30px;}
.p3List li:nth-child(4) .m-season:after{left:auto;right:10px;}
.p3List .even{margin-top: -78px;}
/*.m-season{display: block;position: relative;z-index: 10;width: 270px;height: 640px;background: #000;}*/
.m-season{display: block;position: relative;z-index: 10;width:244px;height:580px;background: #000;}
.m-season:after{content:"";display: block;position: absolute;left: 10px;top: 10px;z-index: 2;width:100%;height:100%;border: 1px solid #e7e7e7;}
.m-season:hover:after{left: 5%;top: 2%;z-index: 20;width:90%;height:96%;border-color: #fff;-webkit-animation:none;animation:none;}
.m-season .img{position: relative;z-index: 10;width: 100%;height: 100%;}
.m-season .text{position: absolute;left:50%;top: 0;z-index: 20;width:270px;margin-left: -135px;-webkit-opacity: 0;filter:alpha(opacity=0);opacity: 0}
.m-season:hover .text{-webkit-opacity: 1;filter:alpha(opacity=100);opacity: 1}
.m-season .title{position: absolute;left:50%;bottom:50px;z-index: 20;width: 104px;height: 104px;margin-left: -52px;}
.m-season:hover .img{-webkit-opacity:0.3;filter:alpha(opacity=30);opacity:0.3}
.m-season:hover .text{top: 15%;}
.m-season:hover .title{bottom: 57.8125%;width: 134px;height: 134px;margin:0 auto 0 -67px;}
.m-season:hover:after,.m-season:after,.m-season:hover .title,.m-season .title,.m-season .text,.m-season:hover .img,.m-season .img,.m-season:hover .text,.m-season .text{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.p3.active .p3List li:nth-child(1){animation:fadeInUp 1s 1s both;}
.p3.active .p3List li:nth-child(2){animation:fadeInUp 1s 1.2s both;}
.p3.active .p3List li:nth-child(3){animation:fadeInUp 1s 1.3s both;}
.p3.active .p3List li:nth-child(4){animation:fadeInUp 1s 1.5s both;}

.navList>.act>a .u-font,.navList>.hover>a .u-font{-webkit-animation:mtTitle 2s infinite both;animation:mtTitle 2s infinite both;}
.p3List li:nth-child(1) .m-season .title{-webkit-animation:mtTitle 2s infinite both;animation:mtTitle 2s infinite both;}
.p3List li:nth-child(2) .m-season .title{-webkit-animation:mtTitle 2s 0.5s infinite both;animation:mtTitle 2s 0.5s infinite both;}
.p3List li:nth-child(3) .m-season .title{-webkit-animation:mtTitle 2s 1s infinite both;animation:mtTitle 2s 1s infinite both;}
.p3List li:nth-child(4) .m-season .title{-webkit-animation:mtTitle 2s 0.8s infinite both;animation:mtTitle 2s 0.8s infinite both;}
.p3List li .m-season:hover .title{-webkit-animation:none;animation:none;}

.p4Title{margin-bottom: 33px;font: 0/1 normal;text-align: center;}
.p4Title li{cursor: pointer;display: inline-block;padding:0 40px;font: 20px/30px \5FAE\8F6F\96C5\9ED1;}
.p4Title li .u-font{font-size: 18px;line-height:16px;color: #efefef;}
.p4Title .act,.p4Title .act .u-font{color: #25b253;}
.p4Title li:hover{color: #25b253;}
/*.p4Box{position: absolute;bottom:2.6%;left: 50%;z-index: 10;margin-left: -600px;}*/
.p4Box{position: absolute;bottom:10%;left: 50%;z-index: 10;margin-left: -600px;}
.p4Box .swiper-container{float: left;width: 625px;height: 345px;overflow: hidden;}
.newsList{width: 110%;}
.newsList li{float: left;width: 375px;margin-right: 40px;}
.p4Box .m-news2{margin-bottom: 40px;}
.p4TabBox{width: 1200px;overflow: hidden;}
.p4.active .p4TabBox.act .m-news2{-webkit-animation:fadeInLeft 1s 3s both;animation:fadeInLeft 1s both;}
.p4.active .p4TabBox.act .newsList li:nth-child(1){-webkit-animation:fadeInLeft 1s 0.5s both;animation:fadeInLeft 1s 0.5s both;}
.p4.active .p4TabBox.act .newsList li:nth-child(2){-webkit-animation:fadeInLeft 1s 0.8s both;animation:fadeInLeft 1s 0.8s both;}
.p4.active .p4TabBox.act .newsList li:nth-child(3){-webkit-animation:fadeInLeft 1s 1s both;animation:fadeInLeft 1s 1s both;}
.p4Title .act .u-font{-webkit-animation:mtTitle 2s infinite both;animation:mtTitle 2s infinite both;}
.m-news{display: block;padding:35px 50px 30px 30px;color: #212121;background: #fff;}
.m-news .time{margin-bottom: 20px;font-size:16px;line-height:20px;text-transform: uppercase;}
.m-news .time:after{content:"";display: block;width:27px;margin-top: 20px;font: 0/1 normal;border-bottom: 3px solid #25b253;}
.m-news .t{font:20px/24px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;margin-bottom: 12px;}
.m-news .des{height: 40px;font-size: 12px;line-height: 20px;color: #8f8f8f;overflow: hidden;}
.m-news:hover{color: #fff;background: #57332a;}
.m-news:hover .time:after{border-color: #fff;}
.m-news:hover .des{color: #fff;}
.m-news:hover:after{color: #fff;}
.m-news2{float: right;position: relative;z-index: 10;width: 525px;height:305px;padding:20px 0;background-color: transparent;}
.m-news2 .t{margin-bottom: 25px;max-height: 64px;font-size: 26px;line-height: 32px;white-space: normal;}
.m-news2 .des{color: #717171;height: 80px;}
.m-news2 .more{position: absolute;bottom:18px;left: 0;z-index: 10;font-size: 16px;text-transform: uppercase;}
.m-news2 .more:before{content:url(../image/des-arr.png);margin-right: 10px;}
.m-news2:hover{color: #57332a;background:transparent;}
.m-news2:hover .time:after{border-color: #25b253;}
.m-news2:hover .des{color: #57332a;}
.m-news:hover,.m-news{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.fp-auto-height{height: auto;}
.p5,.p6{background: #157334;}
.p6Box{height:300px;}
.fp-tableCell{display: block!important;}
.p5Box{position: absolute;bottom:20%;left: 50%;z-index: 10;width:1200px;margin:auto auto auto -600px;overflow: hidden;}
.p5Contact{float: left;width:490px;height:365px;padding:50px 55px;background: #fff;overflow: hidden;}
.p5Form{float: right;width:490px;height:365px;padding:50px 55px;background: #efefef;}
.footNav{width: 120%;padding-bottom: 40px;margin-bottom:22px;border-bottom: 1px solid #3fa15f;overflow: hidden;}
.footNav li{float: left;width:220px;}
.footNav li a{display: block;font-size: 18px;line-height:2;color: #fff;}
.footNav li a:before{content:">";font-family:\5B8B\4F53;margin-right: 10px;font-size: 16px;}
.footNav li a:hover:before{content:">";margin-right:20px;}
.footNav li a:hover:before,.footNav li a:before{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.column-h{margin-bottom: 55px;font:16px/30px Verdana;color: #adadad;text-transform: capitalize;}
.m-news .t{font:20px/24px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;margin-bottom: 12px;}
.column-t{font:34px/40px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #333;}
.cttList li{padding:0 0 0 40px;margin-bottom: 20px;font:14px/24px \5B8B\4F53;color: #adadad;}
.cttList li:hover{letter-spacing:1px;}
.cttList li h4{color: #333;font:bold 16px/22px  \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;}
.cttList li .u-font{float: left;margin-left: -40px;font-size:30px;line-height: 1;color: #25b253;}
.cttList li a{color: #adadad;}
.cttList li a:hover{color: #25b253;}
.ewmWx{float: right;width: 135px;padding-left: 40px;margin-left: 20px;text-align: center;color: #333;font-size: 16px;line-height: 24px;font-weight: bold;border-left: 1px solid #ededed;}
.ewmWx p{white-space: nowrap;}
.ewmWx strong{color: #25b253;}
.ewmWx img{width:135px;height: 135px;}
.fromList1{margin-top: -5px;}
.fromList1 li{position: relative;z-index: 10;margin-bottom: 20px;font:14px/34px \5B8B\4F53;color: #adadad;}
.m-input{display: block;position: relative;left: 0;top:0;z-index: 10;width: 272px;padding:8px 1em 8px 5em;margin-top: -34px;font: 14px/18px \5B8B\4F53;background-color: transparent;border: 0 none;border-bottom: 1px solid #c3c3c3;}
.m-input:focus{border-color: #25b253;}
.m-texta .m-input{width: 356px;height:3em;overflow: hidden;padding:26px 1px 8px;}
.p5Form .opr a,.p5Form .opr input{float: left;margin-right: 30px;}
.cttList li:hover,.cttList li{-webkit-transition:0.5s all;transition:0.5s all;}

.floatBar{position: fixed;right:1%;top: 50%;z-index:90;width: 100px;margin-top: -160px;background: #e3e3e3;-webkit-animation:fadeInRight 1s 1s both;animation:fadeInRight 1s 1s both;}
.floatBar li{display: table;position: relative;z-index: 10;text-align: center;height:80px;}
.floatBar li a{display: table-cell;width:100px;text-align: center;vertical-align: middle;font-size: 16px;color: #242424;border-bottom: 1px solid #eee;}
.floatBar li .u-font{margin-bottom: -5px;font-size:35px;line-height: 1.2;color: #7e7e7e;}
.floatBar li a:hover{color: #fff;background: #25b253;}
.floatBar li a:hover .u-font{color: #fff;}
.floatBar li.u-font{cursor: pointer;width: 100px;height: 100px;color: #25b253;text-align: center;font-size: 40px;line-height:80px;}
.floatBar li.u-font:hover{background: #dfdfdf;}
.floatBar li>div{position: absolute;left: -110px;top: 0;z-index: 10;width: 100px;height: 100px;}
.floatBar li>div:after{content:"";display: block;position: absolute;right: -10px;top: 50%;z-index: 10;margin-top: -5px;width: 0;height: 0;font: 0/1 normal;border: 5px solid transparent;border-left: 5px solid #fff;}
.floatBar li>div img{width: 100%;height: 100%;}
.pageIndex .floatBar{right: auto;left: 1%;z-index: 100;}
.pageIndex .floatBar li>div{left: auto;right: -110px;}
.pageIndex .floatBar li>div:after{left: -10px;right: auto;border: 5px solid transparent;border-right: 5px solid #fff;}
/*page = index end*/
/*page = news*/
.storyList li{float: left;width:280px;margin: 0  27px 30px 0;}
.m-news3{position: relative;z-index: 10;padding: 0;border: 1px solid #e0e0e0;text-transform: uppercase;}
.m-news3 .img{position: relative;z-index: 10;width: 278px;height: 168px;overflow: hidden;}
.m-news3 .info{position: relative;z-index: 10;padding:25px 15px;}
.m-news3 .des{height: 140px;color:#717171;margin-bottom: 20px;}
.m-news3 .more{position: relative;z-index: 10;padding:15px;background: #e7e7e7;}
.m-news3 .more .u-font{float: right;font-size: 10px;}
.m-news3:hover .more .u-font{margin-right: 100px;}
.m-news3:after{content:"";display: block;position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;height: 0;background:#57332a;}
.m-news3:hover:after{height: 100%;}
.m-news3:hover{background: #fff;}
.m-news3:hover .more{background: #57332a;}
.m-news3:hover .img img{-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.m-news3:hover .img img,.m-news3 .img img,.m-news3:after,.m-news3:hover:after,.m-news3:hover .more .u-font,.m-news3 .more .u-font{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.art-news{width:800px;padding:50px 198px;margin: 0 auto 30px;border: 1px solid #dbdbdb;background: #fff;}
/*page = news end*/
/*page = cultural*/
.art-cultural{width: 580px;padding-left:620px;height:68%;margin:0 auto 1.5%;overflow: hidden;}
.art-cultural .img{float: left;width: 590px;height:100%;margin-left: -620px;}
.art-cultural .art-c{height: 350px;}
.art-h2{margin-bottom:28px;padding: 13px 0;border-bottom: 1px solid #e5e5e5;color: #333;overflow: hidden;}
.art-h2 h1{float: left;font:bold 30px/38px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;}
.art-h2 h1:after{content:"";float:right;margin:4px 15px;height:30px;border-right: 1px solid #e5e5e5;}
.art-h2 p{float: left;font:26px/38px Verdana;text-transform: uppercase;letter-spacing: -2px;}
.art-c{margin-bottom: 25px;}
.culturalList li{float: left;width:378px;margin: 0 30px 40px 0;}
.culturalList li:after{content:"";display: block;width: 120%;border-bottom: 1px solid #d8d8d8;}
.m-cultural{display: block;position: relative;left: 0;top: 0;z-index: 10;padding-bottom:15px;color: #333;font: 14px/24px Verdana;text-transform: capitalize;}
.m-cultural .img{position: relative;z-index: 10;:378px;height:220px;margin-bottom: 12px;overflow: hidden;}
.m-cultural .img:before{content:"";display: block;position: absolute;left: 0;top: 0;z-index: 15;width: 0;height: 100%;background:rgba(21,115,52,0.8);}
.m-cultural .img img{width: 100%;height: 100%;}
.m-cultural .t{margin-right:30px;font:bold 22px/24px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;}
.m-cultural .more{float:right;margin:-55px 0 auto;font-size: 24px;line-height:50px;}
.m-cultural:hover .more{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.m-cultural p{color: #333;}
.m-cultural:after{content:"";display: block;position: absolute;bottom: -1px;left: 0;z-index: 10;width:0%;border-bottom: 3px solid #00b03a;}
.m-cultural:hover{color: #00b03a;}
.m-cultural:hover .img:before{width: 100%;}
.m-cultural:hover:after{width: 100%;}
.m-cultural:hover .img img{-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.m-cultural:hover:after,.m-cultural:after,.m-cultural:hover .img img,.m-cultural .img img,.m-cultural .img:before,.m-cultural:hover .img:before,.m-cultural:hover .more,.m-cultural .more{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
/*page = cultural end*/
/*page = life*/
.lifeGoods .listBox{float: right;width:870px;}
.stroneList{margin:20px auto -20px;}
.stroneList li{float: left;margin: 0 22px 22px 0;}
.m-tombstone{display: block;position: relative;z-index: 10;width: 275px;height:310px;color: #fff;background: #031F0D;overflow: hidden;}
.m-tombstone .img{display: block;width:100%;height: 100%;}
.m-tombstone .img img{width:100%;height: 100%;}
.m-tombstone .mask{position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;-webkit-opacity:0;filter:alpha(opacity=0);opacity:0}
.m-tombstone .mask p{position: absolute;bottom: 37px;left: 37px;z-index: 10;margin-right: 37px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.m-tombstone .mask p:first-child{bottom: 54px;font-size:32px;line-height: 80px;}
.m-tombstone:after{content:"";display: block;position: absolute;left:-2px;top:-2px;z-index: 10;width: 100%;height: 100%;border: 1px solid #fff;}
.m-tombstone:hover:after{left: 15px;top: 15px;width:240px;height: 276px;}
/*.m-tombstone:hover:after{left:5px;top:5px;width:194px;height:220px;}*/
.m-tombstone:hover .img{-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-opacity:0.3;filter:alpha(opacity=30);opacity:0.3}
.m-tombstone:hover .mask{-webkit-opacity:1;filter:alpha(opacity=100);opacity:1}
.m-tombstone:hover .img,.m-tombstone .img,.m-tombstone:hover .mask,.m-tombstone .mask,.m-tombstone:hover:after,.m-tombstone:after{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.tombstoneMenu{float: left;width:200px;}
.tombstoneMenu .opr a{display: inline-block;width: 35px;height: 35px;line-height: 35px;margin: 40px 0;text-align: center;color: #fff;background: #c7c7c7;-webkit-border-radius:50%;border-radius:50%}
.tombstoneMenu .opr a:hover{background: #00b03a;}
.tombstoneMenu ul li a{display: block;font:20px/65px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #212121;border-bottom: 1px solid #e4e4e4;}
.tombstoneMenu ul li a .u-font{margin-right: 14px;font-size:24px;color: #c7c7c7;}
.tombstoneMenu ul .act a,.tombstoneMenu ul .act a .u-font,.tombstoneMenu ul li a:hover,.tombstoneMenu ul li a:hover .u-font{color: #00b03a;}
/*.lifeGoodsDetail{width:646px;border: 40px solid #fff;padding-left: 505px;height:65%;background: #fff;overflow: hidden;-webkit-box-shadow:0 0 1px 1px #dbdbdb;box-shadow:0 0 1px 1px #dbdbdb;}*/
.lifeGoodsDetail{width:1120px;border: 40px solid #fff;background: #fff;overflow: hidden;-webkit-box-shadow:0 0 1px 1px #dbdbdb;box-shadow:0 0 1px 1px #dbdbdb;}
.lifeGoodsDetail .img{float: left;width: 440px;height:100%;}
.lifeGoodsDetail .img img{width: 100%;height: auto;}
.lifeGoodsDetail .art-ctn:before{content:"详细描述：";display: block;margin-bottom:5px;font-size: 18px;color: #212121;font-family:\5FAE\8F6F\96C5\9ED1;}
.art-h5{float: right;position: relative;z-index: 10;width:630px;padding-top: 50px;height: 400px;margin-bottom: 70px;font-family: Verdana, Geneva, sans-serif;color: #8f8f8f;}
.art-h5 .u-dressup{position: absolute;bottom: 50px;z-index: 10;}
.art-h5 h1{font:bold 30px/40px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #1f1f1f;}
.art-h5 .info{margin: 24px 0 0;}
.art-h5 .info li{padding:10px 0 10px 56px;margin-bottom: -1px;font: 16px/30px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;}
.art-h5 .info li span{display: inline-block;text-indent: -56px;}
/*page = life end*/
/*page = life service*/
.lifeServiceIntro{float: left;width:562px;padding:28px 28px 8px 28px;margin-bottom: 30px;background: #fff;overflow: hidden;}
.lifeServiceIntro .img{margin-bottom: 15px;height: 210px;}
.lifeServiceIntro .art-ctn{height: 264px;overflow: hidden;}
.lifeService .m-page4{float: right;width: 550px;}

.serviceList{float: right;width: 550px;}
.serviceList li{margin: 0 0 25px 0 ;}
.m-service{display: block;position: relative;z-index: 10;height:200px;color: #717171;background: #fff;-webkit-box-shadow:1px 1px 1px #dbdbdb;box-shadow:1px 1px 1px #dbdbdb;}
.m-service:hover{-webkit-box-shadow:1px 1px 5px 1px #ccc;box-shadow:1px 1px 5px 1px #ccc;}
.m-service .img{float: left;width:275px;height:200px;overflow: hidden;}
.m-service .img img{width: 100%;height: 100%;}
.m-service:hover .img img{-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.m-service .info{float: right;width:220px;padding: 20px 20px 0 0;}
.m-service .info .t{margin-bottom:10px;font: bold 20px/30px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #333;}
.m-service .info .des{height:110px;font: 12px/22px \5B8B\4F53;overflow: hidden;}
.m-service:hover .img img,.m-service .img img,.m-service:hover,.m-service{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.art-h3{padding-bottom: 8px;margin-bottom:25px;border-bottom: 1px solid #bdbdbd;}
.art-h3 h1{font:bold 30px/40px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #333;}
.art-h3 .num{float: right;font:bold 60px/60px Verdana;color: #c9c8c8;}

.art-service2{margin: 20px auto;width: 800px;padding: 0 198px;border: 1px solid #dbdbdb;background: #fff;}
.art-h4{padding: 20px 0;margin-bottom:25px;font-size: 20px;color: #8f8f8f;border-bottom: 1px solid #bdbdbd;text-transform: capitalize;}
.art-h4 h1{font:bold 30px/40px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #333;}
.art-h4 .num{float: right;font:bold 60px/60px Verdana;color: #c9c8c8;}
.lifeSvcImg .img{width:1200px;height: 610px;margin-bottom: 20px;}
.lifeSvcImg .img img{width: 100%;height: 100%;}
.lifeSvcImg .swiper-container{height: 84px;margin: 0 54px;}

.svcList li{float: left;margin: 0 20px 0 0;}
.m-service2{cursor: pointer;position: relative;z-index: 10;width:165px;height:84px;margin: 0 auto;background: #000;overflow: hidden;}
.m-service2 .mask{position: absolute;left: 0;top: 0;z-index: 10;width:155px;height:75px;text-align: center;vertical-align: middle;color: #fff;font: bold 22px/87px "iconfont";border: 5px solid #00b03a;-webkit-opacity:0;filter:alpha(opacity=0);opacity:0}
.m-service2 .img{width: 100%;height: 100%;}
.m-service2:hover .mask{-webkit-opacity:1;filter:alpha(opacity=100);opacity:1}
.m-service2:hover .img{-webkit-opacity:0.5;filter:alpha(opacity=50);opacity:0.5}
/*page = life service end*/
/*page = Environmental */
.envSide{float: left;width: 240px;}
.envMain{float: right;width: 860px;height: 10f0%;padding-left: 100px;}
.envMain .bg2{position: absolute;left:240px;top: 0;z-index: 0;width:200%;}
.envMain .dressup{float: right;}
.menuEnv li{background:url(../image/bg-menu.png) 0 bottom no-repeat;}
.menuEnv li a{display: block;width: 112px;height: 134px;}
.menuEnv li a:hover{background:url(../image/t-season.png) left bottom no-repeat;-webkit-background-size: 100% 100%;
background-size: 100% 100%;}
.menuEnv li a img{width: 100%;height: 100%;}
.menuEnv .act a{background:url(../image/t-season.png) left bottom no-repeat;-webkit-background-size: 100% 100%;
background-size: 100% 100%;}
.envBox{width: 710px;}
.envList li{float: left;}
.m-season2{cursor: pointer;position: relative;z-index: 10;width: 230px;height:545px;margin-right:7px;background: #000;overflow: hidden;}
.m-season2 .mask{position: absolute;left:0;top: 50%;z-index: 20;width:100%;height: 40px;margin-top: -20px;font-size: 32px;line-height: 40px;color: #fff;text-align: center;-webkit-opacity:0;filter:alpha(opacity=0);opacity:0}
.m-season2 .img{width:100%;height: 100%;}
.m-season2:hover .mask{-webkit-opacity:1;filter:alpha(opacity=100);opacity:1}
.m-season2:hover .img{-webkit-opacity:0.5;filter:alpha(opacity=50);opacity:0.5}
.m-season2:hover .mask,.m-season2 .mask,.m-season2:hover .img,.m-season2 .img{-webkit-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}

/*page = Environmental end*/
/*page = park*/
.parkList li{float: left;margin: 0 26px 0 0 ;}
.m-promo{display: block;position: relative;z-index: 10;width: 280px;height: 170px;background: #000;}
.m-promo .img{width: 280px;height: 170px;}
.m-promo .mask{position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;text-align: center;color: #fff;line-height: 170px;font-size: 25px;-webkit-opacity:0;filter:alpha(opacity=0);opacity:0}
.m-promo:hover .img{-webkit-opacity:0.5;filter:alpha(opacity=50);opacity:0.5}
.m-promo:hover .mask{-webkit-opacity:1;filter:alpha(opacity=100);opacity:1}
/*.liveIntro{float: left;padding: 45px 3.75%;width:41.5%;height: 350px;background: #fff;}*/
.liveIntro{float: left;padding: 45px 3.75%;width:41.5%;height: 350px;background: #fff;}
.liveIntro .art-ctn{height: 144px;margin-bottom: 50px;}
.art-h6 h1{margin-bottom: 20px;font:bold 24px/40px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #242424;}
.art-h6 .num{padding-top: 15px;font:bold 46px/46px Arial;color: #242424;}
.art-h6 .num:after{content:"";display: inline-block;width: 45px;border-bottom: 2px solid #222;vertical-align: middle;}
.liveImg{float: right;width: 586px;height: 440px;margin-bottom: 26px;overflow: hidden;}
/*.liveImg{float: right;width: 558px;height: 400px;margin-bottom: 26px;overflow: hidden;}*/
.liveIntro,.parkList,.brandItem{animation:fadeInUp 1s both;}
.liveImg{animation:fadeInLeft 1s both;}
/*page = park end*/
/*page = brand*/
.brandImg{width: 1200px;height: 400px;}
.brandImg img{width: 100%;height: 100%;}
.brandItem{float: left;width: 47.5%;}
.brandItem:last-child{float: right;}
.brandItem dt{margin-bottom: 20px;font:22px/65px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;}
.brandItem dt:after{content:"";display: block;width: 45px;height: 0;border-bottom: 2px solid #00b03a;}
/*.brandItem dd{height: 114px;}*/
/*page = brand end*/
/*page = map*/
#baidumap,.map{width: 100%;height: 355px;margin-bottom: 45px;}
/*.map{display: block;position: relative;z-index: 10;margin-bottom: 45px;}*/
/*.mapPoint{position: absolute;left:50%;top:50%;z-index: 10;width: 16px;height: 16px;margin: -8px auto 0 -8px;background: #01b03b;-webkit-border-radius:50%;border-radius:50%}*/
/*.mapPoint:after{content:"";display: block;position: absolute;left:50%;top:50%;z-index: 10;margin:-20px auto auto -20px;width: 40px;height: 40px;background:rgba(1,176,59,0.25);-webkit-border-radius:50%;border-radius:50%}*/
/*.mapPoint:before{content:"";display: block;position: absolute;left:50%;top:50%;z-index: 10;margin:-30px auto auto -30px;width:60px;height: 60px;background:rgba(1,176,59,0.1);-webkit-border-radius:50%;border-radius:50%}*/
.trafficHead{margin-bottom: 40px;overflow: hidden;}
.trafficHead{float: left;width: 170px;font: 12px/18px Verdana;color: #8f8f8f;}
.trafficHead .u-font{float: left;font-size: 34px;line-height:36px;color: #01b03b;}
.trafficHead h4{font:bold 16px/18px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #333333;}
.trafficList li{float: left;padding:0 70px 0 13px;font: 14px/18px \5B8B\4F53;color: #717171;}
.trafficList li:before{content:"";float: left;width:8px;height: 8px;margin:6px 5px 0 -13px;vertical-align: middle;background: #01b03b;-webkit-border-radius: 50%;border-radius: 50%;}
.cttList2 li{float: left;padding:2px 90px;max-width: 200px;font-family: Verdana;border-left: 1px solid #e7e7e7;}
.cttList2 li .u-font{margin:-2px auto auto -35px;}
.cttList2 li small{display: block;text-transform: uppercase;font:12px/20px Verdana;color: #8f8f8f;}
.cttList2 li:first-child{margin-left: -60px;}
.cttList2 .ewm{padding: 0 0 0 140px;color: #333;}
.cttList2 .ewm img{float: left;width: 85px;height: 85px;margin:-5px auto auto -95px;}
.cttList2 .ewm p strong{font-size: 20px;font-family: Arial;color: #25b253;}
/*page = map end*/
/*page = hr*/
.job .listBox{width: 1090px;margin: 0 auto;}
.jobList li{float: left;width: 210px;height:115px;margin: 0 10px 0 0;}
.m-job{display: block;padding:17px 20px;font:20px/26px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #212121;text-transform: uppercase;border: 1px solid #dbdbdb;background: #fff;}
.m-job small{display: block;font: 12px/20px Verdana;color: #8f8f8f;}
.m-job small:after{content:"";display: block;width: 45px;margin-top: 10px;border-bottom: 5px solid #e4e4e4;}
.m-job:hover{color: #00B03A;}
.m-job:hover small:after{border-color:#00B03A;}
.act .m-job{color: #fff;background: #471f15;}
.act .m-job small{color: #fff;}
.m-hr{margin:0 30px 0 60px;}
.m-hr-h{margin-bottom: 45px;padding:40px 0;font: 14px/20px Verdana;text-transform: uppercase;color: #8f8f8f;text-align: center;border-bottom: 1px solid #dbdbdb;}
.m-hr-h h1{font: bold 32px/46px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #212121;}
.m-hr-item{float: left;width:42.129%;font:12px/28px \5B8B\4F53;color: #6b6b6b;}
.m-hr-item:last-child{float: right;}
.m-hr-item dt{margin-bottom: 5px;font:bold 18px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #212121;}
/*page = hr end*/
/*page = contact*/
.businessList{margin-bottom: 50px;}
.businessList li{float: left;position: relative;z-index: 10;width: 285px;margin:0 20px 20px 0;}
.m-business{width:283px;border: 1px solid #efefef;background: #fff;}
.m-business-h{position: relative;z-index: 10;margin:-1px -1px 0;padding: 0 20px;height: 75px;text-transform: capitalize;color: #8f8f8f;background: #efefef;}
.m-business-h .num{position: absolute;right:20px;top: 0;z-index: 1;font:50px/75px Verdana;color: #c2c2c2;}
.m-business-h .t{padding-top:15px;font-size: 24px;color: #212121;}
.m-business .des{margin: 13px 20px;height:220px;font: 12px/22px \5B8B\4F53;color: #717171;overflow: hidden;}
.m-business .more{margin: 0 20px 20px;}
.m-business .more{margin: 0 20px 20px;}
.m-business.hover .m-business-h{color: #fff;background: #01b03b;}
.m-business.hover .t{color: #fff;}
.m-business.hover .num{color: #009f33;}
.m-business.hover .des,.m-business .des{-webkit-transition: 0.5s all;transition: 0.5s all;}
.email{font: 16px/40px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #222;}
.email dt{float: left;width: 72px;font-weight: bold;}
.email dd{margin-left: 72px;text-indent: 1em;background: #efefef;-webkit-border-radius:3px;border-radius:3px;}
.email dd a{color: #212121;}
.email dd a:hover{color: #00b03a;}
/*.booking{margin-bottom:38px;overflow: hidden;}*/
.booking{margin:20px auto 100px;overflow: hidden;background: #fff;}
.booking.hover{transform:translateY(100px);}
.bookingHead{margin:20px 0 70px;font: 18px/35px Verdana;color: #8f8f8f;border-bottom: 1px solid #dededf;}
.bookingHead h3{float: left;padding-right: 10px;font: bold 32px/40px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #212121;background: #fff;}
.bookingList{margin-bottom: 30px;overflow: hidden;}
.bookingList li{float:right;padding-left: 72px;margin-bottom: 24px;font:16px/40px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #333;}
.bookingList li:first-child,.bookingList .m-check,.bookingList .m-texta2{float: left;}
.m-checkbox label{cursor: pointer;margin-right: 55px;}
.booking .opr{padding-left: 72px;overflow: hidden;}
.booking .opr a,.booking .opr input{float: left;margin-right:30px;}
.booking .opr a:hover,.booking .opr input:hover{padding: 0 30px;}
div.icheckbox_square-green{margin-right: 10px;}
.m-texta2 .m-ipt{width: 1110px;height:100px;}
.m-lab{float: left;width:72px;margin-left: -72px;}
.m-ipt{width:500px;padding:9px 7px;line-height:20px;border: 1px solid #dededf;-webkit-border-radius:3px;border-radius:3px;}
.m-ipt:focus{border-color:#00b03a;}
.booking.hove,.booking,.booking .opr a:hover,.booking .opr input:hover,.booking .opr a,.booking .opr input{-webkit-transition:0.5s all;transition:0.5s all;}
/*page = contact end*/
/*page = flow*/
/*.flowBox{position: relative;z-index: 10;width:120%;height: 500px;}*/
.flowSwiper{padding:30px 2%;height:500px;margin: 0 auto;}
.flowSwiper .swiper-slide{position: relative;z-index: 10;height: 100%;}
.flowSwiper .swiper-wrapper{z-index: 10;}
.flowList{padding-left: 2.5%;height: 100%;}
.flowList li{float: left;position: relative;z-index: 10;width: 10.6%;height: 100%;}
.m-flow{position: absolute;left:50%;top: 0;z-index: 10;width: 220px;margin-left: -110px;text-align: center;}
.m-flow .title{margin-bottom: 15px;font:20px/34px \5FAE\8F6F\96C5\9ED1,\5B8B\4F53;color: #212121;}
.m-flow .title span{font-size: 26px;color: #01b03b;}
.m-flow .title span:after{content:"/";}
.m-flow .img{width: 159px;height: 159px;margin: 0 auto;}
.flowSwiper .swiper-wrapper{}
.odd .m-flow{top: auto;bottom: 0;height: 210px;}
.odd .m-flow .title{position: absolute;bottom:0;width: 100%;}
.flowBg{position: absolute;left:-340px;top:50%;z-index:0;width: 1890px;height: 326px;margin-top: -163px;overflow: hidden;}
.flowBg img{position: absolute;left: 0;top: 0;z-index: 10;width: 1890px;}
/*page = flow end*/
/*page = flow*/
.viewBox{position: relative;z-index: 10;margin-top: 30px;}
.viewMap{position: absolute;left: 0;top: 0;z-index: 30;width: 100%;height: 100%;}
.vdItem{position: absolute;z-index: 10;width: 0;height: 0;}
.vdItem img{display: none;position: absolute;left:0;top: 0;z-index: 11;margin:26px 0 0 -215px;}
.vdItem img:first-child{z-index: 11;margin:-100px auto auto -34px;-webkit-transform-origin:bottom center;
-moz-transform-origin:bottom center;-ms-transform-origin:bottom center;-o-transform-origin:bottom center;transform-origin:bottom center;}
/*.vdItem.hover{z-index: 15;}*/
/*.vdItem.hover img{-webkit-opacity:1;filter:alpha(opacity=100);opacity:1;}*/
/*.vdItem.hover img:first-child{-webkit-animation:mtUpDown 1s 0s infinite ease-in-out;animation:mtUpDown 1s 0s infinite ease-in-out}*/
/*.vdItem.hover img,.vdItem img{-webkit-transition:0.5s all;transition:0.5s all;}*/
.vd1{left: 454px;bottom: 56px;}
.vd1 .vo-text{margin: 0;left: 18px;top: -41px;}
.vd2{left: 268px;bottom: 143px;}
.vd2 .vo-text{margin: 0;left: 18px;top: -41px;}
.vd3{left: 250px;bottom: 266px;}
.vd4{left: 278px;bottom: 361px;}
.vd5{left: 254px;bottom: 493px;}
.vd6{left: 396px;bottom: 665px;}
.vd7{left: 410px;bottom: 449px;}
.vd8{left: 510px;bottom: 491px;}
.vd9{left: 472px;bottom: 260px;}
.vd10{left: 590px;bottom: 227px;}
.vd11{left: 581px;bottom: 437px;}
.vd12{left: 740px;bottom: 363px;}
.vd13{left: 996px;bottom: 278px;}
.vd14{left: 847px;bottom: 514px;}

.mtLoadMore{-webkit-animation:rotate 1s linear infinite both;animation:rotate 1s linear infinite both;}
/*page = flow end*/
.pagination {
  position: absolute;
  z-index: 20;
  bottom:6px;
  width: 100%;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin: 0 5px;
  background: #fff;
  cursor: pointer;
}
.swiper-active-switch {
  background: #55342B;
}
.swiperOpr{position: absolute;left:-10%;top:30%;z-index: 10;width: 120%;}
.swiperOpr a{float: right;color: #aaa;font: 52px/100px "iconfont";width: 60px;height: 100px;}
.swiperOpr a:hover{color: #01b03b;}
.swiperOpr a:first-child{float:left;}


@media screen and (max-height:910px) {

  .m-season{width:210px;height:500px;margin: 0 auto;}
  .p4 .newsList .m-news .des{display: none;}

}
@media screen and (max-height:840px) {
  .p4 .fp-tableCell{width: 1200px;margin: 0 auto;}
  .p4-t{float: left;padding-top:2%;width:150px;}
  .m-season{width:188px;height:450px;}
}
@media screen and (max-height:800px) {
  /*index*/
  .p1-t1{margin-top: -50px;}
  .p1-t2{margin-top: -100px;}
  .p4-t{width:120px;}

  .m-season{width:188px;height:450px;}
  /*index end*/
}
@media screen and (max-height:790px) {
	.p3List .even{margin-top: 0;}
}
@media screen and (max-height:750px) {
	.p5-t{display: none;}
}
@media screen and (max-height:700px) {
   .p3-t{width: 100px;}
  
}
/*animate*/
/*.wow{visibility: hidden;}*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
}
.animatedelay1{
  -webkit-animation-delay:1s;
  animation-delay:1s;
}
.animatetime1{
  -webkit-animation-duration:0.5s;
  animation-duration:0.5s;
}
.animatetimes3{
  -webkit-animation-iteration-count:3;
  animation-iteration-count:3;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.flowSwiper .swiper-slide:nth-child(1){animation:fadeInUp 1s 1.2s both;}
.flowSwiper .swiper-slide:nth-child(2){animation:fadeInDown 1s 1.6s both;}
.flowSwiper .swiper-slide:nth-child(3){animation:fadeInUp 1s 2s both;}
.flowSwiper .swiper-slide:nth-child(4){animation:fadeInDown 1s 2.4s both;}
.flowSwiper .swiper-slide:nth-child(5){animation:fadeInUp 1s 2.8s both;}
.flowSwiper .swiper-slide:nth-child(6){animation:fadeInDown 1s 3.2s both;}
.flowSwiper .swiper-slide:nth-child(7){animation:fadeInUp 1s 3.6s both;}
.flowSwiper .swiper-slide:nth-child(8){animation:fadeInDown 1s 4s both;}
.flowSwiper .swiper-slide:nth-child(9){animation:fadeInUp 1s 4.4s both;}

.animated.linear {
      -webkit-animation-timing-function: linear;
      -o-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
      animation-timing-function: linear;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.mtWidth{
  animation:mtWidth 6s linear both;
}

.m-page .u-font:hover,.sns li a:hover{
    -webkit-animation:mtUpDown 1s infinite both alternate;
    animation:mtUpDown 1s infinite both alternate
}
.logo:hover {
    -webkit-animation:mtLeftRight 1s infinite both alternate;
    animation:mtLeftRight 1s infinite both alternate
}

.mtUpDown {
  -webkit-animation-name: mtUpDown;
  animation-name: mtUpDown;
}

.zoomInLarge {
  -webkit-animation-name: zoomInLarge;
  animation-name: zoomInLarge;
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

.rotate {
  -webkit-animation-name:rotate;
  animation-name:rotate;
}

.rotater {
  -webkit-animation-name: rotater;
  animation-name: rotater;
}


.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
.fadeInWord{
    -webkit-animation-name:fadeInWord;
    animation-name:fadeInWord
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
.mtLeftRight {
    -webkit-animation-name: mtLeftRight;
    animation-name: mtLeftRight
}

@-webkit-keyframes mtTitle2 {
    50%{
      -webkit-opacity:0.5;
      opacity:0.5;
      -webkit-transform:translate3D(-50px,10px,0);
      transform:translate3D(-50px,10px,0);
    }
    0%,100%{
      -webkit-opacity:1;
      opacity:1;
      -webkit-transform:none;
      transform:none;
    }
}
@keyframes mtTitle2 {
    50%{
      -webkit-opacity:0.5;
      opacity:0.5;
      -webkit-transform:translate3D(-50px,10px,0);
      transform:translate3D(-50px,10px,0);
    }
    0%,100%{
      -webkit-opacity:1;
      opacity:1;
      -webkit-transform:none;
      transform:none;
    }
}

@-webkit-keyframes mtTitle {
    0%,100%{
      -webkit-opacity:0.5;
      opacity:0.5;
      -webkit-transform:translate3D(10px,0,0);
      transform:translate3D(10px,0,0);
    }
    50%{
      -webkit-opacity:1;
      opacity:1;
      -webkit-transform:none;
      transform:none;
    }
}
@keyframes mtTitle {
     0%,100%{
      -webkit-opacity:0.5;
      opacity:0.5;
      -webkit-transform:translate3D(10px,0,0);
      transform:translate3D(10px,0,0);
    }
    50%{
      -webkit-opacity:1;
      opacity:1;
      -webkit-transform:none;
      transform:none;
    }
}
@-webkit-keyframes mtWidth {
    0% {
      width: 0;
    }
    100%{
      width: 1890px;
    }
}
@keyframes mtWidth {
    0% {
      width: 0;
    }
    100%{
      width: 1890px;
    }
}

@-webkit-keyframes mtHeight {
    0% {
        height: 0;
    }
    100%{
      height: 100%;
    }
}
@keyframes mtHeight {
    0% {
        height: 0;
    }
    100%{
      height: 100%;
    }
}


@-webkit-keyframes mtRound {
    0% {
        -webkit-opacity:0;
        opacity:0;
        -webkit-transform:rotatX(0deg) rotateZ(0deg) scale(0,0);
        transform:rotatX(0deg) rotateZ(0deg) scale(0,0);
    }
    100%{
      -webkit-opacity:1;
       opacity:1;
        -webkit-transform:rotateX(70deg) rotateZ(360deg) scale(1,1);
        transform:rotateX(70deg) rotateZ(360deg) scale(1,1);
    }
}


@-webkit-keyframes mtLeftRight {
    0%,100%{
        -webkit-transform: none;
        transform: none
    }
    50%{
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
}
@keyframes mtLeftRight {
    0%,100%{
        -webkit-transform: none;
        transform: none
    }
    50%{
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
}

@-webkit-keyframes mtUpDown {
    0%,100% {
        -webkit-transform: none;
        transform: none
    }
    50%{
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
}
@keyframes mtUpDown {
    0%,100% {
        -webkit-transform: none;
        transform: none
    }
    50%{
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
}

@-webkit-keyframes flash {
    0%,100%  {
        -webkit-opacity: 0.5;
        opacity: 0.5
    }
    50% {
        -webkit-opacity: 1;
        opacity: 1
    }
}

@keyframes flash {
    0%,100% {
        filter:alpha(opacity=50);
        -webkit-opacity: 0.5;
        opacity: 0.5
    }
    50% {
      filter:alpha(opacity=100);
        -webkit-opacity: 1;
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes fadeInWord {
    0% {
        letter-spacing: -200px;
    }
    100% {
        letter-spacing: 0
    }
}

@keyframes fadeInWord {
    0% {
        letter-spacing: -200px;
    }
    100% {
        letter-spacing: 0
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}


@-webkit-keyframes zoomInLarge {
  0% {
    opacity: 0.5;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5);
  }

  100% {
    opacity: 1;
  }
}


@-webkit-keyframes circlep2 {
  0%{
    opacity: 0;
    -webkit-transform: scale3d(1,1,1) rotateZ(0deg);
    transform: scale3d(1,1,1) rotateZ(0deg);
  }

   80% {
    opacity: 1;
    -webkit-transform: scale3d(2,2,2) rotateZ(360deg);
    transform: scale3d(2,2,2) rotateZ(360deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(2.2,2.2,2.2) rotateZ(360deg);
    transform: scale3d(2.2,2.2,2.2) rotateZ(360deg);
  }
}

@keyframes circlep2 {
  0%{
    opacity: 0;
    -webkit-transform: scale3d(1,1,1) rotateZ(0deg);
    transform: scale3d(1,1,1) rotateZ(0deg);
  }

   80% {
    opacity: 1;
    -webkit-transform: scale3d(2,2,2) rotateZ(360deg);
    transform: scale3d(2,2,2) rotateZ(360deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(2.2,2.2,2.2) rotateZ(360deg);
    transform: scale3d(2.2,2.2,2.2) rotateZ(360deg);
  }
}


@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1,0.1,0.1);
    transform: scale3d(0.1,0.1,0.1);
  }

  100% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1,0.1,0.1);
    -ms-transform: scale3d(0.1,0.1,0.1);
    transform: scale3d(0.1,0.1,0.1);
  }

  100% {
    opacity: 1;
  }
}



@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}


@-webkit-keyframes rotate {
  0% {
    color: #ccc;
    -webkit-transform: rotate(0deg);
    transform: rotate3d(0deg);
    color: #000;
  }

  100% {
    color:#00b03a;
    -webkit-transform: rotate(360deg);
    transform: rotate3d(360deg);
  }
}

@keyframes rotate {
  0% {
      color: #ccc;
    -webkit-transform: rotate(0deg);
    transform: rotate3d(0deg);
  }

  100% {
      color:#00b03a;
    -webkit-transform: rotate(360deg);
    transform: rotate3d(360deg);
  }
}


@keyframes rotater {

  0% {
    -webkit-transform: rotate(360deg);
    transform: rotate3d(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate3d(0deg);
  }

}


@keyframes rotate1 {
  
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate3d(-180deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate3d(0deg);
  }


}



/*animate end*/