*{margin:0px; padding:0px; font-size:14px;font-family:Microsoft YaHei; } img{border:0px; display:inline-block; font-size:0px; position:relative;} a{text-decoration:none;} body { margin:0px; padding:0px; } @font-face {font-family: "iconfont"; src: url('/css/iconfont/iconfont.eot'); /* IE9*/ src: url('/css/iconfont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/iconfont/iconfont.woff') format('woff'), /* chrome, firefox */ url('/css/iconfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('/css/iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } @font-face { font-family: 'iconfont'; /* project id 781842 */ src: url('//at.alicdn.com/t/font_781842_dzf2heyghpb.eot'); src: url('//at.alicdn.com/t/font_781842_dzf2heyghpb.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_781842_dzf2heyghpb.woff2') format('woff2'), url('//at.alicdn.com/t/font_781842_dzf2heyghpb.woff') format('woff'), url('//at.alicdn.com/t/font_781842_dzf2heyghpb.ttf') format('truetype'), url('//at.alicdn.com/t/font_781842_dzf2heyghpb.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } table{border-collapse:collapse; border-spacing:0;} .pager_box{clear:both; text-align:center; line-height:40px; margin:20px auto;font-size:14px; color:#dd4a52;} .pager{font-size:14px; padding:0 10px; color:#ffffff; line-height:25px; display:inline-block;background-color:#dd4a52; margin:0px 5px;} .pager_hover,.pager:hover{font-size:14px; background-color:#bb1e27; padding:0 10px; line-height:25px; display:inline-block; margin:0px 5px; color:#ffffff; } .first_pager,.prev_pager,.next_pager,.last_pager{ line-height:25px; color:#dd4a52; display:inline-block; margin:0px 5px; font-size:14px; } .clear{ clear:both;} h1,h2,h3,h4,h5{ font-weight:normal;} #top{background-color:#ffffff;} /*reset-start*/ @charset "utf-8"; @font-face { font-family: "Alibaba-PuHuiTi-Regular"; src: url("/fonts/Alibaba-PuHuiTi-Regular.woff") format("woff"), url("/fonts/Alibaba-PuHuiTi-Regular.eot") format("embedded-opentype"), url("/fonts/Alibaba-PuHuiTi-Regular.otf") format("opentype"); } html{color:#000; background:#FFF; font-family: 'Alibaba-PuHuiTi-Regular'; width: 100%; overflow-x: hidden;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} body { width:100%;background:#FFF;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var,optgroup{ font-style:inherit;font-weight:inherit;} del,ins{text-decoration:none;} li{list-style:none;} caption,th{text-align:left;} q:before,q:after{content:'';} abbr,acronym{border:0;font-variant:normal;} sup{vertical-align:baseline;} sub{vertical-align:baseline;} input,button,textarea,select,optgroup,option{ font-size:inherit; font-style:inherit;font-weight:inherit;} input,button,textarea,select{*font-size:100%;} input,select{vertical-align:middle;} body{font:12px/1.231;} select,input,button,textarea,button{font:99%;} table{font-size:inherit;font:100%; border-collapse:collapse;} pre,code,kbd,samp,tt{ *font-size:108%;line-height:100%;} i,em,b { font-style: normal; font-weight: normal;} /*title*/ h1 { font-size:32px;} h2 { font-size:26px;} h3 { font-size:20px;} h4 { font-size:14px;} h5 { font-size:12px;} h6 { font-size:10px;} a { color:#666; text-decoration:none; blr:expression(this.onFocus=this.blur())} /*for ie f6n.net*/ a:focus{outline:0;} /*for ff f6n.net*/ a:hover {text-decoration:none;} .vam { vertical-align:middle;} .clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden;} .tr { text-align:right;} .tl { text-align:left;} .pr { position:relative;} .pa { position:absolute;} .center { text-align:center;} .fl { float:left;} .fr { float:right;} /* 鍏敤鏍峰紡 */ .content { width:1300px!important; margin:0 auto;} .imgALL img { display: block; width: 100%; margin: 0 auto;} .fz30 { font-size:3.0vw;} /*鑻辨枃灏忔爣棰?4px*/ .fz35 { font-size:3.5vw;} /*姝ｆ枃瀛椾綋28px*/ .fz37 { font-size:3.75vw;} /*灏忔爣棰?0px*/ .fz75 { font-size:7.5vw;} /*澶ф爣棰?0px*/ .t20s { -webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;} .t20s img { -webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;transition: all 2s;} .t10s { -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .t8s { -webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;} .t5s { -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;/*! transition: all 0.5s; */} .t5s img { -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;/*! transition: all 0.5s; */} .tt { -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .tt img { -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .yy:hover { -moz-box-shadow: 0px 0px 20px 1px #8c8883; box-shadow: 0px 0px 20px 1px #8c8883;} .yy_img { -moz-box-shadow: 0px 0px 20px 1px #8c8883; box-shadow: 0px 0px 20px 1px #8c8883;} .t5st5 { -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .t5st5:hover { margin-top: -5px;} /* 瀵艰埅 */ .header_bg { width: 100%; height: 115px; z-index: 900; position: absolute; background: rgba(29, 152, 135, 0.9);} .header_bg h1 { display:block; float: left; width: 231px; margin-top: 45px;} .header_bg .nav { width: 970px; height: 80px; line-height: 80px; float: right; display: block; font-size: 18px; margin-top: 35px;} .header_bg .nav a { color: #fff;width: 10.5%;display: block;float: left; text-align: center;} .header_bg .nav a:hover { background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_11_05/20201105090319074.jpg)no-repeat bottom center;} .header_bg .nav a.nav_cur { background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_11_05/20201105090319074.jpg)no-repeat bottom center;} .header_bg .t_cal { width: 36px; height: 36px; float:right; margin-top: 50px;} /* .header_bg .t_cal:hover { width: 87px; height: 87px; background: url(/images/t_callh.png) no-repeat center center; margin-top: 18px;} .header_bg .t_cal:hover img {display: none;} */ .header_c { position: relative;} .t_cal_xs { position: absolute;right: 0;background: #fff;top: 115px;padding: 10px 15px;border-radius: 8px; opacity: 0; border: 1px solid #e2e1e1;} .t_cal:hover .t_cal_xs { opacity: 1;} /* 鎮诞瀵艰埅 */ .xf_nav { height: 80px; background: rgba(29, 152, 135, 0.9); position:fixed;; top: 0; } .xf_nav .nav { margin-top: 0;} .xf_nav .t_cal { margin-top: 25px;} .xf_nav .t_cal_xs { top: 80px;} .xf_nav h1 { width: 160px;margin-top: 25px;} .topWrap{ position: relative;width: 100%;z-index: 99; background: #333;} .topWrap .header{ width:1200px; margin:0 auto;} .topWrap h5{ height:38px; overflow:hidden; font:12px "Microsoft YaHei"; line-height:38px; color:#454445;} .topWrap h5 i{ color:#cfcfcf;} .topWrap h5 span{ display:inline-block; font:12px "Microsoft YaHei"; height:38px; line-height:38px; color:#8a8a8a; float:right;} .topWrap h5 span a{ display:inline-block; color:#cfcfcf; padding:0 15px;} .topWrap h2{ width:275px; overflow:hidden; float:left; margin-top:20px;} .topWrap h2 img{ display:block;width:270px; height:auto;} .topWrap .menu{ width:905px; float:right; height:115px;} .topWrap li{ font:15px "Microsoft Yahei";float:left; height:115px; margin:0 35px;} .topWrap li a{ display:inline-block;color:#333;height:85px;line-height:100px;text-align:center;} .topWrap li a:hover ,.topWrap .cur a{color:#40978e; position:relative;} background: -moz-linear-gradient(left, #40978e 0%, #008cee 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #40978e 0%,#008cee 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #40978e 0%,#008cee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03a1eb', endColorstr='#996633',GradientType=1 ); /* IE6-9 */} .topWrap .nones{ margin:0 0 0 26px;} .nav2{ position:absolute; top:150px; left:0; width:100%; height:130px; background:#FFF; display:none;border-top: 1px #f0f0f0 solid;} .nav3{ width:1200px; margin:0 auto;height:130px;} .nav2 p{ width:170px;height:130px; float:left; border-right:1px solid #F0F0F0;} .nav2 p a{ line-height:none; display:block; height:128px;color: #fff;} .nav2 p img{ display:block; padding:20px 0 15px 40px;} .nav2 p em{ display:block; font:12px "Microsoft YaHei"; text-align:center; color:#666;} .topWrap li .nav2 p a:hover:before ,.topWrap .cur .nav2 p a:before{ top:126px; height:4px;} .topWrap .nav4{position:absolute;top:86px;left:0;width: 160%;padding:12px 0;margin-left:-26%;display:none; background:#fff; border:5px solid #f0f0f0;} .topWrap .nav4 span{display:block;font:14px "Microsoft YaHei"; line-height:33px;} .topWrap .nav4 span a{display:block; color:#666;padding:0;line-height:33px;background:none; height:33px;text-align:center; overflow:hidden;} .topWrap .nav4 span a:hover{background:#40978e;color:#fff;} .online .code{display: none;} .online .submit{display:none;} .ty-banner-1 { overflow: hidden; line-height: 0; text-align:center;} .ty-banner-1 img{ visibility: hidden; } .ty-banner-1 img.show{ visibility: visible; } .p12-curmbs-1 { font-size: 14px;border-bottom: 1px dashed #dcdcdc; } .p12-curblock{ display: none; } .p12-curmbs-1 b {border-left: 10px solid #40978e; font-weight: normal; padding-left: 8px; } .p12-curmbs-1 i {font-style: normal; } .p12-curmbs-1 span {font-family: '瀹嬩綋';padding: 0 5px;height: 46px;line-height: 46px; } .tl-fdh-02 { height: 55px; background: #f5f5f5;margin-bottom: 20px;overflow: hidden; } .tl-fdh-02 li { width: 20%;height: 55px;font-size: 18px;line-height: 55px; text-align: center;float: left;border-right: 1px solid #eee; box-sizing:border-box; cursor: pointer;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .tl-fdh-02 li a {color: #333; display: block;width: 100%; } .tl-fdh-02 li.sidenavcur,.tl-fdh-02 li:hover {background: url(http://pic18_2.qiyeku.com/qiyeku_pic/2018/9/30/renshang/product/product_pic/image/2018_10_13/20181013092221854.png) no-repeat bottom center #40978e; border-color: #40978e;} .tl-fdh-02 li.sidenavcur a,.tl-fdh-02 li:hover a { color: #fff;} .p16-left-nav-1 { height: 55px; background: #f9f9f9; margin-bottom: 20px;overflow: hidden;} .p16-left-nav-1 li {width: 33%;height: 55px; font-size: 18px;line-height: 55px; text-align: center; float: left;border-right: 1px solid #eee; cursor: pointer; text-overflow: ellipsis;overflow:hidden;white-space: nowrap; } .p16-left-nav-1 li a{color: #333;} .p16-left-nav-1 li.sidenavcur,.p16-left-nav-1 li:hover {background: url(http://pic18_2.qiyeku.com/qiyeku_pic/2018/9/30/renshang/product/product_pic/image/2018_10_13/20181013092221854.png) no-repeat bottom center #40978e;border-color: #40978e;} .p16-left-nav-1 li.sidenavcur a,.p16-left-nav-1 li:hover a { color: #fff; } /*鍐呴〉鏉垮潡鍏ㄥ眬鍙橀噺*/ .blk{margin-bottom: 20px;} /*缈婚〉*/ .p12-pagination-1-main {margin: 0 auto; padding: 20px 0;height: 30px;text-align: center;} .pager_box{clear:both; text-align:center; line-height:40px; margin:20px auto;font-size:14px; color:#404040;} .pager{font-size:14px; padding:0 10px; color:#666; line-height:25px; display:inline-block;background-color:#fff;border: 1px solid #e5e5e5; margin:0px 5px;} .pager_hover,.pager:hover{font-size:14px; background-color:#40978e; padding:0 10px; line-height:25px; display:inline-block; margin:0px 5px; color:#ffffff; } .first_pager,.prev_pager,.next_pager,.last_pager{ line-height:25px; color:#404040; display:inline-block; margin:0px 5px; font-size:14px; } /* -- 褰撳墠浣嶇疆 -- */ .topadcs{width:100%; overflow:hidden; text-align:center;margin:0px auto;} .topadcs a img{ width:100%; height:auto; display:block;} .topadcs a{display:block;margin:0 auto;} .topadcs a.fullad{ height:520px;} /*Main妯℃澘*/ .blk-main{width:1200px; margin: 0 auto;} /*灏忔ā鍧?/ .blk-xs{width:240px;} /*涓ā鍧?/ .blk-sm{width:860px;} /*灏忕増鍧?/ .blk{margin-bottom:30px;} .fdh-01-tit {background: #03a1eb; height: 80px; } .fdh-01-tit h3 { height: 75px; font-size: 24px; font-weight: normal;line-height: 75px;color: #fff;border-bottom: 1px solid #fff;text-align: center;} .fdh-01-tit h3 span { font-size: 14px; text-transform: uppercase; } .fdh-01-nav-one h3 { height: 50px;line-height: 50px;background: url(images/p14-icon5.png) no-repeat right center #ececeb; margin-bottom: 2px; } .fdh-01-nav-one h3 a { display: block; font-size: 16px; font-weight: normal; margin-right: 40px; margin-left: 70px;color: #666666; } .fdh-01-nav-one h3.sidenavcur, .fdh-01-nav-one h3:hover {background: url(images/p14-icon2.png) no-repeat right center #BD8554; } .fdh-01-nav-one h3.sidenavcur a,.fdh-01-nav-one h3:hover a{color: #fff; } .fdh-01-nav dl {padding: 2px 0 4px;} .fdh-01-nav dt {height: 50px; font-size: 16px; line-height: 50px;padding-left: 54px; padding-right: 40px;margin-bottom: 1px;background: #ececec; position: relative;} .fdh-01-nav dt:after {content: ""; width: 8px;height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none;position: absolute;top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after {border-color: #40978e;} .fdh-01-nav dt.sidenavcur a, .fdh-01-nav dt:hover a { color: #BD8554; } .fdh-01-nav dd {border: 1px solid #ececec; border-bottom: 0; } .fdh-01-nav p { height: 50px;font-size: 14px;line-height: 50px;padding-left: 72px;padding-right: 40px; border-bottom: 1px solid #ececec;background: #fff; position: relative; } .fdh-01-nav p.sidenavcur a,.fdh-01-nav p:hover a {color: #BD8554;} .fdh-01-nav p.sidenavcur:after,.fdh-01-nav p:hover:after {background: #BD8554; } .fdh-01-nav a {display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .cbgg-01 { background: #f39800; text-align: center; color: #fff; } .cbgg-01-img img { width: 100%;display: block; } .cbgg-01 p { padding-top: 15px; } .cbgg-01 p img {vertical-align: middle;margin-right: 5px; } .cbgg-01 span {display: block;font-size: 28px;font-weight: bold;font-family: Arial;padding-bottom: 20px; padding-top: 10px;} .cplb-3n-ts-03-tit {height: 50px;font-size: 24px;font-weight: normal; line-height: 50px; border-bottom: 1px solid #ebebeb;margin-bottom: 15px;} .cplb-3n-ts-03-tit span {display: inline-block; height: 50px;border-bottom: 1px solid #3e4651;} .cplb-3n-ts-03-list dl { width: 31.1%;border: 1px solid #dedede;margin-bottom: 15px;background: #fff; float: left; margin-right: 1.2%; } .p14-info-2 {background: #fff; } .p14-info-2-tit {height: 80px; font-size: 24px; line-height: 80px;background: #40978e;color: #fff; text-align: center; } .p14-info-2-list dl {padding: 26px 10px 20px 7px; border-bottom: 1px dashed rgba(153, 153, 153, 0.3);font-size: 12px;line-height: 18px; display: inline-block;width: 223px; } .p14-info-2-list dt {width: 90px;float: left;margin-right: 6px; } .p14-info-2-list dt img {display: block; max-width: 100%; margin: 0 auto;width:90px; height:67px; } .p14-info-2-list dd h3 {height: 22px; font-size: 14px; font-weight: normal;line-height: 22px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px;} .p14-info-2-list-desc { height: 18px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p14-info-2-list dl:nth-last-child(1) { border-bottom: 0;} /*---浜у搧鍒楄〃椤甸潰鐨勯殢鏈鸿祫璁?-*/ .RandomNews {background-color:#fff;margin-bottom:20px;} .diysr{ background:url(http://pic18_2.qiyeku.com/qiyeku_pic/2018/9/30/renshang/product/product_pic/image/2018_10_15/20181015055303852.gif) no-repeat; height:30px;line-height:28px;color: #BD8554; font-size:24px; text-align:center; font-weight: 500;margin-top: 60px;} .diysr a{color:#015198;font-weight:bold;} .diysr a:hover,.tit a:hover{text-decoration:underline;} .news_random{width:930px;padding-top:8px; background:#fff;} .news_random li{ height:28px;line-height:28px; padding: 2px 20px 0 3px; width:442px; float:left;overflow:hidden;font-size: 13px;} .news_random li a{ background:url(http://pic18_2.qiyeku.com/qiyeku_pic/2018/9/30/renshang/product/product_pic/image/2018_10_15/20181015055706815.gif) no-repeat 0 4px; padding-left:12px;} .news_random li a:hover{color:#015198; font-size:13px;} .leib { width: 240px;margin-bottom: 20px;} .leib .tit {background: #999 none repeat scroll 0 0; color: #ffffff;font-size: 24px; height: 60px; line-height: 60px;text-align: center;} .leib .nr { border: 2px solid #999 ;} .leib .nr h4 {background: #BD8554 none repeat scroll 0 0;height: 30px;line-height: 30px;margin: 4px 13px 2px; overflow: hidden; padding-left:57px;} .leib .nr h4 a {color: #fff; font-size:15px;} .leib .nr h4.cur a {color: #fff;} .leib .nr ul { margin: 0 auto;width: 181px;} .leib .nr li { display: block;font: 13px/28px "Microsoft YaHei";height: 28px; overflow: hidden; position: relative; z-index: 5;} .leib .nr li a { display: block;height: 28px;line-height: 28px;padding: 0 0 0 55px;} .leib .nr li.cur a { color: #BD8554;font-weight: bold;} /* -- 鏈€杩戞祻瑙堣繃鐨勪骇鍝 -- */ dl.pd_t05_con_dl { width:180px; overflow:hidden; margin:10px auto 3px;} dl.pd_t05_con_dl dt{border:solid 1px #ccc;} dl.pd_t05_con_dl dt,dl.pd_t05_con_dl dt a{ width:178px; height:140px; line-height:0; font-size:0;} dl.pd_t05_con_dl dt img { width:176px; height:119px; padding:1px; object-fit: contain;} dl.pd_t05_con_dl dt a:hover img { border:solid 0px #239420; opacity : 0.8;object-fit: contain;} dl.pd_t05_con_dl dd {width:180px; overflow:hidden;height:20px; line-height:20px; padding-top:5px; text-align:center; color:#555; } .contact-z1 {height: 140px; background: url("http://pic18_2.qiyeku.com/qiyeku_pic/2016/4/24/zsshuanghong/product/product_pic/image/2018_11_01/20181101052246487.jpg") no-repeat;color: #333; margin-bottom: 30px; } .contact-z1 p { font-size: 20px; height: 30px;line-height: 30px;padding: 37px 0 0 95px; background: url(http://pic18_2.qiyeku.com/qiyeku_pic/2016/4/24/zsshuanghong/product/product_pic/image/2018_11_01/20181101052557591.png) no-repeat 74px 44px;} .contact-z1 span {display: block;height: 30px; font-weight: bold; font-size: 18px; line-height: 30px; padding-left: 73px;} @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /*banner*/ .banner{ overflow:hidden; width:100%; height:888px; position:relative;} .banner ul{ overflow:hidden; width:100%; height:888px; position:relative} .banner li{ width:100%; height:888px; position:absolute; left:0; top:0} .banner li a{ display:block; width:100%; height:100%;} .banner .li01{background:url(Img/Index/banner01.jpg) no-repeat center top;} .banner .li02{background:url(Img/Index/banner02.jpg) no-repeat center top;} .banner .li03{background:url(Img/Index/banner03.jpg) no-repeat center top;} .banner .btn{ overflow:hidden; width:69px; height:11px; position:absolute; left:50%; bottom:20px; margin-left:-35px;} .banner .btn span{ display:block; width:11px; height:11px; background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_10_30/20201030041624342.png) no-repeat left center; cursor:pointer; float:left; margin:0 6px;} .banner .btn span.cur{ background-position:right} .banner i{ display:none; width:42px; height:72px; position:absolute; cursor:pointer;} .banner i.btn_left{ left:0; top:445px; background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_10_30/20201030040249439.png) no-repeat top center;} .banner i.btn_right{ right:0; top:445px; background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_10_30/20201030040302691.png) no-repeat top center;} .banner:hover i{display:block} .banner i:hover{background-position:bottom} .seabox{overflow: hidden;height:65px;overflow:hidden;background: #666;font-family: "Microsoft Yahei";font-size:14px;background: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/30/lihong/product/product_pic/image/2019_07_08/20190708104607680.gif) repeat-x;} .search00{width:1200px; margin:0 auto;} .sea_in{margin-top: 13px;} .sea_in .serach{width:276px;height:35px;border:0;line-height:35px;color:#666;padding:0 0 0 10px;float:left;outline: none;display: block;font-size:14px;background:url(images/sou1.jpg) no-repeat left top;border:none; } .sea_in .sub{ width:31px; height:35px;background:url(images/sou2.jpg) no-repeat left top;border:none; float:left;} .k_word{overflow:hidden;width:1000px;color:#666; height: 52px; line-height: 52px;} .k_word a{color:#666; display: inline-block; padding: 0 12px;font-size:14px;} .k_word b{font-weight: normal;}.pcxsm { display: block; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .changqu_word p { font-size: 16px; line-height: 28px; color: #232323; letter-spacing: 1px; text-align: center; } /* 绗竴閮ㄥ垎-鍘傚尯 */ .main1_tnr { width: 1220px; height: 188px; margin: 50px auto 0; background: #fff; border-radius: 30px; border: 1px solid #eae9e9; } .main1 { width: 100%; } .main1_t {width: 100%; height: 285px; background: url() no-repeat center top;} .main1_tnr { width: 1220px; height: 188px; margin: 50px auto 0; background: #fff; border-radius: 30px; border: 1px solid #eae9e9;} .main1_tnr .m1t { width: 25%; height: 188px; float: left; border-radius: 30px;} .main1_tnr .m1t span { width: 100%; display: block; text-align: center; color: #232323; font-size: 22px; } .main1_tnr .m1t i { width: 100%; display: block; text-align: center; color: #9fa0a0;font-size: 14px;} .main1_tnr .xmbg { width: 63px; height: 63px; margin: 10px auto; overflow: hidden; margin-top: 30px;} .main1_tnr .xmbg img { float: left;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; } .main1_tnr .active img:nth-child(1) { margin-top: -83px; opacity: 0;} .main1_tnr .active { background: #40978e; color: #fff;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;} .main1_tnr .active span { color: #fff;} .main1_tnr .active i { color: #fff;} .main1_d {width: 100%; background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_11_04/20201104080659177.jpg) no-repeat center bottom;} .main1_dnr { width: 1260px; margin-bottom: 70px; } .m1d .m1d_bt { width: 100%; float: left; font-size: 30px; color: #40978e; text-align: center; margin: 30px auto 1px; font-weight: bold; font-family:Arial;} .m1d ul { display: block; width: 100%; float: left; } .m1d ul li { width: 20%; height: 190px; float: left; text-align: center;} .m1d ul li span { width: 100%; display: block; font-size: 60px; color: #40978e; font-weight: bold; margin-bottom: 30px; height: 95px;} .m1d ul li span b {font-size: 20px; color: #232323; margin-left: 5px;} .m1d ul li p { width: 100%; display: block; font-size: 16px; color: #232323; text-align: center;} .m1d ul li:nth-child(1) { background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_11_03/20201103114011424.png) no-repeat center center;} .m1d ul li:nth-child(2) { background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_11_03/20201103114409796.png) no-repeat center center;} .m1d ul li:nth-child(3) { background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_11_03/20201103113936643.png) no-repeat center center;} .m1d ul li:nth-child(4) { background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_11_03/20201103114409796.png) no-repeat center center;} .m1d ul li:nth-child(5) { background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_11_03/20201103113948127.png) no-repeat center center;} .m1d ul li:nth-child(3) span { color: #fabe00;} .m1d ul li:nth-child(3) b { color: #fabe00;} .m1d ul li:nth-child(4) b { font-size: 50px; color: #40978e;} /*鍘傚尯鏂板姞*/ .guimo ul li:first-child + li + li span,.guimo ul li:first-child + li + li + li span{ font-size:40px; line-height:89px;} .changqu_word{ width:100%; overflow:hidden; text-align:center; margin-bottom:10px;} .changqu_word p{ font-size:16px; line-height:28px; color:#232323; letter-spacing:1px; text-align:center;} .changqu_word p span{ color:#40978e;} .shebei .m1d_bt, .huanbao .m1d_bt { width: 100%; float: left; font-size: 30px; color: #40978e; text-align: center; margin: 30px auto 0px; font-weight: bold; font-family: Arial; } .shebei .changqu_word{} .shebei .changqu_word p{ color:#232323; } .shebei ul{ width:1060px; overflow:hidden; margin:0 auto 0 auto;} .shebei ul li{ width:23.5%; float:left; margin-right:2%; overflow:hidden;} .shebei ul li:first-child+ li+ li+ li{ margin-right:0;} .shebei ul li img{ max-width:100%; height:auto;} .shebei .changqu_word{ margin-bottom:20px;} .huanbao_img{ width:83%; overflow:hidden; margin:0 auto 0 auto;} .huanbao_img img{ width:100%; height:auto;} /** * Swiper 3.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2017, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: March 10, 2017 */ .swiper-container { margin-left:auto; margin-right:auto; position:relative; overflow:hidden; z-index:1 } .swiper-container-no-flexbox .swiper-slide { float:left } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -moz-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column } .swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .swiper-container-multirow>.swiper-wrapper { -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto } .swiper-slide { -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative } #left_content{ width:235px;} .left_content_p{width:205px; margin:0 auto;} .left_content_p p{ line-height:28px; color:#666666;}/* 绗笁閮ㄥ垎-浜у搧灞曠ず */ .main3 { width: 100%; /*background:url(/images/lan_xjt.png) no-repeat center top; */ } .main3_1 ,.main3_2 ,.main3_3{ width: 100%; text-align: center;} .main3_1 { font-size: 34px; color: #313131; margin-top: 85px;} .main3_2 { font-size: 50px; line-height: 45px; color: #000000; font-weight: bold; text-transform: uppercase; font-family:Arial;} .main3_3 { font-size: 22px; color: #000000; text-transform: uppercase; border: 3px solid #000; width: 260px; height: 45px; line-height: 45px; margin:15px auto 0;} .main3_3 a {color: #000; display: block; font-family:Arial;} .main3_cp { width: 1255px; height: 580px; margin: 50px auto 0; position:relative;} @media screen and (min-width:810px){ .main3_qh {width: 1055px; height: 100%; margin: 0 auto;} .main3_qh .swiper-wrapper { margin-top: 60px;} .main3_qh .swiper-slide { height: 470px; border: 3px solid #ebebeb; box-sizing: border-box; background: #fff;} .main3_qh .swiper-slide-next { -webkit-transform:scale(1.2,1.2);overflow: visible; z-index: 300;-moz-box-shadow:0px 2px 16px #a4aeb1; -webkit-box-shadow:0px 2px 16px #a4aeb1; box-shadow:0px 2px 16px #a4aeb1;border: 1px solid #ebebeb;} .main3_qh .swiper-slide img { margin-top: 15px;} .main3_qh .swiper-slide span { width: 100%; font-size: 24px; color: #313131; text-align: center; display: inline-block; margin-bottom: 6px; margin-top: 25px;} .main3_qh .swiper-slide p { width: 100%; font-size: 18px; color: #444444; text-align: center; display: inline-block; font-family:Arial;} } .main3_l { width: 55px; height: 55px; position: absolute; left: 0; top: 40%; background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_11_03/20201103052944300.png) no-repeat center center;z-index: 100;} .main3_r { width: 55px; height: 55px; position: absolute; right: 0; top: 40%; background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_11_03/20201103052953457.png) no-repeat center center;z-index: 100;} .main3_mr {font-size: 22px; color: #000000; text-transform: uppercase; border: 3px solid #000; width: 260px; height: 45px; line-height: 45px; margin: 40px auto; text-align: center;} .main3_mr a {color: #000; display: block;} /*reset*/ .ml0 img{width:100%;} table{border-collapse:collapse;border-spacing:0} img,fieldset{border:0;vertical-align:middle} a{text-decoration:none} a:visited{}a:hover{text-decoration:underline} a:active{}ul,li,ol{list-style:none} strong,b{font-weight:normal} em,i{font-style:normal} iframe{display:block} fieldset{border:1px solid #c0c0c0;margin:0 2px 18px;padding:0.35em 0.625em 0.75em} legend{border:0;padding:0;white-space:normal;*margin-left:-7px} sup{vertical-align:text-top} sub{vertical-align:text-bottom} s{text-decoration:none;} /*public*/ .fl{display:inline;float:left} .fr{display:inline;float:right} .cf:after{content:"";clear:both;display:block;height:0;overflow:hidden} .cf{zoom:1} .pb10{padding-bottom:10px} .mt10{margin:15px 0} /*main*/ .case{width:1300px;margin:70px auto;background:#fff;padding:15px;box-shadow:0 0 10px #ccc; border-radius: 0.5em;} .case .title{height:50px;border-bottom: 3px solid #e7e7e7;padding-bottom:10px;} .case .title h2{ font-size: 20px;font-family: "microsoft yahei";line-height: 50px;} .case .title-list{ position: relative; top: 6px;} .case .title-list li{ width: 146px; line-height: 50px; text-align: center; float: left; display: inline;} .case .title-list li.on{ color: #40978e; font-weight: bold;} .case .title-list p{position:absolute;top:54px;left:0px;width:146px;height:7px;border-top: 3px solid #40978e; overflow: hidden; text-align: center;} .case .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #40978e #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;} .product{ height: 258px; position: relative; overflow: hidden; display: none; margin-top: 20px;} .product ul{ position: absolute; left: 0px;} .product-wrap .show{ display: block;} .product-wrap .product li{ float: left; display: inline; margin-left: 13px;background: #f3f3f3;border: 2px solid #fafafa; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s; width:226px;} .product-wrap .product li.ml0{margin-left:24px;} .product-wrap .product li a.imgwrap{ display: block; width: 226px; height: 200px; background: #fff; text-align:center;} .product-wrap .product li p{padding-left: 15px;color: #666666;line-height: 22px;} .product-wrap .product li p a{ color: #666666; text-decoration: none;} .product-wrap .product li p a:hover{ color: #40978e; text-decoration: none;} /* 绗簩閮ㄥ垎-鍏充簬鎴戜滑 */ .main2 { width: 100%; height: 620px; background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_10_30/20201030045906141.jpg) no-repeat center bottom;background-size:auto 100%;} .main2_bg { width: 40%; height: 100%; float: right; background: rgba(52, 148, 136, 0.9); padding:0 5%;} .main2_nr { width: 80%; float: left; margin-top: 95px; } .main2_nr1 {width: 100%; float: left; height: 8px; background: url(/images/nav_a_bg.jpg) no-repeat left center;} .main2_nr2 {width: 100%; float: left; font-size: 40px; color: #fabe00; text-transform: uppercase; margin: 5px auto 0; font-family:Arial;} .main2_nr2 b { font-weight:bold;} .main2_nr3 {width: 100%; float: left; font-size: 34px; color: #fff;} .main2_nr4 {width: 100%; float: left; font-size: 22px; color: #fff; margin: 25px auto 15px;} .main2_nr5 {width: 100%; float: left; font-size: 14px; color: #fff; line-height: 28px;} .main2_nr6 {width: 130px; height: 35px; line-height: 35px; text-align: center; float: left; font-size: 16px; color: #fff; background: #fff; border-radius: 8px; margin-top: 50px;} .main2_nr6 p { display: inline-block;} .main2_nr6 a { color: #3c3c3c; display: block;} .col-md-offset-2 p{ font-size: 16px; } .utf-site-heading h2 { color: #232323; font-weight: 700; text-transform: uppercase; } h1, h2, h3, h4, h5, h6 { color: #232323; font-weight: normal; line-height: 1.5; font-family: 'Poppins', sans-serif; letter-spacing: 0; } .h2, h2 { font-size: 30px; } .item h4 { font-size: 16px; } .btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before { display: table; content: " "; } ::after, ::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ============================================================== # Services =================================================================== */ .utf-services-area .utf-services-items .equal-height { margin-bottom: 30px; } .col-md-4 { width: 31%; } .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .row { margin-right: -15px; margin-left: -15px; } .text-center { text-align: center; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .default-padding.bottom-less { padding-top: 50px; padding-bottom: 50px; } .utf-site-heading { margin-bottom: 60px; overflow: hidden; margin-top: -5px; } .default-padding { padding-top: 80px; padding-bottom: 80px; } .bg-gray { background-color: #efefef; height: 670px; } .text-center { text-align: center; } .container { width: 1300px; } .utf-services-area .utf-services-items .equal-height { margin-bottom: 30px; } .utf-site-heading h2 { color: #232323; display: inline-block; font-weight: 700; padding-bottom: 20px; position: relative; text-transform: uppercase; } .utf-site-heading.text-center h2::before { left: 0; right: 0; text-align: center; margin: 0 auto; } .utf-site-heading h2::before { background: rgba(29, 152, 135, 0.9); bottom: 5px; content: ""; height: 3px; left: 0px; position: absolute; width: 50px; border-radius: 4px; } .utf-site-heading h2 span { color: rgba(29, 152, 135, 0.9); font-weight: 700; font-size: 30px; } .utf-services-area .utf-services-items .equal-height .item { background: #ffffff none repeat scroll 0 0; padding: 40px 30px; border-radius:6px; position: relative; z-index: 1; overflow: hidden; -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); } .utf-services-area .utf-services-items .item i { display: inline-block; font-size: 40px; margin-bottom: 25px; color: #fff; background:rgba(29, 152, 135, 0.9); width: 90px; height: 90px; line-height: 90px; border-radius: 50px; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2); } .utf-services-area .utf-services-items .item h4 { font-weight: 600; text-transform: uppercase; } .utf-services-area .utf-services-items .item p { margin: 0; color: #6d6d6d; } .utf-services-area .utf-services-items .equal-height .item::after { background: rgba(29, 152, 135, 0.9); left: -100%; content: ""; height: 100%; top: 0; position: absolute; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; width: 100%; z-index: -1; } .utf-services-area .utf-services-items .equal-height .item:hover::after { left: 0; } .utf-services-area .utf-services-items .equal-height .item i, .utf-services-area .utf-services-items .equal-height .item h4, .utf-services-area .utf-services-items .equal-height .item p { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .utf-services-area .utf-services-items .equal-height .item:hover h4, .utf-services-area .utf-services-items .equal-height .item:hover p { color: #ffffff; } .utf-services-area .utf-services-carousel .item { text-align: center; padding: 40px 30px; background: #fff; border-radius: 10px; margin:8px 0px; -moz-box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 3px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); } .utf-services-area .utf-services-carousel .owl-dots .owl-dot span { background: #ffffff; border: 3px solid #999999; height: 20px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; width: 20px; } .utf-services-area .utf-services-carousel .owl-dots .owl-dot.active span, .utf-services-area .utf-services-carousel .owl-dots .owl-dot:hover span { border-color: rgba(29, 152, 135, 0.9); } .utf-services-area .utf-services-carousel .owl-dots { margin-top: 20px !important; text-align: left !important; } .utf-services-area .utf-services-carousel.utf-services-items .owl-nav { margin-top: 30px; text-align: center; } .utf-services-area .utf-services-carousel.utf-services-items .owl-nav .owl-prev, .utf-services-area .utf-services-carousel.utf-services-items .owl-nav .owl-next { background: rgba(29, 152, 135, 0.9); color: #ffffff; font-size: 20px; height: 40px; left: -25px; line-height: 40px; border-radius: 40px; margin-top: -20px; padding: 0; position: absolute; text-align: center; top: 50%; width: 40px; box-shadow:0px 3px 5px 0 rgba(0, 0, 0, 0.2); } .utf-services-area .utf-services-carousel.utf-services-items .owl-nav .owl-next { left: auto; right: -25px; } .utf-services-area .utf-services-items .equal-height .item:hover i{ background:#ffffff; color:rgba(29, 152, 135, 0.9); } @font-face { font-family: 'iconfont'; /* project id 2178069 */ src: url('//at.alicdn.com/t/font_2178069_124no3t1pe3q.eot'); src: url('//at.alicdn.com/t/font_2178069_124no3t1pe3q.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_2178069_124no3t1pe3q.woff2') format('woff2'), url('//at.alicdn.com/t/font_2178069_124no3t1pe3q.woff') format('woff'), url('//at.alicdn.com/t/font_2178069_124no3t1pe3q.ttf') format('truetype'), url('//at.alicdn.com/t/font_2178069_124no3t1pe3q.svg#iconfont') format('svg'); } /* 绗竷閮ㄥ垎-浼佷笟鏈嶅姟 */ .main7 { width: 100%; float: left; background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_11_02/20201102054555260.png) no-repeat Center bottom;} .main7 .main3_1 { margin-top: 0;} .main7 .main3_2 { margin-bottom: 60px;} .main7_l { width: 46%; float: left;} .main7_l img { display: block; max-width: 100%; margin: 0 auto;} .main7_l span { width: 100%; display: block; font-size: 20px; color: #2e2e2e; margin:15px auto 10px;} .main7_l span a { color: #2e2e2e; font-size: 20px;} .main7_l p { width: 100%; display: block; font-size: 16px; color: #2e2e2e; line-height: 28px;} .main7_l p a { color: #2e2e2e;} .main7_l em { width: 170px; height: 28px; line-height: 28px; text-align: center; display: block; background: rgba(29, 152, 135, 0.9); margin: 25px 0 40px 0; text-transform: uppercase;} .main7_l em a { color: #fff; display: block; font-family:Arial;} .main7_r { width: 46%; float: right;} .main7_r li { width: 100%; float: left; margin-bottom: 40px;} .main7_r li:hover .m7l { color: #fff; background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_11_02/20201102054620548.png) no-repeat left center;} .m7l { width: 67px; height: 57px; float: left; font-size: 18px; color: #001f50; text-align: center; background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_11_02/20201102054602594.png) no-repeat left center;} .m7l span { border-bottom: 1px solid #ccc; display:block; width: 60px;padding-top: 6px;} .m7r { width: 500px; float: right;} .m7r span a{ width: 100%; display: block; font-size: 20px;} .m7r span a { color: #000;} .m7r i { width: 100%; height: 30px; display: block; background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_11_02/20201102054706232.png) no-repeat left center;} .m7r p { width: 100%; display: block; font-size: 16px; color: #2e2e2e;} a:hover { text-decoration: none; } .m7r p { font-size: 16px; color: #2e2e2e; } .main7 .main3_1 { margin-top: 0; } .main3_1 { font-size: 34px; color: #313131; margin-top: 85px; } .main3_1, .main3_2, .main3_3 { width: 100%; text-align: center; } .main7 .main3_2 { margin-bottom: 60px; } .main3_2 { font-size: 50px; line-height: 45px; color: #000000; font-weight: bold; text-transform: uppercase; font-family: Arial; } .main3_1, .main3_2, .main3_3 { width: 100%; text-align: center; } .main7_l span { font-size: 20px;}.link_jieshao{width:1300px; margin:0 auto; border:2px #40978e solid;} .lj_title{ height:40px; line-height:40px; background-color:#40978e; } .lj_titlespan{ color:#ffffff; padding:0 20px; height:40px;line-height:40px; display:inline-block; text-align:center; background-color:#40978e; cursor: pointer;} .lj_titlespanhover{background-color:#ffffff; color:#40978e;} .lj_box_main{display:none; line-height:28px;} .lj_box_mainhover{display:block;} .lj_box_main a{display: inline-block; padding:0 10px; line-height:30px;} .lj_box{padding:15px 0px; width:1160px; margin:0 auto;} /* 绗叓閮ㄥ垎-杩斿洖椤堕儴 */ .main8 { width: 100%; float: left; height: 92px; margin-top: 50px; position: relative; z-index: 10;margin-bottom: -30px;} .gotop { width: 1300px; margin: -70px auto -35px; border-radius: 8px; height: 102px; background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/10/28/zshaochen/product/product_pic/image/2020_11_04/20201104092204377.png) no-repeat center bottom #40978e; } #p_bottom{ width:1300px; margin:0 auto; clear:both; } .p_bottom_list{ height:180px; width:250px; float:left; border-right:1px #dbdbdb solid; margin:15px auto;} .p_bottom_list_title{ text-indent:80px; font-size:16px; line-height:40px; color:#000;} .p_bottom_list_title_a{ line-height:25px; font-size:14px; color:#777;} .p_bottom_list_c{margin-left:80px; overflow:hidden; height:130px; color:#777; } .p_bottom_list_c div{line-height:25px;} #bottom{ background-color:#40978e;} #bottom_box{width:1200px; margin:0 auto; color:#fff; line-height:40px;} #bottom_box *{color:#fff; }.up-arrow-w{ position: absolute; z-index: 999; top: -12px; left: 20px; } /*渚ц竟鏍?/ /* side */ .side{position:fixed;width:54px;height:275px;right:0;top:754px;z-index:100;} .side ul li{width:54px;height:54px;float:left;position:relative;} .side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#f37022;color:#fff;font:14px/54px "寰蒋闆呴粦";overflow:hidden;} .side ul li .sidetop{width:54px;display:inline-block;background:#a01822;transition:all 0.3s;} .side ul li .sidetop:hover{background:#fea018;opacity:1;filter:Alpha(opacity=100);} .side ul li img{float:left;padding: 12px;} .side-top-span{ display: inline-block; width: 54px; height: 54px; background: #FFF; color: #29ab7a ; font-size: 14px; font-family: "Microsoft YaHei"; line-height: 54px; text-align: center; } .side ul li .sidebox11{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#231f20;color:#fff;font:14px/54px "寰蒋闆呴粦";z-index: 9999} .sb-code-img{ position: absolute; top: -34px; left: -132px; z-index: 9999; width: 132px; height: 162px; background-color: white; } .sb-code-img img{ padding: 11px; float: none; text-align: center; } .sb-code-img p{ font: 14px "Microsoft YaHei"; color: black; text-align: center; } .sb-right-arrow{ position: absolute; top: 20%; right: -17px; }