/* Wei.Css.2017.3.14 */

ul,li {list-style:none; margin:0px; padding:0px;}
.loading { position:absolute;width:100%; height:100%; background-color:#00449b; z-index:9999;}

.logo {	position:fixed;top:4%;left:3%;height:auto;z-index: 1120; max-width:248px;padding: 0;margin:0; }
.logo a {display:block;}

.index-top {width: 100%;height: 100%;}
.filler { position: fixed; display: block; -webkit-transition: 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -moz-transition: 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; transition: 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; z-index: 1100; }
.filler { background-color: #fff; }
.filler-left { width: 8px; height: 0%; left: 2%; bottom: 2%; }
.filler-right { width: 8px; height: 0%; right: 2%; top: 2%; }
.filler-top { width: 0%; height: 8px; left: 2%; top: 2%; }
.filler-bottom { width: 0%; height: 8px; right: 2%; bottom: 2%; }

.secdd {position:absolute; width: 53px; height: 53px; z-index: 2; margin-left: -26px; left: 50%; bottom: 5%;}

.bg {width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;overflow: hidden;}
.bg2 {background-image: url( ../../images/section2.jpg);}

.home-swiper {width: 100%;height: 100%;background: #000;}
.home-swiper .swiper-slide {text-align: center;font-size: 18px;background-position: center;background-size: cover;opacity: 1;}
.ho-prev,.ho-next {width: 139px; height: 55px; background-image:none; text-align: center;text-transform: uppercase; font-family:Arial; font-size: 12px; right: 4%; bottom: 5%; top: auto; left: auto; line-height: 55px;}
.ho-prev {background-color: #fff; color: #00449b;margin-right: 139px;}
.ho-prev img { margin-right: 10px;vertical-align: text-top;-webkit-transition: all .3s;transition: all .3s;}
.ho-next {background-color: #00449b; color: #fff; }
.ho-next img { margin-left: 10px;vertical-align: text-top;-webkit-transition: all .3s;transition: all .3s;}

.ho-prev:hover img{margin-right:0;}
.ho-next:hover img{margin-left:0;}

.sec-abo { position: absolute; width: 740px; height: 520px; top: 50%; left: 50%; margin: -260px 0 0 -370px; color: #fff;text-align: center;overflow: hidden;}
.sec-abo span { font-size: 27px;text-transform: uppercase;letter-spacing:8px;font-family: arial;opacity:0;-webkit-transform: translateY(-50px);transform: translateY(-50px);-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 100ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 100ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 100ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 100ms;}
.sec-abo h2 { font-size: 40px; font-weight: normal; margin-top:0px;}
.sec-abo p {font-size: 18px; line-height: 40px; padding: 0 50px;margin-top:50px;}
.sec-abo ul { list-style: none; padding: 0; margin:60px 0 0;}
.sec-abo li { display: inline-block; margin: 0 40px;}
.sec-abo li a { display: block; width: 100px; height: 100px; font-size: 18px; border: 1px #fff solid; color: #fff;-webkit-transition: all .3s;transition: all .3s;}
.sec-abo li a img {margin:6px 0 4px; max-width:100%; height:auto;}
.sec-abo li a:hover { background-color: #00449b; border-color: #00449b;}

.active .sec-abo span {opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);}

.sec-new { position: absolute; width:850px; height:450px; top: 50%; left: 50%; margin: -225px 0 0 -425px; overflow: hidden;}
.sec-new .secnewl{float: left; width: 48%;opacity:0;-webkit-transform: translateX(-100px);transform: translateX(-100px);-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 400ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 400ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 400ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 400ms;}
.sec-new .secnewr {float: right; width: 48%;opacity:0;-webkit-transform: translateX(100px);transform: translateX(100px);-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 400ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 400ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 400ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 400ms;}
.sec-new .newimg { overflow: hidden;}
.sec-new .newimg img{ max-width: 100%; height: auto; display: block;-webkit-transition: all 1s;transition: all 1s;}
.sec-new .secnewl a:hover img{-webkit-transform: scale(1.04);transform: scale(1.04);}

.active .sec-new .secnewr,.active .sec-new .secnewl {opacity:1;-webkit-transform: translateX(0px);transform: translateX(0px);}

.sec-new .newtt { background-color: #fff; padding:20px 30px;color: #666;}
.sec-new .newtt h3 {font-size: 22px; height: 105px; font-weight: normal; margin-top: 7px;-webkit-transition: all .3s;transition: all .3s;}
.sec-new .newtt p { font-size: 16px;}
.sec-new .secnewl a:hover h3 {color: #39be93;}

.secnewr ul{ list-style: none; padding: 0;margin-top: -23px;}
.secnewr li {  margin-top: 23px;font-family:"Microsoft Yahei UI Light","Microsoft YaHei",寰蒋闆呴粦;}
.secnewr li a {display: block; font-size: 25px; color: #666; overflow: hidden;background-color: #fff;padding:10px 20px;-webkit-transition: all .3s;transition: all .3s;}
.secnewr li span { font-size: 72px;color: #00449b;display:inline-block; vertical-align: middle;-webkit-transition: all .3s;transition: all .3s;}
.secnewr li .newtd { display:inline-block; vertical-align: middle;-webkit-transition: all .3s;transition: all .3s;}
.secnewr li a:hover {background-color: #00449b;}
.secnewr li a:hover .newtd,.secnewr li a:hover span  {color: #fff;}

.business {width: 100%;height: 100%;}
.business .swiper-slide {text-align: center;background-position: center;background-size: cover;}
.busico { position: absolute;left: 50%; top: 30%;z-index: 10; margin-left: -95px; width: 189px;height: 189px; line-height: 189px; background: url(../images/busicobg.png); text-align: center;-webkit-transition: all .3s;transition: all .3s;}
.busbgc {position: absolute; z-index: 2; width: 100%; height: 100%; background-color: #000; top: 0; left: 0;opacity: 0.7;filter: alpha(opacity=70);-webkit-transition: all .3s;transition: all .3s;}
.bustd {position: absolute; top: 60%; left: 0; width: 100%; z-index: 10; color: #fff; padding: 30px 0 50px;}
.bustd h4 { font-size: 20px; font-weight: normal; margin-bottom: 10px; position: relative;z-index: 9}
.bustd a {color: #fff;}
.bustd a:hover {color: #00449b;}
.bustd span {font-size: 20px;text-transform: uppercase; padding-bottom: 20px; font-family: arial;position: relative;z-index: 9; background: url(../images/bustdt.jpg) no-repeat center bottom;}
.bustd::before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;content: '';opacity: 0;filter: alpha(opacity=0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0,1);transform: scale(0,1); background-color: #000;} 

.bus-prev,.bus-next {position: absolute;opacity: 0;filter: alpha(opacity=0); width: 30px; height: 40px; top: 50%; margin-top: -20px; z-index: 99; background-position: center center; background-repeat: no-repeat; background-size: auto;}
.bus-prev {background-image: url(../images/busp.png); left: 5%;}
.bus-next {background-image: url(../images/busn.png); right: 5%;}
.business .swiper-slide figcaption {position: absolute;left: 50%; top: 22%; margin-left: -15px; width: 30px; height: 1px; background-color: #fff; z-index: 9;}

.business .swiper-slide-active .busbgc {opacity: 0;filter: alpha(opacity=0);transition-delay: .1s;-webkit-transition-delay: .1s;}
.business .swiper-slide-active .busico { background-image:url(../images/busicobgon.png);transition-delay: .1s;-webkit-transition-delay: .1s;}
.business .swiper-slide-active .bustd::before{opacity: 0.7;filter: alpha(opacity=70);-webkit-transform: scale(1);transform: scale(1);}
.business .swiper-slide-active .bus-prev,.business .swiper-slide-active .bus-next {opacity: 1;filter: alpha(opacity=100);}

.sec-land {position: absolute; width:60%; height:356px; top: 50%; left: 50%; margin: -178px 0 0 -30%;}
.sec-land .landl,.sec-land .landr{ width: 50%;height: 100%;}
.landl ul { list-style: none; padding: 0; margin: 0;height: 100%;}
.landl li { background-color: #FFFFFF; float: left; margin-right: 15px; width: 46%; height: 100%; text-align: center;}
.landl li a {display: block;height: 100%;}
.landl li img {margin-top: 30%;}
.landl li h3 { color: #666; font-size: 20px; font-weight: normal; margin-bottom:0; margin-top: 20%;}
.landl li span { font-size: 16px; color: #b0b0b0; font-family: Arial;}
.landr h1{font-family: Arial; font-size:4.2vmax; color: #fff;text-transform: uppercase;position: relative; overflow: hidden;}
.landr h1::after {position: absolute;bottom: 0;left: 0;width: 327px;height: 13px;background: #fff;content: '';-webkit-transition: all 1s;transition: all 1s;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);}
.active .landr h1::after{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
.landr span {margin: 3rem 0; display: block;}
.landr span img {max-width: 100%;height: auto;}
.landr p {color: #fff; font-size: 20px;}

.sec-spe {position: absolute; width:1100px; height:550px; top: 50%; left: 50%; margin: -275px 0 0 -550px; overflow: hidden; background-color: #00449b;}
.sec-spe ul { list-style: none; padding: 0; margin: 0;height: 100%;}
.sec-spe li {float: left; width: 50%; height: 50%;}
.sec-spe li.spe1 {background: url(../images/spe1bg.jpg) no-repeat left center #fff;}
.sec-spe li.spe1 span {font-family: Arial; font-size:50px;text-transform: uppercase;display: block;color: #00449b; margin-left: 100px; margin-top: 60px;}
.sec-spe li.spe1 h3 { color: #a4a4a4; font-size: 40px; font-weight: normal; margin:0 0 0 100px; position: relative; line-height: 40px; padding-bottom: 30px; overflow:hidden}
.sec-spe li.spe1 h3::after {position: absolute;bottom: 0;left: 0;width: 80px;height: 7px;background: #00449b;content: '';-webkit-transition: all 1s;transition: all 1s;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);}
.active .sec-spe li.spe1 h3::after{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
.sec-spe li .sped { width: 50%; height: 100%; overflow: hidden;}
.sec-spe li .speimg img{width: 100%; height: 100%; display: block;-webkit-transition: all 1s;transition: all 1s;}
.sec-spe li .speimg a:hover img{-webkit-transform: scale(1.04);transform: scale(1.04);}
.sec-spe li .spett { padding: 20px; text-align: center;}
.sec-spe li .spett h4 {color: #fff; font-size: 20px; font-weight: normal; position: relative; overflow: hidden; padding: 30px 0 20px;}
.sec-spe li .spett h4 a {color: #fff;-webkit-transition: all .3s;transition: all .3s;}
.sec-spe li .spett h4 a:hover {color: #f7f495;}
.sec-spe li .spett h4::after {position: absolute;bottom: 0;left: 50%;width: 50px;height: 2px; margin-left: -25px; background: #fff;content: '';}
.sec-spe li .spett p { padding-top: 10px; font-size: 14px; color: #fff; line-height: 28px; height: 122px; overflow: hidden;}

.sec-map {position: absolute; width:554px; height:410px; top: 50%; left: 20%; margin: -205px 0 0 0; overflow: hidden;}
.sec-map .smap { margin-top: 8px; background: url(../images/mapbg.jpg) center center; width: 554px; height: 173px; text-align: center; line-height: 173px;}
.sec-map .smap a {display: block}
.sec-map .smap a img{width: 73px;height: 63px;-webkit-transition: all .8s ease-in;transition: all .8s ease-in;}
.sec-map .smap a:hover img{-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.full-modal {position: absolute;}
.full-modal .am-modal-dialog { width:80%; height:70%; background-color:#fff;}
.full-modal .full-close { width:61px; height:61px;position:absolute; right:-30px; top:-30px;z-index: 9;opacity: 1;}
.smap-modal {height: 100%; width: 100%;}
.mapblkbg {  position: absolute; height: 100%;width: 100%;background-color: rgba(0,0,0,.6);top: 0;left: 0; display: none;}

.sec-con {  position: absolute; left:20%; top:50%;width:645px; height:645px; margin-top:-322px;overflow: hidden;}
.sec-con ul {list-style: none; padding: 0; margin: 0;height: 100%;}
.sec-con li { width:33.3333%; height:33.3333%; float:left;}

.sec-con li.con1 {width:66.6666%; padding:30px;background: url(../images/conrgb1.png) repeat;background: none rgba(0,0,0,0.3);}
.sec-con li.con1 span{ color:#fff;font-size:43px; line-height:50px;font-family: Arial; display:block; padding-bottom:10px;text-transform: uppercase; position:relative;overflow:hidden}
.sec-con li.con1 span::after {position: absolute;bottom: 0;left: 0;width: 100px;height: 5px;background: #fff;content: '';-webkit-transition: all 1s;transition: all 1s;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);}
.active .sec-con li.con1 span::after{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
.sec-con li.con1 h3 {  color:#fff;font-size:30px; font-weight: normal; margin:15px 0 0;}

.sec-con li.con2 .black{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;background: url(../images/conrgb3.png) repeat;background: none rgba(0,0,0,0.5);}
.sec-con li.con3 .black{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;background: url(../images/conrgb2.png) repeat;background: none rgba(0,0,0,0.6);}
.sec-con li.con4 .black{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;background: url(../images/conrgb3.png) repeat;background: none rgba(0,0,0,0.5);}
.sec-con li.con5 .black{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;background: url(../images/conrgb4.png) repeat;background: none rgba(0,0,0,0.2);}
.sec-con li.con5 { margin-right: 2px;}

.sec-con li.con a {display: block;height: 100%; position:relative;}
.sec-con li.con .bgico { position:absolute;width: 100%;left: 0px;top: 0px;padding-top: 20%;text-align: center;color: #fff;font-size: 18px;z-index: 4;transition-duration: .5s; -webkit-transition-duration: .5s;}
.sec-con li.con .bgico img {position: relative;}
.sec-con li.con .gree{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;background-color: #00449b; transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform-origin: 100% 50% 0; -webkit-transform-origin: 100% 50% 0; -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; opacity: 0;}
.sec-con li .con-n {position: absolute;top: 0;left: 20px;width: 100%;height: 100%; padding:25px; opacity: 0;-webkit-transition: all .6s .1s;transition: all .6s .1s;}
.sec-con li .con-n h4 { color:#fff;font-size:18px; font-weight: normal; border-bottom:1px #fff solid; padding-bottom:10px; margin:0;}
.sec-con li .con-n p {color:#fff;font-size:16px; line-height:30px; }
.sec-con li .con-n span {text-align: center;display: block;}
.sec-con li .con-n img {max-width: 100%; height: auto}

.sec-con li.con a:hover .gree { transform: rotateY(0deg); -webkit-transform: rotateY(0deg); opacity: 1; }
.sec-con li.con a:hover .black { -webkit-transform-origin: 100% 50% 0; -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; opacity: 0; }
.sec-con li.con a:hover .bgico {opacity: 0}
.sec-con li.con a:hover .con-n {opacity: 1;left:0}

.section .sec-scale { width:100%; height:100%; position:relative;transform: scale(0.8);opacity: 0.5;transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.active .sec-scale {transform: translate(0px,0px) scale(1);transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;-webkit-transition: transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; opacity: 1; }

/* TOP-MENU */
.w-menu { position: absolute;left: 0px;top: 0px; width:100%;}
.w-menu .am-menu-nav{ z-index:1130}
.w-menu .menuBtnShow { z-index:1132}
.am-menu-dropdown1 .menutog { background: url(../images/menu.png) no-repeat center center;}
.mlogo { position:absolute;height:100px;z-index: 1051;width: 60%;padding: 0;margin:0;-webkit-transition: all .3s;transition: all .3s;top: 4%;left: 2%;}
.mlogo a {display:block;}
.mlogo a img{max-width: 100%;height: auto}
.am-in .mlogo{opacity: 1;filter: alpha(opacity=100);}
.menuBtn{width:78px; height:60px; bottom: 0; position:absolute; z-index:1092; cursor:pointer;}
.menuBtn .line{-webkit-transition:300ms;-moz-transition:300ms;transition:300ms; width:26px; height:2px; margin:0 0 0 -13px; border-radius:10px; background:#fff; position:absolute; left:50%;}
.menuBtn .line1{ -webkit-transition:300ms 50ms;-moz-transition:300ms 50ms;transition:300ms 50ms; top:23px;width: 20px;margin: 0 0 0 -10px;}
.menuBtn .line2{ -webkit-transition:300ms 100ms;-moz-transition:300ms 100ms;transition:300ms 100ms; top:29px;}
.menuBtn .line3{ -webkit-transition:300ms 150ms;-moz-transition:300ms 150ms;transition:300ms 150ms; top:35px;width: 20px;margin: 0 0 0 -10px;}
.menuBtn .line4{ -webkit-transition:300ms 50ms;-moz-transition:300ms 50ms;transition:300ms 50ms; top:29px; opacity:0; margin:-21px 0 0 -37px; -webkit-transform:rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.menuBtn .line5{ -webkit-transition:300ms;-moz-transition:300ms;transition:300ms; top:29px; opacity:0; margin:-21px 0 0 4px;-webkit-transform:rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}

.menuBtnShow .line1{ -webkit-transition:300ms;-moz-transition:300ms;transition:300ms; opacity:0; margin:0 0 0 -41px;}
.menuBtnShow .line2{ -webkit-transition:300ms 50ms;-moz-transition:300ms 50ms;transition:300ms 50ms; opacity:0; margin:0 0 0 7px;}
.menuBtnShow .line3{ -webkit-transition:300ms 100ms;-moz-transition:300ms 100ms;transition:300ms 100ms; opacity:0; margin:0 0 0 -41px;}
.menuBtnShow .line4{ -webkit-transition:300ms 200ms;-moz-transition:300ms 200ms;transition:300ms 200ms; opacity:1; margin:0 0 0 -13px;}
.menuBtnShow .line5{ -webkit-transition:300ms 250ms;-moz-transition:300ms 250ms;transition:300ms 250ms; opacity:1; margin:0 0 0 -13px;}
.menuBtnShow-low{ background:url(../images/close.png) no-repeat center;}
.menuBtnShow-low .line{ display:none;}

.menuBox { position: relative; z-index:1050; left: 0px; top: 0px; width: 100%;height: 100%;transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;  overflow: hidden; box-sizing: border-box; }
.am-in .menuBox { padding: 12% 0px 0px;transition-delay: .2s;-webkit-transition-delay: .2s;}
.nav { width:100%; max-width:1400px; padding:0 6%; margin: 0px auto 8%; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s;}
.nav dd { float: left; display: block; width: 14%; font-size: 16px; }
.nav dd.lin2 { width: 15%; }
.nav dd.lin3 { width: 15%; }
.nav a:link, .nav a:visited { color: #666; }
.nav a:active, .nav a:hover { color: #d70b0b; }
.nav dd .t a { color: #3c3c3c; }
.nav dd .t a:hover { color: #d70b0b; }
.nav dd .t { font-size: 22px; margin-bottom: 40px; }
.nav dd .subnav li { margin-bottom: 20px; }
.nav dd .subnav a { font-size:1.8rem; color:#666;}
.nav dd .subnav a:hover { margin-left: 5px; color: #d70b0b; }
.am-in .nav { opacity: 1;filter: alpha(opacity=100);transition-delay: .2s;-webkit-transition-delay: .2s;}

.nav-swiper{width: 100%;height:100%;}
.nav-swiper .swiper-slide{ height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.nav-swiper .mobnav { margin-top:20px; text-align:center;}
.mobnav li { border:none;}
.mobnav .am-panel > a {font-size:20px;color:#00449b;padding: 0.6rem 0 1rem; border-bottom:1px #00449b solid;}
.mobnav .am-panel > a.am-collapsed {color:#2e2e2e;border-bottom:1px #fff solid;}
.mobnav .am-panel .am-list a{color:#666; font-size:18px; padding:1rem;}

/* HOME-End */

/* PUBLC */
.opac0 {filter: alpha(opacity=0);opacity: 0;}
.w-container { max-width:1200px;margin-left: auto;margin-right: auto;}
.w-con9 { max-width:960px;margin-left: auto;margin-right: auto;}
/* LIST-PUBLC */
.mopen { margin-top:50px;}
.am-menu-offcanvas1 .am-menu-nav > li.wnav-home a{ border-bottom:1px #09bd90 solid; height:141px; line-height:141px;}
.mclose { position:absolute; right:20px; top:50px; border:none; background:none;outline:none;}

.w-bnav { width:54%;}
.w-bnav .am-nav > li > a {  padding: 0; font-size:16px; font-weight:500;height: 126px;line-height: 126px;transition: all 0.3s ; -webkit-transition: all 0.3s;}
.w-bnav .am-nav > li.am-active > a {color:#00449b; background-color: inherit; cursor:pointer;}
.w-bnav .am-nav > li:hover,.w-bnav .am-nav > li.am-active:hover {background-color: #00449b;}
.w-bnav .am-nav > li:hover a {color: #fff;}
.w-bnav .am-nav > li.am-active > a:hover,.w-bnav .am-nav > li.am-active > a:focus {color: #fff;background-color: #00449b;cursor: default;}
.w-bnav .am-nav > li > a:hover,.w-bnav .am-nav > li > a:focus {  text-decoration: none;color: #fff;  background-color: #00449b;}
.w-tcnav {position: absolute;top: 100%;width: 100%;height: auto;margin-left: -50%;margin-top: 0;list-style: none;padding: 0;left: 50%;z-index: 999;opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;-moz-transition: opacity 0.3s, -moz-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);visibility: hidden;}
.w-bnav .am-nav > li > ul.w-tcnav li { margin-bottom:2px;}
.w-bnav .am-nav > li > ul.w-tcnav li a {padding:16px 0;display: block;color: #666;font-size: 16px; text-align:center;-webkit-transition:  all ease-out .2s;-moz-transition:  all ease-out .2s;transition:  all ease-out .2s;background-color:#fff;}
.w-bnav .am-nav > li > ul.w-tcnav li:last-child a { background-image:none;}
.w-bnav .am-nav > li:hover > ul.w-tcnav {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);visibility: visible;}
.w-bnav .am-nav > li:hover > ul.w-tcnav li a:hover {background-color:#00449b;color: #fff}
.am-menu-offcanvas1 .am-menu-nav > li.b-act > a{ color:#fff;}

.list-nav ul{ list-style:none; padding:0; margin:0;}
.list-nav li { text-align:center;}
.list-nav li a { display:block; background-color:#f2f2f2; padding:1em 0;transition: all 0.5s ; -webkit-transition: all 0.5s;}
.list-nav li img { display:inline-block;vertical-align:middle;}
.listntt { font-size:18px;overflow: hidden; color:#666; display:inline-block; vertical-align:middle; text-align:left;transition: all 0.5s ; -webkit-transition: all 0.5s;}
.listntt span { font-size:12px; font-family: Arial; color:#9d9d9d; display:block;transition: all 0.5s 0.1s; -webkit-transition: all 0.5s 0.1s;}
.list-nav li a:hover,.list-nav li a:active,.list-nav li.iact a,.list-nav li a.am-active{background-color:#00449b;}
.list-nav li a:hover .listntt,.list-nav li a:active .listntt,.list-nav li a:hover .listntt span,.list-nav li.iact .listntt,.list-nav li.iact .listntt span,.list-nav li a.am-active .listntt,.list-nav li a.am-active .listntt span { color:#fff;}
.listico img { width:60px; height:60px;}
.listico { width:60px; height:60px; margin-right:5px; display:inline-block; vertical-align:middle; overflow:hidden;}
.listico .i1 {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;}
.listico .i2 { opacity:0;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;}
.list-nav li a:hover .i1,.list-nav li a:active .i1,.list-nav li.iact .i1,.list-nav li a.am-active .i1 {opacity:0;-webkit-transform: translateY(-60px);transform: translateY(-60px);}
.list-nav li a:hover .i2,.list-nav li a:active .i2,.list-nav li.iact .i2,.list-nav li a.am-active .i2 {opacity: 1;-webkit-transform: translateY(-60px);transform: translateY(-60px);}

.pages { margin:60px auto; text-align:center;}
.pages a { display:inline-block; background-color:#dfdfdf; font-size:14px; color:#666; padding:10px 18px; margin:12px;transition:background-color 300ms,color 200ms;-webkit-transition:background-color 300ms,color 200ms;}
.pages a:hover {background-color:#00449b;color:#fff;}
.pages span {display:inline-block;background-color:#00449b;font-size:14px; color:#fff; padding:10px 18px; margin:12px;}

.footr { padding:20px 0;background-repeat: no-repeat; background-position:center center; background-color: #00449b}
.footr-l p { font-size:14px; color:#fff; line-height:26px; margin-bottom:0;}
.fsharpBox { border-bottom:1px #fff solid; padding:18px 0;}
.fsharpBox a { width: 54px; height: 54px; display: block; float: left; margin-left: 20px; position: relative; top: 0;-webkit-transition: top 800ms; transition: top 800ms;}
.fsharpBox a:first-child { margin-left:0;}
.fsharpBox a.i1 { background: url(../images/shar1.png) no-repeat;}
.fsharpBox a.i2 { background: url(../images/shar2.png) no-repeat;}
.fsharpBox a.i3 { background: url(../images/shar3.png) no-repeat;}
.fsharpBox a.i4 { background: url(../images/shar4.png) no-repeat;}
.fsharpBox a:hover { top: -10px; }
.fsharpBox .lt { font-size: 18px; color: #3c3c3c; float: left; line-height:46px;}
.footr-r { padding:18px 0;}
.footr-r span { margin-left:20px;}
.footr-r span  img { max-width:100%; height:auto;}
.foot { background-color:#279874;}
.foot p { text-align:center; font-size:12px; color:#fff; padding:20px 0; margin:0;}
.foot p  a { color:#fff; }
.foot p  a:hover { text-decoration:underline;}
/* ABOUT */
/*.list-banner {height: 660px;color: #fff;text-align: center;position: relative;background: url(../images/everyImg.jpg) center no-repeat;background-attachment: fixed;}*/
.list-banner { position:relative;overflow: hidden}
.list-banner span { position:absolute; bottom:30%; left:0; width:100%; text-align:center; padding:0 30px;}
.list-banner img { max-width:100%; height:auto;}
.am-slider .am-slides span{ position:absolute; bottom:30%; left:0; width:100%; text-align:center; padding:0 30px;}
.am-slider .am-slides img{ max-width:100%; width:auto; height:auto; display:inline}

.site-exp { position:relative; overflow:hidden;width: 100%;}
.exp-title {width:360px; padding-top:90px;}
.exp-title span {font-size:7.4vmin;text-transform: uppercase; color:#00449b; font-family:Arial; display:block; padding-bottom:0; font-weight:bold; position:relative;}
.exp-title span::after {position: absolute;bottom: 0;left: 0;width: 66px;height: 5px; content: '';}
.exp-title p { color:#a6a6a6; font-size:30px; margin-top:10px;}
.exp-title h4 { font-size:52px; color:#666666; font-weight:normal; line-height:60px; margin:0;}
.exp-title a { display:inline-block; margin-top:40px; line-height:120px; color:#fff; background: url(../images/bojt.png) center 90px #00449b no-repeat; width:150px; height:150px; text-align:center;transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.exp-title a:hover {background: url(../images/bojt.png) center 100px #00449b no-repeat;}
.exp-rimg { position:absolute; left:50%; bottom:0;transition: all 1s ease-out; -webkit-transition: all 1s ease-out;}
.visible .exp-rimg{-webkit-transform: translateX(-110px);transform: translateX(-110px);}

.site-abotxt { background-color:#f2f2f2; padding:120px 0; display: none; overflow:hidden;}
.site-abotxt p { font-size:16px; color:#666; line-height:50px;} 
.site-abotxt img {max-width:100%; height:auto;}

.site-aboys li a { display:block; position:relative; background-color:#00449b; overflow:hidden;}
.site-aboys li img { max-width:100%; height:auto;transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;} 
.site-aboys li a p { font-size:20px; color:#fff; position:absolute; padding: 0 6%; top:65%; left:0; height:64px; overflow:hidden; text-align:center; width:100%;opacity:0;-webkit-transform: translateY(-40px);transform: translateY(-40px);-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;}
.pf-ystit { position:absolute; left:50%; top:20%; width:150px; height:200px; margin:0 0 0 -75px; text-align:center; }
.pf-ystit h3 { font-size:25px; font-weight:normal; position:relative; margin-top:60px; padding-bottom:10px; margin-bottom:10px;}
.pf-ystit h3::after {position: absolute;bottom: 0;left: 50%;width: 100%;height: 1px; margin-left: -50%; background: #fff;content: '';}
.pf-ystit span { font-size:14px;text-transform: uppercase;font-family:Arial;}
.pf-ystit .ys1 {background:url(../images/aboic1.png);opacity: 1;position: absolute; width:150px; height:200px;padding:15px;color:#fff;-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; backface-visibility: hidden; }
.pf-ystit .ys2 {background:url(../images/aboic2.png);opacity:0;position: absolute; width:150px; height:200px;padding:15px;color:#00449b;transform: rotateY(-180deg); -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; backface-visibility: hidden; transform-origin: center center }
.pf-ystit .ys2 h3::after {opacity: 0;-webkit-transition: opacity 0.35s 0.3s, -webkit-transform 0.35s 0.3s;transition: opacity 0.35s 0.3s, transform 0.35s 0.3s;border-bottom: 1px solid #00449b;-webkit-transform: scale(0,1);transform: scale(0,1);}
.site-aboys a:hover .pf-ystit .ys2 h3::after,.site-aboys a:active .pf-ystit .ys2 h3::after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.site-aboys a:hover .pf-ystit .ys1 ,.site-aboys a:active .pf-ystit .ys1{ transform: rotateY(180deg); opacity: 0; }
.site-aboys a:hover .pf-ystit .ys2 ,.site-aboys a:active .pf-ystit .ys2{ transform: rotateY(0deg); opacity: 1; }
.site-aboys a:hover img ,.site-aboys a:active img{opacity:0.2;-webkit-transform: scale(1.01);transform: scale(1.01);}
.site-aboys li a::before,
.site-aboys li a::after {position: absolute;top: 24px;right: 24px;bottom: 24px;left: 24px;content: '';opacity: 0;-webkit-transition: opacity 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;transition: opacity 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;
}
.site-aboys li a::before {border-top: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
.site-aboys li a::after {border-right: 2px solid #fff;border-left: 2px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
.site-aboys li a:hover::before,.site-aboys li a:hover::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.site-aboys li a:hover p {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}

.site-abovid { overflow:hidden; position:relative; background-image:url(../images/abo-videobg.jpg); background-position:center center; background-size:cover;}
.site-abovid .vidbg { position:absolute; width:100%; height:100%; left:0; top:0;background:url(../images/gzblbg.png); opacity:0;-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 100ms;transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 100ms;}
.site-abovid .w-container { position:relative; z-index:9;}

.abovidtit { margin:80px 0 70px;}
.abovidtit span{font-size:46px;text-transform: uppercase; color:#fff; font-family:Arial;line-height: 46px;}
.abovidtit h3 { font-size:40px; color:#00449b; font-weight:normal; margin:0; line-height:60px;}
.abovidtit h3 span {font-size:66px; color:#fff;font-family:Arial;text-transform: uppercase; display:inline-block; vertical-align:sub; margin-right:10px;}


.abo-video { margin-bottom:220px;}
.abo-video .videojj{ float:left;width:890px; height:576px; padding:6px; background-color:#fff;}
.vidlb { width:246px; float:right; margin-right:20px;}
.vidlb h3 { font-size:20px; color:#fff; font-weight:normal; margin-bottom:20px;}
.vidlb h3 span { color:#00449b; font-size:18px; margin-left:5px;}


.videolb {width: 100%;height: 480px;margin:0 0 10px;}
.videolb .swiper-slide { padding:2px;background-color:#fff;text-align: center;font-size: 18px;overflow:hidden;}
.videolb .swiper-slide a { display:block;font-size:14px; color:#fff; overflow:hidden; height:100%;background-color:#000; position:relative}
.videolb .swiper-slide a img { max-width:100%; height:auto; opacity:0.26;-webkit-transition: opacity 400ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;transition: opacity 400ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;}
.videolb .swiper-slide a p { position:absolute; top:50%; left:0; width:100%; padding:0 30px; height:44px; margin-top:-22px;}
.videolb .swiper-slide a:hover img { opacity:0.35;}

.video-prev,.video-next {border:1px #fff solid; padding:14px 42px; cursor:pointer;-webkit-transition: all 400ms ;transition:all 400ms;}
.video-prev { float:left;background:url(../images/vidsjt.png) no-repeat center center; }
.video-next { float:right;background:url(../images/vidxjt.png) no-repeat center center; border:1px #fff solid;}
.video-prev:hover,.video-next:hover {border:1px #00449b solid;}
.vid-but .swiper-button-disabled { opacity:0.5;}

.site-aboyp { background:url(../images/abo-ypbg.jpg) center bottom no-repeat;}
.quatit { padding:60px 0 30px; text-align:center; position:relative;}
.quatit span {font-size:55px;text-transform: uppercase; color:#00449b; font-family:Arial;line-height: 60px;}
.quatit h3 { font-size:30px; color:#666; font-weight:normal; margin:0;}
.quatxt { background-color:#fff; padding:80px 50px 40px;font-size:16px; color:#666;position: relative}
.quatxt p { text-indent:2em;}
.quatxt img { max-width:100%; height:auto;}
.quanr {margin-bottom: 50px;height: 410px;overflow: hidden;-webkit-transition: all 400ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;transition: all 400ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;}
.quajt { position:absolute; left:50%; bottom:20px; margin:0 0 0 -15px;}

/* RECRUIT */
.site-rec { background:url(../images/recbg.jpg) center center no-repeat; height:692px; position:relative;}
.rec-lb { position:absolute;top:50%; left:0; margin-top:-125px;width: 100%;}
.site-rec a { display:block; margin:0 auto; width:250px; height:250px; background:url(../images/recybg.png) center center no-repeat; text-align:center; position:relative;}
.site-rec a h3 { color:#fff; font-size:24px; font-weight:normal; padding:70px 10px 10px; position: relative; margin-bottom:10px; z-index:9;transition:color 400ms;-webkit-transition:color 400ms; }
.site-rec a span {font-size:20px;text-transform: uppercase; color:#fff; font-family:Arial;position: relative; z-index:9;transition:color 400ms;-webkit-transition:color 400ms; }
.site-rec a h3::after {position: absolute;bottom: 0;left: 50%;width: 34px;height: 1px; margin-left: -17px; background: #fff;content: '';transition:all 200ms;-webkit-transition:all 200ms;}
.site-rec a .recsj { position:absolute; top:50%; left:50%; margin:-80px 0 0 -136px; width:272px; height:236px;opacity:0;-webkit-transform: scale(0);transform: scale(0);background:url(../images/recsj.png);-webkit-transition: opacity 400ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms,-webkit-transform 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;transition: opacity 400ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms,transform 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;}
.site-rec a:hover .recsj {opacity:1;-webkit-transform: scale(1);transform: scale(1);}
.recwbg {position:absolute; top:50%; left:50%; margin:-125px 0 0 -125px; width:250px; opacity:0;height:250px;background-color:#fff; border-radius:50%;-webkit-border-radius:50%;-webkit-transform: scale(0);transform: scale(0);-webkit-transition:opacity 400ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms,-webkit-transform 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 100ms;transition: opacity 400ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms,transform 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 100ms;}
.site-rec a:hover .recwbg {opacity:1;-webkit-transform: scale(1);transform: scale(1);}
.site-rec a:hover h3,.site-rec a:hover span { color:#00449b;}
.site-rec a:hover h3::after {background: #00449b;}

.site-reczp { padding:150px 0 0;position:relative; background:url(../images/recrx.jpg) center top no-repeat; }
.rectit { text-align:center;}
.rectit span{font-size:30px;text-transform: uppercase; color:#00449b; font-family:Arial; letter-spacing:12px;}
.rectit h3 {font-size:30px; font-weight:normal; color:#fff; margin:10px 0 120px; padding:10px 0 0; position:relative;}
.rectit h3::after {position: absolute;top: 0;left: 50%;width:46px;height:2px; margin-left: -23px; background: #fff;content: ''; opacity:0.5;}
.rec-zhed { margin-bottom:100px;}
.rsc-ztd { font-size:18px; color:#fff; background-color:#00449b; padding:48px 20px 48px 50px;}

/* NEWS */
.new-list { list-style: none; padding:0; margin:80px 0;}
.new-list li { margin:12px 0; height:86px; width:100%; overflow:hidden;}
.new-list li .n-time { background-color:#fff; color:#666666; float:left;overflow:hidden; padding:0 10px; text-align:center;}
.new-list li .n-tbg { border:1px #dcdcdc solid; height:86px; width:82px; overflow:hidden;}
.new-list li .n-time span { font-size:40px; vertical-align:top;font-family:Arial; padding-bottom:4px;line-height:54px; position:relative}
.new-list li .n-time span::after {position: absolute;bottom: 0;left: 50%;width:40px;height:1px; margin-left: -20px; background: #dcdcdc;content: '';}
.new-list li .n-time p { font-size:14px; margin:0; line-height:30px;font-family:Arial;}

.new-list li .n-tt { width:100%; padding-right:10px;4 height:86px; line-height:86px;}
.new-list li .n-tt a { display:block;background-color:#eee; font-size:18px; color:#666; padding:0 30px;transition:background-color 300ms,color 200ms;-webkit-transition:background-color 300ms,color 200ms;}
.new-list li .n-tt a:hover {background-color:#00449b;color:#fff;}

.site-dome {position:relative; height:707px; margin:148px 0 180px; background-image:url(../images/newstjbg.jpg); background-position:center center; background-size:cover;}
.site-dome .vidbg { position:absolute; width:100%; height:100%; left:0; top:0;background:url(../images/gzblbg.png); opacity:0;-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 100ms;transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 100ms;}
.site-dome .w-container { position:relative; z-index:9;}
.domett { float:left; width:35%;-webkit-transition:  -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;}
.dometbg { background-color:#00449b;text-align:right; padding:68px 30px 100px;}
.dometbg span {font-size:22px; font-family:Arial; color:#fff;text-transform: uppercase; line-height:30px;}
.dometbg h3 { font-size:40px; color:#fff; font-weight:normal; margin:10px 0 40px;}
.domett p { text-align:right; color:#fff; font-size:16px;}
.visible .domett {-webkit-transform: translateY(-68px);transform: translateY(-68px);}
.domenr { float:right; width:60%; background-color:#fff; padding:20px; text-align:center;-webkit-transition:  -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;}
.domenr .am-table th { background-color:#8a8a8a; text-align:center; padding:10px 0; font-size:18px; font-weight:normal; color:#fff;border-left:none}
.domenr .am-table td { font-size:18px; color:#666;}
.visible .domenr {-webkit-transform: translateY(58px);transform: translateY(58px);}

.list-center { padding:60px 0 60px; width:100%; overflow:hidden;}
.show-tit { margin:20px 0 0; border-bottom:1px #d6d6d6 solid;}
.show-tit h2{ font-size:24px; color:#515151; font-weight:normal;text-align:center;}
.show-tit p { color:#4f4f4f; text-align:center;}
.list-single { font-size:1.4rem; color:#666; line-height:30px; padding-top:40px 20px 0;}
.list-single p { margin:1rem 0;}
.list-single img{ max-width:100%; height:auto;}
/* BUSINESS */
.site-pifa {position:relative; height:800px;position: relative;background-image: url(../images/yewbg.jpg);background-attachment: fixed;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.site-pifa .vidbg { position:absolute; width:100%; height:100%; left:0; top:0;background:url(../images/gzblbg.png); opacity:0;-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 100ms;transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 100ms;}
.site-pifa .w-container { position:relative}
.piflimg { width:516px; height:390px;background-color:#fff; position:absolute; left:0; top:192px; z-index:99; }
.piflimg .swiper-slide { overflow:hidden;padding:6px;}
.piflimg .swiper-slide img { max-width:100%; height:auto;}

.piflnr { width:724px; background-color:#00449b; position:absolute; right:0; top:103px; z-index:88; overflow:hidden;}
.piflnr::before,
.piflnr::after {position: absolute;top: 20px;right: 20px;bottom: 20px;left: 20px;content: '';-webkit-transition: -webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;transition:transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms;transition-delay: .4s;-webkit-transition-delay: .4s;}
.piflnr::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
.piflnr::after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
.visible .piflnr::before,.visible .piflnr::after {-webkit-transform: scale(1);transform: scale(1);}

.piflnr .swiper-slide { overflow:hidden;padding:60px 90px 60px 110px;}
.piflnr .swiper-slide h1 { color:#fff;font-size:104px; font-weight:normal; font-family:Arial; position:relative; overflow:hidden; line-height:120px;}
.piflnr .swiper-slide h1::after {position: absolute;bottom: 0;left: 0;width:68px;height: 1px;background: #fff;content: '';-webkit-transition: all 1s;transition: all 1s;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);}
.piflnr .swiper-slide-active h1::after{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
.piflnr .swiper-slide p { color:#fff; font-size:16px; line-height:30px; height:150px; overflow:hidden}
.piflnr .swiper-slide a { color:#fff;}
.piflnr .swiper-slide a:hover { text-decoration:underline;}

.pf-prev,.pf-next {width: 103px; height: 50px; background-image:none; border:1px #fff solid; text-align: center;text-transform: uppercase; font-family:Arial; font-size: 12px; left:110px; bottom: 15%; top: auto; right: auto; line-height: 55px;}
.pf-prev {background-color: #00449b; color: #00449b;}
.pf-prev img { margin-right: 0; vertical-align: super;-webkit-transition: all .3s;transition: all .3s;}
.pf-next {background-color: #fff; color: #fff;margin-left:103px; }
.pf-next img { margin-left: 0;vertical-align: super;-webkit-transition: all .3s;transition: all .3s;}
.pf-prev:hover img{margin-right:10px;}
.pf-next:hover img{margin-left:10px;}
.pf-next.swiper-button-disabled, .pf-prev.swiper-button-disabled {opacity: .6;}

.site-reta { padding:60px 0;}
.reta-tit { text-align:center;}
.reta-tit span { color:#00449b;font-size:54px; font-family:Arial;text-transform: uppercase;}
.reta-tit h3 { font-size:30px; color:#666666; font-weight:normal; margin-top:0; padding-bottom:50px; background:url(../images/jiamenx.png) center bottom no-repeat;}
.reta-nr { margin-top:25px; color:#666; line-height:40px;} 

.site-pro { margin-bottom:80px;}
.prosw-img { position:absolute; left:0; top: 0;height:100%; width:50%;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.prosw-nr {float: right; width:50%;min-height: 486px; overflow: hidden; background-color:#ece4cf; padding:40px 10% 140px 40px;}
.prosw-nr span.psen{ color:#00449b;font-size:56px; font-family:Arial;text-transform: uppercase; line-height:56px;}
.prosw-nr h3 {font-size:30px; color:#666666; font-weight:normal; margin:20px 0 40px;}
.prosw-nr p { font-size:16px; color:#666; line-height:26px; overflow: hidden;}

.pro-prev,.pro-next {width: 110px; height: 40px; background-image:none; text-align: center; left:50%; bottom: 5%; top: auto; right: auto; margin-left:-110px; line-height:40px;}
.pro-prev {background-color: #fff; color: #00449b;}
.pro-prev img { margin-right: 0; vertical-align: super;-webkit-transition: all .3s;transition: all .3s;}
.pro-next {background-color: #00449b; color: #fff;margin-left:0; }
.pro-next img { margin-left: 0;vertical-align: super;-webkit-transition: all .3s;transition: all .3s;}
.pro-prev:hover img{margin-right:10px;}
.pro-next:hover img{margin-left:10px;}

.site-gas { overflow: hidden}
.gas-tit { text-align:center; }
.gas-tit span {color:#00449b;font-size:70px; font-family:Arial;text-transform: uppercase; position:relative; display:block;}
.gas-tit span::after {position: absolute;bottom: 0;left: 50%;width: 86px;height: 5px; margin-left: -43px; background: #00449b;content: '';}
.gas-tit h3 {font-size:40px; color:#666666; font-weight:normal; margin:10px 0 80px;}
.gas-nr { margin:50px 0; position:relative; min-height:600px;}
.gas-nr .gas-txt {position:relative; z-index:9; padding:120px 0 0}
.gas-nr .gas-txt p {color:#fff; font-weight:bold; font-family:Arial;text-transform: uppercase; margin:0;}
.gas-nr .gas-txt span { background-color:#fff;color:#00449b; font-weight:bold; font-size:78px; padding:0 20px; font-family:Arial;text-transform: uppercase;}
.gas-nr .gas-txt h3{font-size:50px; color:#fff; font-weight:normal; margin:0;}
.gas-nr .gas-i1 { position:absolute; width:0; height:580px; left:-26px; top:0; background-color:#00449b;-webkit-transition: width 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 100ms,-webkit-transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 200ms;transition:width 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 100ms,transform 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 200ms;transition-delay: .6s;-webkit-transition-delay: .6s;}
.gas-nr .gas-i2 {position:absolute; right:-40px; top:70px; opacity:0;-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 800ms;transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 800ms;}
.gas-nr .gas-i2 img { max-width:100%; height:auto;}
.visible .gas-i1 {width:830px;transform: perspective(660px) rotateY(12deg);}
.visible .gas-i2 { opacity:1}

.site-cess {position:relative;position: relative; padding-bottom:60px;background-image: url(../images/cessbg.jpg);background-attachment: fixed;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.site-cess .vidbg { position:absolute; width:100%; height:100%; left:0; top:0;background:url(../images/gzblbg.png); opacity:0;-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 100ms;transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 100ms;}
.site-cess .w-container { position:relative; z-index:9}
.cess-tit { text-align:center; padding:60px 0;}
.cess-tit span {color:#fff;font-size:70px; font-family:Arial;text-transform: uppercase; position:relative; display:block;}
.cess-tit span::after {position: absolute;bottom: 0;left: 50%;width: 86px;height: 5px; margin-left: -43px; background: #00449b;content: '';}
.cess-tit h3 {font-size:40px; color:#fff; margin:10px 0 80px;}

.cess-ico { position:relative; text-align:center; padding:23% 0;}
.cess-ico img { max-width:100%; height:auto; position:relative; z-index:9}
.cess-ico .i1 { position:absolute; top:0; left:0; width:100%; height:100%;background-image:url(../images/cessico1.png); background-position:center center; background-repeat:no-repeat; background-size:contain;-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms} 
.cess-ico .i2 { position:absolute; top:0; left:0;width:100%;height:100%;background-image:url(../images/cessico2.png); background-position:center center; background-repeat:no-repeat; background-size:contain; -webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms; opacity: 0;-webkit-transform: scale(0);transform: scale(0);} 

.site-cess a:hover .cess-ico .i2 {opacity:1;-webkit-transform: scale(1);transform: scale(1);}
.site-cess a:hover .cess-ico .i1 {opacity:0}
.site-cess li { text-align:center;  margin: 20px 0;} 
.site-cess li a { display:block;}
.site-cess li h3{ color:#fff; font-weight:normal; margin:25px 0 0;-webkit-transition: all .3s;transition: all .3s;}
.site-cess li span {color:#fff; font-size:14px;font-family:Arial;text-transform: uppercase; }
.site-cess li a:hover h3{ color:#00449b;}

.site-join { padding:100px 4%;}
.joinimg{width:100%;height:50%;max-width: 1000px; padding:20px 0;}
.joinimg .swiper-slide{max-width:500px;max-height:364px; width:100%; overflow: hidden; height:auto; position:relative; background:url(../images/gzblbg.png);}
.joinimg .swiper-slide img{filter:alpha(opacity=40);opacity:0.4;-webkit-transition:  all ease-out 1s;transition:  all ease-out 1s; max-width:100%; height:auto;}
.joinimg .swiper-slide span { position:absolute; right:0; bottom:10%; font-size:20px; color:#fff; padding:10px 30px 10px 50px; background:rgba(0, 0, 0, 0.5)}
.joinimg .swiper-button-prev { background: url(../images/joinl.jpg) center center;  top: 50%;  width: 115px; height: 44px; margin-top: -22px; left:8%;}
.joinimg .swiper-button-next { background: url(../images/joinr.jpg) center center;  top: 50%;  width: 115px; height: 44px; margin-top: -22px; right:8%;}
.joinimg .swiper-slide-active img{filter:alpha(opacity=100);opacity:1; position:relative}
/*.joinimg .swiper-slide-active {-webkit-box-shadow:0px 7px 10px #BFBFBF; box-shadow:0px 7px 10px #BFBFBF;}*/

.visible .vidbg {opacity:0.74;}

.site-pref { padding:60px 0;}
.pref-tit { text-align:center;}
.pref-tit span { color:#00449b;font-size:54px; font-family:Arial;text-transform: uppercase;}
.pref-tit h3 { font-size:30px; color:#666666; font-weight:normal; margin-top:0; padding-bottom:50px;}
.proswiper .prosw-ff {background-color:#fff;}

.wdmap {max-width:310px;margin: 0 auto 50px;}

.securitylist ul { margin-left: -2%; list-style: none; padding: 0;}
.securitylist li { float: left; width: 31.33%; margin-left: 2%; background-color: #FFF; color: #969696; }
.securitylist .num { font: 29px/2.5 "microsoft yahei"; color: #969696; padding: 0px 22px; }
.securitylist .num img {margin-right:10px; vertical-align: initial}
.securitylist li { font-size: 14px; margin-bottom: 45px; }
.securitylist a:link, .securitylist a:visited { color: #646464; }
.securitylist a:active, .securitylist a:hover { color: #009470; }
.securitylist .con { height: 108px; padding: 0px 24px; }

.bdmap { width:100%; height:630px;}
.usflo { position:absolute; width:380px; height:510px; right:100px; top:50%; margin-top:-255px; background:#fff; -webkit-box-shadow:5px 5px 15px #ccc; box-shadow:5px 5px 15px #ccc; opacity:0;-webkit-transform: translateX(100px);transform: translateX(100px);-webkit-transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, -webkit-transform 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 300ms; transition: opacity 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 0ms, transform 600ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 300ms;}
.usflo h3 { font-size:28px; color:#fff; font-weight:normal; position:relative; padding:14px 0 14px 20px; margin:24px 0 20px;}
.usflo h3::after {position: absolute;top: 0;left:0;width:0;height: 100%; background: #00449b;content: '';-webkit-transition:width 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 800ms;transition:width 800ms cubic-bezier(0.55, 0.31, 0.15, 0.93) 800ms;}
.usflo h3 i { position:relative; z-index:9; font-style:normal}
.usflo p { padding:0 30px 0 20px; font-size:16px; color:#666;}
.usflo p img { margin-right:6px;}
.usflo span { display:inline-block; padding:6px; margin-left:20px; margin-top:20px; background-color:#f2f2f2; }
.visible .usflo{opacity:1;-webkit-transform: translateX(0);transform: translateX(0);}
.visible .usflo h3::after{width:96%;}

@media only screen and (min-width: 641px) {
.am-modal-dialog {width: 100%; }
.home-swiper .swiper-slide img { display:none;}
}
@media only screen and (min-width: 1025px) {
.list-menu { display: none}
}
@media only screen and (max-width: 1600px) {
.pf-ystit{top: 10%;}
}
@media only screen and (min-width: 641px) and (max-width:1250px){
.sec-land {width: 80%;  margin: -178px 0 0 -40%;}
.sec-spe {width: 90%;margin: -275px 0 0 -45%;}
.sec-spe li .spett p {padding-top: 0px;height: 84px;}
.sec-spe li .speimg img {height: 100%;}
.sec-spe li.spe1 span {font-size: 4vmax;}
.site-aboys a:hover .pf-ystit .ys2,.site-aboys a:active .pf-ystit .ys2 { opacity: 0; }
.site-aboys li a p {  top: 50%;margin-top: -48px;height: 96px;}
.pf-ystit {top: 50%;margin-top: -100px;}
.abovidtit { margin: 80px 20px 70px;}
.abo-video .videojj {width: 70%;height:572px; overflow: hidden}
.vidlb {width: 26%; margin-right: 0}
.abo-video {margin-bottom: 100px;}
}
@media only screen and (min-width: 641px) and (max-width:1160px){
.piflnr .swiper-slide {padding: 60px 90px 60px 14%;}
.piflnr {width: 60%;}
.piflimg {width: 45%;height:auto;}
}
@media only screen and (min-width:641px) and (max-width:1024px) {
.landl li {margin-right: 2px;}
.sec-con li.con2 p {font-size: 14px;}
.sec-con {left: 50%;width: 600px;margin-left: -300px;height: 600px;margin-top: -250px;}
.am-in .menuBox { padding: 25% 0px 0px;}	
.w-bnav { display: none}
.am-topbar-brand {width: 60%;}
.am-menu-dropdown1 .list-men { top:30px}
.site-rec {background-size: cover; height: auto; padding: 50px 0;}
.rec-lb {position: relative;top:0;margin-top:0;}
.rec-lb li {margin-bottom: 20px;}
.gas-tit span {  font-size: 6vmin;}
.exp-title {padding-left: 20px;}
.footr{ background-size: 0;}
.nav dd .t {font-size: 1.8rem;}
.nav dd .subnav a {font-size: 1.4rem;}

}
@media only screen and (max-width: 640px) {
.am-menu-dropdown1 .menutog { right:20px;top:0; z-index:1153; position:fixed}
.logo {left: 4%;top: 1%;width:130px;overflow:hidden;}
.logo img { max-width:100%; height:auto;}
.filler { display:none;}
.ho-prev,.ho-next  { display:none;}
#fullpage .section{ overflow:hidden;}
.section.m1 {height: auto !important; margin-top:66px;}
.section.m2,.section.m3,.section.m5,.section.m6,.section.m8 {height: auto !important; }
.mtopbg { background-color:#00449b; position:fixed; top:0; left:0; width:100%; height:66px;z-index: 2;}
.secdd { display:none;}
.section .sec-scale {transform: scale(1);opacity: 1;}
.sec-abo,.sec-new,.sec-land,.sec-spe,.sec-map,.sec-con {width:100%;height: 100%;margin:0;top:0; padding:50px 0; left:0;position: relative;}
.sec-abo span { font-size:5vmin;}
.sec-abo h2 {line-height: 40px;}
.sec-abo p {font-size: 14px;line-height: 30px; padding: 0 20px; margin-top:0;overflow : hidden;}
.sec-abo li { width: 50%;float: left; margin:20px 0;}
.sec-abo li a {font-size: 14px; margin: 0 auto}
.sec-abo ul { margin-top:30px; text-align: center;}
.bg { position:absolute; top:0; left:0;}
.sec-new .secnewl {float: none; width: 80%; margin:0  auto; padding-bottom: 23px;}
.sec-new .secnewr {float: none; width: 80%; margin: 0 auto;}
.secnewr li span {font-size: 10vmin;}
.business .swiper-slide figcaption {top:12%;}	
.busico {top:20%;}
.sec-land .landl, .sec-land .landr {float: none; width: 80%; margin:0  auto;}
.landl li {margin-left: 2%;width: 49%; margin-right: 0; padding-bottom: 20px;}
.landl li:first-child {margin-left:0;}
.landl li span {height: 43px; overflow: hidden;  display: block;}
.landr span {margin: 2rem 0;}
.sec-spe { padding: 0;}
.sec-spe li {float: left;width:100%;}
.sec-spe li.spe1 {padding:30px 0;}
.sec-spe li.spe1 span {  font-size: 7vmin; margin-top: 0;}
.sec-spe li .spett {padding: 10px;}
.sec-spe li .spett h4 {overflow: hidden;padding: 0px 0 10px;  margin: 0;}
.sec-spe li .spett p {padding-top: 0px;height: 84px;  margin: 0;}
.sec-spe li .spett.mr2 { float: right;}
.sec-map img {max-width: 100%;height: auto}
.sec-map .smap {width:100%;}
.sec-map { top:10%;}
.sec-con {padding:0;}
.sec-con li {height: 215px;width: 100%;}
.sec-con li.con1 {width: 100%;}
.mlogo {display: none;}
.sec-spe li .speimg img {width: 100%;}
.w-bnav { display: none}
.am-topbar-brand {width: 70%;}
.am-menu-dropdown1 .list-men { right: 10px;top: 30px;z-index: 1153;position: absolute;}
.list-nav li{width: 50%;float: left;}
.listntt span { width:90px;  height: 19px; overflow: hidden}
.exp-rimg {left: 100%;}
.exp-title {width: 90%;margin: 0 auto;}
.exp-title h4 {font-size: 42px;}
.site-abotxt p{padding: 0 20px}
.site-aboys a:hover .pf-ystit .ys2,.site-aboys a:active .pf-ystit .ys2 { opacity: 0; }
.site-aboys li a p {  top: 50%;margin-top: -33px;font-size: 16px;height:75px;}
.pf-ystit {top: 50%;margin-top: -100px;}
.abovidtit {padding: 0 20px;margin: 80px 0 30px;}
.abovidtit span {font-size: 36px;}
.abovidtit h3 span {font-size: 46px;}
.abovidtit h3 {font-size: 30px;}
.abo-video .videojj {width: 100%; height: 310px;overflow: hidden;}
.abo-video .videojj img {max-width: 100%; height: auto}
.vidlb { width: 100%;margin: 20px 0;padding: 0 20px;}
.videolb .swiper-slide a img {width: 100%;}
.quatxt {padding: 80px 20px 40px;}
.footr-r {width: 100%;text-align: center;}
.footr {padding: 20px 0 100px; background-position: bottom center;background-size: 80%; }
.foot p {padding: 20px;}
.footr-l { width: 100%;  text-align: center;}
.fsharpBox a {display: inline-block; float: none;}
.am-slider-a1 .am-control-nav {  bottom: 10px;}
.site-rec {background-size: cover; height: auto; padding: 50px 0;}
.rec-lb {position: relative;top:0;margin-top:0;}
.rec-lb li {margin-bottom: 20px;}
.rectit span {font-size: 20px;}
.rsc-ztd {font-size: 12px;}
.rec-zhed .am-accordion-gapped .am-accordion-title {font-size: 12px;}
.site-dome { height: auto}
.domett {float: none;width: 90%; margin: 0 auto}
.listntt {font-size: 14px;}
.dometbg h3 {font-size: 30px;}
.domett p {text-align: center;}
.domenr {float: none;width:100%; margin: 0 auto}
.gas-tit span {  font-size: 6vmin;}
.gas-nr .gas-txt span {font-size: 58px;}
.gas-nr .gas-txt h3 {font-size: 36px;}
.gas-nr .gas-i2 { display: none}
.cess-tit span {font-size: 7vmin;}
.joinimg .swiper-button-prev { width: 80px; height: 34px; left:3%;}
.joinimg .swiper-button-next { width: 80px; height: 34px; right:3%;}
.site-join {padding:30px 4%;}
.gas-tit h3 {margin: 10px 0 30px;}
.reta-tit span {font-size: 6vmin;}
.reta-nr {padding:0 20px;}
.prosw-img {height: 300px;width: 100%;}
.prosw-nr {width: 100%;margin-top: 300px;}
.prosw-nr span {font-size: 10vmin;}
.piflimg {width: 100%; height: auto;top: 0;  position: relative;}
.piflnr {  position: relative;width: 100%;top: 0; height: auto;}
.site-pifa {height: auto; padding: 60px 0;}
.piflnr .swiper-slide {padding: 80px 30px 60px 30px;}
.piflnr .swiper-slide h1 {font-size: 20vmin;}
.pf-prev, .pf-next {margin-top: 0; top: 30px;margin-left: -103px; left: 50%;}
.pf-next {margin-left:0;}
.quatit span {font-size: 6vmin;}
.piflimg .swiper-slide img {width: 100%;height: auto;}
.mlogo {width: 60%; line-height:100px; overflow:hidden;}
.mlogo img { max-width:100%; height:auto;}
.am-in .menuBox { padding:20px 0;}
.mpro-p { border: 1px #00449b solid;}
.securitylist ul{ margin-left: 0px;}
.securitylist li{ width: 100%; margin: 0px 0px 20px;}
.sec-con li.con .bgico {padding-top: 12%;}
.usflo { width:320px; right:50%; margin-right:-160px; margin-top:0;top: auto;bottom: -15px;}
.usflo span { margin-left:10px;}
.bdmap {height: 830px;}

.listico img { width:40px; height:40px;}
.listico { width:40px; height:40px;}
.list-nav {position: relative !important;}
.list-nav li a:hover .i1,.list-nav li a:active .i1,.list-nav li.iact .i1,.list-nav li a.am-active .i1 {-webkit-transform: translateY(-40px);transform: translateY(-40px);}
.list-nav li a:hover .i2,.list-nav li a:active .i2,.list-nav li.iact .i2,.list-nav li a.am-active .i2 {-webkit-transform: translateY(-40px);transform: translateY(-40px);}
.list-nav li a {padding: .6em 0;}
.site-rec a {width: 200px;height: 200px;background-size: cover;}
.site-rec a h3 {font-size: 18px;}
.recwbg {width: 200px;height: 200px;margin: -100px 0 0 -100px;}
}
.spinner {
  width: 90px;
  height: 90px;
  position: relative;
  text-align: center;
  position:absolute; left:50%; top:50%;
  margin:-45px 0 0 -45px;
  -webkit-animation: rotate 2.0s infinite linear;
  animation: rotate 2.0s infinite linear;
}
 
.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
   
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}
 
.dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
 
@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
 
@keyframes bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}



/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
	-webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}