@charset "utf-8";

* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;}

html,body{font-size: 14px;font-family: "Noto Sans SC", "Source Han Sans CN", "PingFangSC", "noto sans", "microsoft yahei", Helvetica, Arial, sans-serif;background: #fff;color: #000;



    --font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;

}

input,textarea,select{font-family: "Noto Sans SC", "Source Han Sans CN", "PingFangSC", "noto sans", "microsoft yahei", Helvetica, Arial, sans-serif;font-size: 14px;}

img,input,textarea{ border: none; }

h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;}

table{width: 100%;border-collapse: collapse;}

audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}

html.hide{overflow: hidden;}

body.hide{overflow: hidden;}

a{color: #000;}

.fl{ float: left;}

.fr{float: right;}

.clear:after{ content: ''; display: table; clear: both; }

p{line-height: 1.6em;}

.img100 img{vertical-align: bottom;width: 100%;}

.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}

.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}

.pc-show{display: block;}

.wap-show{display: none;}

.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}

.relative{position: relative;}

.text-center{text-align: center;}

.overhide{overflow: hidden;}

.padding-tb60{padding: 60px 0;}

.padding-tb70{padding: 70px 0;}

.padding-tb80{padding: 80px 0;}

.padding-tb90{padding: 90px 0;}

.padding-tb100{padding: 100px 0;}

.padding-tb110{padding: 110px 0;}

.padding-tb120{padding: 120px 0;}

.w1200{width: 1200px;max-width: 92%;margin: 0 auto;}

.w1280{width: 1280px;max-width: 92%;margin: 0 auto;}

.w1300{width: 1300px;max-width: 92%;margin: 0 auto;}

.w1350{width: 1350px;max-width: 92%;margin: 0 auto;}

.w1400{width: 1400px;max-width: 92%;margin: 0 auto;}

.w1440{width: 1440px;max-width: 92%;margin: 0 auto;}

.w1600{width: 1600px;max-width: 92%;margin: 0 auto;}

