@media screen and (max-width:1520px){ .inda_title em{font-size: 6rem;} .inda_title h2{ font-size: 2.5rem; padding: 12px 0 15px 0;} .inda_mc{ padding: 8% 3% 0 3%;} .inda_mc h3{ font-size: 1.625rem;} .inda_mc p{ line-height: 22px; font-size: 0.875rem;} } @media screen and (max-width:1300px){ .inda_nr li{ flex: 0 1 24%;} .inda_mc h3{ font-size: 1.5rem;} } @media screen and (max-width:1270px){ .index_bga{ padding: 60px 0 80px 0;} .inda_nr li{ flex: 0 1 24.5%;} .inda_po{ height: 42%;} .inda_mc h3{ font-size: 1.25rem;} .inda_mc p{ line-height: 20px;} } @media screen and (max-width:1020px){ .index_bga{ padding: 50px 0 80px 0;} .inda_title em{font-size: 5rem;} .inda_title h2{ font-size: 2.25rem; padding: 12px 0 5px 0;} .inda_nr{ padding-top: 25px;} .inda_po{ height: 22%;} .inda_mc h3{ font-size: 1.125rem;} .inda_mc p{ display: none;} } @media screen and (max-width:700px){ .index_bga{ padding: 30px 0 50px 0;} .inda_title em{font-size: 3.5rem;} .inda_title h2{ font-size: 1.5rem;} .inda_nr ul{ flex-wrap: wrap;} .inda_nr li{ flex: 0 1 49.5%;} .inda_nr li:nth-child(n+3){ margin-top: 1%;} .inda_mc h3{ font-size: 1rem;} } ol, ul, li, p, dl, dt, dd, h1, h2, h3, h4, h5, h6 { list-style: none outside none; margin: 0px; margin-top: 0px; padding: 0px; font-size: 100%; font-weight: normal; font-size: 14px; } .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:#1b6dd9; position:relative;} background: -moz-linear-gradient(left, #1b6dd9 0%, #008cee 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #1b6dd9 0%,#008cee 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #1b6dd9 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:#1b6dd9;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 #1b6dd9; 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: 16.66%;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 #1b6dd9; border-color: #1b6dd9;} .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; 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 #1b6dd9;border-color: #1b6dd9;} .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:#1b6dd9; 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: #1b6dd9;} .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: #1b6dd9;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;} /*---产品列表页面的随机资讯--*/ .leib { width: 240px;margin-bottom: 20px;} .leib .tit {background: #999 none repeat scroll 0 0; color: #ffffff;font-size: 24px; height: 60px; line-height: 60px;text-align: center;} .leib .nr { border: 2px solid #999 ;} .leib .nr h4 {background: #BD8554 none repeat scroll 0 0;height: 30px;line-height: 30px;margin: 4px 13px 2px; overflow: hidden; padding-left:57px;} .leib .nr h4 a {color: #fff; font-size:15px;} .leib .nr h4.cur a {color: #fff;} .leib .nr ul { margin: 0 auto;width: 181px;} .leib .nr li { display: block;font: 13px/28px "Microsoft YaHei";height: 28px; overflow: hidden; position: relative; z-index: 5;} .leib .nr li a { display: block;height: 28px;line-height: 28px;padding: 0 0 0 55px;} .leib .nr li.cur a { color: #BD8554;font-weight: bold;} /* -- 最近浏览过的产品 -- */ dl.pd_t05_con_dl { width:180px; overflow:hidden; margin:10px auto 3px;} dl.pd_t05_con_dl dt{border:solid 1px #ccc;} dl.pd_t05_con_dl dt,dl.pd_t05_con_dl dt a{ width:178px; height:140px; line-height:0; font-size:0;} dl.pd_t05_con_dl dt img { width:176px; height:119px; padding:1px; object-fit: contain;} dl.pd_t05_con_dl dt a:hover img { border:solid 0px #239420; opacity : 0.8;object-fit: contain;} dl.pd_t05_con_dl dd {width:180px; overflow:hidden;height:20px; line-height:20px; padding-top:5px; text-align:center; color:#555; } .contact-z1 {height: 140px; background: url("http://pic18_2.qiyeku.com/qiyeku_pic/2016/4/24/zsshuanghong/product/product_pic/image/2018_11_01/20181101052246487.jpg") no-repeat;color: #333; margin-bottom: 30px; } .contact-z1 p { font-size: 20px; height: 30px;line-height: 30px;padding: 37px 0 0 95px; background: url(http://pic18_2.qiyeku.com/qiyeku_pic/2016/4/24/zsshuanghong/product/product_pic/image/2018_11_01/20181101052557591.png) no-repeat 74px 44px;} .contact-z1 span {display: block;height: 30px; font-weight: bold; font-size: 18px; line-height: 30px; padding-left: 73px;} @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} .banner_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-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:1300px!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%; height: 115px; z-index: 900; background: rgba(255, 255, 255, 0.9);} .header_bg h1 { display:block; float: left; margin-top: 15px;} .header_bg .nav { width: 970px; height: 80px; line-height: 80px; float: right; display: block; font-size: 18px; margin-top: 15px;} .header_bg .nav a { color: #333;width: 15.5%;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;} .kg { width: 96%; margin: 0 auto; max-width: 1520px; } .top_bg{ width: 100%; background: #fff; position: relative; z-index:9991; transition: 0.5s;} .logotel{ height: 96px; width: 100%; background: #fff;} .logotel .kg{ display: flex; justify-content: space-between;} .logo{ display: flex; align-items: center;} .logo a:nth-child(2){ margin-left: 19px; padding-left: 20px; border-left: 1px solid #e6e6e6;} .logo a:nth-child(2) p:nth-child(1){ line-height: 1em; color: #1b6dd9; font-weight: bold; font-size: 1.25rem;} .logo a:nth-child(2) p:nth-child(2){ color: #666; line-height: 1em; margin-top: 7px;} .logo a:nth-child(4){ margin-left: 25px; padding: 5px 25px; border: 1px solid #ddd; border-radius: 5px; transition: 0.5s;} .logo a:nth-child(3){ margin-left: 25px; padding: 5px 25px; border: 1px solid #ddd; border-radius: 5px; transition: 0.5s;font-size: 16px;} .logo a:nth-child(3):hover{ background: #1b6dd9; color: #fff; border: 1px solid #1b6dd9;} .logo a:nth-child(4):hover{ background: #1b6dd9; color: #fff; border: 1px solid #1b6dd9;} .logo a:nth-child(5){ margin-left: 20px;} .logo a:nth-child(5) img{ height: 30px;} .tel{ margin-top: 20px; background: url(../images/tel.png) no-repeat left center; padding-left: 30px; display: flex; align-items: center;} .tel p{ color: #666; font-size: 0.875rem; line-height: 16px; flex: 0 0 28px;} .tel span{ margin-left: 17px; padding-left: 20px; border-left: 1px solid #e6e6e6;} .tel span a{ display: block; font-size: 1.625rem; line-height: 0.8em; color: #1b6dd9; font-family: 'Ddinr'; transition: 0.5s;} .tel span a:nth-child(1){ margin-bottom: 8px;} .top_yy{ position: absolute;} .nav_bg{ width: 100%; border-bottom: 1px solid #1b6dd9; background: #fff; position: relative; z-index: 999;} .nav_bg::before{ content: ''; width: 100%; height: 1px; background: #e6e6e6; position: absolute; left: 0; top: 0;} .sp_nav{ display:none;} .sjj_nav>ul>li{ float:left; position:relative; width: 13.5%;} .sjj_nav>ul>li::after{ content: ''; border-top: 3px solid #1b6dd9; width: 100%; position: absolute; left: 0; top: 0; transform: scaleX(0); transition: 0.5s;} .sjj_nav>ul>li::before{ content: ''; background: #e6e6e6; width: 100%; height: 0; position: absolute; left: 0; top: 0; transition: 0.5s;} .sjj_nav>ul>li:hover::after,.sjj_nav>ul>li.cur::after{ transform: scaleX(1); transition: 0.5s;} .sjj_nav>ul>li:hover::before,.sjj_nav>ul>li.cur::before{ height: 100%; transition: 0.5s 0.4s;} .sjj_nav li .sp_nav_xjb{display:none;} .sjj_nav>ul>li>a{display:block; height:63px; line-height: 63px; color: #333; text-align: center; position:relative; z-index:9; transition:0.5s;} .sjj_nav>ul>li>a::before{ content: ''; width: 1px; height: 16px; background: #ccc; position: absolute; left: 0; top: 23px;} .sjj_nav>ul>li:nth-last-child(1)>a::after{ content: ''; width: 1px; height: 16px; background: #ccc; position: absolute; right: 0; top: 23px;} .sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.cur{ color: #222; transition: .05s;} .sjj_nav>ul>li>ul{ position:absolute; width:100%; background:rgba(255,255,255,0.95); left:0; top: 64px; overflow:hidden; display:none;} .sjj_nav>ul>li>ul>li{border-top:1px solid #fff; background: #e6e6e6;} .sjj_nav>ul>li>ul>li:nth-child(1){ border-top:none;} .sjj_nav>ul>li>ul>li>a{ display:block; line-height:50px; height:50px; font-size:1rem; color:#222; text-align:center; transition:0.5s;} .sjj_nav>ul>li>ul>li:hover>a{background:#1b6dd9; color:#fff; transition:0.5s;} @media screen and (max-width:1020px){ .logotel{ height: 80px;} .logotel .kg{ width: 100%;} .logo{ padding-left: 1%; padding-top: 0;} .logo a:nth-child(1) img{ height: 60px;} .tel{ display: none;} .nav_bg{ border-bottom: none;} .nav_bg::before,.sjj_nav>ul>li>a::before,.sjj_nav>ul>li:nth-last-child(1)>a::after,.sjj_nav>ul>li::after,.sjj_nav>ul>li::before{ display: none;} .sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.cur{ color: rgba(255,255,255,0.8);} .sjj_nav>ul>li>ul{ width: auto; position: relative; background: none; left: auto; top: auto;} .sjj_nav>ul>li>ul>li{border-top:1px solid rgba(255,255,255,0.1); background: none;} .sjj_nav>ul>li>ul>li:hover>a{background:none;} } @media screen and (max-width:700px){ .logotel{ height: 50px;} .logo a:nth-child(1) img{ height: 40px;} .logo a:nth-child(2){ display: none;} .logo a:nth-child(3){ margin-left: 15px; padding: 3px 12px; font-size: 0.8125rem; border-radius: 3px;} .logo a:nth-child(4){ margin-left: 15px; padding: 3px 12px; font-size: 0.8125rem; border-radius: 3px;} .logo a:nth-child(5) img{ display: none;} } #header.min { background:#fff;} #gNavi.min > li > a {color: #3c4145;} #header.min .searchBox .tel { color: #3c4145;} #header.min .searchBox .search a {border: 1px solid #ddd;} #header.min .searchBox .tel {background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2020/11/13/lingkong/product/product_pic/image/2020_11_17/20201117093503222.png) no-repeat right top;} /*banner*/ .banner_pc{display:block;} .banner_mobiles{display:none;} .banner .flex-control-nav {position: absolute; bottom:25px; left:50%; width: 100%; height:14px; margin-left:-50%; text-align: center;z-index:998;} .banner .flex-control-nav li{display: inline-block; margin:0 10px; } .banner .flex-control-nav a { width:14px !important; height:14px !important; background:url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/5/signman/product/product_pic/image/2019_06_11/20190611035639291.png) center center no-repeat !important; display: inline-block; text-align: center; cursor: pointer; zoom: 1; } .banner .flex-control-nav a.flex-active { zoom: 1; background:url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/5/signman/product/product_pic/image/2019_06_11/20190611035647947.png) center center no-repeat !important; } .banner .slides a { display: block; width:100%; height:100%; } .banner .flex-direction-nav { overflow: hidden; position: absolute; top:50%; left:0px; z-index:9; width:100%; margin-top: -32px; } .banner .flex-direction-nav li { position: relative; transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;-o-transition:all .9s ease;} .banner .flex-direction-nav li { float:right; right:-100px; } .banner .flex-direction-nav li:first-child { float:left; left:-100px; } .banner .flexslider:hover .flex-direction-nav li { right:0; } .banner .flexslider:hover .flex-direction-nav li:first-child { left:0; } .banner .m_flexslider:hover .flex-direction-nav li { right:0; } .banner .m_flexslider:hover .flex-direction-nav li:first-child { left:0; } .banner .flex-direction-nav li a { height:64px; width:64px; display: block; background-repeat: no-repeat; background-position: center; font-size: 0; transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; } .banner .flex-direction-nav li .flex-prev{background-image: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/5/signman/product/product_pic/image/2019_06_11/20190611035656650.png); } .banner .flex-direction-nav li .flex-next{background-image: url(http://pic18_4.qiyeku.com/qiyeku_pic/2019/6/5/signman/product/product_pic/image/2019_06_11/20190611035703072.png); } /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flexslider{ overflow:hidden;} .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block;height: 100%; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { background: #fff; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides{zoom: 1;} .carousel li{margin-right: 5px; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } .inda_title {text-align: center; position: relative;} .index_bgb .inda_title em { background-image: linear-gradient(#f3f2f2,#e6e6e6); } .inda_title em { font-style: normal; font-family: "Ddinb"; background-image: linear-gradient(#fafafa,#f5f5f5); color: transparent; -webkit-background-clip: text; font-size: 7.5rem; line-height: 0.8em; position: absolute; top: 0; left: 0; width: 100%; text-align: center; } .inda_title p { color: #666; position: relative; z-index: 9;} .inda_title h2 span { color: #1b6dd9; } .inda_title h2 { font-size: 3rem; color: #222; font-weight: bold; } .inda_title p { color: #666; position: relative; z-index: 9; } .inda_title h2 { font-size: 3rem; color: #222; font-weight: bold; padding: 12px 0 20px 0; position: relative; z-index: 9; } .index_bgb{ background: #f5f5f5; padding: 80px 0 100px 0; width: 100%;} .index_bgb .inda_title em{background-image: linear-gradient(#f3f2f2,#e6e6e6);} .idnb_gd{ margin-top: 45px; position: relative;} .indbfl{ border-bottom: 1px solid #ccc;} .indbfl .kg{ display: flex; justify-content: space-between;} .indb_fl{ display: flex; align-items: flex-start;} .indb_logo{ padding: 19px 25px 12px 0; border-right: 1px solid #ccc;} .indb_fl ul{ display: flex; padding-top: 30px;} .indb_fl li{ padding: 0 0px 28px 94px; text-align: center; position: relative;} .indbfl_pic{ position: relative;} .indbfl_pic span{ display: block; position: absolute; left: 0; top: 0; width: 100%;} .indb_fl li:hover .indbfl_pic p,.indb_fl li.on .indbfl_pic p,.indb_fl li .indbfl_pic span{ transform: scale(0); transition: 0.5s;} .indb_fl li .indbfl_pic p,.indb_fl li:hover .indbfl_pic span,.indb_fl li.on .indbfl_pic span{ transform: scale(1); transition: 0.5s;} .indbfl_mc{ color: #666; font-size: 1.125rem; transition: 0.5s;} .indb_fl li:hover .indbfl_mc,.indb_fl li.on .indbfl_mc{ font-weight: bold; color: #1b6dd9;} .indb_fl li::after{ content: ''; width: 100%; height: 7px; background: url(../images/indbfl_mao.png) no-repeat center; position: absolute; left: 0; bottom: -1px; transform: scaleX(0); transition: 0.5s;} .indb_fl li:hover::after,.indb_fl li.on::after{ transform: scaleX(1); transition: 0.5s;} .indb_more{ text-align: center; border-left: 1px solid #ccc; position: relative;} .indb_more a{ padding: 0 39px; display: block; background: url(../images/indb_h.png) no-repeat left 76%; transition: 0.5s;} .indb_more a:hover{background: url(../images/indb_l.png) no-repeat left 76%;} .indb_more a:hover .indbfl_pic p,.indb_more a .indbfl_pic span{ transform: scale(0); transition: 0.5s;} .indb_more a .indbfl_pic p,.indb_more a:hover .indbfl_pic span{ transform: scale(1); transition: 0.5s;} .indb_more a:hover .indbfl_mc{ font-weight: bold; color: #1b6dd9;} .indb_tab{ margin-top: 50px;} .inab_nr ul{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end;} .inab_nr li{ order: 1; flex: 0 1 24.672%; background: #fff; position: relative;} .inab_nr li:nth-child(1){ order: 1; flex: 0 1 74.869%;} .inab_nr li:nth-child(2){ order: 0;} .inab_nr li:nth-child(n+3){ margin-top: 0.4373%;} .indb_pic{ overflow: hidden;} .indb_pic img{ display: block; width: 100%; transition: 0.5s;} .inab_nr li:hover .indb_pic img{ transform: scale(1.05);} .indb_po{ position: absolute; width: 100%; height: 100%; position: absolute; left: 0; top: 0; color: #fff; display: flex; flex-wrap: wrap; align-content: space-between; box-sizing: border-box; padding: 39px 1.8%;} .indbt_mc{ flex: 0 1 100%;} .indbt_mc h3{ font-size: 1.5rem;} .indbt_mc p{ margin-top: 7px;} .indbt_mo{ flex: 0 1 132px; height: 30px; background: #1b6dd9; text-align: center; line-height: 30px; font-size: 0.875rem;} .indb_mc{background: url(../images/indb_h.png) no-repeat left center; height: 64px; line-height: 64px; padding: 0 5%; overflow: hidden; display: flex; position: relative; transition: 0.5s;} .indb_mc h3{ color: #666; font-size: 1.125rem; transition: 0.5s;} .indb_mc p{ font-size: 0.875rem; color: #999; padding-left: 5px;} .indb_mc::before{ content: ''; width: 90%; left: 5%; top: 0; height: 1px; background: #ccc; position: absolute;} .indb_mc::after{ content: ''; width: 26px; height: 100%; background: url(../images/indb_jt.png) no-repeat center; position: absolute; right: 5%; top: 0; transition: 0.5s;} .inab_nr li:hover .indb_mc{background: url(../images/indb_l.png) no-repeat left center;} .inab_nr li:hover .indb_mc h3{ color: #1b6dd9;} .inab_nr li:hover .indb_mc::after{background: url(../images/indb_jtb.png) no-repeat center;} #left_content{ width:235px;} .left_content_p{width:205px; margin:0 auto;} .left_content_p p{ line-height:28px; color:#666666;} .index_bgc{ background: url(http://pic21_1.qiyeku.com/qiyeku_pic/2021/11/26/zslanda/product/product_pic/image/2021_11_29/20211129111405874.jpg) no-repeat center fixed; width: 100%; padding-top: 80px; position: relative; z-index: 9;} .index_bgc .kg{ display: flex; justify-content: space-between; align-items: center;} .indc_l{ background: #fff; flex: 0 0 608px; margin-bottom: -36px; padding-bottom: 36px; position: relative;} .indc_l::after{ content: ''; width: 225px; height: 160px; background: url(../images/indc_lg.png) no-repeat right bottom; position: absolute; right: 0; bottom: 0;} .indc_bt{ background: url(http://pic21_1.qiyeku.com/qiyeku_pic/2021/11/26/zslanda/product/product_pic/image/2021_12_03/20211203082641841.png) no-repeat center #1b6dd9; background-size: 100% auto; padding: 60px 0;} .indc_bt h2{ color: #fff; font-size: 3rem; font-weight: bold; line-height: 1em; padding-left: 40px;} .indc_nr{ position: relative; padding: 0 40px;} .indc_top{ border-bottom: 1px solid #e6e6e6; padding-bottom: 30px;} .indc_dh{ color: rgba(0,0,0,0.1); font-family:Arial; font-weight: bold; font-size: 6.25rem;} .indc_ms{ margin-top: -55px;} .indc_ms p{ font-size: 1.5rem; font-weight: bold; color: #333; line-height: 36px;} .indc_ms span{ color: #1b6dd9; border-bottom: 3px solid #1b6dd9;} .indc_bom{ padding: 35px 0 30px 0; color: #333; line-height: 30px; border-bottom: 1px solid #e6e6e6;} .indc_more{ padding-top: 44px;} .indc_more a{ display: block; width: 160px; height: 56px; line-height: 56px; text-align: center; color: #fff; background: #1b6dd9;} .indc_r{ flex: 0 1 50%; color: #fff;} .indc_r ul{ display: flex; flex-wrap: wrap; justify-content: space-between;} .indc_r li{ flex: 0 1 31%;} .indc_r li:nth-child(1),.indc_r li:nth-child(3){ flex: 0 1 38%;} .indc_r li:nth-child(2){ flex: 0 1 62%;} .indc_r li:nth-child(n+3){ margin-top: 65px;} .indc_sz{ display: flex; align-items: center; height: 85px;} .indc_sz p{ font-family: 'Ddinb'; font-size: 3.25rem; height: 85px; line-height: 85px; font-weight: bold;} .indc_sz span{ padding-left: 5px; font-size: 1.25rem;} .indc_mc{ padding-top: 13px;} @media screen and (max-width:1520px){ .indc_bt h2{font-size: 2.5rem;} } @media screen and (max-width:1300px){ .indc_r{ flex: 0 1 47%;} .indc_r li{ flex: 0 1 auto} .indc_r li:nth-child(2){ flex: 0 1 50%} .indc_sz p{font-size: 4.25rem; height: 60px; line-height: 60px;} .indc_sz img{ height: 60px;} .indc_sz span{ font-size: 1.125rem;} .indc_mc{ padding-top: 7px;} } @media screen and (max-width:1270px){ .index_bgc{ background-attachment: inherit; background-size: cover;} .indc_l{flex: 0 0 508px;} .indc_bt{ padding: 40px 0;} .indc_bt h2{padding-left: 20px;} .indc_nr{ padding: 0 20px;} .indc_more{ padding-top: 34px;} .indc_more a{ width: 140px; height: 46px; line-height: 46px;} .indc_r{ flex: 0 1 45%;} } @media screen and (max-width:1020px){ .index_bgc{padding-top: 60px;} .index_bgc .kg{ flex-wrap: wrap;} .indc_l{ order: 1; flex: 0 1 100%; margin-top: 50px;} .indc_bt h2{font-size: 2rem;} .indc_r{ flex: 0 1 100%;} .indc_r li{ flex: 0 1 auto;} .indc_r li:nth-child(1),.indc_r li:nth-child(3){ flex: 0 1 auto;} .indc_r li:nth-child(2){ flex: 0 1 auto;} .indc_r li:nth-child(n+3){ margin-top: 0;} .indc_r li:nth-child(n+4){ margin-top: 35px;} } @media screen and (max-width:700px){ .index_bgc{padding-top: 40px;} .indc_l{margin-top: 40px;} .indc_l::after{ background-size: 140px auto;} .indc_bt{ padding: 30px 0;} .indc_bt h2{font-size: 1.5rem; padding-left: 2%;} .indc_nr{ padding: 0 2%;} .indc_top{ padding-bottom: 15px;} .indc_dh{ font-size: 4rem;} .indc_ms{ margin-top: -35px;} .indc_ms p{ font-size: 1.125rem; line-height: 28px;} .indc_bom{ padding: 15px 0 15px 0; line-height: 26px; font-size: 0.9375rem;} .indc_more{ padding-top: 20px;} .indc_more a{ width: 110px; height: 32px; line-height: 32px; font-size: 0.875rem;} .indc_r li{ flex: 0 1 29% !important;} .indc_r li:nth-child(2){ flex: 0 1 38% !important;} .indc_r li:nth-child(4),.indc_r li:nth-child(5){ flex: 0 1 49% !important;} .indc_r li:nth-child(n+4){ margin-top: 30px;} .indc_sz{height: 45px;} .indc_sz p{ font-size: 2.5rem; height: 45px; line-height: 45px;} .indc_sz span{font-size: 0.875em;} .indc_sz img{ height: 45px;} .indc_mc{ padding-top: 5px; font-size: 0.875rem;} } .indd_title h2 { font-size: 3rem; color: #222; font-weight: bold; line-height: 1em; } .index_bgd{ background: url(../images/index_bgd.png) no-repeat center bottom #f5f5f5; width: 100%; padding: 100px 0; overflow: hidden; position: relative;} .indd_l{ width: 255px; position: absolute; left: 12.5%; top: 100px; height: calc(100% - 100px );} .indd_title h2{ font-size: 3rem; color: #222; font-weight: bold; line-height: 1em;} .indd_title h2 span{ color: #1b6dd9;} .indd_title p{ font-size: 1.125rem; line-height: 30px; color: #666; margin-top: 27px;} .indd_en{position: absolute; left: -55%; top: 55%; transform: rotate(90deg);} .indd_en p{ line-height: 1em; font-family: "Ddinb"; font-size: 3.5rem; color: transparent; background-image: linear-gradient(#f2f3f2,#ccc); -webkit-background-clip: text; font-weight: bold;} .indd_gd{ position: relative; width: 70.1%; float: right;} .indd_cj{ overflow: hidden;} .indd_nr{ width: 76.023%;} .indd_nr .tempWrap{ overflow: inherit !important;} .indd_nr li{ width: 50%; float: left;} .indd_nr li a{ display: block; width: 94.12%; position: relative; overflow: hidden;} .indd_nr li a::after{ content: ''; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5)); position: absolute; left: 0; bottom: 0; width: 100%; height: 30%;} .indd_pic{ overflow: hidden;} .indd_pic img{ display: block; width: 100%; transition: 0.5s;} .indd_nr li:hover .indd_pic img{ transform: scale(1.05);} .indd_po{ position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; box-sizing: border-box; padding: 16px 0 16px 5%; z-index: 9;} .indd_po h3{ font-size: 1.5rem; line-height: 63px; position: relative; z-index: 9; transition: 0.5s;} .indd_po p{ height: 0px; overflow: hidden; position: relative; z-index: 9; transition: 0.5s;} .indd_po i{ position: absolute; right: -13%; height: 100%; top: 0; width: 13%; display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 1.5rem; background: #1b6dd9; transition: 0.5s;} .indd_po::before{ content: ''; width: 100%; height: 0%; background: rgba(15,64,128,0.8); position: absolute; bottom: 0; left: 0; transition: 0.5s 0.5s;} .indd_po::after{ content: ''; width: 100%; height: 100%; background: url(../images/ico_b.png) no-repeat left center; position: absolute; bottom: 0; left: 0; transition: 0.5s;} .indd_nr li:hover .indd_po h3{ line-height: 33px;} .indd_nr li:hover .indd_po p{ line-height: 20px; margin-top: 10px; height: 20px;} .indd_nr li:hover .indd_po::before{ height: 100%; transition: 0.5s;} .indd_nr li:hover .indd_po i{ right: 0; transition: 0.5s 0.5s;} .indd_an{ position: absolute; left: -240px; bottom: 0; display: flex;} .indd_an a{ display: block; width: 80px; height: 56px; text-align: center; background: url(http://pic21_1.qiyeku.com/qiyeku_pic/2021/11/26/zslanda/product/product_pic/image/2021_11_29/20211129111620485.png) no-repeat center; cursor: pointer;} .indd_an a.prev{ background-color: #999; transform: scaleX(-1);} .indd_an a.next{ background-color: #1b6dd9;} .indd_jt{ display: none;} @media screen and (max-width:1680px){ .indd_l{left: 5%;} .indd_en{left: -49%;} .indd_en p{ font-size: 5.625rem;} } @media screen and (max-width:1600px){ .indd_l{left: 3%;} .indd_en{left: -43%;} .indd_en p{ font-size: 5rem;} } @media screen and (max-width:1520px){ .indd_l{left: 2%;} .indd_title h2{ font-size: 2.5rem;} .indd_title p{ font-size: 1rem; line-height: 26px; margin-top: 20px;} .indd_en{left: -38%; top: 50%;} .indd_en p{ font-size: 4.5rem;} .indd_po h3{ font-size: 1.375rem;} } @media screen and (max-width:1270px){ .indd_title p{line-height: 24px; margin-top: 10px;} .indd_en{left: -30%;} .indd_en p{ font-size: 3.5rem;} .indd_po{padding: 8px 0 8px 5%;} .indd_po h3{ font-size: 1.125rem; line-height: 53px;} .indd_po p{ font-size: 0.875rem;} .indd_nr li:hover .indd_po h3{ line-height: 28px;} .indd_nr li:hover .indd_po p{ line-height: 20px; margin-top: 5px; height: 20px;} .indd_an{left: -180px;} .indd_an a{ width: 60px; height: 42px;} } @media screen and (max-width:1020px){ .indd_title h2{ font-size: 2rem;} .indd_po h3{ font-size: 1rem; height: 28px; line-height: 28px;} .indd_en,.indd_po p{ display: none;} } @media screen and (max-width:700px){ .index_bgd{ padding: 76px 0 50px 0;} .indd_l{ position: relative; width: 100%; left: auto; text-align: center; top: auto;} .indd_title h2{ font-size: 1.5rem;} .indd_title p{ display: none;} .indd_gd{ width: 96%; margin: 0 auto; float: none; margin-top: 25px;} .indd_nr{ width: 56%;} .indd_an{ display: none;} }.index_bga{ padding: 80px 0 100px 0; width: 100%; background: #fff; position: relative;} .inda_title{ text-align: center; position: relative;} .inda_title em{ font-style: normal; font-family: "Ddinb"; background-image: linear-gradient(#fafafa,#f5f5f5); color: transparent; -webkit-background-clip: text; font-size: 7.5rem; line-height: 0.8em; position: absolute; top: 0; left: 0; width: 100%; text-align: center;} .inda_title h2{ font-size: 3rem; color: #222; font-weight: bold; padding: 12px 0 20px 0; position: relative; z-index: 9;} .inda_title h2 span{ color: #1b6dd9;} .inda_title p{ color: #666; position: relative; z-index: 9;} .inda_nr{ padding-top: 47px;} .inda_nr ul{ display: flex; justify-content: space-between;} .inda_nr li{ flex: 0 1 23.027%; position: relative; bottom: 0; overflow: hidden; transition: 0.5s;} .inda_nr li:hover{ bottom: -40px;} .inda_nr li::before{ content: ''; width: 100%; height: 100%; background: #1b6dd9; position: absolute; left: 0; bottom: 0; transition: 0.5s;} .inda_nr li:hover::before{ left: 6px; top: 8px;} .inda_nr li a{ display: block; position: relative;} .inda_pic{ overflow: hidden;} .inda_pic img{ display: block; width: 100%;} .inda_po{ color: #fff; width: 100%; height: 34%; box-sizing: border-box; position: absolute; left: 0; bottom: 0; transition: 0.5s;} .inda_nr li:hover .inda_po{ background: rgba(0,0,0,.4); height: 100%; transition: 0.5s;} .inda_mc{ padding: 8% 5% 0 5%;} .inda_mc h3{ font-size: 1.875rem; color: #fff;} .inda_mc p{ margin-top: 10px; color: #fff; line-height: 24px;} .inda_more{ padding: 0 5%; background: url(../images/inda_sbx.png) no-repeat left center; line-height: 18px; height: 18px; position: absolute; bottom: -100%; transition: 0.5s;} .inda_nr li:hover .inda_more{bottom: 7%; transition: 0.5s 0.4s;} @media screen and (max-width:1520px){ .inda_title em{font-size: 6rem;} .inda_title h2{ font-size: 2.5rem; padding: 12px 0 15px 0;} .inda_mc{ padding: 8% 3% 0 3%;} .inda_mc h3{ font-size: 1.625rem;} .inda_mc p{ line-height: 22px; font-size: 0.875rem;} } @media screen and (max-width:1300px){ .inda_nr li{ flex: 0 1 24%;} .inda_mc h3{ font-size: 1.5rem;} } @media screen and (max-width:1270px){ .index_bga{ padding: 60px 0 80px 0;} .inda_nr li{ flex: 0 1 24.5%;} .inda_po{ height: 42%;} .inda_mc h3{ font-size: 1.25rem;} .inda_mc p{ line-height: 20px;} } @media screen and (max-width:1020px){ .index_bga{ padding: 50px 0 80px 0;} .inda_title em{font-size: 5rem;} .inda_title h2{ font-size: 2.25rem; padding: 12px 0 5px 0;} .inda_nr{ padding-top: 25px;} .inda_po{ height: 22%;} .inda_mc h3{ font-size: 1.125rem;} .inda_mc p{ display: none;} } @media screen and (max-width:700px){ .index_bga{ padding: 30px 0 50px 0;} .inda_title em{font-size: 3.5rem;} .inda_title h2{ font-size: 1.5rem;} .inda_nr ul{ flex-wrap: wrap;} .inda_nr li{ flex: 0 1 49.5%;} .inda_nr li:nth-child(n+3){ margin-top: 1%;} .inda_mc h3{ font-size: 1rem;} }.w1300 { width: 1300px; margin: 0 auto; } .top60 { height: 60px; } .top30 { height: 30px; } .news{ height: 800px;} .news_t{ text-align:center; font-size:16px; color:#a1a7ad;} .news_t span{ display:block; margin-bottom:10px; font-size:40px; font-weight:bold; color:#1a1a1a;} .newstab a{ display:inline-table; width:130px; height:62px; background:#e9ecee; line-height:62px; font-size:20px; color:#33373a; padding-left:86px; position:relative; transition:all 0.5s ease;} .newstab a:after{ content:''; display:block; width:32px; height:32px; position:absolute; top:16px; left:36px; background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/5/zsbofa/product/product_pic/image/2021_03_09/20210309023928004.png) no-repeat left top;transition:all 0.5s ease;} .newstab a+a{ margin-left:11px;} .newstab a:nth-child(2):after{ background-position-x:-37px;} .newstab a:nth-child(3):after{ background-position-x:-76px;} .newstab{ width:692px; margin:0 auto;} .newstab a.cur:after{background-position-y:-69px; transform:translateX(360deg);} .newstab a.cur{ background:#e60012 ; color:#fff;} .nbcl_le{width:690px;} .nbcl_le .news_div_item{width:326px;display: inline-block;vertical-align:top;} .nbcl_le .news_div_item+.news_div_item{margin-left:26px;} .nbcl_le .news_div_item_pic img{width:326px;height:300px; } .news_div_item_title a{font-size:16px; color:#35373a;} .news_div_item_title a:hover{ color:#e60012 ;} .nbcl_le .news_div_item_content{margin-top:30px;} .nbcl_le .news_div_item_body{margin-top:20px;line-height:24px;color:#9aa0a6; font-size:14px; font-weight:lighter;display: -webkit-box;-webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;} .nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:14px;margin-top:25px; color:#696d71;} .nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#68686a;} .new_more{width:28px;height:28px;border-radius:50%;background:url(http://pic20_2.qiyeku.com/qiyeku_pic/2021/3/5/zsbofa/product/product_pic/image/2021_03_09/20210309024047163.png) no-repeat right center;float: right;margin-top:17px;} .nb_con ul+ul{ display:none;} .nbcr_ri{width:570px;} .nbcr_ri .news_div_item_pic{display: none;} .nbcr_ri .news_div_item{font-size:0;border:1px solid #eceef0;padding:23px 0;position:relative;transition:300ms; height:115px;} .nbcr_ri .news_div_item:hover{box-shadow:0 0 21px rgba(85, 85, 85, 0.26);z-index:1;transition:300ms;} .nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;} .nbcr_ri .news_div_item_date{width:115px;text-align: center;font-size:0;} .nbcr_ri .news_div_item_content{width:424px;padding-left:20px;border-left:1px solid #eceef0;} .nbcr_ri .news_div_item_date>div{font-family:Arial;} .nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#35373a; font-size:14px;} .nbcr_ri .news_div_item_day{font-size:46px;font-weight: bold; color:#35373a;} .nbcr_ri .news_div_item_body{margin-top:10px;line-height:30px; height:60px;color:#9aa0a6;padding-right:20px; font-size:14px;display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;} .nbcr_ri .news_div_item+.news_div_item{ border-top:none;}.link_jieshao{width:1300px; margin:0 auto; border:2px #1b6dd9 solid;} .lj_title{ height:40px; line-height:40px; background-color:#1b6dd9; } .lj_titlespan{ color:#ffffff; padding:0 20px; height:40px;line-height:40px; display:inline-block; text-align:center; background-color:#1b6dd9; cursor: pointer;} .lj_titlespanhover{background-color:#ffffff; color:#1b6dd9;} .lj_box_main{display:none; line-height:28px;} .lj_box_mainhover{display:block;} .lj_box_main a{display: inline-block; padding:0 10px; line-height:30px;} .lj_box{padding:15px 0px; width:1160px; margin:0 auto;height: 70px; overflow: auto;} em,i{ font-style:normal;} .footWrap{ background:#262628; padding-top:45px;} .footWrap .footer{ width:1200px; margin:0 auto;} .fnav{ width:175px; overflow:hidden;} .fnav2{ height:230px;} .fnav3{ margin:130px 0 0 -700px;} .fnav p{ font:14px "Microsoft YaHei"; line-height:25px; color:#6c6c6e;} .fnav p a{ display:block; line-height:25px; color:#6c6c6e; overflow:hidden;} .fnav p a:hover{ color:#fff;} .fnav p span{display:block; height:25px; line-height:25px;} .fnav p span b{ display:block; float:left;font-weight:normal;} .fnav p span a{ display:inline-block;line-height:25px; float:left;} .fnavcode{ width:130px;margin-top:10px;} .fnavcode span i{display:block; width:96px; height:96px; margin:0 auto;} .fnavcode span img{display:block; width:92px; height:92px; border:2px solid #fff;} .fnavcode span em{display:block; font:12px "Microsoft YaHei"; line-height:40px;color: #6c6c6e;text-align: center;} .tit1{ font:15px "Microsoft YaHei"; line-height:52px; height:52px; overflow:hidden; color:#c1c1c3;} #bottom{ background-color:#626262;} #bottom_box{width:1200px; margin:0 auto; color:#fff; line-height:40px;} #bottom_box *{color:#fff; }/******** 在线客服样式 *******/ /*客服1*/ .y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;} .y-kefu-box img { display: block; width: 100%; height: auto; } .y-kefu-box01 .icon { display: block; background: url(http://pic20_2.qiyeku.com/qiyeku_pic/2009/10/10/jianyu/product/product_pic/image/2020_09_21/20200921030534735.png) no-repeat; margin: 0 auto 6px;} .y-kefu-box01 { width: 54px; color: #666; text-align: center; } .y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;} .y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #da251c; position: absolute; bottom: -12px; left: 13px; z-index: 1; } .y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;} .y-kefu-box01 .show-status { position: relative; } .y-kefu-box01 .show-status .kf-zixun { background-color: #da251c; border-color: #da251c; color: #fff; margin: 10px 0 7px;} .y-kefu-box01 .kf-zixun { border-radius: 2px; } .y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; } .y-kefu-box01 .kf-mobiles { border-top-left-radius: 2px; border-top-right-radius: 2px; } .y-kefu-box01 .kf-mobiles>i { width: 18px; height: 18px; background-position: -5px -32px; } .y-kefu-box01 .kf-mobiles:hover>i { background-position: -30px -32px; } .y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; } .y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; } .y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; } .y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; } .y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; } .y-kefu-box01 .back-top:hover i { background-position: -30px -98px; } .y-kefu-box01 .kf-email, .y-kefu-box01 .back-top { border-bottom: solid 1px #efefef;} .y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;} .y-kefu-box01 .hver:hover { background-color: #da251c; border-color: #da251c;} .y-kefu-box01 .hver:hover>p { color: #fff; } .y-kefu-box01 .mobiles-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} /*咨询热线*/ .y-kefu-box01 .mobiles-infos { width: 215px; text-align: left; top: 0;} .y-kefu-box01 .mobiles-infos>div { padding: 20px 0 20px 45px; position: relative; } .y-kefu-box01 .mobiles-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; } .y-kefu-box01 .mobiles-infos .online1 { border-bottom: solid 1px #efefef; } .y-kefu-box01 .mobiles-infos span { color: #999; } .y-kefu-box01 .mobiles-infos p { color: #da251c; font-size: 18px; } /*二维码*/ .y-kefu-box01 .y-ewm-box { width: 452px; height: 178px; top: -60px;} .y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; } .y-kefu-box01 .y-ewm-box img { width: 94px; height: 94px; margin: 30px auto 10px; } .y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 149px; border-right: solid 1px #efefef; } .y-kefu-box01 .y-ewm-box .right { top: 84px; } /*email*/ .y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color: #999; text-align: left; bottom: 0; } .y-kefu-box01 .y-email-infos p { color: #da251c; font-size: 16px; } .y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; } .y-kefu-box01 .y-email-infos .right { top: 55px; } .y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color: #1e73be;position: absolute; top: 37px; left: 55px; z-index: 9;} .y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; } .right1{width:12px;height:12px;position:absolute;right:-12px;top:24px} .right-arrow1,.right-arrow2{width:0;height:0;display:block;position:absolute;left:0;top:0;border-top:6px transparent dashed;border-right:6px transparent dashed;border-bottom:6px transparent dashed;border-left:6px white solid;overflow:hidden} .right-arrow1{left:1px;border-left:6px #efefef solid} .right-arrow2{border-left:6px white solid}