.nav span { background: url(http://pic19_1.qiyeku.com/qiyeku_pic/2008/12/7/baxi/product/product_pic/image/2019_12_03/20191203081125008.png) left center no-repeat; margin-left: 80px; display: inline-block; font-size: 1em; text-indent: 30px; color: #333; } .banner_n:after{content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);position: absolute;top: 0;} .banner_tit{width: 1400px;margin: 0px auto;position: relative;padding-top: 150px;} .banner_tit h3{font-size: 40px;color:#fff;display: block;line-height: 42px; font-weight:400; letter-spacing: 2px; text-align: center;font-weight:bold;} .banner_tit h6{font-size: 18px;font-weight:100;color: #f7fafd; margin-top: 20px;line-height: 30px;text-align: center; font-weight:200; letter-spacing: 1px;opacity: 0.8;} .banner_tit p { font-size: 20px; color: rgba(255, 255, 255, 0.4); font-family: 'Arial'; text-align: center; font-weight: bold; text-transform: uppercase; } *{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, androids, ioses 4.2+*/ url('/css/iconfont/iconfont.svg#iconfont') format('svg'); /* ioses 4.1- */ } @font-face { font-family: 'iconfont'; /* project id 781842 */ src: url('http://at.alicdn.com/t/font_781842_dzf2heyghpb.eot'); src: url('http://at.alicdn.com/t/font_781842_dzf2heyghpb.eot?#iefix') format('embedded-opentype'), url('http://at.alicdn.com/t/font_781842_dzf2heyghpb.woff2') format('woff2'), url('http://at.alicdn.com/t/font_781842_dzf2heyghpb.woff') format('woff'), url('http://at.alicdn.com/t/font_781842_dzf2heyghpb.ttf') format('truetype'), url('http://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:1200px!important; margin:0 auto;} .imgALL img { display: block; width: 100%; margin: 0 auto;} .fz30 { font-size:3.0vw;} /*英文小标题24px*/ .fz35 { font-size:3.5vw;} /*正文字体28px*/ .fz37 { font-size:3.75vw;} /*小标题30px*/ .fz75 { font-size:7.5vw;} /*大标题60px*/ .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%; z-index: 900; background: rgba(255, 255, 255, 0.9);} .header_bg h1 { display:block; float: left; margin-top: 5px;} .header_bg .nav { width: 950px; height: 80px; line-height: 80px; float: right; display: block; font-size: 18px; margin-top: 15px;} .header_bg .nav a { color: #333;width: 17%;display: block;float: left; text-align: center;font-size: 16px; } .header_bg .nav a:hover { background: url(http://pic21_1.qiyeku.com/qiyeku_pic/2021/9/26/youyijun/product/product_pic/image/2021_10_22/20211022052910796.jpg)no-repeat bottom center;} .header_bg .nav a.nav_cur { background: url(http://pic21_1.qiyeku.com/qiyeku_pic/2021/9/26/youyijun/product/product_pic/image/2021_10_22/20211022052910796.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;} .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:#ce1717; position:relative;} background: -moz-linear-gradient(left, #ce1717 0%, #008cee 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ce1717 0%,#008cee 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ce1717 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:#ce1717;color:#fff;} .online .code{display: none;} .online .submit{display:none;} .blk{margin-bottom: 20px;} .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 #ce1717; 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 { background: #f5f5f5;} .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 #ce1717; border-color: #ce1717;} .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 #ce1717;border-color: #ce1717;} .p16-left-nav-1 li.sidenavcur a,.p16-left-nav-1 li:hover a { color: #fff; } /*内页板块全局变量*/ /*翻页*/ .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:#ce1717; 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:380px;} /*Main模板*/ .blk-main{width:1200px; margin: 0 auto;} /*小模块*/ .blk-xs{width:240px;} /*中模块*/ .blk-sm{width:860px;} /*小版块*/ .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: #ce1717;} .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: #ce1717;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} .left2 { width:850px; float:right; overflow:hidden;} .right2 { width:275px; float:right; overflow:hidden;} .left2top { height:3px; font-size:0; overflow:hidden;} .right2top { height:3px; font-size:0; overflow:hidden;} .right2_main { width:271px; border:solid 2px #333; padding-bottom:15px; overflow:hidden;} .left2_main { border:solid 1px #d5d5d5; padding-bottom:15px; overflow:hidden;} .right2_main .t03 { background: #333 none repeat scroll 0 0; color: #ffffff; font-size: 16px; font-weight: bold; height: 36px;line-height: 36px; text-align: center; } .right2_main .t03 a { color:#fff;}/*资讯页面,右边粗体标题样式,可修改文字色彩*/ .right2_main .t03 a:hover {}/*资讯页面,右边粗体标题样式,可修改文字色彩*/ .inner-brief{background:url(http://pic18_2.qiyeku.com/qiyeku_pic/2018/9/30/renshang/product/product_pic/image/2018_10_16/20181016034446815.gif);padding:4px;} .inner-bribg{ background:#FFF;border:1px solid #CCC; padding:4px;} .t04 { background-position:-63px -197px; line-height:25px; text-indent:15px; } .blk-xs {width: 275px;float: left;} /*资讯详细页面内容*/ .n_info_con { width:828px; padding:10px 15px 0 10px; overflow:hidden;} .n_info_con h1 {color: #40978e; font-size: 22px; line-height: 40px; text-align: center;} .n_info_con2 { width:900px; margin:0 auto;} .n_info_con h3 { text-align:center; color:#000; font-family:"宋体"; margin-bottom:10px; font-size:24px;border-bottom: 1px dashed #CCCCCC; } /*资讯详细页面,内容标题*/ .info_con_tit {font-family:"宋体"; line-height:24px; margin-bottom:15px;font-size: 12px;} .info_con_tit span { margin-right:20px; overflow:inherit;} .info_con_tit .n_tit { text-align:center; color:#BCBBBB;} .info_con_tit .n_tit a{ color:#BCBBBB;} .info_con_tit .n_tit2 { height:24px;} .n_info_con .tit2_span { float:right; margin:0; _margin-top:5px;} .n_info_con p { line-height:22px; padding:0 10px;word-spacing: 10px;} .n_info_con p a { color:#01a836;} .n_info_con .apage { text-align:center; margin-bottom:10px;} /*资讯详细页面,翻页区块*/ .info_input { text-align:center; color:#000; margin-bottom:15px;} /*详细页面,评论,推荐,打印,订阅,按钮样式块*/ .info_input input { } /*详细页面,评论,推荐,打印,订阅,按钮,可修改文字色彩*/ .info_key { border-bottom:solid 1px #ccc; height:30px; line-height:30px; padding:0 10px; margin:10px 0; width:900px; overflow:hidden;} .info_key span { font-size:14px; font-weight:bold;} .info_key a { margin-right:10px;} .ad2 { margin-bottom:10px;} .n_info_con2 .t04 { color:#000; background:none;border:1px solid #ccc;border-bottom:0;}/*可修改文字色彩(关于网络推广)*/ /* -- 新闻详细页新闻列表 -- */ .info_b , .info_b2 { border:solid 1px #ccc; width:898px; padding:5px 0; overflow:hidden; margin-bottom:10px;} ul.p_list_ul, ul.p_list_ul2 { } ul.p_list_ul li, ul.p_list_ul2 li { background:url(http://pic18_2.qiyeku.com/qiyeku_pic/2018/9/30/renshang/product/product_pic/image/2018_10_16/20181016042934968.gif) no-repeat 10px 9px; line-height:23px; float:left; width:425px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-indent:20px; margin-left:10px; display:inline; color:#666;font-size: 14px;} .info_b2 { width:900px;} ul.p_list_ul2 li { width:342px; padding-right:5px;} .gduo{ height:30px; line-height:30px; background:#f7f7f7; overflow:hidden; margin:15px 0px; padding:0 10px;font-size: 14px;} .gduo span{ float:right; width:320px; overflow:hidden; height:30px; display:block; font-size: 14px;} .gduo a{ font-weight:bold;font-size: 14px;} /*---资讯详细页的推荐产品--*/ .n_info_tjcp h4{ border-bottom:1px solid #ccc;} .n_info_tjcp dl{float: left;overflow: hidden; padding: 20px 8px 0; width: 285px;} .n_info_tjcp dt{width:285px; padding:1px; border:1px solid #ccc; line-height:0; font-size:0;} .n_info_tjcp dt img{ width:285px; } .n_info_tjcp dd{ line-height:18px; height:18px; overflow:hidden; text-align:center; padding-top:5px; color:#ab8673; width:285px;} .n_info_tjcp dd a{ height:18px; overflow:hidden; color:#333;font-size: 14px;} .n_info_tjcp dt a:hover img{ opacity : 0.8;} /* -- 右侧新闻列表 -- */ ul.n_rt_ul li.cur { background: url(http://pic18_2.qiyeku.com/qiyeku_pic/2018/9/30/renshang/product/product_pic/image/2018_10_16/20181016044658141.gif) no-repeat 265px 13px; } .page-wrap-contact { padding: 10px 0; font-size: 14px; } .page-wrap-contact h4 { padding: .3em 1.4em .8em 1.4em; font-size: 16px; color: #000000; } .page-wrap-contact p { border-top: 1px solid #eee; position: relative; margin-bottom: 0; padding: .8em 1.4em; color: #2f2f2f; } /* 内页左侧导航栏样式 */ .xypg-left-nav { margin: 0 -1px; } .xypg-left-nav > li { position: relative; border-bottom: 1px solid #eeeeee; } .xypg-left-nav > li:last-child { border-bottom: none; } .xypg-left-nav > li > a { display: block; font-size: 16px; line-height: 22px; color: #2e2e2e; padding: 15px 18px; } .xypg-left-nav > li .first-nav-btn { position: absolute; z-index: 99; width: 30px; height: 30px; text-align: center; top: 10px; right: 20px; cursor: pointer; background: url(http://pic20_1.qiyeku.com/qiyeku_pic/2020/6/5/huanbao/product/product_pic/image/2020_06_13/20200613053633497.png) 0 -240px no-repeat; } .xypg-left-nav > li .first-nav-btn.clicked { background-position: 0 -270px; } .xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a { color: #ab001a; } .xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn { color: #ab001a; } .xypg-left-nav .xypg-left-subnav { display: none; padding: 0 10px; } .xypg-left-nav .xypg-left-subnav > li { border-top: 1px dashed #eeeeee; } .xypg-left-nav .xypg-left-subnav > li > a { padding: 8px; display: block; line-height: 20px; color: #818181; font-size: 16px; } .xypg-left-nav .xypg-left-subnav > li > a:hover { color: #ab001a; } .xypg-left-nav .xypg-left-subnav > li.clicked > a { color: #ab001a; } .xypg-left-nav .xypg-left-threenav > li > a { padding: 5px 10px; display: block; font-size: 14px; line-height: 24px; color: #999999; } .xypg-left-nav .xypg-left-threenav > li > a:before { content: '\2014 '; } .xypg-left-nav .xypg-left-threenav > li > a:hover { color: #ab001a; } .xypg-left-nav .xypg-left-threenav > li.clicked > a { color: #ab001a; } @media (max-width: 990px) { .xypg-left-nav .xypg-left-threenav { display: block; } } .xypg-pro-description { border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 2em; } .xypg-product-list { margin: 0 -1.5%; font-size: 0; } .xypg-product-list li { display: inline-block; vertical-align: bottom; width: 30.333%; margin: 0 1.5% 20px 1.5%; padding: 10px 10px 0 10px; border: 1px solid #eeeeee; -webkit-transition: all .5s ease; transition: all .5s ease; } .xypg-product-list li .img { display: block; } .xypg-product-list li h3 a { display: block; text-align: center; font-size: 14px; color: #5a5a5a; line-height: 1.6; padding: .8em 0; } .xypg-product-list li:hover { border-color: #292e39; } .xypg-product-list .no-result { margin: 0 1.5%; font-size: 14px; } .xypg-case-list { margin: 0 -1%; font-size: 0; } .xypg-case-list li { display: inline-block; vertical-align: bottom; width: 31.333%; margin: 0 1% 10px 1%; -webkit-transition: all .5s ease; transition: all .5s ease; } .xypg-case-list li .img { display: block; } .xypg-case-list li h3 a { display: block; text-align: center; font-size: 14px; color: #5a5a5a; line-height: 1.6; padding: .8em 0; } .xypg-case-list li:hover h3 a { color: #ab001a; } /* 内页新闻列表 */ .xypg-left-box{ width: 305px; } .xypg-left-title { background: #40978e; padding: 10px 20px; position: relative; } .xypg-left-title h3 { font-size: 20px; color: #ffffff; line-height: 30px; font-weight: bold; position: relative; z-index: 9; } .xypg-left-title i { position: absolute; left: -5px; top: -9px; font-style: normal; font-size: 67px; font-weight: bold; opacity: .1; color: #fff; line-height: 1; z-index: 1; text-transform: uppercase; } .xypg-left-con { border: 1px solid #d2d2d2; border-top-color: rgb(210, 210, 210); border-top-style: solid; border-top-width: 1px; border-top: none; } .n_rt_ul { padding: 10px 0; } .n_rt_ul li { padding: .5em 1em; font-size: 14px; height: 15px; overflow: hidden; } .n_rt_ul li a { display: block; line-height: 1.2; color: #5a5a5a; width: 250px; } .n_rt_ul li a::before { content: '+'; font-weight: bold; margin-right: 5px; font-size: 16px; } .xypg-news-list li { border: 1px solid #e1e1e1; padding: 30px; background: #fff; margin-bottom: 35px; -webkit-transition: all .5s; transition: all .5s; } .xypg-news-list li .tit { border-bottom: 1px solid #cbcbcb; margin-bottom: 15px; position: relative; } .xypg-news-list li .tit h3 { padding-bottom: 15px; font-size: 18px; color: #565656; font-weight: normal; padding-right: 25%; margin: 0; } .xypg-news-list li .tit .date { position: absolute; right: 0; top: 0; font-size: 14px; color: #666666; } .xypg-news-list li .info { font-size: 14px; line-height: 2; color: #999999; } .xypg-news-list li .more { margin-top: 15px; } .xypg-news-list li .more span { display: inline-block; width: 130px; line-height: 33px; text-align: center; color: #000; font-size: 14px; color: #666666; border: 1px solid #e1e1e1; -webkit-transition: all .5s ease; transition: all .5s ease; } .xypg-news-list li:hover { -webkit-box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); box-shadow: 0px 2px 13px 1px rgba(8, 1, 3, 0.18); } .xypg-news-list li:hover .tit h3 { color: #292e39; } .xypg-news-list li:hover .more span { color: #fff; background-color: #40978e; } @media (max-width: 990px) { .xypg-news-list li .tit { border-bottom: none; } .xypg-news-list li .tit h3 { padding-right: 0; padding-bottom: 10px; } .xypg-news-list li .tit .date { position: static; border-bottom: 1px solid #cbcbcb; padding-bottom: 5px; color: #999; } } .xypg-album-cate { margin: 0 -1%; } .xypg-album-cate li { float: left; width: 31.33333%; margin: 0 1% 20px 1%; border: 1px solid #eaeaea; padding: 10px; } .xypg-album-cate li .album-img { margin-bottom: 15px; } .xypg-album-cate li .album-img img { width: 100%; } .xypg-album-cate li .album-title { text-align: center; font-size: 15px; color: #666666; margin-bottom: 5px; } .xypg-album-cate li .album-num { font-size: 16px; color: #333333; text-align: center; } .xypg-album-cate li .album-num span { display: inline-block; margin-right: 5px; } @media (max-width: 768px) { .xypg-album-cate li { width: 48%; } } @media (max-width: 420px) { .xypg-album-cate { margin: 0; } .xypg-album-cate li { width: 100%; margin: 0 0 20px 0; } } .xypg-album-list { margin: 0 -1%; } .xypg-album-list li { float: left; width: 31.33333%; margin: 0 1% 20px 1%; position: relative; } .xypg-album-list li .img { display: block; overflow: hidden; } .xypg-album-list li .img img { width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease; } .xypg-album-list li h3 { position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; background: rgba(0, 0, 0, 0.5); text-align: center; color: #fff; line-height: 40px; font-weight: normal; font-size: 16px; } .xypg-album-list li:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 768px) { .xypg-album-list li { width: 48%; } } @media (max-width: 420px) { .xypg-album-list { margin: 0; } .xypg-album-list li { width: 100%; margin: 0 0 20px 0; } } .xypg-album-list.xypg-getkey-list li { width: 18%; } @media (max-width: 1200px) { .xypg-album-list.xypg-getkey-list li { width: 31.3333%; } } @media (max-width: 768px) { .xypg-album-list.xypg-getkey-list li { width: 48%; } } @media (max-width: 420px) { .xypg-album-list.xypg-getkey-list { margin: 0; } .xypg-album-list.xypg-getkey-list li { width: 100%; margin: 0 0 20px 0; } } /* 下载列表页 */ .xypg-download-list .download-title { line-height: 60px; background: #d9d9d9; font-size: 18px; color: #333333; } .xypg-download-list .download-title span { display: block; float: left; text-align: center; width: 19%; } .xypg-download-list .download-title .file-name { width: 43%; text-align: left; padding-left: 5%; } .xypg-download-list .download-item { line-height: 50px; } .xypg-download-list .download-item .download-item-span { float: left; width: 19%; text-align: center; font-size: 14px; color: #555555; } .xypg-download-list .download-item .download-item-span.download-item-first { padding-left: 4%; width: 43%; text-align: left; } .xypg-download-list .download-item .download-item-span.download-item-iocn .iconfont { margin-right: 5px; font-size: 14px; } .xypg-download-list .download-item .download-item-span.download-item-iocn a { color: #292e39; } .xypg-download-list .download-item .download-item-span.download-item-iocn a:hover { text-decoration: underline; } .xypg-download-list .download-item:nth-child(odd) { background: #f3f3f3; } .xypg-download-list .download-item .mob-download-title { display: none; } @media (max-width: 768px) { .xypg-download-list .download-title { display: none; } .xypg-download-list .download-item { border: 1px solid #ebebeb; margin-bottom: 20px; background: #fff !important; } .xypg-download-list .download-item .download-item-span { float: none; width: 100%; } .xypg-download-list .download-item .download-item-span.download-item-first { padding-left: 0; width: 100%; } .xypg-download-list .download-item .download-item-span .mob-download-title { float: left; display: block; width: 130px; padding-left: 15px; text-align: left; font-weight: bold; } .xypg-download-list .download-item .download-item-span .download-item-con { float: right; width: calc(100% - 130px); text-align: right; padding-right: 20px; } .xypg-download-list .download-item .download-item-span + .download-item-span { border-top: 1px dashed #ebebeb; } } /* 下招聘列表页 */ .xypg-job-list .job-name { width: 32.5%; padding-left: 4%; } .xypg-job-list .job-xlyq { width: 32.5%; padding-left: 4%; } .xypg-job-list .job-number { width: 20%; text-align: center; } .xypg-job-list .job-more { width: 15%; text-align: center; } .xypg-job-list .job-title { line-height: 60px; background: #292e39; font-size: 18px; color: #fff; } .xypg-job-list .job-title span { display: block; float: left; font-weight: bold; } .xypg-job-list .job-item { margin-top: 20px; line-height: 60px; background: #f8f8f8; } .xypg-job-list .job-item .job-item-span { float: left; font-size: 16px; color: #333333; min-height: 1px; } .xypg-job-list .job-item .job-item-span .job-item-con { display: block; } .xypg-job-list .job-item .job-more a { float: right; display: block; text-align: center; background: #000; width: 29px; height: 29px; margin: 15px 30px 0 0; background: #9c9c9c url(../images/xypg-job-jt.png) center no-repeat; border-radius: 50%; } .xypg-job-list .job-item .job-more a:hover { background-color: #292e39; } .xypg-job-list .job-item .mob-job-title { display: none; } @media (max-width: 768px) { .xypg-job-list .job-title { display: none; } .xypg-job-list .job-item { border: 1px solid #ebebeb; margin-bottom: 20px; background: #fff !important; line-height: 50px; } .xypg-job-list .job-item .job-item-span { float: none; width: 100%; padding-left: 0; font-size: 14px; } .xypg-job-list .job-item .job-item-span .mob-job-title { float: left; display: block; width: 130px; padding-left: 15px; text-align: left; font-weight: bold; } .xypg-job-list .job-item .job-item-span .job-item-con { float: right; width: calc(100% - 130px); text-align: right; padding-right: 20px; } .xypg-job-list .job-item .job-more a { margin: 12px 0 0 0; } .xypg-job-list .job-item .job-item-span + .job-item-span { border-top: 1px dashed #ebebeb; } } /*资讯详细页的最新产品*/ #newpro{ width:250px;margin:0 auto;} #newpro h5{ height:25px;line-height:25px; } #newpro h5 a{ font-size:12px; color:#666;font-weight:normal;} #newpro dl{ height:80px; overflow:hidden;} #newpro dl dt{ width:104px;height:76px;float:left;} #newpro dl dt img{ width:100px; height:74px; border:1px solid #CCC; padding:1px;} #newpro dl dt a:hover img{border:1px solid #c8a063} #newpro dl dd{ float:left;height:72px; line-height:20px; width:120px;margin-left:6px; display:inline;} #newpro dl dd li{ height:24px; line-height:24px;overflow:hidden;width:200px;} .p_rt_tit{ line-height:32px; height:32px; text-overflow: ellipsis;white-space: nowrap;overflow:hidden; color:Orange; margin-left:21px;width: 230px;background: none repeat scroll 0 0 #ddd; border-bottom: 1px solid #fff; } .p_rt_ul li.cur .p_rt_tit{top: 150px;left: 21px;position: absolute;background: none repeat scroll 0 0 #000 ;opacity: 0.6; filter:alpha(opacity=60); width: 230px; text-align:center; margin-left:0px; height:32px;} .p_rt_ul{list-style:none; border-top:none; padding-bottom:5px; width:272px; overflow:hidden;} .p_rt_ul li{ float:left; padding:0px;width:100%; } .p_rt_ul li h3{ font-size:12px; font-weight:normal;color:Black; line-height:32px; height:32px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;} .p_rt_ul .cur{opacity:0.9;filter:alpha(opacity=90); position: relative; padding-top: 16px;} .p_rt_ul .cur h3 a{font-weight:bold; color:#fff;} .p_rt_ul li h3 a{ font-size:14px; font-family:Arial; font-weight:normal; margin-left:5px; color:#333; height:32px;} .p_rt_ul li.cur h3 a{ line-height:32px;} .p_rt_ul dl{ width: 230px; overflow:hidden; display:none; padding-left:16px;margin-left:5px;} .p_rt_ul dl dd{ float:left; } .p_rt_ul dl dt{ float:left; overflow:hidden; display:block; line-height:24px;text-align: center;width: 100%;} .p_rt_ul dl dt a{ color:#666666; font-size:14px; line-height:34px; display:block; margin-top: 5px;} .p_rt_ul li dd img{ width:230px; height:136px; display:block;} .p_rt_ul li .r_info{ display:block; font-size:0px;} #cambrian0{background-color: #fff;margin: 20px 0; position: relative;z-index: 0;border-radius: 4px;overflow: hidden;webkit-tap-highlight-color: transparent;height: 310px!important;} #cambrian0 ._1mpIIe ._3YDNrK ._3Ur4mW {width: 67px; height: 67px; border: 1px solid transparent; border-radius: 50%; margin-top: 26px;} #cambrian0 ._1mpIIe ._3YDNrK {text-align: center;} #cambrian0 ._1mpIIe .fsM37u{margin-top: 10px; text-align: center; line-height: 16px; font-size: 16px;color: #333; font-weight: 600;} #cambrian0 ._1mpIIe ._2QGloY{width: 78%;margin: auto; margin-top: auto; margin-top: 10px;text-align: center;font-size: 13px; color: #999;line-height: 17px; font-weight: 300;} #cambrian0 ._1mpIIe .FiQpSl{text-align: center; margin: 13px 0 25px;} #cambrian0 ._25ZfXD {width: 120px; padding: 8px 0;text-align: center; font-weight: 300; font-size: 12px; line-height: 12px; vertical-align: middle; display: inline-block; color: #fff; background: #3897f0;border-radius: 3px; -webkit-tap-highlight-color: transparent;} /* 第八部分-返回顶部 */ .main8 { width: 100%; float: left; height: 92px; margin-top: 50px; position: relative; z-index: 10;margin-bottom: -30px;} .gotop { width: 1226px; 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 #dbdbdb; } #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;} .help_div { width: 170px; height: 160px; float: left; margin-left: 22px; display: inline; } .help_div_title { color: #656563; font-size: 14px; font-weight: bold; height: 30px; width: 160px; line-height: 30px; } #bottom{ background-color:#626262;} #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: #ce1717 ; 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; }