@charset "utf-8";
/*global*/
.flex{display:-webkit-flex;display:-ms-flex;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
.flex.align-items-center{align-items:center;}
.flex.align-items-start{align-items:flex-start;}
.flex.align-items-end{align-items:flex-end;}
.flex.flex-direction-column{flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-o-flex-direction:column;}
.flex.justify-content-center{justify-content:center;}
.flex.justify-content-end{justify-content:flex-end;}
.flex.space-between{-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex.flex-wrap{flex-wrap:wrap;}
.text-hidden{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
::-webkit-input-placeholder {color:#B2B2B2;}
:-moz-placeholder {color:#B2B2B2;}
::-moz-placeholder{color:#B2B2B2;}
:-ms-input-placeholder{color:#B2B2B2;}
.module--wrapper{/* background:#fff; */-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: all 0.8s 0s;-o-transition: all 0.8s 0s;transition: all 0.8s 0s;}
.module{padding:40px 0;}
.module .row img{transition:.4s ease-in;}
.title{padding:40px 0;display:flex;align-items:center;}
.pattern-overlay .title{margin-left:40px;padding:0 0 40px;}
.title:before{content:'';display:block;width:30px;height:1px;background-color:#9A8453;margin-right:10px;}
.title p{color:#9A8453;font-size:14px;letter-spacing:1.5px;}
.big-title:before{content:'';display:none;}
.big-title p{color:#313163;font-size:22px;font-weight:700;}
.big-title p ~ .context-wrapper{padding:0 40px 0 20px;}
.big-title p ~ .context-wrapper > div{padding:0;}
.big-title p ~ .context-wrapper .context-link{margin:0;}
.row{display:-ms-flexbox;display:flex;flex-direction:row;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.column{display:-ms-flexbox;display:flex;flex-direction:column;}
.col{display:-ms-flexbox;display:flex;flex-direction:column;}
.col-md-2,.col-md-3,.col-md-4,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-sm-6,.col-xl-4,.col-xl-6,.col-xl-6,.col-xs-12,.col-lg-4,.col-lg-6{position:relative;min-height:1px;width:100%;}
.col-md-6{margin-bottom:20px;}

/*图片放大*/
.magnify,.zoom{position: relative;}
.large{width:120px;height:120px;position:absolute;border-radius:100%;border:2px solid #fff;display: none;cursor:none;z-index:999;}
.large:after{content:'';display:inline-block;width:5px;height:5px;background-color:#fff;border-radius:50%;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;}

/*open*/
svg{fill: none;stroke:#0069E3;stroke-width:0.1;}
.page_left,.page_right{display:flex;position:absolute;width:100%;height:100%;background:#fff;}
#synth-dynamic{position:absolute;top:50%;left:50%;transform:translate(-50% , -50%);}
#sks_svg{z-index: 1;width:100%;stroke-dasharray: 100;stroke-dashoffset: 20;opacity:.07;transform:scale(2) skew(-15deg) translate3d(10px,-20px,0);transition:.3s ease-in;}
.open_page{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:999;background:#fff;overflow:hidden;}
.open_contain{position:absolute;width:100%;height:100%;z-index:2;}
.open_page .right_page{width:25%;height: 0;float: right;border-bottom: 100vh solid #313163;border-left: 200px solid transparent;transition:.4s ease-in;margin-right:-25%;z-index:9;}
.open_page .left_page{width:25%;height: 0;float:left;border-top: 100vh solid #313163;border-right: 200px solid transparent;}
.open_page .page_con{width:100%;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;transition:.4s ease-in;}
.open_page .page_con.slide{width:65%;}
.open_page .page_con a{display:block;}
.page_con img:last-of-type{width:auto;}
.page_txt{transform:skew(-25deg);transition:.3s ease-in;opacity:.23;}
.page_txt p{font-size:24px;color:#313163;font-weight:700;letter-spacing:2px;}
.page_txt span{font-size:12px;}


/*header*/
.header{position:fixed;top:0;z-index:99;top:0;left:0;right:0;background:white;}
.header .nav{width:40px;height:100vh;position:fixed;left:0;top:0;z-index:2;background-color:#313163}
.header .nav .nav_logo a{-webkit-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;}
.header .nav .nav_logo a:hover{opacity:.9;}
.header .nav .nav_logo a img{display:block;width:15px;height:auto}
.header .nav .toggle_nav{position:absolute;top: calc(50% - 8px);right: 26px;}
.nav .toggle_nav{position:relative;height:17px;width:30px;cursor:pointer;-webkit-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); display: inline-block;}
.header .nav .toggle_nav span{display:block;position:absolute;background:#fff;left:0;height:2px;width:100%;opacity:1;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
/*正常状态导航*/
.header .nav .toggle_nav span:first-of-type{top:0;}
.header .nav .toggle_nav span:nth-of-type(2){top:7px;}
.header .nav .toggle_nav span:nth-of-type(3),.header .nav .toggle_nav span:nth-of-type(4){width: 23px;top:7px;left:2px;opacity: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
.header .nav .toggle_nav span:nth-of-type(5){top:15px;}
.header .nav .toggle_nav span:nth-of-type(6){top:15px;opacity:0;}
/*点击时候导航*/
.header .nav .toggle_nav.active span:first-of-type{-webkit-transform: translateY(7px) scale(0.001, 1) !important;-moz-transform: translateY(7px) scale(0.001, 1) !important;-ms-transform: translateY(7px) scale(0.001, 1) !important;-o-transform: translateY(7px) scale(0.001, 1) !important;transform: translateY(7px) scale(0.001, 1) !important; visibility: hidden;-webkit-transition: transform 0.4s,visibility 0.4s 0s !important;-o-transition: transform 0.4s,visibility 0.4s 0s !important;transition: transform 0.4s,visibility 0.4s 0s !important;}
.header .nav .toggle_nav.active span:nth-of-type(2){-webkit-transform:translateY(2px) scale(0.01, 1) !important;-moz-transform: translateY(2px) scale(0.01, 1) !important;-ms-transform: translateY(2px) scale(0.01, 1) !important;-o-transform: translateY(2px) scale(0.01, 1) !important;transform: translateY(2px) scale(0.01, 1) !important;}
.header .nav .toggle_nav.active span:nth-of-type(3){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.header .nav .toggle_nav.active span:nth-of-type(4){-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.header .nav .toggle_nav.active span:nth-of-type(5){-webkit-transform: translateY(-3px) scale(0.01, 1) !important;-moz-transform: translateY(-3px) scale(0.01, 1) !important;-ms-transform: translateY(-3px) scale(0.01, 1) !important;
    -o-transform: translateY(-3px) scale(0.01, 1) !important;transform: translateY(-3px) scale(0.01, 1) !important;}
.header .nav .toggle_nav.active span:nth-of-type(6){-webkit-transform: translateY(-8px) scale(0.01, 1) !important;-moz-transform: translateY(-8px) scale(0.01, 1) !important;-ms-transform: translateY(-8px) scale(0.01, 1) !important;-o-transform: translateY(-8px) scale(0.01, 1) !important;transform: translateY(-8px) scale(0.01, 1) !important; }
.header .nav .toggle_nav.active span:nth-of-type(3),.header .nav .toggle_nav.active span:nth-of-type(4){opacity: 1;}

.header .top_nav{position:fixed;top:0;right:0;width:calc(100% - 40px);}
.header .top_nav .top_nav_flex{display:flex;justify-content:flex-end;padding-right:50px;}
.header .top_nav .top_nav_flex ul{display:flex;}
.header .top_nav .top_nav_flex ul > li{margin:20px 40px;}
.header .top_nav .top_nav_flex ul > li > a{color:#888;font-size:14px;}
.header .menu{width:100vw;height:calc(100vh - 40px);position:fixed;overflow:auto;overflow-x:hidden;background:#fff;z-index:1;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.menu-open #header .menu{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.menu-open{overflow:hidden;}
.container-fluid{padding:0 26px;}
.container-fluid{margin-right:auto;margin-left:auto;padding-left:11px;padding-right:12px;}
.container-fluid .logo img{width:auto;max-width:100px;min-width:80px;}
.header .menu .container_nav{position:relative;}
.nav_item{width:100%}
.nav_item h2 > a{display:block;color:#111111;font-size:16px;margin-bottom:20px;}
.nav_item ul > li{font-size:13px;margin-bottom:10px;}
.nav_item ul > li > a{color:#727272;}
.serch-item{width:200px;position:relative;outline:none;}
.serch-item:before{content:'';display:block;position:absolute;background:url(../images/search.png) no-repeat;width:18px;height:18px;cursor:pointer;}
.serch-item span{display:block;width:100%;height:1px;background-color:#000;margin-top:10px;opacity:.2;transition:all .4s ease-in;}
.serch-item input{border:none;outline:none;margin-left:40px;}
.serch-item input:focus ~ span{background-color:#313163;opacity:1;}
.container_foot p{color:#777;font-size:14px;}

/*footer*/
.footer .container-fluid .footer-item:first-of-type{padding:0 0 40px 0;}
.footer .container-fluid .footer-item:first-of-type div.row div{width:230px;}
.footer .footer-item .row > div{padding-right:3%;}
.footer .footer-item p{font-size:14px;color:#777;line-height:24px;margin-bottom:10px;}
.footer .footer-item h4{margin-bottom:15px;font-size:16px;}
.footer .footer-item ul li{margin-bottom:5px;}
.footer .footer-item ul li > a{font-size:16px;color:#111111;font-weight:700;}
.footer .footer-item .ico-item{width:20px;margin-right:30px;}
.footer .footer-item a{color:#777;}
/*首屏banner*/
.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}
.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-loading .slick-list{background:url(ajax-loader.gif) center center no-repeat #fff}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}
.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}
.slick-prev{left:-25px}
[dir=rtl] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:'鈫�'}
.slick-next:before,[dir=rtl] .slick-prev:before{content:'鈫�'}
.slick-next{right:-25px}
[dir=rtl] .slick-next{right:auto;left:-25px}
[dir=rtl] .slick-next:before{content:'鈫�'}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'鈥�';text-align:center;opacity:.25;color:#000}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}

.slideshow {
  position: relative;
  z-index: 1;
  height: 100%;
  max-width:100%
}
.slideshow * {
  outline: none;
}
.slideshow .slider {
  box-shadow: 0 20px 50px -25px black;
}
.slideshow .slider-track {
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}
.slideshow .item {
  height: 100%;
  position: relative;
  z-index: 1;
}
.slideshow .item img {
  width: 100%;
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.slideshow .item.slick-active img {
  -webkit-transform: scale(1);
          transform: scale(1);
}
/*pattern-overlay*/
.pattern-overlay h2,.pattern-overlay span,.page_txt{
   background-image:/*linear-gradient(90deg,var(--color-white),var(--color-black))*/ url(../images/shadow1.jpg);background-blend-mode:overlay;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;-webkit-box-decoration-break:clone;background-repeat:no-repeat;background-size:100% 100%;}

/*main*/
.main{z-index:0;-webkit-transition: opacity .8s;-o-transition: opacity .8s;transition: opacity .8s;height: 100%;}
.content{overflow-x:hidden;padding-top:100px;}
.pic-gallery .pic-item{margin-bottom:20px;position:relative;}
.pic-gallery .pic-item img{object-fit:cover;}
.pic-gallery > div:nth-of-type(2) .row img{height:15vw;}
.item-club{position:relative;}
.item-club img{width:70%;max-height:520px;object-fit:cover;}
.form-container{background:#fff;padding:30px 0 0 40px;position:absolute;right:0;bottom:0;}
.form-container p{margin-bottom:30px;font-weight:700;font-size:16px;}
.formm-club .form-item{width:200px;margin-right:45px;margin-bottom:30px;}
.formm-club .form-item:last-of-type{margin-right:0;}
.formm-club .form-item:after{content:'';display:block;width:100%;height:1px;background-color:var(--color-black);opacity:.2;}
.formm-club .form-item input{width:100%;height:42px;line-height:35px;border:none;outline:none;padding-left:20px;outline:none;}
.formm-club .form-item:last-of-type:after{content:'';display:none;}
.formm-club .form-item input{width:100%;height:42px;line-height:35px;border:none;outline:none;padding-left:20px;outline:none;}
.formm-club .form-item input[type="submit"]{background-color:#9A8453;color:#fff;cursor:pointer;padding:0;-webkit-appearance:none;appearance:none;-moz-appearance:none;}
.introduce-item{margin-bottom:40px;}
.introduce-item:nth-child(odd){margin-right:8%;}
.introduce-item h3{width:120px;margin-bottom:10px;color:#313163;font-size:15px;}
.introduce-item p{font-size:14px;width:250px;}

/*video*/
.video-js{height:100%;}
.video-contain{position:relative;cursor:pointer;}
.video-contain .video-con{display:flex;align-items:center;flex-direction:column;justify-content:center;position:absolute;top:0;width:100%;height:100%;}
.video-contain .video-play{background-color:transparent;display:block;position:relative;width:100px;height:100px;border:2px solid rgba(255,255,255,.7);-webkit-border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;transition: all .2s;}
.video-contain .video-play:before{content: "";display: block;width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 25px solid rgba(255,255,255,.7);position: absolute;cursor: pointer;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);margin-left: 4px;}
.video-contain:hover .video-play{-webkit-animation: bounceout .5s ease both;-moz-animation: bounceout .5s ease both;}
.video-contain .video-con p:last-of-type{color:#fff;font-size:16px;margin-top:20px;}


/*pop*/
.box-mask {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);z-index:99;display:none;}
.box {position: absolute;width: 1000px;height:100%;text-align: center;z-index: 101;
    display: none;}

/*swiper*/
.carousel{padding:60px 0;}
.carousel .swiper-slide{width:60%;}
.carousel .swiper-slide img{padding:0 10%;}
.swiper-slide .context-wrapper > div{padding:15px 0;}
.swiper-col-club{position:relative;}
.swiper-col-club .swiper-container{padding:40px 0;}
.swiper-col-club .swiper-button-prev{right:7%;left:auto;}
.swiper-btn .swiper-button-prev,.swiper-btn .swiper-button-next{--swiper-navigation-color:#fff;background-color:#9A8453;opacity:.6;}
.swiper-btn .swiper-button-prev:after,.swiper-btn .swiper-button-next:after{font-size:12px;}
.swiper-btn .swiper-button-prev:not(.swiper-button-disabled),.swiper-btn .swiper-button-next:not(.swiper-button-disabled){box-shadow:0px 12px 6px 0px rgba(154,132,83,0.23);}
.swiper-btn .swiper-button-next.swiper-button-disabled,.swiper-btn .swiper-button-prev.swiper-button-disabled{opacity:1;background-color:transparent;color:#9A8453;}
.swiper-btn .swiper-button-prev,.swiper-btn .swiper-button-next{width:35px;height:35px;border-radius:50%;border:1px solid rgba(154,132,83,1);outline:none;}
.swiper-col-slide .swiper-button-prev,.swiper-col-slide .swiper-button-next,.swiper-col-club .swiper-button-prev,.swiper-col-club .swiper-button-next{top:-10%;}
.swiper-col-slide .swiper-button-next{right:10%;left:auto;}
.swiper-col-slide .swiper-button-prev{right:16%;left:auto;}
.carousel .swiper-slide .context-wrapper p{padding-right:0 !important;}
.carousel .swiper-pagination-progressbar{height:2px;width:calc(100% - 54px);opacity:1 !important;margin-right:54px;margin-left:30px;position:relative;background:rgba(0,0,0,.1);margin-top:50px;}
.carousel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#9A8453;opacity:.7;}
.swiper-col-slide{position:relative;}
.swiper-col-slide .swiper-container1 ~ .swiper-button-prev, .swiper-col-slide .swiper-container1 ~ .swiper-button-next{top:25%;}
.about .swiper-slide{width:90%;}
.about .swiper-slide .row{align-items:center;}
.about .swiper-slide img{padding-right:5%;height:auto;}
.about .swiper-button-prev,.about .swiper-button-next{bottom:20%;top:auto;}
.about .swiper-button-prev{left:60%;}
.about .swiper-button-next{right:31%;}
.project .swiper-container{width:60%;margin-right:0;}
.project .swiper-slide{width:60%;}
.project .swiper-slide .context-text{width:100%;padding:10px 0;}
/*.project .swiper-slide .context-text p span{counter-reset: twoName;display:inline-block;}
.project .swiper-slide .context-text p span:before{content: counter(section) "/" counter(section);counter-increment: section;color:#777;}*/
.project .swiper-button-next{left:calc(15% - 20px);width:35px;height:35px;background:#fff;}

/*switch*/
.switchWrap{width: 100%;overflow-x: auto;}
.switchWrap .switch{width:100%;overflow-x:auto;padding: 44px 0 12px;position: relative;z-index:10;}
.switchWrap .switch ul{width:auto;padding:15px 0;display: table;white-space: nowrap;}
.switchWrap .switch li{float:left;margin-right:30px;padding: 0;display: inline-block;font-size:14px;font-weight:700;color:#777;cursor:pointer;transition:.3s ease;}
.switch-container{margin-top:40px;animation:fadeIn .3s ease-in .2s;}
.switch-container .switch-item{margin-bottom:60px;}
.switch-container .switch-item .context-wrapper .context-title:after{content:'';display:block;width:8%;height:1px;background-color:#9A8453;margin-top:20px;}
.switch{padding:40px 0 80px;}
.switch .row{justify-content:space-between;}
.switch .switch-item p{font-size:16px;margin-bottom:30px;color:#777;transition:.3s ease-in;}
.switch .switch-item p.select{color:#313163;font-weight:700;}
.switch .switch-item p.select:before{background-color:#313163;}
.switch .switch-item p:before{content:'';display:inline-block;position:relative;top:-2px;width:8px;margin-right:8px;height:8px;background-color:#B4B4B4;}
.switch .switch-item ul li{padding:15px 0;}
.switch .switch-item ul li a.selected{color:#9A8453;}
.switch .switch-item ul li:before{content:'';display:inline-block;width:8px;margin-right:8px;height:1px;background-color:#B4B4B4;transform:translateY(-5px);}
.switch .switch-item ul li a{corsor:pointer;font-size:14px;color:#777;transition:.3s ease-in;}

/*page*/
.page{text-align:center;}
.page a{display:inline-block;color:#777;width:35px;height:35px;line-height:35px;text-align:center;border-radius:50%;margin-right:10px;border:1px solid transparent;cursor:pointer;}
.page a.cur{background-color:#9A8453;color:#fff;}
.page a:last-of-type{border-color:#777;}
.page a:last-of-type:before{content:'';display:inline-block;width:7px;height:7px;border-width:0 0 1px 1px;border-color:#777;border-style:solid;transform:rotate(-135deg);position:relative;top:-3px;left:-1px;transition:.4s ease;}

/*图文*/
.col-md-6 .context-wrapper .context-text,.col-md-8 .context-wrapper .context-text,.carousel .swiper-slide .context-wrapper .context-text{width:100%;}
.context-wrapper,.context-wrapper.subPage{padding:0;}
.context-wrapper .context-header p{counter-reset:subsection;color:#777;}
.context-wrapper .context-header p:before{content:"0"counter(section) ;counter-increment:section;}
.context-wrapper .context-title h2{color:#313163;letter-spacing:2px;font-size:20px;}
.context-wrapper .context-title h2.md-title{font-size:18px;}
.context-wrapper .context-title h2.md-title:before{content:'';display:inline-block;margin-right:15px;width:10px;height:10px;background-color:#9A8453;border-radius:50%;}
.context-wrapper .content-discript p{color:#777;}
.context-wrapper .context-date p{color:#777;}
.context-wrapper > div{padding:15px 0;}
.context-wrapper > div:first-of-type{padding-top:0;}
.context-wrapper .context-text p{color:#777;font-size:14px;line-height:25px;letter-spacing:.6px;word-break:break-all;margin-bottom:20px;}
.context-wrapper .context-text img{margin-bottom:40px;}
.context-wrapper .context-text{width:60%;}
.context-wrapper .context-text p span{color:#9A8453;}
.context-wrapper .context-introduce{color:#313163;font-size:14px;}
.context-wrapper .context-introduce span{font-size:32px;padding-right:10px;}
.context-wrapper .context-introduce p{color:#777;font-size:14px;}
.context-wrapper .context-link{margin-bottom:35px;}
.context-wrapper .context-link a,.toggle-link a{display:inline-block;outline:none;color:#9A8453;font-size:14px;}
.context-wrapper .context-list a{display:block;margin-bottom:20px;font-size:14px;color:#777;}
.context-wrapper .context-list p{color:#777;margin-bottom:10px;font-size:14px;}
.context-wrapper .context-text p.page_c{color:#b1b1b1;}
.context-wrapper .context-list p:before,.small-title:before{content:'';display:inline-block;width:7px;height:7px;background-color:#9A8453;border-radius:50%;margin-right:10px;}
.module_fulls .title,.module_fulls.title{margin:0;}
.module.module_about_switch .context-wrapper > div{padding:0 0 50px 0;}
.module_fulls .context-wrapper,.module_fulls ~ .context-wrapper{padding:0;}
.module_fulls .context-title{width:65%;}
.module_product_con .row{align-items:center;}
.module_con .context-title{margin:auto;text-align:center;}
.module_product_con .context-wrapper .context-header{display:flex;align-items:center;}
.module_product_con .context-wrapper .context-header p{width:30px;height:30px;background-color:#9A8453;color:#fff;line-height:30px;text-align:center;margin-right:40px;font-size:14px;}
.module_product_con .context-wrapper .context-header p::before{content:""counter(section);counter-increment:section;}
.module_product_con .context-wrapper .context-header span{color:#9A8453;font-size:14px;}
.new .context-wrapper,.new .context-wrapper .context-title h2{color:#777;font-weight:400;}
.new .context-wrapper .context-date p{font-size:12px;}
.new .switch-container .switch-item .context-wrapper .context-title:after{display:none;}
.new_module.module .context-wrapper .context-text p{margin-bottom:40px;}
.left_side .context-wrapper{padding-left:0;}
.left_side .introduce-item{margin:0;}
.left_side .introduce-item p{margin-bottom:5px;line-height:25px;}
.left_side .row{align-items:center;}
.module_reverse .row .context-header{margin-bottom:70px;}
.page-ico-item{margin-bottom:40px;}
.page-ico-item .context-text{display:flex;align-items:baseline;}
.page-ico-item em{display:block;width:10px;height:10px;margin-right:30px;background:#313163;border-radius:50%;}
.page-ico-item p{width:80%;font-size:18px !important;line-height:30px !important;}

.pic-gallery .pic-item .item-img{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.4s ease;}
.pic-gallery .pic-item .item-img img{transition:.3s ease;}
.pic-gallery .pic-item .item-img .img-descript{position:absolute;bottom:10px;transition:opacity .4s ease-in;}
.pic-gallery .pic-item .item-img .img-descript span{font-size:14px;color:#1A1A1A;}
.toggle-item{border-bottom:1px solid rgba(154,132,83,.23);padding-bottom:20px;}
.toggle-title h4{font-size:18px;color:#666;font-weight:200;}
.toggle-title p{font-size:15px;color:#777;margin-top:10px;}
.toggle-txt h5{font-size:16px;color:#666;font-weight:200;margin-bottom:20px;}
.toggle-txt p{color:#777;font-size:15px;line-height:26px;}
.toggle-txt p:first-of-type{margin-bottom:0;}
.toggle-txt p span{color:#9A8453;}
.toggle-txt .toggle-desc{font-size:16px;margin-top:20px;}
.toggle-txt .toggle-hide{display:none;}
.toggle-link{margin-top:30px;}

/*scroll_top*/
.return_top{position:fixed;z-index:9;right:-68px;bottom:30px;transition: all .36s ease;cursor: pointer;}
.return_top .retuen_area{width:42px;height:42px;background-color:#9A8453;border-radius:50%;}
.retuen_area .return_ico{width:10px;height:10px;border-width:0 0 2px 2px;border-color:var(--color-white);border-style:solid;transform:rotate(-225deg);margin-top:5px;}
.return_top.return_show{right:20px;-webkit-transform:rotate(-1turn) translate(0);transform:rotate(-1turn) translate(0);}
.return_top p{color:#9A8453;font-size:12px;margin-top:10px;text-align:center;letter-spacing:1px;font-weight:700;}


@media screen and (min-width: 1000px){ /*pc端*/
    .col-md-2{max-width:16.666666%;-ms-flex:0 0 16.666666%;flex:0 0 16.666666%;}
    .col-md-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%;}
    .col-md-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;}
    .col-md-5{max-width:40%;-ms-flex:0 0 40%;flex:0 0 40%;}
    .col-md-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%;}
    .col-md-7{max-width:60%;-ms-flex:0 0 60%;flex:0 0 60%;}
    .col-md-8{max-width:66.666666%;-ms-flex:0 0 66.666666%;flex:0 0 66.666666%;}
    .col-md-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%;}
    .col-md-10{max-width:83.333333%;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;}
    .col-md-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%;}
    .p-indent .context-text p{padding-right:20%;}
    .xl-m{margin-left:40px;}
    .header{right:auto;}
    .header .nav{}
    .header .nav .toggle_nav{left: calc(50% - 15px);}
    .header .nav .container-fluid{margin:0;padding:0;}
    .header .nav .nav_logo a{position:absolute;left:10px;top:30px;}
    .header .menu{width:calc((10/12 * (100% - 80px - (76px * 2))) + 80px + 76px);height:100vh;z-index:1;}
    .header .menu .logo{margin-top:20px;}
    .header .menu .container_nav{height:calc(100vh - 275px);}
    .header .menu .container_nav .nav_wrap{display:flex;flex-flow:row nowrap;position:absolute;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width:100%;}
    .header .menu .container_search{margin-bottom:59px;}
    .header .menu .container_foot{margin-bottom:20px;}
    .menu-open #header .overlay-menu{bottom: 0;left: 0;opacity: 1;}
    .overlay-menu{content:'';position:fixed;top:0;right:0;background-image:url(../images/fixed_bg.png);background-size: cover;background-position: center center;opacity: 0;z-index: -1;transition:opacity .3s ease-in;}
    .container-fluid{padding:20px 41px;margin-left:40px;}
    .nav_item{width:20%}
    .pic-gallery .col-md-4 .pic-item,.pic-gallery .col-md-6 .pic-item{margin-right:20px;}
    .pic-gallery .col-md-6:last-of-type .pic-item{margin-right:0;}
    /*small pic*/
    .p-pic{padding-right:10%;}
    .pic-gallery .pic-item .item-img .img-con{height:200px;width:200px;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transition: .4s ease;}
    .pic-gallery .pic-item .item-img img{width:auto !important;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(100%);-o-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);opacity:.7;}
    .pic-gallery .pic-item .item-img .img-con:hover{box-shadow:25px 25px 16px 0px rgba(154,132,83,.2);z-index:20;transform:translate3d(0,-3px,0);}
    .pic-gallery .pic-item .item-img .img-con:hover img{-webkit-filter:none;opacity:1;}
    .pic-gallery .pic-item .item-img .img-descript{opacity:0;}
    .pic-gallery .pic-item .item-img .img-con:hover .img-descript{opacity:1;}
    .pic-gallery .pic-item:hover .pic-txt{display:block;}
    .pic-gallery .pic-item .pic-txt{position:absolute;top:0;display:none;background:var(--color-white);padding:10px;text-align:center;}
    .pic-gallery .pic-item .pic-txt span{color:#313163;font-size:14px;font-weight:700;}
    .switchWrap .switch li.current{color:#313163;font-weight:bolder;}
    .switch-item .row{align-items:center;}
    .switch-item .row .context-link{margin:0;padding-bottom:0;}
    .module_swiper_show .swiper-col-club .swiper-slide{padding:0 40px;}
    .module_swiper_show .swiper-col-club .swiper-container{width:90%;}
    .module_full{margin-left:-41px;}
    .module_right_full{margin-right:-41px;}
    .module_full .img_auto,.module_right_full .img_auto{height:auto;}
    .img_full img{height:100vh;}
    .img_full .introduce-item h3{color:#3b3b3b;}
    .page_mg{margin-bottom:90px;}
    .page{padding:0 0 160px;}
    .context-wrapper{padding:0 40px 0 40px;}
    .reverse .module:nth-child(even) .row{flex-direction:row-reverse;}
    .reverse .module:nth-child(odd) .row img{padding-left:20%;}
    .reverse .module:nth-child(even) .row.reverse-mg{margin-top:-20%;}
    .module_about .pattern-overlay .context-wrapper{padding-left:25px;}
    .reverse .module:nth-child(even) .row.reverse-mg img{margin-left:25px;padding-right:25%;}
    .side .module:nth-child(even) .row{flex-direction:row-reverse;}
    .reverse .module:nth-child(odd) .context-text{padding-right:25%;}
    .side-con .module:nth-child(even) .row .context-wrapper{padding:0 10% 0 10%;}
    .footer .footer-item{margin-left:5%;}
    .module.module_con{padding:0;}
    .module.module_con .module{padding:30px 0 50px 0;}
    .module_con .module_fulls .context-title{width:58%;}
    .module_new_page .carousel{padding:70px 0 0 0;}
    .module_new_page .carousel .context-wrapper{padding:0 10%;}
    .module_new_page .carousel .row .col-md-6:first-of-type .context-wrapper{padding:0 10% 0 0;}
     /*banner animtion*/
    .module_swiper_show .swiper-slide{width:25% !important;}
    .toggle-row{justify-content:space-between;}
    .toggle_contain .toggle-item{width:50%;}
    .toggle_contain > div.row{align-items:flex-start;}
    .toggle-title,.toggle-con{padding-top:20px;}
    .module_page .pad_page{padding:0 0 0 5%;}
    .module_page .pad_page .title{padding-top:0;}
    .module_page .pad_page .title:before{display:none;}
    .module_page .pad_page .context-wrapper{padding:0;}
    .module_page .pad_page .context-text{width:80%;}
    .module_contact.module .row img{padding-right:10%;}
    .module_contact.module .context-wrapper,.module_pageCon.module .context-wrapper{padding-right:15%;}
    .module_page_end img{max-width:398px;}
    .module_page_end .context-wrapper{padding:0 80px 0 0;}


}
@media screen and (min-width: 1440px) and (max-width: 1990px){ /*long pc*/
    .module.module_pic{padding:0 0 120px;}
    .module.module_banner{padding:0 0 250px;}
    .module.module_index{padding:0 0 20px;}
    .module.module_video{padding:0 0 155px;}
    .module.module_work{padding:0 0 220px;}
    .module.module_media,.module.module_pageCon{padding:0 0 140px;}
    .module.module_form{padding:0 0 50px;}
    .module.module_title{padding:0 0 150px;}
    .module.module_about{padding:0 0 150px;}
    .module.module_about_video{padding:0 0 110px;}
    .module.module_about_switch{padding:0 0 10px;}
    .module.module_about_work{padding:0 0 190px;}
    .module.module_swiper_show{padding:0 0 160px;}
    .module.module_contact{padding:0 0 100px;}
    .module.module_toggle{padding:0 0 70px;}
    .module.module-lime{padding:0 0 0 0;}
    .module_col .module{padding:0 0 150px;}
    .module.module_puduct_page{padding:0 0 20px;}
    .module.module_con .module{padding:85px 0 90px 0;}
    .module_about_switch .about .context-title{width:75%;}
    .footer .footer-item p{font-size:16px;}
    .module{padding:0 0 120px;}
    .module_page_end .title{padding:0 0 40px;}
    .header .top_nav .top_nav_flex ul > li{margin:50px 35px;}
    .header .top_nav .top_nav_flex ul > li:last-of-type{margin-right:62px;}
    .header .top_nav .top_nav_flex ul > li a{font-size:16px;}
    .container-fluid{padding:20px 80px 40px;margin-left:80px;}
    .title:before{width:60px;}
    .header .nav{width:80px;}
    .header .nav .nav_logo a{left:25px;}
    .header .nav .nav_logo a img{width:100% !important;}
    .container-fluid .logo img{max-width:100%;}
    .header .menu .container_nav{height:calc(100vh - 390px);}
    .header .menu .container_search{margin-bottom:90px;}
    .nav_item h2 a{font-size:24px;}
    .nav_item ul > li{font-size:18px;}
    .pic-gallery .pic-item{margin-bottom:40px;}
    .xl-m{margin-left:90px;}
    .title p{font-size:16px;}
    .carousel{padding:60px 0 0 50px;}
    .module_index .context-wrapper > div{padding:0 0 50px 0;}
    .module_index .context-wrapper > div.context-text{padding-right:20%;}
    .context-wrapper.p-indent{padding:0 40px 0 90px;}
    .context-wrapper > div{padding:0 0 40px 0;}
    .context-wrapper > div:last-child{padding:0;}
    .big-title.smell-title p{font-size:24px !important;}
    .form-container{padding:40px 0 10px 80px;}
    .xl-h2,.big-title p{font-size:32px !important;line-height:48px !important;}
    .context-wrapper .context-title h2,.big-title p{font-size:24px;line-height:40px;}
    .context-wrapper .context-text p,.context-wrapper .context-introduce p,.content-discript p,.introduce-item h3,.context-wrapper .context-date p,.new .context-wrapper .context-date p,.context-wrapper .context-list p,.context-wrapper .context-header p,.switchWrap .switch li,.context-wrapper .context-list a{font-size:16px;line-height:28px;}
    .new .context-wrapper .context-title h2{color:var(--coloe-text);}
    .module_product_con .context-wrapper .context-header p{width:45px;height:45px;line-height:45px;font-size:24px;}
    .context-wrapper .context-introduce span{font-size:42px;}
    .context-wrapper .context-link a,.toggle-link a{font-size:16px;}
    .introduce-item h3{margin-bottom:25px;}
    .module_con .context-title h2{font-size:30px;line-height:40px;}
    .module_product_con .context-wrapper .context-header span{font-size:18px;}
    .module_full{margin-left:-80px;}
    .module_right_full{margin-right:-80px;}
    .swiper-btn .swiper-button-prev,.swiper-btn .swiper-button-next{width:60px;height:60px;border-radius:50%;border:1px solid rgba(154,132,83,1);outline:none;}
    .swiper-col-slide .swiper-container1 ~ .swiper-button-prev, .swiper-col-slide .swiper-container1 ~ .swiper-button-next{top:20%;}
    .swiper-btn .swiper-button-prev:after,.swiper-btn .swiper-button-next:after{font-size:20px;}
    .swiper-col-slide .swiper-button-prev,.swiper-col-slide .swiper-button-next{top:-40px;}
    .page_txt p{font-size:45px;}
    .page_txt span{font-size:24px;}
    .footer .footer-item .ico-item{width:25px;}
    .footer .footer-item .ico-item:last-of-type{width:22px;}
    .pic-gallery .pic-item .pic-txt span{font-size:16px;}
    .module_page .row .context-wrapper > div{padding:0 0 40px 0;}
    .switch .switch-item p{font-size:18px;}
    .switch .switch-item ul li a{font-size:16px;}
    .pic-gallery .pic-item .item-img .img-descript span{font-size:16px;}
    .formm-club .form-item{width:300px;}
    .carousel .swiper-pagination-progressbar{margin-top:90px;}
    .page a{width:45px;height:45px;line-height:45px;font-size:14px;}
    .pattern-overlay .context-wrapper .context-introduce{font-size:24px;}
    .module_index img{max-width:841px;}
    .pattern-overlay .title{margin:0;}
    .pattern-overlay .context-wrapper{padding:0 40px 0 0;}
    .about .swiper-slide img{max-width:1032px;}
}
@media screen and (max-width: 999px){/*移动端*/
    .col-sm-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%;}
    .title{margin-left:0;}
    .header .menu{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);}
    .header .nav .nav_flex{justify-content:flex-start;padding:0;}
    .header .nav{width:100%;height:56px;}
    .header .nav .nav_logo a img{transform:rotate(90deg) translate(-40px , -80px);}
    .menu-open #header .menu{-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40);-o-transform:translateY(40px);transform:translateY(40px);}
    #header .menu:after{content:"";background: white;position: absolute;top: 99%;left: 0;right: 0;}
    #header .container-fluid{padding:0;}
    .container-fluid .logo{margin:30px 0;padding-left:10px;}
    .container-fluid .container_nav .nav_item h2{margin-bottom:0;padding:10px 0 10px 15px;background-color:rgba(0,0,0,.03);}
    .container-fluid .container_nav .nav_item ul{display:none;}
    .container-fluid .container_nav .nav_item ul li{margin-bottom:0;background-color:#f2f2f2;}
    .container-fluid .container_nav .nav_item ul li a{display:block;padding:10px 0 10px 25px;}
    .container-fluid .container_search,.container-fluid .container_foot{margin-top:35px;padding-left:15px;}
    .container-fluid .container_foot{padding-bottom:20px;padding-right:15px;}
    .main{width:100%;}
    .pic-gallery .pic-item .item-img{}
    .switchWrap .switch li{min-width:147px;background-color: #ccc;border-radius:30px;border: 1px #ccc solid;text-align: center;margin-right: 15px;padding: 0;display: inline-block;float: unset;width: auto;}
    .switch-container .switch-item{margin-bottom:20px;}
    .form-container{position:static;}
    .context-wrapper .context-text,.module_fulls .context-title{width:100%;}
    .footer{padding:0;}
    .footer .container-fluid .footer-item:first-of-type,.module{padding:20px 0;}
    .pic-gallery .pic-item .pic-txt,.top_nav{display:none;}
}

@media screen and (max-width: 760px){
    .col-xl-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;}
    .item-club img{width:100%;}
}

@media screen and (max-width: 540px){
    .col-xs-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%;}
    .carousel .swiper-slide{width:100%;}
    .context-wrapper .context-title h2,.big-title p{font-size:18px;line-height:32px;}
    .context-wrapper .context-text p,.context-wrapper .context-introduce p,.content-discript p,.introduce-item h3,.context-wrapper .context-date p,.context-wrapper .context-list p,.context-wrapper .context-header p,.switchWrap .switch li{font-size:12px;line-height:22px;}
    .open_page .right_page{border-left:none;}
}

@media screen and (max-width: 450px){
    .col-xs-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%;}

}


.leftToRight{
    -webkit-animation-name: leftToRight;
    animation-name: leftToRight;
    animation-delay:.8s;
}

@keyframes leftToRight{
    0%{
        -webkit-transform:translateX(-100%);
        -moz-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
        -o-transform:translateX(-100%);
        transform:translateX(-100%);
    }
    100%{
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0);
    }
}

@-webkit-keyframes leftToRight{
    0%{
        -webkit-transform:translateX(-100%);
        -moz-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
        -o-transform:translateX(-100%);
        transform:translateX(-100%);
    }
    100%{
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0);
    }
}

.RightToLeft{
    -webkit-animation-name: RightToLeft;
    animation-name: RightToLeft;
    animation-delay:1s;
}

@keyframes RightToLeft{
    0%{
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0);
    }
    100%{
        -webkit-transform:translateX(-100%);
        -moz-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
        -o-transform:translateX(-100%);
        transform:translateX(-100%);
    }
}

@keyframes bounceout{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(2);
        -ms-transform:scale(2);
        -o-transform:scale(2);
        transform:scale(2)}
    }
}
@-webkit-keyframes bounceout{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(2);
        -ms-transform:scale(2);
        -o-transform:scale(2);
        transform:scale(2)}
    }
}
@-moz-keyframes bounceout{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(2);
        -ms-transform:scale(2);
        -o-transform:scale(2);
        transform:scale(2)}
    }
}
@-o-keyframes bounceout{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(2);
        -ms-transform:scale(2);
        -o-transform:scale(2);
        transform:scale(2)}
    }
}


@keyframes bgbody {
    0%{
        opacity: 0;
        background-color: #ffffff;
    }
    100%{
        opacity: 1;
    }
}
@-webkit-keyframes bgbody {
    0%{
        opacity: 0;
        background-color: #ffffff;
    }
    100%{
        opacity: 1;
    }
}
@-moz-keyframes bgbody {
    0%{
        opacity: 0;
        background-color: #ffffff;
    }
    100%{
        opacity: 1;
    }
}
@-o-keyframes bgbody {
    0%{
        opacity: 0;
        background-color: #ffffff;
    }
    100%{
        opacity: 1;
    }
}
@-ms-keyframes bgbody {
    0%{
        opacity: 0;
        background-color: #ffffff;
    }
    100%{
        opacity: 1;
    }
}
body{
    -webkit-animation: bgbody 3s ease;
    -o-animation: bgbody 3s ease;
    animation: bgbody 3s ease;
}

::-webkit-scrollbar
{
    width: 5px;
    background-color: #F5F5F5;
}
 
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
 

::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}