.bgf1{background: #f1f1f1;}

.bgf2{background: #f2f2f2;}

.bgf3{background: #f3f3f3;}

.bgf4{background: #f4f4f4;}

.bgf5{background: #f5f5f5;}

.bgf6{background: #f6f6f6;}

.bgf7{background: #f7f7f7;}

.bgf8{background: #f8f8f8;}

.bgf9{background: #f9f9f9;}

.bgfff{background: #fff;}

.padding20{padding: 20px;}

.padding30{padding: 30px;}

.padding40{padding: 40px;}

.padding50{padding: 50px;}

.padding60{padding: 60px;}

.mg-bt10{margin-bottom: 10px;}

.mg-bt15{margin-bottom: 15px;}

.mg-bt20{margin-bottom: 20px;}

.mg-bt25{margin-bottom: 25px;}

.mg-bt30{margin-bottom: 30px;}

.mg-bt35{margin-bottom: 35px;}

.mg-bt40{margin-bottom: 40px;}

.mg-bt50{margin-bottom: 50px;}

.mg-bt60{margin-bottom: 60px;}

.mg-bt80{margin-bottom: 80px;}

.mg-bt100{margin-bottom: 100px;}

.full-height{width: 100%;height: 100vh;}



/*header s*/

.header{position: fixed;z-index: 999;width: 100%;left: 0;top:0;background: rgba(3,110,169,.8);transition: all .4s;}

.header .w1400{z-index: 999;}

.logo{position: absolute;left:0;top:50%;transform: translateY(-50%);}

.logo img{display: block;height: 46px;transition: all .4s;}

.nav-box{margin-right: 80px;position: relative;}

.nav li{float: left;position: relative;}

.nav-yi{display: inline-block;line-height: 100px;font-size: 18px; color: #fff;padding: 0 17px;transition: all .4s;position: relative;z-index: 3;}

.nav-yi span{position: relative;z-index: 1;display: inline-block;text-align: center;}

.nav li.active .nav-yi{color: #fff;}

.nav-er{position: absolute;width: 280px;left: 50%;margin-left: -140px; background:#fff;opacity: 0;box-shadow: 0 0 7px rgba(0,0,0,.15);transition: all .4s;pointer-events: none;padding-top: 36px;}

.nav-er a{display: block;line-height: 30px;margin-bottom: 36px; text-transform: uppercase;font-size: 18px;padding: 0 30px;transition: all .4s;text-align: center;}

.nav-er a:last-child{border-bottom: none;}

.nav-yi span:after{content: '';

    position: absolute;

    bottom: -9px;

    left: 50%;

    width: 9px;

    height: 9px;

    -webkit-box-shadow: 1px -1px 2px 0 rgba(0,0,0,.12);

    box-shadow: 1px -1px 2px 0 rgba(0,0,0,.12);

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    background-color: #ffffff;

    margin-left: -4.5px;

    z-index: 9;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .10s linear;

    -moz-transition: all .10s linear;

    -ms-transition: all .10s linear;

    -o-transition: all .10s linear;

    transition: all .10s linear;}

/*.nav li.active .nav-yi span:after{width: 100%;}*/

.nav li:last-child .nav-yi span:after{display: none;}

/*.nav li:nth-last-of-type(2) .nav-yi span:after{display: none;}*/

.search-btn{position: absolute;width: 45px;height: 45px;right: 0;top:50%;margin-top: -23px;background: url("../images/s45.png") no-repeat center;background-size: cover;cursor: pointer;}

.searchField{position: fixed;z-index: 998;left: 0;top:100px;width: 100%;background: rgba(3,110,169,.8);border-top:1px solid rgba(3,110,169,1);display: none;}

.form-control{display: block;padding: 0 100px;height: 80px;line-height: 80px;width: 100%;font-size: 22px;background: none;color: #fff;}

.form-control::-webkit-input-placeholder{color:#fff;}

.form-control:-moz-placeholder{color:#fff;}

.form-control::-moz-placeholder{color:#fff;}

.form-control:-ms-input-placeholder{color:#fff;}

.searchField_form:before{content: "";position: absolute;left: 72px;top:50%;margin-top: -20px;border-right: 1px solid rgba(255,255,255,.6);height: 40px;}

.searchField_form .icon{position: absolute;width: 45px;height: 45px;background: url("../images/s45.png") no-repeat center;background-size: cover;left: 0;top:50%;transform: translateY(-50%);}

.sbtn{position: absolute;top:50%;right: 0;transform: translateY(-50%);}

.sbtn span{display: inline-block;vertical-align: middle;color: #fff;font-size: 22px;}

.sbtn img{display: inline-block;vertical-align: middle;width: 48px;}

.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:4%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; z-index: 99991;}

.menu-handler .burger{height: 2px; background: #fff; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}

.menu-handler .burger-2{top: 15px; }

.menu-handler .burger-3{top: 22px;}

.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }

.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }

.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.index-body{padding-top: 0 !important;}

.is-down .header{top:-100px;}

.is-up .header{top:0;}

.scrollBar::-webkit-scrollbar {width: 6px;height: 6px;}

.scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #3d89cf;background-color: #3d89cf;}

.scrollBar::-webkit-scrollbar-thumb {background-color: #595757;background-clip: padding-box;min-height: 28px;}

.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}

.title48 h2{font-size: 48px;}

/*header e*/

/*footer s*/

.footer-top{background: #babbbb;padding: 28px 0;}

.footer-nav{font-size: 0;}

.footer-nav a{display: inline-block;vertical-align: middle;font-size: 18px;margin-right: 25px;line-height: 50px;color: #212121;}

.footer-nav a:last-child{margin-right: 0;}

.share span{display: inline-block;vertical-align: middle;font-size: 18px;}

.share a{display: inline-block;vertical-align: middle;width: 50px;height: 50px;position: relative;margin-left: 15px;}

.share-hide{position: absolute;width: 110px;left: 50%;margin-left: -55px;bottom:60px;box-shadow: 0 0 4px #ddd;display: none;}

.share a.active .share-hide{display: block;}

.share a:hover .share-hide{display: block;}

.footer-bot{background: #212121;padding: 80px 0;}

.footer-l{width: 46%;}

.footer-r{width: 46%;}

.footer-logo img{height: 40px;}

.footer-lxxx li{position: relative;margin-bottom: 20px;min-height: 30px;}

.footer-lxxx li img{position: absolute;left: 0;top:0;width: 30px;}

.footer-lxxx li p{font-size: 18px;line-height: 30px;color: #fff;margin-left: 50px;}

.fv{color: #fff;padding-top: 10px;}

.fv a{color: #fff;}

.beian a,.beian span{color: #fff;display: inline-block;}

.liuyan h3{font-size: 18px;color: #fff;}

.liuyan-page{border:1px solid #6e6e6e;margin-top: 2%;}

.liuyan-page .text{display: block;font-size: 16px;height: 40px;line-height: 40px;width: 100%;text-indent: 1em;background: none;color: #fff;}

.liuyan-page-clo2 .liuyan-page{width: 49%;}

.textarea{padding: 1em;}

.textarea textarea{font-size: 16px;display: block;width: 100%;background: none;resize: none;overflow: auto;color: #fff;height: 80px;}

.fixed-right{position: fixed;z-index: 990;right: 5px;top:50%;transform: translateY(-50%);width: 42px;display: none;}

.fixed-right.active{display: block;}

.fixed-right-page{background: #c4c5c5;border-bottom: 1px solid #fff;transition: all .4s;}

.fixed-right-page:last-child{border:none;}

.fixed-right-page:hover{background: #3d80c6;}

.fixed-right-page:hover .fixed-right-hide{display: block;}

.fixed-right-page a{display: block;position: relative;}

.fixed-right-hide{position: absolute;right: 100%;top:0;display: none;}

.fixed-right-tel{margin-right: 1px;background: #3d80c6;width: 140px;line-height: 42px;text-align: center;font-size: 16px;color: #fff;}

/*footer e*/

/*index s*/

.banner-con{position: absolute;top:100px;left: 0;width: 100%;bottom:0;}

.banner-des h2{font-size: 46px;color: #fff;}

.banner-des p{font-size: 22px;color: #fff;}

.bannerDot{position: absolute;left: 0;width: 100%;z-index: 9;bottom:40px;}

.bannerDot .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;margin: 0 10px;background: #adbacf;}

.bannerDot .swiper-pagination-bullet-active{background: #fff;}

.title58 h2{font-size: 58px;}

.title58-en{display: block;text-transform: uppercase;font-size: 16px;}

.news-hd{width: 68%;font-size: 0;}

.more-news{width: 32%;height: 486px;background: #f8f8f8;padding-top: 80px;}

.news-hd li{display: inline-block;vertical-align: top;font-size: 14px;width: 47%;margin-right: 3%;}

.news-hd li a{display: block;height: 486px;background: #f8f8f8;}

.news-hd .img100{height: 283px;overflow: hidden;}

.news-hd .img100 .position-full{transition: all .4s;}

.news-hd a:hover .img100 .position-full{transform: scale(1.1);}

.news-bot{padding: 25px 35px;}

/*.news-bot h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}*/

.news-title span{color: #808080;display: inline-block; font-size: 17px;}

.news-title span:nth-child(1){color: #3d89cf;}

.news-time{font-size: 18px;color: #727171;}

.des17 p{font-size: 17px;}

.des808080 p{color: #808080;}

.news-bot .des17 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.2em;}

.gdxw{position: absolute;width: 120px;line-height: 36px;color: #fff;text-align: center;background: #595757;font-size: 16px;left: 0;top:0;}

.more-news ul{height: 376px;padding: 0 30px;overflow: auto;}

.more-news ul h3{font-size: 16px;margin-bottom:8px; color: #595757;transition: all .4s;}

.more-news ul a:hover h3{color: #3d89cf;}

.more-news ul span{color: #727171;}

.more-news ul li{margin-bottom: 32px;}

.padding-tb140{padding: 140px 0;}

.title50 h2{font-size: 50px;}

.title50-line h2{display: inline-block;border-bottom: 3px solid #036ea0;}

.title-fff h2{color: #fff;}

.title-fff h3{color: #fff;}

.zoujing{width: 580px;max-width: 100%;}

.des18 p{font-size: 18px;}

.des-fff p{color: #fff;}

.gitied{display: flex;justify-content: space-between;}

.gitied-top strong{font-size: 48px;color: #fff;font-weight: normal;}

.gitied-top span{font-size: 18px;color: #fff;font-weight: normal;}

.gitied p{font-size: 18px;color: #fff;font-weight: normal;}

.more-fff{width: 186px;border-radius: 42px;border:1px solid #fff;display: inline-block;text-align: center;transition: all .4s;}

.more-fff span{font-size: 16px;display: inline-block;vertical-align: middle;line-height: 42px;color: #fff;}

.more-fff i{display: inline-block;vertical-align: middle;width: 17px;height: 17px;background: url("../images/17x17.png") no-repeat center;background-size: cover;margin-left: 20px;}

.more-fff:hover{background: #036ea0;border-color: #036ea0;}

.padding-t80{padding-top: 80px;}

.cybj-con{background: rgba(255,255,255,.75);width: 840px;height: 490px;padding: 50px;}

.cybj-warp{width: 420px;max-width: 100%;margin: 0 auto;}

.cybj-warp p{text-align: justify;}

.title24 h3{font-size: 24px;}

.r41{display: inline-block;width: 41px;height: 41px;background: url("../images/44x44.png") no-repeat center;background-size: cover;}

.cybj li{display: none;}

.cybj li.active{display: block;}

.cybj-type{position: absolute;bottom:0;left: 2%;right:2%;font-size: 0;text-align: center;}

.cybj-type li{display: inline-block;font-size: 14px; width: 400px;margin-right: 2%;}

.cybj-type li:last-child{margin-right: 0;}

.cybj-type a{justify-content: center;align-items: center; padding: 0 10px; vertical-align: top;text-align: center;font-size: 22px;color: #036ea9;height: 70px;border:2px solid #358bba;transition: all .4s;display: flex;}

.cybj li .more-fff{background: rgba(255,255,255,.71);border-color: rgba(255,255,255,.71);border:none;}

.cybj li .more-fff span{color: #0080be;}

.cybj li .more-fff i{background: url("../images/23x23.png") no-repeat center;background-size: cover;}

.cybj li .more-fff:hover{background: #0080be;border-color: #0080be;}

.cybj li .more-fff:hover span{color: #fff;}

.cybj li .more-fff:hover i{background: url("../images/23x23-1.png") no-repeat center;background-size: cover;}



.cybj li:nth-child(1) .cybj-con{background: rgba(3,110,169,.8);}

.cybj li:nth-child(1) h3{color: #fff;}

.cybj li:nth-child(1) p{color: #fff;}

.cybj li:nth-child(1) .r41{background: url("../images/41x41.png") no-repeat center;background-size: cover;}

/*.cybj li:nth-child(3) .cybj-warp{text-align: right;}*/







.desgtw{width: 780px;max-width: 100%;margin: 0 auto;}

.cybj-box{padding-bottom: 110px;}

.cybj-type a:hover{background: #358bba;color: #fff;}

.cybj-type li.active a{background: #358bba;color: #fff;}

.qx ul{width: 50%;}

.qx ul a{display: block;position: relative;}

.qx-bot{position: absolute;z-index: 5;text-align: right;left: 40px;bottom:25px;}

.qx-bot span{font-size: 10px;text-transform: uppercase;color: #1a2e35;display: block;margin-bottom: 5px;}

.qx-bot h3{font-size: 25px;color: #1a2e35;margin-bottom: 10px;}

.qx-bot .i{width:44px;height: 44px;background: url("../images/44x44.png") no-repeat center;background-size: cover;display: inline-block;}

.qx ul.fl li:nth-child(1) .qx-bot{left: auto;right: 40px;}

.qx ul.fl li:nth-child(2) .qx-bot span{color: #fff;}

.qx ul.fl li:nth-child(2) .qx-bot h3{color: #fff;}

.qx ul.fl li:nth-child(2) a:before{content: '';position: absolute;width: 100%;left: 0;height: 100%;top:0;background: url("../images/sd63.png") no-repeat center;background-size: cover;z-index: 3;}

.cpms89 img{vertical-align: bottom;display: block;margin: 0 auto !important;height: auto !important;max-width: 100%;}

.qx ul.fr li:nth-child(2) .qx-bot span{color: #fff;}

.qx ul.fr li:nth-child(2) .qx-bot h3{color: #fff;}

.qx ul.fr li:nth-child(2) .qx-bot .i{background: url("../images/44x44-fff.png") no-repeat center;background-size: cover;}

.qx ul.fl li:nth-child(2) .qx-bot .i{background: url("../images/44x44-fff.png") no-repeat center;background-size: cover;}

.title58-fff span{color: #fff;}

.title58-fff h2{color: #fff;}

.fazhan{width: 1160px;max-width: 100%;}

.a53x53-fff{display: inline-block;width: 53px;height: 53px;background: url("../images/53x53.png") no-repeat center;background-size: cover;}

.a196x56{display: inline-block;width: 196px;line-height: 56px;border:1px solid #fff;border-radius: 56px;text-align: center;font-size: 23px;color: #fff;transition: all .4s;}

.a196x56-group a:nth-child(1){margin-right: 50px;}

.a196x56-group a.active{background: #fff;color: #0d1e3d;}

.a196x56-group a:hover{background: #fff;color: #0d1e3d;}

.a196x56-group a.active:hover{background: #0d1e3d;color: #fff;}

.hb{font-size: 0;}

.hb li{display: inline-block;vertical-align: top;font-size: 14px;width: 19.3%;margin-right: 0.875%;position: relative;text-align: center;}

.hb li .position-full img{width: 200px;vertical-align: bottom;max-width: 96%;}

.hb li:last-child{margin-right: 0;}

/*index e*/

/*2.1走进云腾 s*/

.ban-con{position: absolute;bottom:80px;left: 0;width: 100%;}

/*.about-body .ban-con{position: absolute;top:100px;}*/

.about-body .ban-con{bottom:140px;}

.ban-des h2{font-size: 48px;color: #fff;margin-bottom: 10px;}

.about-body .ban-des h2{color: #000;}

.about-body .ban-des a{color: #000;}

.ban-des a{color: #fff;}

/*.ban-des a:last-child{color: #8a8a8b;}*/

.ny-nav{height: 74px;bottom:0;left: 0;width: 100%;}

.about-body .ny-nav{position: absolute;}

.ny-navs{background: #e5e6e6;}

.about-body .ny-navs{background: rgba(205,205,205,.51);}

.ny-navs-warp{display: flex;position: relative;}

.ny-navs-warp a{flex: 1; text-align: center;line-height: 74px;transition: all .4s;font-size: 18px;color: #727171;position: relative;}

.ny-navs-warp:before{content: '';position: absolute;left: 0;height: 20px;margin-top: -10px;border-right: 1px solid #afb0b0;top:50%;}

.ny-navs-warp a:before{content: '';position: absolute;right: 0;height: 20px;margin-top: -10px;border-right: 1px solid #afb0b0;top:50%;}

.ny-navs-warp a:after{content: '';position: absolute;bottom:0;width: 0;opacity: 0;transition: all .4s;left: 50%;transform: translateX(-50%);border-bottom: 2px solid #0080be;}

.ny-navs-warp a.active{color: #0080be;}

.ny-navs-warp a.active:after{width: 100%;opacity: 1;}

.ny-navs-warp a:hover{color: #0080be;}

.ny-navs-warp a:hover:after{width: 100%;opacity: 1;}

.ny-nav.fixed .ny-navs{position: fixed;z-index: 888;left: 0;top:0;width: 100%;background: #e5e6e6;}

.gsjj-l{width: 50%;position: absolute;left: 0;top:0;height: 100%;}

.gitied2{display: flex;width: 40%;align-items: center;justify-content: center;}

.gitied2 .gitied{display: inline-block;width: 190px;margin: 0 15px;}

.gitied2 .gitied li{background: rgba(255,255,255,.25);border-radius: 20px;text-align: center;width: 190px;height: 190px;display: flex;align-items: center;justify-content: center;flex-direction: column;margin: 30px;}

.zindex5{z-index: 5;}

.sd{position: absolute;right: 0;width: 51%;background: url("../images/sd.png") no-repeat center;background-size: 100% 100%;height: 100%;top:0;z-index: -1;}

.wenhua{padding: 20px 0;}

.wenhua h2{font-size: 21px;color: #595757;}

.wenhua-page li{margin-top: 50px;}

.wenhua-page li h3{color: #595757;font-size: 20px;}

.wenhua-page li p{color: #595757;font-size: 16px;}

.wenhua-page li .i{width: 120px;border-top: 1px solid #cacaca;margin: 15px 0;}

.title36 h2{font-size: 36px;}

.fzlc-des{width: 920px;max-width: 100%;margin: 0 auto;}

.cybj-des{width: 1020px;max-width: 100%;margin: 0 auto;}

.cybj-des p{color: #333;}

.his h3{font-size: 34px;color: #ffffff;}

.his p{line-height: 2em;}

.his .dot{width: 16px;height: 16px;border-radius: 100%;background: #fff;margin: 10px auto;}

.his-top{display: inline-block;}

.his:before{content: "";position: absolute;width: 100%;left: 0;border-top: 1px solid #fff;z-index: -1;top:69px;}

.his .swiper-slide{text-align: center;}

.hisBtn div{width: 42px;height: 42px;top:42px;position: absolute;cursor: pointer;}

.hisBtn1{background: url("../images/53x53-1.png") no-repeat center;background-size: cover;left: -50px;}

.hisBtn2{background: url("../images/53x53.png") no-repeat center;background-size: cover;right: -50px;}

.his-box{height: 790px;}

.yiliao li{float: left;width: 33.33%;height: 560px;position: relative;background: #e4e5e5;}

.yiliao li .img100{height: 50%;position: absolute;width: 100%;left: 0;overflow: hidden;}

.yiliao li .img100 .position-full{transition: all .4s;}

.yiliao li .img100:hover .position-full{transform: scale(1.1);}

.yiliao li .yiliao-bot{height: 50%;position: absolute;width: 100%;left: 0;padding: 40px;}

.yiliao li:nth-child(odd) .img100{top:0;}

.yiliao li:nth-child(odd) .yiliao-bot{bottom:0;}

.yiliao li:nth-child(even) .img100{bottom:0;}

.yiliao li:nth-child(even) .yiliao-bot{top:0;}

.yiliao-bot h3{color: #595757;}

.yiliao-bot p{color: #595757;}

.yiliao-bot .i{width: 120px;border-top: 1px solid #767575;margin: 12px 0;max-width: 100%;}

.ckgd{display: inline-block;line-height: 66px;background: #e9e9e9;width: 268px;border-radius: 68px;transition: all .4s;color: #0080be;}

.ckgd-9{background:rgba(255,255,255,.6);}

.ckgd:hover{background: #0080be;color: #fff;}

.ckgd span{display: inline-block;vertical-align: middle;font-size: 24px;}

.ckgd i{display: inline-block;vertical-align: middle;width: 23px;height: 23px;background: url("../images/23x23.png") no-repeat center;background-size: cover;margin-left: 48px;transition: all .4s;}

.ckgd:hover i{background: url("../images/23x23-1.png") no-repeat center;background-size: cover;}

.yiliao-box{margin-top: -185px;}

.padding-b80{padding-bottom: 80px;}

.ry{font-size: 0;display: flex;flex-wrap: wrap;}

.ry li{display: inline-block;vertical-align: top;width: 23.5%;margin-right: 2%;margin-bottom: 2%;font-size: 14px;padding: 20px;background: rgba(255,255,255,.9);}

.ry li:nth-child(4n){margin-right: 0;}

.ry li .img100{text-align: center;height: 237px;display: flex;justify-content: center;align-items: center;}

.ry li .img100 img{max-width: 100%;width: auto;max-height: 100%;}

.ry li p{text-align: center;max-width: 100%;width: 200px;margin: 0 auto;font-size: 16px;}

.scrollpage{position: relative;}

.maodian{position: absolute;left: 0;top:-80px;}

/*2.1走进云腾 e*/

/*2.4走进云腾（荣誉资质） s*/

.bgeef0f2{background: #eef0f2;}

.title36-line{border-bottom: 1px solid #c8c9ca; padding-bottom: 30px;}

/*2.4走进云腾（荣誉资质） e*/

/*3.1新闻动态 s*/

.xw-top-warp{width: 490px;max-width: 100%;}

.xw-select{width: 35%;border-bottom: 1px solid #d8d9d9;position: relative;cursor: pointer;z-index: 9;}

.xw-value{line-height: 44px;font-size: 20px;padding-left: 20px;}

.xw-select:after{content: "";position: absolute;width: 15px;height: 14px;background: url("../images/15x14.png") no-repeat center;background-size: cover;top:50%;margin-top: -7px;right: 20px;transition: all .4s;}

.xw-select.active:after{transform: rotate(180deg);}

.xw-select-list{position: absolute;display: none;left: 0;width: 100%;background: #fff;top:44px;border:1px solid #d8d9d9;max-height: 248px;overflow: auto;}

.xw-select-list a{display: block;padding:5px 20px;font-size: 16px;}

.xw-select-list a:hover{background: #f0f0f0;}

.xw-search{width: 60%;border-bottom: 1px solid #d8d9d9;position: relative;}

.xw-search input{display: block;width: 100%;height: 44px;line-height: 44px;background: none;font-size: 16px;}

.s44{width: 44px;height: 44px;background: url("../images/s44.png") no-repeat center;background-size: cover;position: absolute;right: 0;top:0;}

.xw{font-size: 0;display: flex;flex-wrap: wrap;}

.xw li{font-size: 14px;display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;background: #f3f3f3;border-radius: 15px;overflow: hidden;margin-bottom: 2%;}

.xw li:nth-child(3n){margin-right: 0;}

.xw-bot{padding: 25px;}

.xw-bot h3{font-size: 20px;color: #808080;transition:all .4s;text-align: center;

    /*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/

}

.xw-bot span{display: block;margin: 15px 0; color: #808080;transition:all .4s;}

.xw-bot p{transition:all .4s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.xw li .img100 .position-full{transition:all .4s;}

.xw li:hover .position-full{transform: scale(1.1);}

.xw li:hover h3{color: #0080be;}

.xw li:hover span{color: #0080be;}

.xw li:hover p{color: #0080be;}

.page{font-size: 0;text-align: center;margin-top: 50px;}

.page a{display: inline-block;vertical-align: middle;border:1px solid #cfcfcf;font-size: 14px;margin:4px;min-width: 48px;text-align: center;height: 48px; line-height: 48px;color: #808080;transition: all .4s;}

.page-long{width: 80px;}

.page-left{background: url("../images/481.png") no-repeat center;background-size: cover;}

.page-left:hover{background: #5899c4 url("../images/483.png") no-repeat center;background-size: cover;}

.page-right{background: url("../images/482.png") no-repeat center;background-size: cover;}

.page-right:hover{background: #5899c4 url("../images/484.png") no-repeat center;background-size: cover;}

.page a:hover{background-color: #5899c4;color: #fff;border-color: #5899c4;}

.page a.active{background-color: #5899c4;color: #fff;border-color: #5899c4;}

.page span{font-size: 14px;display: inline-block;vertical-align: middle;color: #808080;margin: 4px;}

.page input{font-size: 14px;display: inline-block;vertical-align: middle;color: #808080;margin: 4px;border:1px solid #cfcfcf;width: 48px;height: 48px;line-height: 48px;text-align: center;transition: all .4s;background: none;}

.page input:focus{border-color: #5899c4;}

/*3.1新闻动态 e*/

/*3.1新闻动态（详情） s*/

.xwxq-top-left{margin-right: 180px;}

.xwxq-top-left h1{font-size: 32px;}

.xwxq-top-left span{font-size: 20px;color: #727171;display: block;margin-right: 170px;}

.xwxq-top{border-bottom: 1px solid #dddddd;padding-bottom: 20px;}

.edit{padding: 40px 0;}

.edit *{font-family: "Noto Sans SC", "Source Han Sans CN", "PingFangSC", "noto sans", "microsoft yahei", Helvetica, Arial, sans-serif !important;color: #666 !important;}

.edit p{font-size: 16px !important;line-height: 36px !important;}

.edit img{max-width: 100%;display: block;margin: 0 auto;height: auto !important;}

.fanhui span{display: inline-block;vertical-align:middle;font-size: 17px;color: #808080;}

.fanhui i{display: inline-block;vertical-align:middle;width: 21px; height: 15px;background: url("../images/21x15.png") no-repeat center;background-size: cover;margin-left: 12px;transition: all .4s;}

.fanhui:hover i{transform: translateX(-5px);}

.xwxq-bot{border-top: 1px solid #dddddd;padding-top: 30px;}

.xwxq-bot a{color: #808080;transition: all .4s;max-width: 45%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 17px;position: relative;}

.xwxq-bot a span{position: absolute;top:0;}

.xwxq-bot a.fl{padding-left: 100px;}

.xwxq-bot a.fl span:nth-child(1){left: 0;}

.xwxq-bot a.fl span:nth-child(2){left: 66px;}

.xwxq-bot a.fr{padding-right: 100px;}

.xwxq-bot a.fr span:nth-child(1){right: 0;}

.xwxq-bot a.fr span:nth-child(2){right: 66px;}

.xwxq-bot a:hover{color: #5899c4;}

.xw-share{position: absolute;right: 0;bottom:20px;font-size: 0;}

.xw-share span{display: inline-block;vertical-align: middle;font-size: 12px;color: #7c7c7c;}

.xw-share a{display: inline-block;vertical-align: middle;width: 27px;height: 27px;font-size: 14px;margin-left: 9px;}

.ermbox{position: fixed;z-index: 9999;top:0;left: 0;width: 100%;height: 100%;display: none;}

.ermwarp{position: absolute;top:50%;left: 50%;margin: -147px 0 0 -139px;padding: 10px;background: #fff;width: 242px;height: 294px;border:1px solid #d8d8d8;}

#erm{width: 185px;height: 185px;margin: 15px auto;}

.erlgh span{font-size: 12px;font-weight: bold;text-align: left;line-height: 16px;height: 16px;position: relative;color: #000;}

.ermwarp_close{width: 16px;height: 16px;position: absolute;right: 0;top: 0;color: #999;text-decoration: none;font-size: 16px;}

.erlgh_footer{font-size: 12px;text-align: left;line-height: 22px;color: #666;}

/*3.1新闻动态（详情） e*/

/*4.0产业布局 s*/

.line2em p{line-height: 2em;}

.sd2{position: absolute;left: 0;width: 100%;bottom:0;height: 95%;}

.buju-title{position: absolute;left: 0;width: 100%;bottom:-70px;z-index: 6;text-align: center;}

.buju-title h2{display: inline-block;}

.buju-title .i{border-right: 1px solid #0080be;height: 250px;width: 50%;}

.buju-bot{padding: 100px 0;}

.ckgd2{display: inline-block;background: #fff;width: 190px;border-radius: 48px;transition: all .4s;color: #0080be;border:1px solid #0080be;}

.ckgd2-ececec{background: #ececec;border-color: #ececec;}

.ckgd2:hover{background: #0080be;color: #fff;}

.ckgd2 span{display: inline-block;vertical-align: middle;font-size: 16px;line-height: 48px;}

.ckgd2 i{display: inline-block;vertical-align: middle;width: 17px;height: 17px;background: url("../images/23x23.png") no-repeat center;background-size: cover;margin-left: 30px;transition: all .4s;}

.ckgd2:hover i{background: url("../images/23x23-1.png") no-repeat center;background-size: cover;}

/*4.0产业布局 e*/

/*4.1产业布局（医疗） s*/

.yiliao-a .img100{width: 1115px;max-width: 100%;}

.yiliao-a-des{width: 48%;}

/* .yiliao-a-des p:nth-child(2){color: #036e8d;margin-bottom: 40px;} */

.sd3{position: absolute;height: 100%;z-index: 2;right: 0;top:0;width: 70%;}

.yiliao-b{min-height: 820px;}

.yewu-list .img100{height: 380px;}

.yewu-list{font-size: 0;}

.yewu-list li{font-size: 14px;width: 19%;margin-right: 1.25%;display: inline-block;vertical-align: top;text-align: center;position: relative;}

.yewu-list li:last-child{margin-right: 0;}

.yewu-a{background: rgba(0,128,190,.84);}

.yewu-list h3{font-size: 32px;color: #fff;}

.yewu-b{position: absolute;top:0;left: 0;width: 100%;height: 580px;}

.yewu-b-warp{background: rgba(114,113,113,.69);}

.yewu-list-warp{padding: 0 50px;}

.yewu-b-warp .i{width: 132px;margin: 30px auto;border-top: 1px solid #b3bcc1;max-width: 100%;}

.yewu-b-warp p{margin-bottom: 20px;}

.yewu-b-warp p:last-child{margin-bottom: 0;}

.yewu-b{transition: all .4s;opacity: 0;}

.yewu-list li:hover .yewu-b{opacity: 1;}

.yanfa{font-size: 0;}

.yanfa li{display: inline-block;vertical-align: top;margin-right: 2%;position: relative;width: 32%;margin-bottom: 2%;}

.yanfa li:last-child{margin-right: 0;}

.yanfa li:nth-child(1){width: 100%;margin-right: 0;}

.yanfa li .img100{margin-bottom: 25px;}

.yanfa li:nth-child(1) .img100{width: 66%;margin-bottom: 0;}

.yanfa li:nth-child(1) .yanfa-con{position: absolute;height: 100%;right: 0;width: 32%;top:0;padding-top: 45px;}

.yanfa-con .i{width: 190px;margin: 20px 0; border-top: 1px solid #808080;max-width: 100%;}

.xx{font-size: 0;}

.xx li{font-size: 14px;display: inline-block;vertical-align: middle;width: 11.5%;margin-right: 6.2%;margin-top: 3%;margin-bottom: 3%;}

.xx li:nth-child(6n){margin-right: 0;}

/*4.1产业布局（医疗） e*/

/*4.2产业布局（汉唐） s*/

.ht-des img{display: block;max-width: 100%;margin: 0 auto 60px;}

.ht-des p{text-indent: 2em;}

/*4.2产业布局（汉唐） e*/

/*4.3产业布局（投资） s*/

/*.yun-bg{height: 648px;}*/

.yun-bg img{max-width: 100%;height: auto !important;}

.yun-bg p{line-height: 40px;}

/*4.3产业布局（投资） e*/

/*5.11产品中心 s*/

.des24 p{font-size: 24px;}

.w1700{width: 1700px;max-width: 92%;margin: 0 auto;}

.cp a{display: block;height: 550px;background-size: cover;background-position: center;background-repeat: no-repeat;}

.cp li:nth-child(odd){background: #edeeee;}

.cp-con{width: 35%;}

.cp-warp p{font-size: 18px;margin-top: 30px;}

.cp-warp{width: 410px;max-width: 100%;}

.title36-en{color: #1a2e35;text-transform: uppercase;}

.cp-warp .i{border-top: 1px solid #cecfcf;}

/*5.11产品中心 e*/

/*5.12产品中心（列表） s*/

.cplist-top{border-bottom: 1px solid #c5c5c5;padding-bottom: 20px;}

.gdcp{display: inline-block;}

.gdcp span{display: inline-block;vertical-align: middle;font-size: 18px;color: #0080be;}

.gdcp i{display: inline-block;vertical-align: middle;width: 18px;height: 17px;background: url("../images/23x23.png") no-repeat center;background-size: cover;margin-left: 15px;}

.cpzx{font-size: 0;}

.cpzx li{font-size: 14px;display: inline-block;vertical-align: top;width: 30%;margin-right: 5%;margin-bottom: 5%;border:1px solid #dbdbdb;text-align: center;position: relative;}

.cpzx li a:after{position: absolute;content: "";width: 100%;height: 100%;border:10px solid #b6d3e5;left: -10px;top:-10px;opacity: 0;transition: all .4s;}

.cpzx li a:hover:after{opacity: 1;}

.cpzx li .img100{margin: 10px;}

/*.cpzx li img{max-width: 400px;}*/

.cpzx li p{padding: 0 15px;min-height: 3.2em;font-size: 18px;transition: all .4s;color: #808080;}

.cpzx li:nth-child(3n){margin-right: 0;}

.cpzx li a{display: block;padding:0 0 20px;}

.cpzx li a:hover p{color: #000;}

/*5.12产品中心（列表） e*/

/*5.13产品中心（详情） s*/

.cpxq-img{width: 50%;background: #fff;}

.cpxq-a{background: #edeeee;border:2px solid #edeeee;display: flex;}

.cpxq-con{width: 50%;padding: 80px 100px;}

.cpxqDot{position: absolute;z-index: 9;width: 100%;left: 0;bottom:50px;}

.cpxqDot .swiper-pagination-bullet{opacity: 1;width: 12px;height: 12px;margin: 0 10px; background: none;border:1px solid #2e80b5;}

.cpxqDot .swiper-pagination-bullet-active{background: #2e80b5;}

.cpxq-b{width: 1000px;max-width: 92%;margin: 0 auto;}

.cpxq-list li{float: left;width: 32%;margin-right: 2%;}

.cpxq-list li:last-child{margin-right: 0;}

.cpxq-list li .img100{width: 175px;border-radius: 100%;margin: 0 auto;border:1px solid #2e80b5;overflow: hidden;max-width: 92%;}

.imgmax img{max-width: 100%;}

.cx-page{float: left;width: 49%;margin-right: 2%;}

.cx-page:nth-child(even){margin-right: 0;}

.cx-list li{margin-bottom: 15px;}

.cx-list li:last-child{margin-bottom: 0;}

.cx-list li a{font-size: 18px;color: #808080;position: relative;transition: all .4s;display: block;}

.cx-list li a p{margin-right: 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}

.cx-list li a:after{content: '';position: absolute;width: 18px;height: 18px;right: 0;top:50%;margin-top: -9px;background: url("../images/18-1.png") no-repeat center;background-size: cover;transition: all .4s;}

.cx-list li a:hover p{color: #2e80b5;}

.cx-list li a:hover:after{background: url("../images/18-2.png") no-repeat center;background-size: cover;}

/*5.13产品中心（详情） e*/

/*7.1人力资源 s*/

.zhiye h3{color: #0080be;}

.renli-a{width: 1220px;max-width: 92%;margin: 0 auto;}



.yblist{overflow: hidden;height: 517px;background: #fff;font-size: 0;white-space: nowrap;}

.yblist li{height: 517px;width:17%;margin-right:1%;position: relative;overflow: hidden;display: inline-block;font-size: 14px;vertical-align: top;white-space: normal;transition: all .4s;cursor: pointer;}

.yblist li.active{width: 45%;}

.yblist li:last-child{position: absolute;right: 0;bottom: 0;}

.ybtitle{padding: 45px 20px;transition: all .4s;}

.ybtitle h3{font-size: 21px;border-bottom: 1px solid #a4a3a2;padding-bottom: 20px;}

.ybhide{padding: 45px;opacity: 0;transition: all .4s;}

.yb-top{border-bottom: 1px solid #a4a3a2;padding-bottom: 15px;}

.yb-top p{font-size: 15px;margin-top: 10px;}

.yb-bot p{font-size: 20px;margin-top: 15px;position: relative;padding-left: 40px;}

.yb-bot p:before{content: '';position: absolute;width: 20px;height: 19px;background: url("../images/26x25.png") no-repeat center;background-size: 100% 100%;left: 0;top:6px;}

.yblist li.active .ybtitle{opacity: 0;}

.yblist li.active .ybhide{opacity: 1;}

.fuli li{width: 30%;margin-right: 5%;float: left;}

.fuli li:last-child{margin-right: 0;}

.fuli h3{color: #0080be;border-bottom: 1px solid #70b8db;padding-bottom: 20px;}

.title-0080be{color: #0080be;}

.des-0080be p{color: #0080be;}

.des15 p{font-size: 15px;}

.lc li{display: inline-block;vertical-align: top;}

.lc ul{display: flex;justify-content: space-between;}

.lc li .img100{width: 100px;max-width: 100%;border-radius: 100%;overflow: hidden;}

.lc li p{font-size: 18px; color: #0080be;}

.lci{border-top: 4px dashed #b1b2b2;width: 100%;position: absolute;left: 0;top:0;z-index: -1;margin-top: -2px;}

.zhao li{float: left;width: 49.5%;margin-right: 1%;}

.zhao li a{display: block;position: relative;}

.zhao li:last-child{margin-right: 0;}

.sd4{position: absolute;top:0;width: 100%;left: 0;height: 50%;background: url("../images/sd4.png") no-repeat center;background-size: 100% 100%;}

.zhao-show,.zhao-hide{padding: 40px;transition: all .4s;}

.zhao-show h3{color: #fff;}

.zhao-hide{background: #40a0ce;opacity: 0;}

.zhao-warp{width: 530px;max-width: 100%;margin: 0 auto;}

.zhao-des{border-bottom: 1px solid #9fcfe6;padding-bottom: 20px;}

.ckgd-fff{display: inline-block;width: 190px;border-radius: 48px;transition: all .4s;color: #fff;border:1px solid #fff;}

.ckgd-fff:hover{background: #0080be;color: #fff;border-color: #0080be;}

.ckgd-fff span{display: inline-block;vertical-align: middle;font-size: 16px;line-height: 48px;}

.ckgd-fff i{display: inline-block;vertical-align: middle;width: 17px;height: 17px;background: url("../images/17x17.png") no-repeat center;background-size: cover;margin-left: 30px;transition: all .4s;}

.zhao li a:hover .zhao-hide{opacity: 1;}

.bge0e4e7{background: #e0e4e7;}

/*7.1人力资源 e*/

.zhaopin li{background: #fff;border-radius: 20px;padding: 0 60px;margin-bottom: 20px;}

.zhaopin-top{cursor: pointer;}

.zhaopin-top h3{line-height: 100px;}

.zhaopin-bot{border-top: 1px solid #d3d3d3;padding: 40px 0;display: none;}

.zhaopin-bot .des18{margin-bottom: 40px;}

.zhaopin-zk{position: absolute;right: 0;top:50%;transform: translateY(-50%);}

.zhaopin-zk span{display: inline-block;vertical-align: middle;font-size: 21px;color: #808080;}

.zhaopin-zk i{display: inline-block;vertical-align: middle;width: 17px;height: 18px;background: url("../images/up17x18.png") no-repeat center;background-size: cover;transition: all .4s;margin-left: 10px;}

.toudi{display: inline-block;width: 150px;text-align: center;background: #0080be;color: #fff;border-radius: 10px;}

.toudi i{width: 25px;height: 25px;display: inline-block;vertical-align: middle;background: url("../images/a.png") no-repeat center;background-size: cover;margin-right: 10px;}

.toudi span{display: inline-block;vertical-align: middle;line-height: 45px;font-size: 18px;}

.zhaopin li.active .zhaopin-zk i{transform: rotate(180deg);}

/*8.1社会责任 s*/

.gongyi .img100{width: 1380px;max-width: 100%;}

.sd5{position: absolute;right: 0;top:0;height: 100%;width: 65%;}

.color-2e80b5{color: #2e80b5;}

.gongyi-con .i{border-top:1px solid #2e80b5;margin: 30px 0;}

.gy-des p{line-height: 3em;}

.gy-des img{height: auto !important;max-width: 100%;}

/*8.1社会责任 e*/

/*9.1联系我们 s*/

.map{height: 568px;}

.gs-list li{cursor: pointer; position: relative;border-bottom: 1px solid #d1d2d2;}

.gs-code{position: absolute;right: 0;bottom:0;width: 116px;}

.gs-list-con p{margin-right: 130px;}

.gs-list-con h3{padding-bottom: 10px;transition: all .4s;}

.gs-list-con p{margin-top: 15px;transition: all .4s;}

.gs-list li.active h3{color: #0080be;}

.gs-list li.active p{color: #0080be;}

.gs-list li:hover h3{color: #0080be;}

.gs-list li:hover p{color: #0080be;}

.map h3{color: #0080be;font-size: 15px;font-weight: bold;padding: 0 5px;margin-bottom: 5px;}

.map p{padding: 0 5px;}

/*9.1联系我们 e*/

.ht-des-logo img{max-width: 50%;}

.ljtj{display: block;width: 130px;text-align: center;margin: 2% auto 0;line-height: 32px;background: #6d6d6d;color: #fff;}

.cpms89 td{border:1px solid #ddd !important;padding: 5px;font-size: 17px;line-height: 2em;}



.gonggao li{border-bottom: 1px solid #c9caca;}

.gonggao a{display: block;position: relative;padding: 25px 0;}

.gonggao a p{font-size: 20px;color: #808080;transition: all .4s;margin-right: 180px;}

.gonggao a span{position: absolute;right: 0;top:4px; font-size: 18px;color: #808080;transition: all .4s;padding-right: 60px;}

.gonggao a span:after{width: 16px;content:"";height: 16px;position: absolute;right: 0;top:50%;margin-top: -8px;background: url("../images/18-1.png") no-repeat center;background-size: cover;transition: all .4s;}

.gonggao a:hover p{color: #2e80b5;}

.gonggao a:hover span{color: #2e80b5;}

.gonggao a:hover span:after{background: url("../images/18-2.png") no-repeat center;background-size: cover;}



.cybj-type a{position: relative;}

.cybj-type a:before{content: '';position: absolute;top: -2px;left: 50%;width: 12px;height: 12px;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background-color: #358bba;margin-left: -6px;z-index: 9;opacity: 0;transition: all .2s linear;}

.cybj-type li.active a:before{opacity: 1;}

.cybj-type li a:hover:before{opacity: 1;}









.imgscale .img100{overflow: hidden;}

.imgscale .img100 img{transition: all .4s;}

.imgscale:hover .img100 img{transform: scale(1.1);}

.background-cover{

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



.slideUp,.swiper-slide-active .banner-des{

    animation:slideUp 1s both ease-out;-webkit-animation:slideUp 1s both ease-out;

}

@keyframes slideUp{

    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}

    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}

}

.slideLeft{

    animation:slideLeft 1s both ease-out;-webkit-animation:slideLeft 1s both ease-out;

}

@keyframes slideLeft{

    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}

    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}

}

.slideRight{

    animation:slideRight 1s both ease-out;-webkit-animation:slideRight 1s both ease-out;

}

@keyframes slideRight{

    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}

    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}

}

.tobig{

    animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out;

}

@keyframes tobig{

    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}

    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

}

.tosm{

    animation:tosm 2s ease-out;-webkit-animation:tosm 2s ease-out;

}

@keyframes tosm{

    0%{-webkit-transform: scale(2);transform: scale(2);transform-origin: bottom;}

    100%{-webkit-transform: scale(1);transform: scale(1);}

}

.toshort{

    animation:toshort 1s both ease-out;-webkit-animation:toshort 1s both ease-out;

}