/* Theme ID: UM001 Author: umTheme Author URI: http://www.umTheme.com/ */ html,body,div,span,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,video{margin:0;padding:0;outline:0;border:0;background:transparent;font-size:100%; font-style: normal;} html{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x : hidden ; } body{background: #ededed;color: #1d1d1d;font-size:14px;line-height:1.42857143;font-family:"PingFang SC",Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif; overflow-x:hidden;-moz-osx-font-smoothing: grayscale;overflow-x: hidden;} .index body{background: #f8f8f8;} *:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} article,hgroup,menu,nav,section,aside,details,figcaption,figure,footer,header{display:block;} nav ul,ul,li{list-style:none;} blockquote{quotes:none;} blockquote:before,blockquote:after{content:none;} a{color:#1d1d1d;vertical-align:baseline;text-decoration:none;font-size:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin:0;padding:0;} a,input{outline:none;} input,select,textarea{outline:none;} a:hover,a:focus{color:#20C836;text-decoration:none;cursor:pointer;} img{max-width: 100%;height: auto;} ins{color:#323841;background-color:#ff9;text-decoration:none;} mark{color:#323841;background-color:#ff9;font-weight:bold;font-style:italic;} .PostShow:after,article:after,header:after,.row:after,.article-main:after,.article:after,.postNav:after,.container:after,.artMain:after{clear: both;} .PostShow:before, .PostShow:after, .PostShow:after, .row:before,.container:before,.container:after,.artMain:before,.artMain:after, .row:after,.article-main:after,.article-main:before,.article:after,.article:before,.postNav:before,.postNav:after{content: " ";display: table;} button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border: none; } input:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;} input,textarea{outline-color: invert ;outline-style: none ;outline-width: 0px ;border: none ;border-style: none ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent ;box-shadow: none;} @font-face { font-family: "iconfont"; /* Project id 788097 */ src: url('fonts/iconfont.woff2') format('woff2'), url('fonts/iconfont.woff') format('woff'), url('fonts/iconfont.ttf') format('truetype'); } .iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} html.index,.index body{position: relative;} .wrapBox.product{background-color:#FFFFFF} .wrapBox.about{background-color:#FFFFFF} .wrapBox.history{background-color:#F8F8F8} .wrapBox.news{background-color:#F8F8F8} .wrapBox.faq{background-color:#FFFFFF} .wrapBox.partner{background-color:#F8F8F8} .wrapBox.service{background-color:#FFFFFF} .wrapBox.plate{background-color:#FFFFFF} .wrapBox.why{background-color:#F8F8F8} .wrapBox.case{background-color:#FFFFFF} /*----------- container -----------*/ .container{margin:0 auto;max-width:1260px;padding:0 10px;} .ummain .container,.job .container{ overflow: visible} .main{ overflow: hidden; display: block;} /*----------- 头部 -----------*/ .header{ padding-top:60px;} .header .headerNav{position:fixed;width:100%;float:left;background-color:#ffffff; z-index:886;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;box-shadow:0 0 10px rgba(22,22,22,0.1); top:0; left: 0} .header.fixedOut .headerNav{ top: -160px;} .header.fixedIn .headerNav{ top: 0px;} .header .headerNav.fixed{background-color:#ffffff; opacity:1} .header .logo{ position:absolute;font-size:0px; height:40px; overflow: hidden; display: block; text-indent: -20000em; width: auto;background-size: 100% 100%; top:50%; margin-top:-20px;} .header .logo a{display: block; color: #999; } .header .logo .logob{ display: none} .header .container{ overflow:visible} .index .header{ position:absolute;} .logo img{ height:40px;} .header.opaque {padding-top:0px;} .header.opaque .headerNav{background-color:transparent;box-shadow:0 0 10px rgba(22,22,22,0)} .header.opaque .headerNav.fixed{background-color:#fff; opacity:1;box-shadow:0 0 10px rgba(22,22,22,0.1);} .header.opaque .navbar a,.header.opaque .navbar i{ color: #FFFFFF; opacity: 0.6} .header.opaque .navbar li.active > a,.header.opaque .navbar li.active i{color:#FFFFFF; opacity: 1} .navbar li.on > a{ color: #fff;} .header.opaque .navbar li:after{ visibility: hidden; opacity: 0} .header.opaque .fixed .navbar li:after{ visibility:visible; opacity: 1} .header.opaque .headerNav.fixed .navbar a,.header.opaque .headerNav.fixed .navbar i{ color: #1d1d1d; opacity: 1} .header.opaque .headerNav.fixed .navbar li.active > a,.header.opaque .headerNav.fixed .navbar li.on > a, .header.opaque .headerNav.fixed .navbar li.active > i,.header.opaque .headerNav.fixed .navbar li.on > i{color: #20C836;} .header.opaque .logo .logoa,.header.opaque .headerNav.fixed .logo .logob{ display: none} .header.opaque .logo .logob,.header.opaque .headerNav.fixed .logo .logoa{ display: block} .header.noOpaque .navbar a{ line-height: 60px;} /*导航栏*/ .navbar{ float:right;} .navbar li{display: block; float: left; margin:0px 0px; position: relative; min-width:50px; text-align: center; padding:0px 20px; } .navbar a{display:inline-block; font-weight: 500; line-height:80px;font-size:14px; color:#1d1d1d;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .navbar i{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; margin-left:4px;font-family: "iconfont" !important;} .headerNav.fixed .navbar a{ line-height:60px;} .headerNav.fixed .navbar>li>ul>li>a{ line-height:40px;} .navbar li.active>a, .navbar li.on>a,.navbar li.active>i, .navbar li.on>i{color:#20C836;} .navbar li:after{background:#20C836;content:"";height:1px; width:0px;position:absolute;left:50%; transform:translateX(-50%);bottom:-1px;webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .navbar li.active:after,.navbar li:hover:after{width:60%;} .navbar li>ul>li:before{ background-color:transparent; content: ''; transition: all 0.3s;} .navbar li.active:before, .navbar li.on:before{width: 100%; left: 0;} .navbar li.tel{text-align: left; padding-left: 0;padding-right: 10px;} .navbar li.tel a{height: 80px;padding-left: 48px; line-height: 1;display: flex;flex-direction: column;justify-content: center;} .navbar li.tel span{ display: block; font-size: 12px;} .navbar li.tel span.num{ font-size: 16px; font-weight: 500; margin-top: 3px;} .navbar li.tel i.fa{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size:40px;margin-top: -1px;} .headerNav.fixed .navbar li.tel{padding-left: 0;padding-right: 10px;} .headerNav.fixed .navbar li.tel a,.header.noOpaque .navbar li.tel a{height: 60px;line-height: 1;} .headerNav.fixed .navbar li.tel a span{ opacity: .7;} .header.opaque .navbar li.tel i,.headerNav.fixed .navbar li.tel a span.num{ opacity: 1;} .header.opaque .headerNav.fixed .navbar li.tel i,.header.noOpaque .navbar li.tel i.fa{color:#20C836;} .header .navbar li.tel:after{ display: none !important;} #navBox>div>ul>li:hover>ul{top:100%;filter:alpha(opacity=100)!important;opacity:1!important;max-height:inherit;} #navBox>div>ul>li>ul{position:absolute;width:180px;top:130%;left:50%; transform: translateX(-50%); text-align:center;padding:20px 0; z-index:60;filter:alpha(opacity=0)!important;opacity:0!important;-webkit-transition:all .3s ease;-o-transition:top .3s ease;transition:all .3s ease; max-height:auto; overflow:hidden;box-shadow:0 10px 16px 0 rgba(0,0,0,0.03); background: #fff; border-top: 1px solid #666; visibility: hidden} #navBox>div>ul>li.on>ul{ visibility: visible} #navBox>div>ul>li>ul>li a{float:none;display:block;padding:0px 0px 0px;color:#666;font-size:14px; text-align:center; line-height:42px;opacity: 1} #navBox>div>ul>li>ul>li:after{ display:none} #navBox>div>ul>li>ul>li{width:100%;padding:0;margin:0;font-size:14px;} #navBox>div>ul>li>ul>.on a{color:#000!important;} #navBox>div>ul>li>ul>li.active a{} #navBox>div>ul>li>ul>li.on>a{color:#fff} .fixed {left: 0; opacity: 0.98;position: fixed;right: 0;top: 0; width: 100%;z-index:888;} /*----------- search-top -----------*/ .searchPup{position:relative;} .searchPup form input:focus{width:180px} .searchPup form button{position:absolute;right:0px;top:0px;color:#fff;border:none;padding:0;margin:0;line-height:normal;font-size:18px;font-weight:300;outline:0;cursor:pointer; width:50px; height:35px; background:#20C836; border-top-right-radius:3px; border-bottom-right-radius:3px;} /*首页模块*/ .wrapBox{ padding: 80px 0;} .wrapBox ul.col3{ margin:0 -10px; font-size: 0;} .wrapBox ul.col3 li{width: calc(100% / 4 - 20px); margin: 10px; display: inline-block; vertical-align: top; position: relative;} .wrapBox ul.col3 li .postImg h4{ font-size: 16px; font-weight: 400; color: #fff; visibility: hidden; opacity: 0; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out; z-index: 1} .wrapBox ul.col3 li .postImg img{-webkit-transition: all 0.3s linear;transition: all 0.3s linear;} .wrapBox ul.col3 li:hover .postImg img{filter: grayscale(100%);-webkit-filter: grayscale(100%);} .wrapBox ul.col3 li:hover .postImg h4{ visibility:visible; opacity: 1;} .wrapBox ul.col3 li .postImg a{ display: block;} .wrapBox ul.col3 li .postImg a .icon{ position: static; display: block; text-align: center; margin: 0 auto; transform: translate(0,0) scale(0); margin-bottom: 10px;} .wrapBox ul.col3 li:hover .postImg a .icon{transform: translate(0,0) scale(1)} .wrapBox ul.col3 li .postImg a:after{content: '';display: block; position:relative; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.8); opacity: 0;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out;} .wrapBox ul.col3 li:hover .postImg a:after{ opacity: 1} .wrapBox.product .postText,.wrapBox.umTheme .postText{ text-align: center; padding: 15px 10px 15px 10px;} .wrapBox.product .postText a,.wrapBox.umTheme .postText a{ font-size: 16px; font-weight: 400} .wrapBox.product .more,.wrapBox.umTheme .more{ text-align: center; margin-top: 40px;} .wrapBox.umTheme .tabCon{display: none;} .wrapBox.umTheme .tabTit{display: block;text-align: center;font-size: 0; margin:5px 0 30px;} .wrapBox.umTheme .tabTit li{font-size: 15px;display: inline-block;height: 34px;line-height: 34px;padding:0px 12px;background: #fff;} .wrapBox.umTheme .tabTit li:first-child{border-bottom-left-radius: 30px;border-top-left-radius: 30px;} .wrapBox.umTheme .tabTit li:last-child{border-bottom-right-radius: 30px;border-top-right-radius: 30px;} .wrapBox.umTheme .tabTit li h3{font-weight: normal;} .wrapBox.umTheme .tabTit li.active{background: #20C836;color: #fff; } .wrapBox.umTheme .tabTit.sum1{display:none} /*----------- breadcrumb -----------*/ .breadcrumb{padding:15px 0;clear:both;overflow: hidden; background: #f6f6f6;} .breadcrumb a{ float: left;} .breadcrumb i.iconfont{ float: left; font-size: 12px; margin: 0 5px; opacity: .3; top: 2px; position: relative;} .fa-angle-right,.fa-bullhorn{font-size: 16px; margin: 0 4px;} /*列表*/ .article,.umArt{ position:relative; margin:40px 0} .article ul{margin-right: -10px;} .article li,.imgShow{width: calc(100% / 4 - 10px);margin:5px 10px 5px 0;float:left;overflow: hidden;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out; text-align:center;vertical-align: top;} .postImg {position:relative; display:block; overflow:hidden;} .postImg a.pic{ font-size:0; display:block;} .postImg a.pic:after,.wrapBox ul.col3 li .postImg a:after{content: '';display: block;padding-top: 75%;} .postImg a.pic img,.wrapBox ul.col3 li .postImg img{ position:absolute; top:0; left:0; max-width:100%; height:auto;} .article li .postText,.article li .postText i,.article li .postText p,.article li .postText a{-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .article li .postText a{ color: #1d1d1d} .article li .postText{ padding:20px 15px 25px;} .article li.postText h4{ font-size:16px; font-weight:normal;} .article li:hover .postText i{ margin-top:5px;} .article li:hover .postText i,.article li:hover .postText p{ opacity:0.8} .article li .postText .iText{ margin-top:10px; height:48px;text-align:left;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;color:#888; line-height: 24px;} .article li .postText .time{ font-size:12px; padding:5px 0 10px; text-align:left;color:#888;} .article li .postText .time i{ font-size:18px; text-align:left;color:#888; display: inline-block; vertical-align: -4px; width: 18px; height: 18px; line-height: 18px; padding: 0 6px 0 0; margin: 0 0 0 -3px;} .news .postText h4{ text-align:left;} .news .article li .postText{background:rgba(255,255,255,0.68);} .article li .postText i{ max-height:18px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;} .article.list{min-height:200px;} .umSub .article.list{ margin-top: 0px; background: #fff; padding:11px 15px; overflow: hidden;} .umSub .article.list .postText{ padding: 10px 15px 25px 0;} .main .artList{ margin-bottom: 40px;} .main .artList .article{ padding: 0 18px;background: #fff;overflow: hidden; margin-bottom: 0;} .main .artList .article ul{margin: 0;} .main .artList .article li{width:100%;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;-ms-flex-direction: row;flex-direction: row; padding: 20px 0; border-bottom: 1px solid #ededed; margin: 0; position: relative; overflow: inherit;} .main .artList .article li:last-child{ border-bottom: none} .main .artList .article li .postImg{width: 200px;position: relative;display: block;overflow: hidden;padding: 0;-ms-flex-negative: 0;flex-shrink: 0;font-size: 0; z-index: 1} .main .artList .article li .postText{display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex: 1 1 auto;flex: 1 1 auto;-ms-flex-pack: center;justify-content: center;padding: 10px 0px 10px 20px;min-width: 0; background: none; z-index: 1} .main .artList .article li .postText h4{ font-weight: 400; font-size: 18px;} .main .artList .article li:after{ background:#f8f8f8;content:''; position: absolute; left: -20px; right: -20px; top: 0 ;bottom: 0; opacity: 0;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .main .artList .article li:hover:after{ opacity: 1} .main .artList .article li .postText .text{-ms-flex: 1 1 auto;flex: 1 1 auto;} .main .artList .article li .postText .time{ padding: 0;} .umSub .artList .article{ padding: 0 18px; background: none} /*内容*/ .artBody{ line-height:1.8;} .artBody h1.artTit{ font-size:24px; font-weight:normal;} .artHeade{ margin-bottom:20px;} .artMeta{ padding:5px 0; font-size:0px; color:#999; display:block;} .artMeta span{ padding-right:10px; font-size:14px;} .artMeta span i{ padding-right:2px; vertical-align: -1px;} .artMeta a{ color:#999;} .artUm{ line-height:1.8;font-size: 15px;color: #666;} .artUm h1,.artUm h2, .artUm h3, .artUm h4, .artUm h5{margin:10px 0;color: #1d1d1d;font-weight:600; position:relative;} .artUm h1{font-size:22px;line-height:2.2;} .artUm h2{font-size:20px;line-height:2;} .artUm h3{font-size:18px; padding-left:15px;} .artUm h4{font-size:16px;} .artUm h5{font-size:14px;} .artUm h3:after,.sidebar .widget h3:after{content:'';width:3px;height:17px; background: #20C836; position: absolute; display: block; left: 0; top: 6px;} .artUm h3:after{top:9px;} .artUm p{ margin-bottom:15px;} .artUm p img{vertical-align: -8px;} .artUm table{border-collapse:collapse;background:#fff;line-height:140%; width:100%;} .artUm table tr:nth-child(2n){ background-color:#fafafa;} .artUm td,th{margin:0;padding:10px 10px;text-indent:0em;border: 1px solid #e6e6e6;} .artUm blockquote{width: 100%;background: #eee;border-left: 5px solid #dfdfdf;margin: 25px 0px;padding:15px 20px;} .artUm blockquote p{margin:0px 0;padding:0;} .artUm ol,.aarticle ol{ padding-left:15px;} .artUm ol li,.aarticle ol li{list-style: inherit;} .umArt.umSub{padding-left:300px;float: right; width:100%;} .umSubr .umArt.umSub{padding-right:300px; padding-left: 0; float: left;} .umSubr .sidebar{float: right;margin-left: -300px; margin-right: 0;} .sidebar {float: left; margin-right: -300px;width: 280px;position: relative;margin-top:20px;} .sidebar .widget{background:#FFF; box-shadow:0 15px 15px rgba(0, 0, 0, 0); margin:20px 0;} .sidebar .widget:last-child{ margin-bottom: 40px;} .sidebar .widget h3{ font-size:20px; font-weight:normal; padding:15px 15px 0px; background:#FFF;text-overflow: ellipsis;white-space: nowrap; position:relative} .sidebar .widget h3:after{ top:21px} .sidebar .widget h3 a{ position:absolute; top:10px; right:13px; opacity:0.3} .sidebar .widget h3 i{ font-size:20px;} .sidebar .widget h3 a:hover{opacity:0.6} .sidebar .widget ul,.sidebar .widget div{ padding:10px 15px 10px;} .sidebar .widget ul li{ height:34px; line-height:34px; font-size:14px;text-overflow: ellipsis;white-space: nowrap; position:relative; overflow:hidden;} .sidebar .widget h4{font-size:14px; font-weight:normal;text-overflow: ellipsis;white-space: nowrap; overflow:hidden;} .sidebar .widget ul{ display:block; font-size:0;} .sidebar .widget.umhtml1 ul{ padding:10px 10px} .sidebar .widget.umhtml1 ul li{ width:50%; display:inline-block; padding:0 5px; height:auto; text-align:center; margin:5px 0} .sidebar .widget.umhtml1 h4{ height:34px;} .sidebar .widget.umhtml1 ul li:hover .postImg img{transform: scale(1.1);} .sidebar .widget.umhtml2 ul li,.sidebar .widget.umhtml4 ul li{ padding-left:15px;} .sidebar .widget.umhtml2 ul li:after,.sidebar .widget.umhtml4 ul li:after{content:'';width:5px;height:5px; background: #e2e2e2; position: absolute; display: block; left: 0; top: 16px; border-radius:30px;} .sidebar .widget.umhtml3 ul{ padding:10px;} .sidebar .widget.umhtml3 ul li{padding:5px; height:auto; line-height:28px;white-space:normal;} .sidebar .widget.umhtml3 ul li a{ display:block; background:#f8f8f9; padding:6px 10px;} .sidebar .widget.umhtml3 ul li a:hover{background: #20C836; color:#fff;} .sidebar .widget.umhtml4 ul { margin-right: -5px;} .sidebar .widget.umhtml4 ul li{width: calc(100% / 2 - 5px); display: inline-block} .sidebar .widget.divContorPanel div{ line-height: 28px;} .sidebar .widget.divContorPanel div,.sidebar .widget.divTags ul{ padding-bottom: 15px;} .sidebar .widget.divContorPanel div a{ color: #20C836} .sidebar .widget ul li.li-cate{ height: auto;} .sidebar .widget ul li.li-cate .ul-subcates{padding: 5px 10px 5px;} .sidebar .widget ul li.li-cate .li-subcate{ opacity: .6} .sidebar .widget ul li i{vertical-align: -1px;position: relative;left: -2px;} .sidebar .widget.divSearchPanel div{ padding-bottom: 20px;} .sidebar .widget.divSearchPanel input{ width: 100%; position: relative; line-height: 32px; padding: 0 10px; border: 1px solid #ededed;} .sidebar .widget.divSearchPanel form{ position: relative; padding-right: 60px;} .sidebar .widget.divSearchPanel input[type='submit']{ width:60px; position: absolute; line-height: 32px; padding: 0 10px; border: 1px solid #20C836; background: #20C836; color: #fff; font-size: 14px;} .sidebar .widget.divTags li,.sidebar .widget.divLinkage li{ display:inline-block;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; overflow:visible; height:auto;} .sidebar .widget.divTags li a{font-size:14px;font-weight:normal;padding:0px 10px;border-radius:0px; display:block;margin:3px 4px 3px 0; height: 34px; line-height:34px; -ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; border:1px solid rgba(227,229,236,.5)} .sidebar .widget.divTags li a span{ font-family:Roboto-Light; font-size:12px;} .sidebar .widget.divTags li a:hover{color:#fff; background: #282828; border: 1px solid #282828;} .sidebar .widget.divLinkage li a{margin:5px 12px 5px 0;} .sidebar .widget.divCalendar div,.sidebar .widget.divMisc div,.sidebar .widget.divMisc ul{ padding:15px;} .sidebar .widget.divCalendar table{ width: 100%;} .sidebar .widget.divCalendar table th{padding: 10px 0px;font-size: 12px; background: #f8f8f8; border: none; opacity: .6} .sidebar .widget.divCalendar table td{ text-align: center; padding: 5px 0;background: #f8f8f8;} .sidebar .widget.divCalendar table td.pad{ opacity: .2} .sidebar .widget.divCalendar table caption{ margin-bottom: 10px;} .sidebar .widget.divMisc li{ font-size: 0; line-height: inherit; height:auto; display: inline-block;} .sidebar .widget.divMisc li a{ margin: 4px 10px 4px 0; display: block;} .sidebar .widget.divMisc li a img{ height: 31px;} /*最新评论*/ .sidebar .widget.divComments li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom:3px;padding-top:3px;margin:1px 0 3px 0; height: auto;} .sidebar .widget.divComments li{ line-height:24px;padding-top:5px; padding-bottom:5px;} .sidebar .widget.divComments li i{ font-style:normal; color:#9ca0ad; font-size: 12px;font-family: Roboto-Light;} .sidebar .widget.divComments li a{ position:relative; top:0px;} .sidebar .widget.divComments li .author{float:left;margin:0 8px 0px 0;padding:0px;width:48px; height: 48px; -webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;-webkit-box-shadow:inset 0 -1px 0 #3333sf;box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:0.4s;-webkit-transition:-webkit-transform 0.4s ease-out;-moz-transition:-moz-transform 0.4s ease-out;transition:transform 0.4s ease-out; overflow: hidden;background: #fafafa url(../../../plugin/umTaoApi/lay.gif) center center no-repeat;} .sidebar .widget.divComments li:hover .author{-webkit-box-shadow:0 0 10px #fff;box-shadow:0 0 10px #fff;-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);transform:rotateZ(360deg);} .artMain{ background-color: #fff; padding: 20px 20px;} /*移动端*/ .mNavBtn{ height: 80px; line-height: 80px; padding: 0;font-size:21px;float:right; color:#FFFFFF; position: relative; z-index: 9; display: none; cursor: pointer} .mNavBtn i{color:#FFFFFF; opacity:0.8; font-size:20px;} .mNavBtn:hover i{ opacity:1} .fixed .mNavBtn, .header.noOpaque .mNavBtn{height:60px; line-height: 60px;} .fixed .mNavBtn i,.header.noOpaque .mNavBtn i{ color: #1d1d1d;} .leftNav{ width:190px; background:#445c48; position:fixed; top:0; bottom:0; left:-190px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; z-index:999} .leftNav .mNavBtn{ height:48px; line-height:48px; left:auto; right:-45px; display:none;} .leftNav ul{ padding-top:0px;} .leftNav li{ width:100%; position:relative;} .leftNav .navbar{ display: block; opacity: 0;-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease;} .leftNav.mOpen .navbar{ opacity: 1} .leftNav .navbar li{ padding: 0; text-align: left;} .leftNav .navbar li:after{ display: none} .leftNav li a{ padding: 0 25px; line-height:48px; color:#fff; display:block; border-bottom:1px solid rgba(255,255,255,0.1);} .leftNav li a:hover{ background:rgba(0,0,0,0.1);} .leftNav ul li>ul{ display:none;} .leftNav li i{position: absolute;top:0px;right:0px; width:48px; height:48px; text-align:center; border-left:1px solid rgba(255,255,255,0); cursor:pointer;} .leftNav li i{font-size: 18px;color: #fff;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; position:absolute;width:48px;line-height:48px; top:0; right:0;} .leftNav li i.open{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} .leftNav ul li>ul li{background:rgba(0,0,0,0.15);} .leftNav ul li>ul li a{border-bottom:1px solid rgba(255,255,255,0.05); opacity:0.8; font-size:12px; text-indent:1em} .leftNav .navbar li.tel a{height: 60px;padding-left: 55px;} .header a:hover.mNavBtn{color:#20C836} .mNav .navbar i{ position: absolute; top: 0px; right:0px; padding: 0px 12px; margin-left: 0; cursor: pointer; color: #fff;} .mNav .navbar i.iconfont.open{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} body.open .header .headerNav{ left: 190px;} /*----------- lazy -----------*/ .loading {background: #f6f6f6 url(../../../plugin/umTaoApi/lay.gif) center center no-repeat; min-height:60px} .button.loading{ min-height:30px;} /*----------- commList -----------*/ .commBox{padding: 20px;margin: 20px 0 0 0; background:rgba(255, 255, 255, 1); border:0px solid #eee;} .commBox .title{ margin-bottom: 15px; padding: 0;} .commBox .title h3{ font-size:20px; font-weight:normal} .commList .msg{padding-top:10px} .commBox .posttop em{ color: #999; font-style: normal;} /*---------------------------引用\评论----------------------------------*/ ul.msg{width:100%;margin:15px 0 15px 0;padding:0px 0;text-align:left;list-style-position : outside;table-layout: fixed;word-wrap:break-word; background: #fff; border: 1px solid #eee; border-radius: 3px;} li.msgname{padding:15px 15px 0;margin:0px; font-weight:normal;font-size:1em;} li.msgname small,small .revertcomment a{ color: #999; font-size: 12px; font-weight: 300} li.msgurl{text-align:right;padding:2px 10px 2px 10px;margin:0; font-size:1em;} li.msggravatar{display:block;float:left;margin-right:5px;} li.msgarticle{list-style-position : outside;padding:10px 15px 12px;margin:0;line-height:160%; padding-left:70px;} li.msgtime{padding:5px 0 0 0;font-weight: normal; font-size:0.8em;} img.avatar{width:45px;height:45px; float: left; margin-right: 8px; margin-top: -2px; border-radius:50px;box-shadow:inset 0 -1px 0 #3333sf;-webkit-box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:.4s;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out} img.avatar:hover{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);box-shadow:0 0 10px #fff;-webkit-box-shadow:0 0 10px #fff;} ul.msg ul.msg img.avatar{ width: 40px; height: 40px; margin-top:0.12em} ul.msg ul.msg{padding:0px 0 0 0;margin:15px 0 0 0;border:none;border-top:1px solid #eee;} ul.msg ul.msg li.msgarticle{padding-bottom:0px; border-bottom:0px solid #eee; padding-left: 52px; padding-right: 0;} ul.msg ul.msg li{ padding-right: 0; padding-left: 0} /************发表评论************/ #divCommentPost{margin:0 -5px;padding:5px 0 1px 0;} #divCommentPost p{margin-top:10px;} #divCommentPost label{margin-top:5px;} #divCommentPost p.posttop{ color: #999; padding-left: 6px; padding-right:5px; margin-bottom: 5px; float: left} #divCommentPost.reply-frm p.posttop{ float: right} #divCommentPost.reply-frm p.posttop .u-msg{ display: none} #divCommentPost img{margin-bottom:-0.5em;} #divCommentPost p.npt{ margin-top:0px; padding:5px;} #divCommentPost p.cBtn{padding:5px;} div.reply-frm{background:#fff;margin:0em 0% !important;padding:.3em 0em 0.68em !important;border: 0px solid #eee} div.reply-frm #txaArticle{border: 1px solid #eee; margin-top: 0px;} #frmSumbit ul{width: 100%; clear: both; display:block; font-size:0;} #frmSumbit ul li{text-align:left;display: inline-block; width:50%; font-size:14px; padding:5px;} #frmSumbit ul li.verify{ position:relative} #frmSumbit ul li.verify img{ position:absolute; top:4px; right:4px} input.text{margin-right:10px;position:relative;border: 1px solid #eee;border-radius:0px;height:38px; line-height: 38px; padding:0px 10px;outline:0;color:#1d1d1d;width:100%;box-shadow:none; background:#fdfdfd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} #txaArticle{position:relative;z-index:1;border:0;border-bottom:none;padding-right:24px;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:none;-webkit-appearance:none;overflow:auto;padding:10px;min-height:135px;margin:0;resize:none;outline:0;width:100%;min-width:100%;background:#fdfdfd; font-size:14px;border: 1px solid #eee} input.button,#cancel-reply{opacity: 1;height:36px;width:90px;text-align:center;text-shadow:none;font-weight:normal;border:none;color:#FFF;background-color:#20C836;border-radius: 2px;background-image:none;box-shadow:none;cursor:pointer; font-size: 16px;} input.button:hover{background:#20C836;opacity: 0.8;} #cancel-reply{margin-left: 10px; line-height: 36px; display: inline-block; padding:0 10px; width:auto;background-color:#d6d6d9; vertical-align: 0px;} body.umComms{ background: #f8f8f8;} .umComms #divCommentPost p.cBtn{ text-align:center;} .umComms input.button,.umComms #cancel-reply{ width:auto; height:40px; min-width:160px;font-size: 18px;} /*----------- gotop -----------*/ #backTop{position:fixed;right:0px;top:50%; transform: translateY(-50%);z-index:888; padding-bottom: 50px;} #backTop span{cursor:pointer;background:rgba(0,0,0,0.2);width:50px;height:50px;color:#fff;display:block;position:relative;margin:0px 0; right: 0;-webkit-transition: all .2s ease;-o-transition:all .2s ease;transition: all .2s ease;} #backTop span#gttop{ display: none;position:absolute; bottom: 0; right: 0;} #backTop span#gttop:hover{background:rgba(0,0,0,0.8);} #backTop span i{ z-index: 1} #backTop span.ft-qq i{ background: #1ea6e9;} #backTop span.ft-wx i{ background: #46be8a;} #backTop span.ft-tel i{ background: #DA0023;} #backTop span small{ width: 160px; height: 160px; position: absolute; left: -220px; top: 0; padding:10px;box-shadow: 0 0 10px rgba(0,0,0,.2); visibility: hidden; opacity: 0; background: #fff; z-index: 0;-webkit-transition: all .2s ease; -o-transition:all .2s ease; transition: all .2s ease;} #backTop span small.telTop{ width: auto; height: 50px; line-height: 50px; padding: 0 15px; text-align: center; font-size: 22px; color: #1d1d1d; right: 70%; left: auto; visibility: hidden;white-space:nowrap;} #backTop span:hover.ft-tel small.telTop{ visibility: visible; opacity: 1;right: 100%;} #backTop span:hover.ft-wx small.weixin{visibility: visible; opacity: 1; left: -175px;} #backTop span.ft-qq small.qqlist{visibility: hidden; opacity: 0; left: -190px; padding:12px 15px 12px 15px;width:150px; height:auto;} #backTop span.ft-qq small.qqlist a,#backTop span.ft-qq small.qqlist a i{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} #backTop span.ft-qq small.qqlist a{ color:#666; display:inline-block; height:30px; line-height:30px; padding-left:30px; position:relative;} #backTop span.ft-qq small.qqlist a i{ font-size:18px; position:absolute; width:20px; height:20px; line-height:20px; text-align:center; color:#1ea6e9; background:none; top:5px; left:2px; margin:0;} #backTop span.ft-qq small.qqlist em{ width:100%; height:30px; line-height:30px; color:#999; font-style:normal; display:inline-block; padding:5px 0 10px 0;} #backTop span:hover.ft-qq small.qqlist{visibility: visible; opacity: 1; left: -165px;} #backTop span.ft-qq small.qqlist a:hover,#backTop span.ft-qq small.qqlist a:hover i,#backTop span.ft-tel a:hover{color:#20C836;} #backTop span i{text-align:center;color:#fff;width:50px;height:50px;font-style:inherit;line-height:50px;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px; font-size: 22px;} #backTop a{color:#fff;display:block;cursor:pointer} #backTop span.ft-tel a{color:#333;} #backTop span small b{width: 25px;height: 35px;position: absolute;top: 2px;right: -10px; z-index: 999; font-size: 35px;} /*browse #browse{padding:10px 0;border-bottom:1px solid #ddd;background:#20C836;color:#aa6800;text-align:center;font-family:arial,sans-serif;font-size:14px} #browse a{padding:4px;color:#008DFD} #browse a:hover{text-decoration:underline}*/ /*----------- ADS -----------*/ .bnBox{background-color: rgba(0, 0, 0, 1);border:none;padding:10px;margin:15px auto 0 auto;overflow: hidden; max-width: 1240px; position: relative;} .bnBtm.bnBtm{ margin-bottom: 15px;} .news .bnBtm.bnBtm{ margin-top: 0; margin-bottom: 15px;} .bnBox.cateBn{ margin-bottom: 0; margin-top: 0; padding: 0; max-width: 100%;min-height:320px;} .bnBox.cateBn .text{ width: 100%; text-align:center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff;} .bnBox.cateBn .text h3{font-weight: 400; font-size: 40px;} .bnBox.cateBn .text p{ font-size: 14px; font-weight:100;font-style: normal; clear: both; opacity: .8} .bnBox.cateBn img{min-height:320px;object-fit: cover;} .bnBox.animation{ margin-top: 16px;} .bnBox img{ display:block; margin:0 auto; width:100%;} /*----------- footer -----------*/ .footer{margin-top:0px;padding:3% 0 2% 0;width:100%;background:#2b2b2b;color:rgba(255,255,255,0.48);clear:both; position:relative; font-size:12px; line-height:22px; text-align: left} .footer a{color:rgba(255,255,255,0.5);font-size:12px;} .footer .container{ padding-top:0px; padding-bottom: 10px; margin:0 auto;color:rgba(255,255,255,0.5);position:relative;overflow:hidden;font-size: 0;} .footer .sidebar .social{ display: inline-block; width: 100%; vertical-align:top;} .footer .sidebar .social.w50{ width: 43%;} .ftBox{position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;-ms-flex-direction: row;flex-direction: row;padding: 25px 0;overflow: hidden;} .ftNav{ display: -ms-flexbox;display:inline-block;-ms-flex-direction: column;flex-direction: column;-ms-flex: 1 1 auto;flex: 1 1 auto;-ms-flex-pack: center;justify-content: center;padding: 0px 15px 0px 0px;min-width: 0;} .ftNav ul{float: left; padding-right: 6%;} .ftNav li a{color:#8d8d8d;font-size:12px;display:inline-block;height:26px;line-height:26px;text-align:center; margin:0 10px 0 0;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .ftNav li a:hover{color:#a9a9a9;} .ftNav li.h{color:#a9a9a9; font-size: 16px; margin-bottom:10px; font-weight: normal;} .ftNav .us{padding-right:0;} .ftNav .us li.tel{ font-size:36px; line-height:40px; padding-bottom: 10px; font-family: Arial; font-weight: bold;color:#8d8d8d;} .ftNav .us li.icon{ margin:5px 0 10px 0;} .ftNav .us li.icon a{margin-right: 5%; padding:0; height: 26px; width: 26px; background: rgba(255,255,255,.1); border-radius: 100px;} .ftNav .us li.icon i{ font-size: 16px; } .ftNav .us li.add{ max-width:180px; font-size: 12px; line-height: 22px;} .ftEwm{width: 240px; display: inline-block; vertical-align: top; text-align: right; font-size: 0;-ms-flex-negative: 0;flex-shrink: 0;} .ftEwm .img{ width: 50%; display: inline-block;} .ftEwm .img .box{margin-left:15px; font-size:12px; text-align: center;} .ftEwm .img .box img{ padding: 5px; background: #fff; opacity: .5;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} .ftEwm .img .box:hover img{ opacity: 1;} .link{padding:0px;} .link span{font-size:12px} .link ul{ display:inline} .link li{display:inline;padding:0 6px; } .link li a:hover,.copyright a:hover{color:rgba(255,255,255,.8);} .copyright{ padding-top:15px; border-top: 1px solid rgba(255,255,255,.05); font-size: 12px;} .weixinBox{ visibility: hidden; opacity: 0; position:fixed;padding:5px 5px 25px;background:#fff;z-index:1001; line-height:0;top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.5);-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; text-align: center;border-radius: 5px;} .weixinBox .img{ width: 260px; height: 260px;} .weixinBox img{ width: 100%; height: 100%} .weixinBox p{ color: #1d1d1d; font-size: 14px; margin-top: 5px} .weixinBox.open{ visibility: visible; opacity: 1;transform: translate(-50%,-50%) scale(1);} /*searchForm*/ .searchForm {height:35px; position:relative;} .searchForm .s {height:22px; border:1px solid #ddd; padding:5px 35px 5px 5px; border-radius:3px; width:210px;} .searchForm .s:focus{border:1px solid #2689FF; box-shadow:0 0 3px #2689FF;} .search-btn,.sbtn{position:fixed;right:58px;top:18px;color:#FFFFFF;background:none;border:none;padding:0;margin:0;line-height:normal;font-size:19px;font-weight:300;outline:0;cursor:pointer; z-index:890;opacity:0.65} .fixed .sbtn,.fixed .searchBox,.header.noOpaque .sbtn{ color: #999} a.search-btn{ display:none;} .sbtn{ position:inherit; float:right; font-size:18px;height:80px; line-height:80px; border-radius:1000px; text-align:center;margin-left:10px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;filter:alpha(opacity=65)!important;opacity:0.65!important;} .fixed .sbtn,.header.noOpaque .sbtn{margin-top:0px; height:60px; line-height:60px;} .sbtn:hover{filter:alpha(opacity=100)!important;opacity:1!important;} .searchBox{ position:fixed; left:50%;top:48%; width:400px; background:#fafafa; transform:translate(-50%,-50%); margin:0; padding:30px;border-radius:3px;visibility:hidden; opacity: 0; z-index: 999} .searchBox.in{-webkit-animation-duration: 0.65s;animation-duration: 0.65s;-webkit-animation-name: bounceInDown1;animation-name: bounceInDown1; visibility:visible; z-index:1001; opacity: 1} .searchForm {display:block;} .mask {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:890; display:none;} .searchPup{margin-top:0; float:none} .searchPup form input,.searchBox .searchPup form input{width:100%;border-radius:3px;border:1px solid #eaeaea;font-size:14px;padding:6px 60px 6px 10px;background:#fff;height:35px;outline:0} .searchPup span{ color:#999; font-size:12px; margin:10px 0 3px; display:block; clear:both;} .schList{ font-size:0; display:block; margin:3px -3px -3px -3px;} .schList li{ display:inline-block; height:24px; line-height:24px; margin:3px;} .schList li a{ font-size:14px; background:#eee; width:100%; display:block;padding:0 10px; border-radius:3px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease} .schList li a:hover{background:#20C836; color:#fff;} /*----------- 分页 -----------*/ .pageNav{text-align:center;padding:20px 0 0px 0;display:block; clear:both; font-size: 0;} .pageNav a,.pageNav span{text-align:center; min-width:30px;height:30px;line-height:30px;margin: 0 4px; display:inline-block;color:#666;background:rgba(255,255,255,.6);border-radius:100px;vertical-align:top;font-size:14px;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} .pageNav .v{line-height:30px;} .pageNav a:hover{background:#20C836;color:#fff;text-decoration:none;filter: alpha(opacity=60);opacity: 0.6;} .pageNav span{color:#fff;background:#20C836;border:0px solid #20C836;filter: alpha(opacity=60);opacity: 0.6;} /*Swiper 3.4.2*/ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} .swiper-container.banner{width: 100%;height: 100%;} .swiper-container.banner{ height: 600px;} .swiper-container.banner .item{ width:100%; height:100%; display:block;} .swiper-container.banner a.img{ width:100%; height:100%; display:block; background-position:center center; background-size:cover;} .swiper-pagination-bullet{ width: 6px; height: 6px; position: relative; padding:0px;} .swiper-pagination-bullet:after{ width: 14px; height: 14px; content: " "; position:absolute; z-index: 1; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px; border: 0px #fff solid; border-radius: 100px; transform: scale(0);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .swiper-pagination-bullet.swiper-pagination-bullet-active:after{border: 1px #20C836 solid; opacity: .5; transform: scale(1)} .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 10px 0;} .swiper-container-vertical > .swiper-pagination-bullets{ right: 20px;} .swiper-pagination-bullet-active{background:#20C836; } .banner .swiper-pagination-bullet:after,.partner .swiper-pagination-bullet:after,.case .swiper-pagination-bullet:after,.umDiy .swiper-pagination-bullet:after{ display: none} .banner .swiper-pagination-bullet{width:10px; height: 2px;background: rgba(255,255,255,1); border-radius: 0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 20px;} .bannerNav.swiper-pagination-bullets{ bottom: 30px;} /*案例产品*/ .swiper-pagination.caseNav{ bottom:60px;} .swiper-pagination.caseNav .swiper-pagination-bullet,.swiper-slide.partner .swiper-pagination-bullet{ width:5px; height:5px;} .swiper-case.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-slide.partner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 3px;} .swiper-pagination.caseNav .swiper-pagination-bullet-active, .swiper-slide.partner .swiper-pagination-bullet-active{ background:#000; opacity:0.5} .article li .postImg a:after{content: " "; position:absolute; z-index: 1; left: 0; opacity: 0; background:#20C836; width: 100%; height: 100%;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .article li .postImg a:after{ position: relative} .article li:hover .postImg a:after{border-radius: 0; opacity:.8;} .postImg a .icon{ top: 50%; left: 50%; transform: translate(-50%,-50% ) scale(0); z-index: 2; position: absolute;background: #fff;opacity: 0;width: 40px;height: 40px;line-height: 40px;color: #20C836;border-radius: 50px;font-size: 20px;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .article li:hover .postImg a .icon,.wrapBox ul.col3 li:hover .postImg .icon{transform: translate(-50%,-50% ) scale(1);opacity: 1;} /*优势/服务*/ .wrapBox.adv{ background-color:#2b2b2b; background-image: url("images/coreBg.jpg"); background-size: cover; background-attachment: fixed; position: relative;} .wrapBox.adv:after{content:''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.6); z-index: 0} .wrapBox.adv .title{ color: #fff; position: relative; z-index: 2;padding:0 60px 20px;} .wrapBox.adv .title span.title1{ color: #fff; opacity: .1} .wrapBox.adv .title span.title2{ color: #fff; opacity: .8} .adv .swiper-container{width: 100%; padding-top: 20px; z-index: 1} .adv .swiper-slide{ background-image: none!important;-webkit-transition:top .3s ease-in-out;-o-transition:top .3s ease-in-out;transition:top .3s ease-in-out; top: 0;} .adv .swiper-slide .imgText{height: 400px;background-color:#ededed; text-align: center; padding: 40px; color: #1d1d1d;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .adv .advPic .swiper-slide .imgText{ height: 480px;} .adv .swiper-slide .imgText h4{ font-size: 18px; line-height: 1.8;margin: 20px 0} .adv .swiper-slide .imgText .info{ opacity: .8; line-height: 1.6} .adv .swiper-slide .imgText .img{ margin: -40px -40px 30px -40px; font-size: 0;} .adv .swiper-slide .imgText .iconfont{font-size: 80px; color: #20C836;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .adv .swiper-slide a{ position:absolute; top:0; left:0; bottom:0; right:0; display:block; z-index:3;} .adv .swiper-slide:hover {top: -20px;} .adv .swiper-slide:hover .imgText { background-color: #20C836;} .adv .swiper-slide:hover .imgText,.adv .swiper-slide:hover .imgText .iconfont{ color: #fff;} .adv .swiper-slide:hover .imgText .info{opacity:.8} .more a{ display:inline-block; padding:0px 15px; line-height: 32px; border-radius: 50px; font-weight: 400; background:#20C836; color: #fff; position:relative;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .about{ width: 100%; margin:0 auto; font-size: 0; display: block;} .about .aboutBox{position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;-ms-flex-direction: row;flex-direction: row; padding-bottom: 40px;} .about .aboutLeft{ width:42%; min-height:400px; background-image:url(images/cbg.jpg); background-size:cover; background-position:center center;display:inline-block; position: relative; z-index: 2} .about .aboutRight{ width:58%; display:flex; align-items: center;top:30px; position: relative;} .about .aboutRight:after,.about .postText .info h4:after{ background: #F8F8F8;content: " "; position:absolute; top: 0; left: -30px; right: 0; bottom: 0;} .about .aboutRight .more{text-align:left; margin-top: 40px;} .about .postText{ font-size:14px; display:block;padding-left:60px; padding-right:60px; text-align:left;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;text-align: justify;text-justify: distribute-all-lines;-webkit-text-align-last: justify; position: relative; z-index: 1} .about .postText .info{ color:rgba(0,0,0,.6);max-height: 204px; position: relative; overflow: hidden;line-height:26px; } .about .postText .info:after{content: " "; position: absolute; height: 22px; bottom:0px; right:0px; padding-left:100px; background: -webkit-linear-gradient(left, transparent, #F8F8F8 85%); background: -o-linear-gradient(right, transparent, #F8F8F8 85%); background: -moz-linear-gradient(right, transparent, #F8F8F8 85%); background: linear-gradient(to right, rgba(237,237,237,0), #F8F8F8 85%);} .about .postText .info h4{ font-size: 18px; font-weight: 500; margin-bottom: 25px; padding-bottom: 25px; color:#1d1d1d; position: relative;} .about .postText .info h2,.about .postText .info h3,.about .postText .info h4,.about .postText .info h5{white-space: inherit;} .about .postText .info h4:after{ width: 36px; height: 2px; left: 0; right: auto; top: auto; background-color:rgba(0,0,0,.1)} .more i.iconfont{ display: inline-block; color: #fff; margin: 0 0 0 5px;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .boxText{padding-left:50px; text-align: left;font-size:14px;line-height:1.8;} .sabout.cont{ background-size: cover;} .sabout.cont .about{ background: #fff; padding: 20px;margin-top: 25px} .sabout.cont.contImg .about{background:none; padding: 0px; } .sabout.cont .about .aboutLeft{ width: 40%;min-height: 380px;} .sabout.cont .about .aboutRight{ width: 60%;} .sabout.cont .about .tel{ font-size: 32px; line-height: normal;font-weight: normal; font-family: monofonto; margin-bottom: 5px;} .sabout.cont .about .qq a{ margin-right: 10px;} .sabout.cont .about .qq a i{ vertical-align:-1px; opacity: .68; padding:0 3px 0 2px;} .about .aboutLeft .playBox{width:100%; height:100%; min-height:340px;position: relative;background: rgba(0,0,0,0.05);} .play{width:64px; height:64px;line-height:66px;position: absolute;top: 50%;left: 50%; margin-top:-32px;margin-left:-32px;background-color:rgba(255,255,255,8.5);border-radius: 100%; text-align: center; overflow: hidden;} .play a{width:100%; height:100%;display:block;} .play .zoom {display: block;width: 100%;position: relative;} .play .icon i{font-size: 18px;transition: .3s all ease-in-out;position: relative;z-index: 1;color:#20C836;} .play .zoom:before {content: "";position: absolute;z-index: 0;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);display: block;width:44px;height: 44px;background:#20C836;border-radius: 50%;-webkit-animation: videozoom 1500ms ease-out infinite;animation: videozoom 1500ms ease-out infinite;} .play .icon:after {position: absolute;content: '';border-radius: 100%;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;opacity: 0;transition: .3s all ease-in-out;transform: scale(.5);background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #ee0979 0%, #ff6a00 100%) repeat scroll 0 0;background: rgba(0, 0, 0, 0) linear-gradient(to right, #ee0979 0%, #ff6a00 100%) repeat scroll 0 0;} @-webkit-keyframes videozoom {0% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1;}100% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0;}} @keyframes videozoom {0% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1;}100% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0;}} .wrapBox.core{ padding: 0; background-color:#2b2b2b; position: relative; min-height: 220px;} .wrapBox.core .container{ position: relative; z-index: 2;padding: 70px 10px 80px 10px; } .wrapBox.core .coreBg{ background-image: url(images/coreBg.jpg); background-size: cover; background-position: center; background-attachment:scroll; position: absolute; top: 0; left: 0; bottom: 0; right: 0;z-index: 0;filter: grayscale(100%);-webkit-filter: grayscale(100%);} .wrapBox.core .maskBg,.wrapBox.core:before{content:''; position: absolute; top: 0; right:-100%; left: 0; bottom: 0; background:#20C836; z-index: 1; opacity: .6} .wrapBox.core:before{ background: rgba(0,0,0,.6);transform:none; right: 0; left: 0; z-index: 1; opacity: 1} .wrapBox.core .title{ color: #fff; position: relative; z-index: 2; padding-top: 0; padding-bottom: 20px;} .wrapBox.core .title span.title1{ color: #fff; opacity: .1} .wrapBox.core .title span.title2{ color: #fff; opacity: .8} .wrapBox.core ul{ font-size: 0; padding-left: 11%; padding-top: 20px; position: relative; z-index: 3} .wrapBox.core ul.sum5{padding-left: 11.5%;} .wrapBox.core ul.sum6{padding-left: 9%;} .wrapBox.core li{ counter-increment: nums; padding: 0px 10px 0px 100px; position: relative; margin: 35px 0; /*height:72px;*/font-size: 14px; color: rgba(255,255,255,.8);align-items: center;/*display:inline-flex;*/ display: inline-block;flex-wrap:wrap; cursor: pointer;animation-name:fadeInRight} .wrapBox.core li h4{ font-size: 16px; font-weight: 600; color: #fff; padding: 5px 0; display: block; width: 100%; opacity: .95} .wrapBox.core li:nth-child(1){left: -80px;width: 90%;animation-delay: 0.1s;} .wrapBox.core li:nth-child(2){left: -30px; width: 90%;animation-delay: 0.15s;} .wrapBox.core li:nth-child(3){left: 20px; width: 88.0%;animation-delay: 0.2s;} .wrapBox.core li:nth-child(4){left: 70px; width: 88.0%;animation-delay: 0.25s;} .wrapBox.core li:nth-child(5){left: 115px; width: 80.0%;animation-delay: 0.35s;} .wrapBox.core li:nth-child(6){left: 165px; width: 70.0%;animation-delay: 0.35s;} .wrapBox.core .maskBg.sum0{ display: none;} .wrapBox.core .maskBg.sum1{transform:translate3d(0%,0,0) translateX(0%) skew(20deg);animation-name:fadeInRightA1;left: 6.5%} .wrapBox.core .maskBg.sum2{transform:translate3d(0%,0,0) translateX(0%) skew(21deg);animation-name: fadeInRightA2;left: 8.5%;} .wrapBox.core .maskBg.sum3{transform:translate3d(0%,0,0) translateX(0%) skew(22deg);animation-name: fadeInRightA3;left: 10%;} .wrapBox.core .maskBg.sum4{transform:translate3d(0%,0,0) translateX(0%) skew(23deg);animation-name:fadeInRightA4; left: 12.5%} .wrapBox.core .maskBg.sum5{transform:translate3d(0%,0,0) translateX(0%) skew(22deg);animation-name:fadeInRightA5; left: 14.5%} .wrapBox.core .maskBg.sum6{transform:translate3d(0%,0,0) translateX(0%) skew(22deg);animation-name:fadeInRightA6; left: 14.5%} .wrapBox.core li:before,.wrapBox.core li:after{ width: 64px; height: 64px; line-height: 66px; text-align: center; position: absolute; background: #fff; border-radius: 100px; content: counter(nums,decimal); font-size: 38px;top: 50%; transform: translateY(-50%); left: 0; color:#20C836; font-weight: 500; z-index: 1;font-family: sans-serif;} .wrapBox.core li:after{ width: 80px; height: 80px; opacity: .2;content:''; z-index: 0; left: -8px; top: 50%; transform:translateX(0%) translateY(-50%) scale(1);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .wrapBox.core li:hover:after{animation: pulse-border 1500ms ease-out infinite;} .wrapBox.core li .info,.wrapBox.core li p{ padding-top: 0px; line-height: 24px; font-size: 14px; opacity: .9;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .wrapBox.core .coreText{ position: fixed; width: 500px; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0); z-index: -1; visibility: hidden; opacity: 0; padding: 0 20px;-webkit-transition:transform 0.2s;-o-transition:transform 0.2s;transition:transform 0.2s} .wrapBox.core .coreText.open{visibility: visible;opacity: 1;transform: translate(-50%,-50%) scale(1); z-index: 999; } .wrapBox.core .coreText .infoPup {background: #fff; border-radius: 10px; padding: 25px 30px; } .wrapBox.core .coreText .infoPup h4{ font-size: 20px; text-align: center; margin-bottom: 12px; line-height: 30px;} .wrapBox.core .coreText .infoPup .info{ font-size:14px; line-height:26px;} .wrapBox.history{padding: 80px 0 70px 0} .hisBox{max-width:900px; margin: 0 auto;font-size: 0; position: relative;} .swiperTab,.swiperCon{font-size: 14px; display:block;} .swiperCon{ width: 100%; border-radius: 10px; margin-top: 10px; position: relative;} .swiperCon .partnerCon{ border-radius: 10px; overflow: hidden;} .swiperCon .swiper-slide{ width: 100%!important} .swiperCon .hisText{padding: 40px;} .swiperCon .hisText .text{line-height: 1.8; opacity: .6;} .swiperCon .hisText h4{ font-size: 16px; margin-bottom: 8px; line-height: 2; opacity: 1; font-weight: 500} .swiperCon:after,.swiperCon:before{content:''; position: absolute; top: -15px; left: 15px; right: 15px; height: 40px; z-index: 0; border-radius: 0px;} .swiperCon:before{background: #FFFFFF; top: 0; bottom: 0; height: 100%; opacity: 1; left: 0; right: 0; z-index: 1;} .swiperTab{ width:90%;padding: 10px 40px; margin: 0 auto; margin-top: 40px; position: relative;} .swiperTab .swiper-slide{color: #888; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;justify-content:center;} .swiperTab .swiper-slide .sumText{ height: 40px; line-height: 40px; font-size: 14px;padding: 0 10px; background: #F8F8F8;font-weight: 600;cursor: pointer; } .swiperTab .swiper-container{ height: 100%;} .swiperTab .swiper-slide.selected{color:#20C836} .swiperTab:before{content:''; position: absolute; height: 1px; left: 0; right: 0; top: 50%; margin-top: 0px; background: #ededed;} .wrapBox .btn{ position: absolute; top: 50%; margin-top: -14px; background: #fff; width: 28px; height: 28px; line-height: 26px; text-align: center; border: 1px solid #ededed; border-radius: 100px; cursor: pointer; z-index: 2;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .wrapBox .btn .iconfont{ font-size: 12px; opacity: 1; color: #1d1d1d;} .wrapBox .btn.partnerPrev{ left: 0; } .wrapBox .btn.partnerNext{ right: 0;} .wrapBox .btn:hover{ background: #20C836; border-color: #20C836;} .wrapBox .btn i{-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .wrapBox .btn:hover i{ color: #fff;} .wrapBox .btn.disabled{background: #fff;border: 1px solid #ededed;} .wrapBox .btn.disabled .iconfont{ color: #1d1d1d; opacity: .2} /*新闻*/ .wrapBox.news{ position: relative;} .wrapBox.news .swiperText{ width: 50%; height: 400px; position: relative;} .wrapBox.news .postText{display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex: 1 1 auto;flex: 1 1 auto;-ms-flex-pack: center;} .wrapBox.news .swiperText .swiper-container{ height: 100%; margin-left: -40px; padding: 40px 0;} .wrapBox.news .swiperText .swiper-slide{ background: #fff; padding: 30px 80px 50px 80px;display: -ms-flexbox;display:inline-flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;/*-ms-flex-direction: row;flex-direction: row;*/} .wrapBox.news .swiperText .info{ opacity: .6; line-height:1.8;word-wrap: break-word;hyphens: auto;text-align: justify;text-justify: distribute-all-lines;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} .wrapBox.news .swiperText .text{-ms-flex: 1 1 auto;flex: 1 1 auto;} .wrapBox.news .swiperText h4{ font-size: 16px; font-weight: 500; line-height:2; margin: 10px 0;} .wrapBox.news .swiperPic{ width: 50%; height: 400px;} .wrapBox.news .swiperPic img{ height: 400px;max-width: 100%; width: 100%;object-fit: cover; position: relative;} .wrapBox.news .newsBox{ position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;-ms-flex-direction: row;flex-direction: row; margin-top: 20px;} .wrapBox.news .swiperPic .swiper-container{ height: 100%;} .wrapBox.news .more a{ background: #ededed; color: #888; /*padding: 0; border-bottom: 1px solid #20C836; border-radius: 0;*/} .wrapBox.news .more a .iconfont{ color: #888;} .wrapBox.news .more a:hover{ color: #fff; background: #20C836} .wrapBox.news .more a:hover .iconfont{ color: #fff} .wrapBox .btn.newsPrev{ left: -15px; } .wrapBox .btn.newsNext{ right: 25px;} .newSum,.newMore{ position: absolute; bottom: 0; left: 0; background:#1d1d1d; color: #fff; font-size: 14px; width: auto; z-index: 2; padding:10px 15px 5px;font-family: sans-serif;} .newSum .swiper-pagination-current{ font-size: 40px; font-weight: 500} .newMore{ width: 36px; height: 36px; line-height: 36px; text-align: center; padding: 0; background: #20C836; left: 60px; bottom: 60px; overflow: hidden;} .newMore a{ color: #fff; display: block;} .newMore a i{ font-size: 24px;} /*常见问题*/ .wrapBox.faq .collaItem{ margin: 10px 0; background: #f8f8f8;} .wrapBox.faq .collaBox{ max-width:900px; margin: 0 auto;} .wrapBox.faq .collaTitle{ padding:15px 50px 15px 50px; line-height: 26px; font-size: 14px; font-weight: 500; cursor: pointer; border-bottom: 0px solid #ededed; position: relative;} .wrapBox.faq .collaTitle .iconfont{ position: absolute; right: 20px; top: 16px; font-size: 12px; opacity: .6;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;transform: rotate(90deg);} .wrapBox.faq .collaTitle:before{content:'Q';width: 20px; height: 20px; line-height: 20px; text-align: center;background: #1d1d1d; position: absolute; left: 20px; top:17px; border-radius: 100px; color: #fff; font-size: 12px;} .wrapBox.faq .collaContent{ padding:10px 50px 30px 50px; line-height: 26px; font-size: 14px;color: #666; display: none} .wrapBox.faq .show .collaTitle:before{ background: #20C836;} .wrapBox.faq .show .collaTitle .iconfont{transform: rotate(-90deg);} /*合作伙伴*/ .partnerBox{ margin-top: 10px;} .partnerBox ul{ margin-right: -20px; font-size: 0; display: block;} .partnerBox li{width: calc(100% / 6 - 20px);margin: 10px 20px 10px 0; display: inline-block; background-color: #fff;} .partnerBox li img{filter: grayscale(100%);-webkit-filter: grayscale(100%);-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;} .partnerBox li:hover img{filter: grayscale(0%);-webkit-filter: grayscale(0%);} /*追加模块*/ .newAdd .swiper-slide{ position: relative; margin-top: 10px;} .newAdd .swiper-slide a{ position:absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: 1} .newAdd .swiper-slide .imgText .img{width: 100%;height: auto;padding-top: 75%;display: block;position: relative;overflow: hidden;background-color: #efefef;} .newAdd .swiper-slide .imgText .img img{width: 100%;min-height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;} .newAdd .swiper-slide .imgText .text{ padding: 15px 10px 10px 0;} .newAdd .swiper-slide .imgText .text h4{ font-size: 16px; line-height: 26px; font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .newAdd .swiper-slide .imgText .text .info{ font-size: 14px; color: #888; line-height: 22px; padding-top: 5px;} .newAdd .newAddList{ display: block; font-size: 0; margin-right: -20px; margin-top: 10px;} .newAdd .newAddList.num2.newAddBox{ height:136px;} .newAdd .newAddList.num3.newAddBox{ height:170px;} .newAdd .newAddList.num4.newAddBox{ height:204px;} .newAdd .newAddList.num5.newAddBox{ height:238px;} .newAdd .newAddList.num6.newAddBox{ height:272px;} .newAdd .newAddList.num7.newAddBox{ height:306px;} .newAdd .newAddList.num8 .newAddBox{ height:340px;} .newAdd .newAddList.num9 .newAddBox{ height: 375px;} .newAdd .newAddList.num10 .newAddBox{ height: 408px;} .newAdd .newAddList.num11 .newAddBox{ height: 442px;} .newAdd .newAddList.num12 .newAddBox{ height: 476px;} .newAdd .newAddList.num13 .newAddBox{ height: 510px;} .newAdd .newAddList.num14.newAddBox{ height: 544px;} .newAdd .newAddList.num15.newAddBox{ height: 578px;} .newAdd .newAddList .newAddBox { width: calc(100% / 4 - 20px);margin: 10px 20px 10px 0; display: inline-block; padding:15px 20px; background: #fff; font-size: 14px;vertical-align: top;} .newAdd .newAddList .newAddBox .tit{font-size: 20px;font-weight: normal; padding-bottom: 10px; position: relative; text-indent: 12px;} .newAdd .newAddList .newAddBox .tit:after{content: '';width: 3px;height: 17px;background: #20C836;position: absolute;display: block;left: 0;top: 6px;} .newAdd .newAddList .newAddBox li{ height: 34px; line-height: 34px; position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; padding-left: 13px;} .newAdd .newAddList .newAddBox li:after{content: '';width: 5px;height: 5px;background: #e2e2e2;position: absolute;display: block;left: 0;top: 16px;border-radius: 30px;} .newAdd .newAddList .newAddBox .tags { height: calc(100% - 44px)!important} .newAdd .newAddList .newAddBox .tags ul{ font-size: 0; display: block; margin: 0 -3px;} .newAdd .newAddList .newAddBox .tags li{ height: 32px; line-height: 32px; padding-left: 0; display: inline-block; font-size: 14px; margin: 3px ; } .newAdd .newAddList .newAddBox .tags li a{ padding: 0 8px; background: #f6f6f6; display: block; border-radius: 4px;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;} .newAdd .newAddList .newAddBox .tags li a:hover{ color: #fff; background: #20C836} .newAdd .newAddList .newAddBox .tags li:after{ display: none} .social{ display: block; font-size: 0; margin-top: 10px;} a.socialLink{ width: 32px; height: 32px; line-height: 32px; display: inline-block; text-align: center; border-radius: 100px; margin-right:6px; opacity: 1;} a.socialLink i{ color: #fff; font-size: 20px;} a.socialLink.s-weixin{ background: #6bc30d;} a.socialLink.s-email{ background:#ff9933;} a.socialLink.s-tencent{ background:#00C5FF;} a.socialLink.s-weibo{ background:#f78585;} a:hover.socialLink{ opacity: .68} /*标题*/ .title { padding:20px 60px 30px; position: relative; text-align: center} .title h3{ font-size:30px; font-weight:500;} .title span.title1{ width: 100%; display:block; clear:both;font-size:42px; color:#1d1d1d; position: absolute; top: -10px; left: 50%; transform: translateX(-50%);opacity: .05} .title .title1{ font-family:"Arial"; font-weight: 600;text-transform: Uppercase;} .title .title2{ line-height: 24px; padding-top: 10px; color: #888; display: block; font-size: 14px;} .postImg img{transform:scale(1);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .article li:hover .postImg img{ transform:scale(1.1);} .postText h4{ font-size:16px; font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .postText i{ font-size:14px; color:#888; margin-top:5px; display:block;} /*实力*/ .PostSl{ font-size: 0; display: block; width: 100%; text-align: center; padding: 30px 0 0px 0} .PostSl li{ width: 25%; display: inline-block; text-align:center; vertical-align:top; border-right: 1px solid rgba(216,216,216,.5)} .PostSl li:last-child{ border: none} .PostSl li p{ padding-left:0px;} .PostSl li .slNumber{ font-size:52px; display: block; font-family: rial; line-height:58px;} .PostSl li .slTitle{ font-size: 14px; opacity: .6; padding-top:0px;} .PostSl li .slNumber span{position: relative;display: inline-block;} .PostSl li .slNumber em{ position: absolute; font-size: 12px; top: 0px; right: -15px; line-height: normal; opacity: 0.6} .about .PostSl{ margin: 30px -30px; width: auto;;} /*历程*/ .his .title { padding-bottom:20px; padding-top:10px; position:absolute;left:50%; transform:translateX(-50%)} .his .title h3{ color:#fff;} .his .title .title1{ color:#fff; opacity:0.5} .his .swiper-container{width: 100%;padding-top:20px;} .his .swiper-container .swiper-slide{ background-color:transparent; padding:0 15px; position:relative; height:480px; min-height:auto} .his .swiper-container .swiper-wrapper{ height:100%;} .his .swiper-container:before{content: " "; position:absolute; background:rgba(255,255,255,.2); width:100%; height:1px; top:66.5%; left:0;} .his.swiper-slide{background-image:url(images/hisBg.jpg); background-size:cover; background-color: #181818;} .his .swiper-slide .imgText{ position:absolute; width:100%; top:65.4%; transform:translateY(-50%)} .his .swiper-slide .imgText h4{ position:relative; top:-50px; font-weight:normal; color:#aaa;font-family:HELVETICANEUELTPRO; font-size:16px;} .his .swiper-slide.even .imgText h4{ position:relative; top:50px;} .his .swiper-slide .imgText p{ position:absolute; top:55px; left:30px; right:30px;background:#20C836; color:#fff; font-size:14px; line-height:22px; padding:15px 20px; border-radius:0px; text-align:left; visibility:hidden; opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .his .swiper-slide.even .imgText p{ top:-150px;} .his .swiper-slide.swiper-slide-active .imgText p{ visibility:visible; opacity:0.98;top:35px;} .his .swiper-slide.even.swiper-slide-active .imgText p{bottom: 35px;} .his .swiper-slide.even .imgText p{bottom: 45px; top:auto;} .his .swiper-slide .imgText h4 .dot{ width:9px; height:9px; position:absolute; left:50%; margin-left:-4px; display:block; border-radius:50px; background:#000; border:2px solid rgba(255,255,255,.9); top:56px;} .his .swiper-slide.swiper-slide-active .imgText h4 .dot{ background:#fff;} .his .swiper-slide.even .imgText h4 .dot{ top:-44px;} .his .swiper-slide .imgText h4:before{content: " "; position:absolute; background:rgba(255,255,255,.2); width:1px; height:40px; left:50%; transform:translateY(-50%); top:43px;} .his .swiper-slide.even .imgText h4:before{ top:-23px;} .his .swiper-slide .imgText p .dot{width:0;height: 0;border-width:10px;border-style: solid;border-color: transparent transparent #20C836 transparent; position:absolute; top:-18px;left:50%; margin-left:-9px;} .his .swiper-slide.even .imgText p .dot{border-color: #20C836 transparent transparent transparent;top:auto;bottom:-18px;} /*新闻资讯*/ .postNews{ display:block; clear:both; font-size:0; position:relative} .postNews li{ width:25%; display:inline-block; overflow:hidden; position:relative;background:#fff; font-size:14px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .postNews li .postImg:after,.postNews .postText:after{content: '';display: block;padding-top: 62%;} .postNews li .postImg{ background:#181818;} .postNews li .postImg img{position: absolute;top: 0;left: 0;} .postNews .postText a{position: absolute;top:30px;left:10%; bottom:30px; right:10%;} .postNews .postText a h4 {font-size:14px; color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:90%; display:block; margin:0 auto;} .postNews .postText .time{ font-size:28px; font-family:HELVETICANEUELTPRO; color:rgba(0,0,0,.2); padding-bottom:30px; display:inline-block; position:relative;} .postNews .postText .time:after{content: '';display: block; width:1px; height:16px; position:absolute; top:45px; left:50%; transform:translateX(-50%); background:rgba(0,0,0,.1)} .postNews li .postImg,.postNews .postText{ display:block; position:relative; overflow:hidden;} .postNews .postText .text{ width:100%; position:absolute; top:50%; transform:translateY(-50%);} .postNews li:hover .postImg img{transform: scale(1.1); opacity:0.5} .postNews li .postImg .dot{z-index:2;position: absolute;top: 0;left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);border-style: solid;border-color: transparent;border-top-color: transparent;border-top-color: #fff;border-width:9px;} .postNews li.even .postImg .dot{ top:auto; bottom:0;border-color: transparent;border-bottom-color: transparent;border-bottom-color: #fff;} .postNews li .postImg .icon{ position:absolute; z-index:1; background:#20C836; opacity:0; width:40px; height:40px; line-height:40px; color:#fff; border-radius:50px; font-size:20px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .postNews li:hover .postImg .icon{ opacity:1; transform: translate(-50%,-50% ) scale(1);} /*分享*/ .bdshare{ clear: both; padding-top:20px; text-align:left;} .bdshare-button-style0-16{ display: block; font-size: 0;} .bd_weixin_popup{ height: 300px!important;width: 252px!important} .bdsharebuttonbox a,.bdshare-button-style0-16 a{ background-image: none!important; width:38px!important; height: 38px!important; line-height: 38px!important; padding: 0!important; border:0px solid #eee;border-radius: 100px; text-align: center;margin:6px 6px 6px 0!important; font-size: 24px!important;float: none!important; display: inline-block} .bdsharebuttonbox a.bds_weixin{background-color: #6bc30d; color: #fff;} .bdsharebuttonbox a:hover.bds_weixin{ background-color: #6bc30d; color: #fff;} .bdsharebuttonbox a.bds_sqq{ background-color: #1ea6e9; color: #fff;} .bdsharebuttonbox a:hover.bds_sqq{ background-color: #1ea6e9; color: #fff;} .bdsharebuttonbox a.bds_tsina{ background-color: #f78585; color: #fff;} .bdsharebuttonbox a:hover.bds_tsina{ background-color: #f78585; color: #fff;} .bdsharebuttonbox a.bds_tqq{ background-color: #00C5FF; color: #fff;font-size: 22px!important} .bdsharebuttonbox a:hover.bds_tqq{ background-color: #00C5FF; color: #fff;} .bdsharebuttonbox a.bds_qzone{background-color: #ff9933; color: #fff;font-size: 22px!important} .bdsharebuttonbox a:hover.bds_qzone{ background-color: #ff9933; color: #fff;} .bdsharebuttonbox a.bds_more{ border: 1px solid #cecece; color: #a4a2a0; float: none;vertical-align: -3px;} .bdsharebuttonbox a:hover.bds_more{border: 1px solid #333; background-color: #333; color: #fff;} .bdsharebuttonbox a.bds_weixin:before {content: "\e715";} .bdsharebuttonbox a.bds_sqq:before {content: "\e62a";} .bdsharebuttonbox a.bds_qzone:before {content: "\e728";} .bdsharebuttonbox a.bds_tsina:before {content: "\e67a";} .bdsharebuttonbox a.bds_tqq:before {content: "\e606";} .bdsharebuttonbox a.bds_more:before {content: "\e607";} /*上下页*/ .postNav{ width:100%; text-align:left; margin-top:20px;} .postNav div{ display:inline-block; font-size:0;} .postNav div a{height:36px; line-height:35px; font-size:16px; padding:0 15px; display:block; border:1px solid #e6e6e6; border-radius:100px;} .postNav div i{ vertical-align:-1px;} .postNav .postNext{ float:right} .postNav .postPrev a{ padding-right:18px;} .postNav .postNext a{ padding-left:18px;} .postNav div a:hover{ background:#20C836; border:1px solid #20C836; color:#fff;} /*----------- tag-a -----------*/ .tagBox {display:block; margin-top:50px; text-align:left;} .tagBox .tagArr { line-height:32px;} .tagBox .tagArr a {padding:6px 10px 4px 10px;border: 1px solid #e4e4e4; margin-right: 6px; background:#f2f2f2; border-radius:30px;} .tagBox .tagArr a:hover{border: 1px solid #20C836; background: #20C836; color: #fff} /*subcate*/ .subcate{ max-width:1260px; margin:50px auto 10px;text-align:center;padding: 0 20px;} .subcate ul{ display:block; font-size:0;} .subcate li{ display:inline-flex; margin:3px;border-radius:0px; font-size:14px;} .subcate li a{padding:4px 10px 4px; font-size:16px; background:#f6f6f6; text-shadow:none;border-radius:0px;} .subcate li a:hover,.subcate li.active a{background:#20C836;color:#fff;filter:alpha(opacity=86);opacity:0.86;} /*related*/ .related{ padding:20px 20px;background: #fff; margin:25px 0 0 0;} .related .title { padding:0px 0 15px 0; text-align: left} .related .title h3{ font-size:20px; font-weight:normal; padding-left:18px; position:relative;} .related .title h3:after{content: ""; position:absolute; width:3px; height:20px; background:#20C836; left:2px; top:4px;} .related .liBox {height: 100%;margin: 2px 2px;text-align: center;font-size: 14px;} .related .liBox .aImg {width: 100%;height:auto;padding-top: 75%;display: block;position: relative;overflow: hidden;background-color: #efefef;} .related .liBox .aImg img {width: 100%;min-height: 100%; position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;} .related .liBox .tit {display: block; padding: 15px; position: relative;line-height: 24px; text-align:center;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s; background:rgba(255, 255, 255, 0.65);} .related .liBox .tit h3{ font-size:16px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .related .liBox .tit p{ font-size:12px; color:#999; max-height:42px; transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s; margin-top:5px; display:block; line-height:22px; overflow:hidden;} .related .liBox:hover a.titUrl .tit{ background:#20C836; color:#fff;} .related .liBox:hover a.titUrl .tit p{color:#fff; opacity:.8;} .related .liBox:hover a img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} .nothing{ padding:40px 0 50px 0; color:#999; text-align:center; width:100%; background:rgba(255, 255, 255, 0.65);} .nothing .iconfont{ font-size:68px;} .artImg{ text-align:center; font-size:0; display:block; margin:0 auto} .artImg img{ width:100%;} /*独立模块*/ .umDiy { padding:80px 0} .umDiy .title{ text-align:center; padding-bottom:20px;} .umDiy .umText{ line-height:2; width:80%; margin:0 auto;font-size:15px; color:#666; text-align:center;} .umDiy .umText p{ margin:15px 0;} .umDiy video{ width: 60%} .umDiy.um1{ background:#fff; padding-bottom:80px;} .umDiy.um2{ background-color:#f6f6f9; padding:100px 0;background-repeat:no-repeat; background-size:cover;background-attachment: fixed;} .umDiy.um3{ background:#fff;} .main .umDiy:nth-of-type(1){margin-top:0px;} .umDiy .PostSl{ padding-top:0;} .umDiy .PostSl li .slNumber{ font-size:40px; line-height:42px;} .umDiy .PostSl li{border-right: 1px solid rgba(216,216,216,.8);} .umDiy .PostSl li:last-child{ border:none;} .umDiy .swiper-container{ padding-bottom:40px; margin-top:20px; margin-left:-5px; margin-right:-5px; display:block; overflow:hidden;} .umDiy .swiper-pagination.caseNav{ bottom:0;} .umDiy .swiper-container .item{ margin:5px; font-size:0; display:block; overflow:hidden;} .umDiy .swiper-container .item img{ transform:scale(1); transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;} .umDiy .swiper-container .item:hover img{transform:scale(1.1)} .umDiy.his .swiper-container .swiper-slide{height:392px;} .umDiy.his{background-color:#181818; background-image:url(images/hisBg.jpg);background-repeat:no-repeat; background-size:cover; background-position: center} .umDiy.his .title{ padding-top:0px;} .umDiy.his .swiper-slide .imgText h4{ text-align:center;} .umDiy.his .swiper-container{ padding-bottom:0} .umDiy.his .swiper-container:before { top:276px;} .umDiy.um5 .umText{ width:100%;} .umDiy.um5 .umText ul{ display:block; font-size:0;} .umDiy.um5 .umText li{ width:16.666666%; display:inline-block; padding:10px;} .umDiy.um5 .umText li .item{ width:100%; min-height:40px; background: #fff} .ummain .subcate{ margin-top:50px; margin-bottom:50px;} .us .umDiy .title{ max-width: 80%;margin: 0 auto 10px auto;} .us .umDiy .umText{ text-align: left;} .us .umDiy .umText h3{ font-size: 20px; margin:0 0 10px 0; font-weight: normal; color: #1d1d1d} .us .umDiy .umText ul{ padding: 10px 0} .us .umDiy.um2{ background-attachment:inherit; padding: 160px 0; text-align: center; background-image: url(images/map.jpg)} .us .umDiy.um3{ background:#f8f8f8; overflow:hidden;} .us .umComm iframe{ width:80%; height:340px; display:block; margin:0 auto;} .us .umComm.noLogin iframe{ height:260px;} a.mapUrl{ min-width:160px; height: 48px; font-size:18px; line-height: 48px; text-align: center; padding: 0 20px;display:inline-block; margin: 0 10px; color: #fff; border:1px solid #fff; transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;} a:hover.mapUrl{ background: #20C836; border: 1px solid #20C836; cursor: pointer} .ummap{ position: fixed; top:10%; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index:-1; opacity: 0; transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s; visibility: hidden; overflow:hidden;} .ummap.open{z-index: 9998; opacity: 1; visibility: visible;top: 0;} .ummap iframe{width: 100%; height: 100%; overflow:hidden;} .ummap .closeMap{ position: absolute; z-index: 9999; top: 0; right: 0; background: #f32; color: #fff; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 30px; cursor: pointer;} /*人才招聘*/ .job .umDiy{ padding:55px 0 20px 0} .job .subcate{ margin-bottom: 0;} .jobList .postArr{ width: 95%; margin:0 auto;} .jobList .postArr li{ width: 100%; padding:0 20px; background: #fff; margin-bottom:30px;display: block; overflow: hidden; position: relative;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; cursor: pointer;} .jobList .postArr li:hover{box-shadow: 0 15px 25px rgba(0,0,0,.015);} .jobList .postArr .postTxt{padding:0; margin:20px 0;} .jobList .postArr .postTxt .jobTit{ padding:0 45px 0 100px;} .jobList .postArr .postTxt .jobTit h3{ font-size:18px; line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight: normal} .jobList .postArr .postTxt .jobTit p{ font-size: 14px; color: #999; margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .jobList .postArr .postTxt .time{ position: absolute; left: 20px;width: 60px; text-align: center; height: 58px; top: 20px;display: block; color: #888; font-family:sans-serif;} .jobList .postArr .postTxt .time em{ width: 100%; display: block; font-size: 44px; line-height: 36px;} .jobList .postArr .jobTit:after{content: '';display: block; width: 1px; height: 60px; position:absolute; top:15px; left:96px; background: #eee;} .jobList .postArr .postTxt .dot{ width:32px; height: 32px; line-height: 30px; text-align: center; border:1px solid #bbb; border-radius: 100px; position: absolute; top: 32px; right: 22px; font-size: 18px; color: #bcbcbc; cursor: pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} .jobList .postArr li.selected{ height: 100%;} .jobList .postArr li.selected .postTxt .dot{-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);border:1px solid #20C836;color: #20C836} .jobList .postArr li.selected .postTxt .time{color: #20C836} .jobTxt{ display: none; margin-top: 30px; line-height:30px; color: #666; font-size: 14px; padding-left:100px;} .jobTxt h3{ font-size: 18px; padding: 15px 0 15px 12px; font-weight: normal; position: relative;} .jobTxt h3:after{content: '';display: block; width:5px; height:5px; position:absolute; top: 29px; left:0px; background: #999; border-radius: 50px;} .jobEmai{display:inline-block; margin:3% 0 1% 0} .jobEmai a{line-height:20px; display:block; background:#20C836; color:#fff; font-size:14px; border-radius:30px; padding:5px 15px; text-align:center;} .jobEmai a p{ font-size:12px; font-family:Arial; opacity:0.68} /*color*/ .swiper-slide.news{background-color: #EEEEEE;} .swiper-slide.partner{background-color: #F8F8F8;} /*----------- search -----------*/ .page-search h1{font-size:20px; font-weight:400;margin-bottom:5px;} .page-search .archive-description{ font-size:12px; color:#9e9e9e;} .page-search,.list-search p{margin:0 0 20px 0;padding:10px 0;overflow:hidden;border-radius:2px;position:relative; line-height:22px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .list-search p{background-color:rgba(255, 255, 255, 0.65);padding:20px; color:#888;border:1px solid #fff;} .list-search p:hover{background-color:rgba(255, 255, 255, 0.95);} .list-search p a:first-child{font-size:18px;line-height:28px; margin-bottom:5px; margin-top:0;} .list-search p a{ margin-top:3px;display:inline-block;color:#666;font-size:14px;} .list-search p a:hover{color:#20C836} .list-search p strong{color:#20C836; font-weight:100} .banner .text{ max-width: 1220px; width: 100%; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%);color:rgba(255,255,255,.8); display: block; font-size: 0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; text-align: center;} .banner .text a{color:rgba(255,255,255,.8);} .banner .text h4{ font-size: 40px; color: #fff;font-family:Arial;font-weight: 600;} .banner .text p{ margin: 20px auto; line-height:26px; font-size: 14px; max-width: 600px; padding: 0 20px;} .banner .text a span{ padding: 8px 30px;;background:#20C836; color: #fff; font-size: 16px;display: inline-block; margin-top: 28px; -webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; position: relative; border-radius: 100px;} .banner .text a em{ position: relative; z-index: 1; font-style: normal} .banner .text .bnLink{ position:absolute; width:100%; height:100%; left:0; top:0;} .banner.textLeft .text{ text-align: left;max-width: 1240px} .banner.textLeft .text h4,.banner.textLeft .text p{max-width: 620px; padding-right: 20px; padding-left: 0;} .banner.textLeft .text p{margin: 20px 0;} .preloader{position: fixed;left: 0px;top: 0px;width: 100%; height: 100%;z-index: 999999;background-color:rgba(255,255,255,.96);background-position: center center;background-repeat: no-repeat; background-image: url(images/loading.gif); background-size: 42px 42px;} /*CSS动画样式*/ .anim{visibility:hidden;} .animated{visibility:visible;} li.animated:nth-of-type(1){animation-delay: 0.1s;} li.animated:nth-of-type(2){animation-delay: 0.15s;} li.animated:nth-of-type(3){animation-delay: 0.2s;} li.animated:nth-of-type(4){animation-delay: 0.25s;} li.animated:nth-of-type(5){animation-delay: 0.3s;} li.animated:nth-of-type(6){animation-delay: 0.35s;} li.animated:nth-of-type(7){animation-delay: 0.4s;} li.animated:nth-of-type(8){animation-delay: 0.45s;} li.animated:nth-of-type(9){animation-delay: 0.5s;} li.animated:nth-of-type(10){animation-delay: 0.55s;} li.animated:nth-of-type(11){animation-delay: 0.6s;} li.animated:nth-of-type(12){animation-delay: 0.65s;} .wrapBox.service .box ul{display: flex;justify-content: flex-start;flex-wrap: wrap;padding-left: 0px; margin: 0 -5px;} .wrapBox.service .box li{width:calc(100% / 3 - 10px); margin: 5px;background: #FAFAFA;position: relative;} .wrapBox.service .box li a{ display: block;} .wrapBox.service .box li .imgText{padding-top: 48px;padding-bottom: 40px;position: relative;z-index: 2;transition: all 0.3s;} .wrapBox.service .box li .img{margin-bottom: 30px;} .wrapBox.service .box li .img img{ margin: 0 auto; max-width: 80px; width: 100%;} .wrapBox.service .box li .img .img1{display: block;} .wrapBox.service .box li .img .img2{ display: none;} .wrapBox.service .box li:hover .img .img1{display: none;} .wrapBox.service .box li:hover .img .img2{display: block;} .wrapBox.service .box li h4{ text-align: center;font-size: 20px; font-weight: 600; padding:0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .wrapBox.service .info{font-size: 16px;line-height: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top: 20px;opacity: .6; padding:0 60px 0 20px; position: relative;} .wrapBox.service .info i{ width: 16px; height: 16px; line-height: 16px; font-size: 14px; text-align: center; background: #333; position: absolute; right: 20px; top: 0; -webkit-border-radius:100px;border-radius: 100px; color: #fff;} .wrapBox.service .box li:after{content: ""; left: 0; right: 0; height: 0;bottom: 0;position: absolute;background: #20C836;transition: all 0.3s;z-index: 1;} .wrapBox.service .box li:hover:after{height: 100%;} .wrapBox.service .box li:hover,.wrapBox.service .box li:hover a{ color: #fff;} .wrapBox.service .box li:hover .info{ opacity: 1;} .wrapBox.service .box li:hover .info i{background: #fff; color:#20C836;} .wrapBox .maskPic{background-size: cover;background-position: center;background-attachment: scroll;position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 0;} .wrapBox .box .postImg{ font-size: 0; min-height: auto;} .wrapBox .box li a{ display: block;} .wrapBox .box .postImg img{ max-width: 100%;border: 1px solid #ddd;-webkit-border-radius:4px;border-radius: 4px; object-fit: cover;} .wrapBox.plate .box ul,.wrapBox.why .box ul{display: flex;justify-content: flex-start;flex-wrap: wrap;padding-left: 0px; margin: 0 -10px;} .wrapBox.plate .box li,.wrapBox.why .box li,.wrapBox.case .box .pic li{width:calc(100% / 4 - 20px); margin: 10px;position: relative;} .wrapBox.plate .box .postImg,.wrapBox.case .box .postImg{ position: relative;} .wrapBox.plate .box .postImg:after{ content: ''; padding-top: 33.5%; display: block;} .wrapBox.plate .box .postImg a,.wrapBox.plate .box .postImg img,.wrapBox.case .box .postImg a,.wrapBox.case .box .postImg img{ position: absolute;width: 100%; height: 100%; top: 0; left: 0;} .wrapBox.why,.wrapBox.case{position: relative;} .wrapBox.why .container,.wrapBox.case .container{position: relative; z-index: 1;} .wrapBox.why .box li{width:calc(100% / 2 - 20px); min-height: 110px; background: #FFFFFF;} .wrapBox.why .box li a{ padding: 25px 25px 25px 140px; display: block;color: #1d1d1d;} .wrapBox.why .box li a i{ position: absolute; top: 15px; left: 25px; font-size: 80px; line-height: 1; font-weight: bold; margin-top: 0;font-family:Arial,sans-serif;color:#20C836} .wrapBox.why .box li .postText h4{ font-size: 20px; font-weight: bold;} .wrapBox.why .box li .postText .info{opacity: .6; margin-top: 10px; line-height: 1.6;} .wrapBox.case .box ul.pic{display: flex;justify-content: flex-start;flex-wrap: wrap;padding-left: 0px; margin: 0 -10px;} .wrapBox.case .box .pic li{text-align: center;} .wrapBox.case .box .pic li h4{ padding:15px 20px 15px;font-size: 16px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .wrapBox.case .box .postImg:after{ content: ''; padding-top: 62%; display: block;} .wrapBox.case .box .list{display: flex;justify-content: flex-start;flex-wrap: wrap;padding-left: 0px; padding-top: 10px; margin: 0 -25px;} .wrapBox.case .box .list li{width:calc(100% / 2 - 50px); margin:0 25px;position: relative; height: 34px; line-height: 34px; padding-left: 12px; padding-right: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .wrapBox.case .box .list li a{display: initial;} .wrapBox.case .box .list li:before{content: ''; width: 4px; height: 4px; -webkit-border-radius:100px;border-radius: 100px; position: absolute; top: 15px; left: 0; background: rgba(0, 0, 0, .3);} .wrapBox.case .box .list li span{ position: absolute; right: 0; top: 0px; opacity: .3;font-family: Arial,sans-serif;} .wrapBox.case .maskPic{background-attachment: fixed;} /*! * animate.css -http://daneden.me/animate */ .animated{animation-duration:1s;animation-fill-mode:both;}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp} @-webkit-keyframes goTopapp{0%{-webkit-transform:scale(.8)}to{-webkit-transform:scale(1)}} @keyframes goTopapp{0%{transform:scale(.8)}to{transform:scale(1)}} @-webkit-keyframes drop {0% {top: 5px;opacity: 0;}30% {top: 10px;opacity: 1;}100% { top: 25px; opacity: 0;}} @keyframes drop {0% {top: 5px; opacity: 0;}30% {top: 10px;opacity: 1;}100% {top: 25px;opacity: 0;}} @-webkit-keyframes pulse-border{0%{-webkit-transform:translateX(0%) translateY(-50%) translateZ(0) scale(1);transform:translateX(0%) translateY(-50%) translateZ(0) scale(1);opacity:.6}100%{-webkit-transform:translateX(0%) translateY(-50%) translateZ(0) scale(1.3);transform:translateX(0%) translateY(-50%) translateZ(0) scale(1.3);opacity:0}} @-moz-keyframes pulse-border{0%{transform:translateX(0%) translateY(-50%) translateZ(0) scale(1);opacity:.6}100%{transform:translateX(0%) translateY(-50%) translateZ(0) scale(1.3);opacity:0}} @-o-keyframes pulse-border{0%{transform:translateX(0%) translateY(-50%) translateZ(0) scale(1);opacity:.6}100%{transform:translateX(0%) translateY(-50%) translateZ(0) scale(1.3);opacity:0}} @keyframes pulse-border{0%{-webkit-transform:translateX(0%) translateY(-50%) translateZ(0) scale(1);transform:translateX(0%) translateY(-50%) translateZ(0) scale(1);opacity:.6}100%{-webkit-transform:translateX(0%) translateY(-50%) translateZ(0) scale(1.3);transform:translateX(0%) translateY(-50%) translateZ(0) scale(1.3);opacity:0}} @keyframes bounceInDown1{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) translate(-50%,-50%)}60%{opacity:1;transform:translate3d(0,25px,0) translate(-50%,-50%)}75%{transform:translate3d(0,-10px,0) translate(-50%,-50%)}90%{transform:translate3d(0,5px,0) translate(-50%,-50%)}to{transform:translate(-50%,-50%)}} @keyframes fadeInRightA1{0%{opacity:0;transform:translate3d(100%,0,0) translateX(0%) skew(20deg);}to{opacity:.6;transform:translate3d(0%,0,0) translateX(0%) skew(20deg)}} @keyframes fadeInRightA2{0%{opacity:0;transform:translate3d(100%,0,0) translateX(0%) skew(21deg);}to{opacity:.6;transform:translate3d(0%,0,0) translateX(0%) skew(21deg)}} @keyframes fadeInRightA3{0%{opacity:0;transform:translate3d(100%,0,0) translateX(0%) skew(22deg);}to{opacity:.6;transform:translate3d(0%,0,0) translateX(0%) skew(22deg)}} @keyframes fadeInRightA4{0%{opacity:0;transform:translate3d(100%,0,0) translateX(0%) skew(23deg);}to{opacity:.6;transform:translate3d(0%,0,0) translateX(0%) skew(23deg)}} @keyframes fadeInRightA5{0%{opacity:0;transform:translate3d(100%,0,0) translateX(0%) skew(22deg);}to{opacity:.6;transform:translate3d(0%,0,0) translateX(0%) skew(22deg)}} @keyframes fadeInRightA6{0%{opacity:0;transform:translate3d(100%,0,0) translateX(0%) skew(22deg);}to{opacity:.6;transform:translate3d(0%,0,0) translateX(0%) skew(22deg)}} /*icon字体*/ .icon-daochu_o:before{content:"\eb4b"}.icon-wenben_o:before{content:"\eb4e"}.icon-shanchu_o:before{content:"\eb83"}.icon-tuwen_o:before{content:"\eb85"}.icon-agreement:before{content:"\e697"}.icon-privacy:before{content:"\e69d"}.icon-history:before{content:"\e69b"}.icon-eye_protection:before{content:"\e6a0"}.icon-voice:before{content:"\e6a4"}.icon-nickname:before{content:"\e6a2"}.icon-Decrease:before{content:"\e650"}.icon-Increase:before{content:"\e652"}.icon-zhiding3:before{content:"\e691"}.icon--icon-top:before{content:"\e623"}.icon-message:before{content:"\e6df"}.icon-book-off:before{content:"\e663"}.icon-book-on:before{content:"\e664"}.icon-grid:before{content:"\e667"}.icon-folder-minus:before{content:"\e668"}.icon-layout:before{content:"\e669"}.icon-image:before{content:"\e66c"}.icon-inbox:before{content:"\e66f"}.icon-layers:before{content:"\e670"}.icon-headphones:before{content:"\e671"}.icon-monitor:before{content:"\e672"}.icon-mail:before{content:"\e673"}.icon-package:before{content:"\e674"}.icon-user:before{content:"\e675"}.icon-bell:before{content:"\e676"}.icon-file-text:before{content:"\e677"}.icon-q:before{content:"\e60e"}.icon-taobaoiconbiaozhunshangchuandaxiaomoban:before{content:"\e60f"}.icon-dizhi5:before{content:"\e63f"}.icon-dizhi6:before{content:"\e6c1"}.icon-dizhi2:before{content:"\e684"}.icon-dizhi3:before{content:"\ea26"}.icon-dizhi4:before{content:"\e654"}.icon-triangle-down:before{content:"\e60c"}.icon-arrdown-fill:before{content:"\e60d"}.icon-xiazai:before{content:"\e61a"}.icon-xiazai1:before{content:"\e60b"}.icon-xiazai2:before{content:"\e665"}.icon-xiazai3:before{content:"\e61d"}.icon-xiazai4:before{content:"\e63e"}.icon-icon06:before{content:"\e64f"}.icon-zanwu4:before{content:"\e690"}.icon-zanwu:before{content:"\e60a"}.icon-zanwu1:before{content:"\e63c"}.icon-zanwu2:before{content:"\e645"}.icon-m-denglu:before{content:"\e608"}.icon-denglu-copy:before{content:"\e63a"}.icon-denglu:before{content:"\e609"}.icon-denglu1:before{content:"\e892"}.icon-denglu2:before{content:"\e614"}.icon-denglu3:before{content:"\e656"}.icon-yinhao1:before{content:"\e647"}.icon-yinhao2:before{content:"\e630"}.icon-yinhao2-copy:before{content:"\e72c"}.icon-yinhao1-copy:before{content:"\e72d"}.icon-yanjing1:before{content:"\e605"}.icon-yanjing:before{content:"\e611"}.icon-xiangxia-copy-right:before{content:"\e717"}.icon-jiantou1-you:before{content:"\e635"}.icon-xiangxia-copy-x-copy:before{content:"\eb92"}.icon-bofang:before{content:"\e618"}.icon-riqi:before{content:"\e638"}.icon-riqi1:before{content:"\e619"}.icon-jingdong:before{content:"\e894"}.icon-tianmao1:before{content:"\e602"}.icon-jingdong1:before{content:"\e603"}.icon-jingdong-:before{content:"\e604"}.icon-JD:before{content:"\e661"}.icon-dianhua:before{content:"\e61c"} .icon-shouye:before{content:"\e62f"}.icon-menu-index:before{content:"\e601"}.icon-guanbi1:before{content:"\e600"}.icon-shouji:before{content:"\e617"}.icon-shouji-copy:before{content:"\e633"}.icon-jiantou1:before{content:"\e62e"}.icon-rocket:before{content:"\e66d"}.icon-huojian1:before{content:"\e66e"}.icon-suo:before{content:"\e62b"}.icon-icon--1:before{content:"\e718"}.icon-icon--2:before{content:"\e719"}.icon-zhanghao:before{content:"\e6b6"}.icon-touxiang:before{content:"\e61b"}.icon-iconfontpinglun:before{content:"\e63b"}.icon-cate:before{content:"\e794"}.icon-shijian:before{content:"\e62c"}.icon-liulan:before{content:"\e65a"}.icon-youxiang:before{content:"\e632"}.icon-youxiang1:before{content:"\e65e"}.icon-jiantou:before{content:"\e66b"}.icon-jiantou-copy:before{content:"\eb91"}.icon-xiangyoujiantou1:before{content:"\e65f"}.icon-xiangzuojiantou1:before{content:"\e660"}.icon-menu:before{content:"\e63d"}.icon-xitongcaidan:before{content:"\e696"}.icon-tubiao_daohangcaidan:before{content:"\e610"}.icon-iconset0415:before{content:"\e726"}.icon-iconset0416:before{content:"\e727"}.icon-fangdajing:before{content:"\e627"}.icon-sousuo:before{content:"\e651"}.icon-icon--:before{content:"\e729"}.icon-jiantou_qiehuanyou_o:before{content:"\eb8d"}.icon-jiantou_qiehuanzuo_o:before{content:"\eb90"}.icon-xiala-:before{content:"\e629"}.icon-xiangyoujiantou:before{content:"\e68b"}.icon-xiangzuojiantou:before{content:"\e68c"}.icon-icon---copy:before{content:"\eb93"}.icon-gengduo1:before{content:"\e607"}.icon-qzone:before{content:"\e728"}.icon-changyonglogo28:before{content:"\e715"}.icon-QQ:before{content:"\e62a"}.icon-weibo:before{content:"\e606"}.icon-weibo1:before{content:"\e67a"} /*----------- media -----------*/ @media screen and (max-width:1280px){ .his .swiper-slide .imgText p{ left:0; right:0;} .umArt.umSub{padding-left: 310px;} .sabout.cont .about{ max-width: 90%} .wrapBox.core .maskBg.sum5{left: 15%} .wrapBox.core ul.sum6{left:2%} .wrapBox.core .maskBg.sum6{ left: 16.8%} .navbar li{ padding: 0 15px;} .title h3{font-size: 26px;} .title span.title1{font-size: 38px;top: -8px;} } @media screen and (max-width:1024px){ .navbar li{ padding: 0 10px;} } @media screen and (max-width:959px){ .title h3{font-size: 24px;} .title span.title1{font-size: 32px;top: -2px;} .umDiy.um5 .umText li{ padding: 5px;} .banner .text h4{ font-size:38px;} .banner .text p{ margin-top: 15px; line-height: 26px; font-size: 16px; max-width:500px;} .banner .text a span{ padding: 8px 25px; font-size: 16px;margin-top: 20px; } .bnBox.cateBn .text h3{font-size:36px;} .umDiy video{width: 70%;} .ftNav ul{ padding-right: 5%} .ftNav .us li.tel{ font-size: 30px; line-height: 36px;} .wrapBox.core .maskBg.sum1{left: 5.5%;} .wrapBox.core .maskBg.sum2{left: 8%;} .wrapBox.core ul.sum6{left:2%} .wrapBox.core .maskBg.sum6{ left: 18%} .wrapBox.service .box li{width:calc(100% / 2 - 10px);} .wrapBox.service .box li h4{ font-size: 18px;} .wrapBox.service .info{font-size: 14px;padding: 0 35px 0 20px;} .wrapBox.service .box li .img img{ max-width: 68px;} } @media screen and (max-width:900px){ .navbar{ display: none} .sidebar,.umSubr .sidebar{ width: 100%; margin: -25px 0 0 0;} .sidebar .widget.umhtml1 ul li{ width: 25%} .umArt.umSub,.umSubr .umArt.umSub{ padding-left: 0; padding-right: 0} .moble,.mNavBtn{ display: block;} .sbtn{margin-right: 30px;} .article, .umArt{ margin:30px 0;} .postNews .postText .time{ font-size:22px; padding-bottom:20px;} .postNews .postText .time:after{ top:30px;} .article li .postText{ padding:8px 15px 10px;} .article li .postText h4{ font-size:14px;} .article li .postText i{ font-size:12px;} .about .aboutLeft{ width:42%;} .about .aboutRight{ width:58%;} .cont .about .title,.boxText{ padding-left: 40px;} .umDiy.um5 .umText li{ padding:10px; width:33.33333%} .partnerBox li{width: calc(100% / 3 - 20px);} body{overflow-x: hidden;} body .wrap{ position:relative;overflow-x: hidden;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;} body .wrap{ left:0;} body .bnBox,body .breadcrumb,body .main,body .footer,.banner{transform: translateX(0px);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;} body.open{overflow:hidden;} body.open .wrap{left: 190px;} body.open .header{ left:190px;} body.open .leftNav{ left:0px;} body.open .leftNav .mNavBtn{ display:block; position: absolute; top: 0px; background: #000; padding:0px 13px; height: 49px; right: -50px; cursor: pointer} body.open .leftNav .mNavBtn i{ font-size: 24px;} body.open .mNav .navbar{display:block;} body.open .bnBox,body.open .breadcrumb,body.open .main,body.open .footer,body.open .banner{ transform: translateX(190px)} .page-search, .list-search p{ margin:10px 0;} .bnBox.cateBn .text h3{font-size:32px;} .umDiy video{width: 80%;} .ftNav .us li.tel{ font-size: 26px; line-height: 34px; padding-bottom: 0;} .ftNav .us li.add{ max-width:168px;} .wrapBox.core .maskBg.sum1{left: 4.5%;} .wrapBox.core .maskBg.sum2{left: 7%;} .newAdd .newAddList .newAddBox{width: calc(100% / 2 - 20px); } .wrapBox.service .box li .imgText{ padding: 35px 0 32px;} } @media screen and (max-width: 840px){ .ftEwm{ width: 200px;} .ftNav ul{ padding-right: 4.5%} .ftNav .us li.tel{ font-size: 22px; line-height: 32px; padding-bottom: 0;} .ftNav .us li.add{ max-width:160px;} .wrapBox.core ul.sum6{ left: 5%} .wrapBox.core .maskBg.sum6{ left: 22%;transform: translate3d(0%,0,0) translateX(0%) skew(20deg);} @keyframes fadeInRightA6{0%{opacity:0;transform:translate3d(100%,0,0) translateX(0%) skew(20deg);}to{opacity:.6;transform:translate3d(0%,0,0) translateX(0%) skew(20deg)}} } @media screen and (max-width:768px){ .title h3{font-size: 22px;} .title span.title1{font-size: 30px;top: 0px;} .wrapBox ul.col3 { margin: 0 -10px;} .wrapBox ul.col3 li,.wrapBox.plate .box li,.wrapBox.case .box .pic li{width: calc(100% / 2 - 20px);margin: 10px;} .about .aboutLeft{ width:46%;} .about .aboutRight{ width:54%;} .about .postText{ padding: 0 40px;} .about .title{ padding-left:30px; padding-right:30px;} .PostSl li .slNumber{ font-size:34px; line-height: 44px;} .homeNav{ display: none;} .swiper-slide.news,.swiper-slide.partner{ padding: 0 20px;} .postNews li{ width:50%} .postNews .postText,.postNews li .postImg .dot{ display:none;} .wrapBox.core ul{ padding-left: 22.5%} .wrapBox.core ul.sum5{ padding-left: 14%} .wrapBox.core ul.sum6{ padding-left: 6%} .wrapBox.core .maskBg.sum1{left: 14.5%;} .wrapBox.core .maskBg.sum2{ left: 17%;} .wrapBox.core .maskBg.sum3{ left: 21.5%;transform: translate3d(0%,0,0) translateX(0%) skew(19deg);} .wrapBox.core .maskBg.sum4{ left: 25%;transform: translate3d(0%,0,0) translateX(0%) skew(19deg);} .wrapBox.core .maskBg.sum5{ left: 19.2%;transform: translate3d(0%,0,0) translateX(0%) skew(20deg);} .wrapBox.core .maskBg.sum6 { left: 21%; transform: translate3d(0%,0,0) translateX(0%) skew(13deg);} @keyframes fadeInRightA3{0%{opacity:0;transform:translate3d(100%,0,0) translateX(0%) skew(19deg);}to{opacity:.6;transform:translate3d(0%,0,0) translateX(0%) skew(19deg)}} @keyframes fadeInRightA4{0%{opacity:0;transform:translate3d(100%,0,0) translateX(0%) skew(19deg);}to{opacity:.6;transform:translate3d(0%,0,0) translateX(0%) skew(19deg)}} @keyframes fadeInRightA5{0%{opacity:0;transform:translate3d(100%,0,0) translateX(0%) skew(20deg);}to{opacity:.6;transform:translate3d(0%,0,0) translateX(0%) skew(20deg)}} @keyframes fadeInRightA6{0%{opacity:0;transform:translate3d(100%,0,0) translateX(0%) skew(13deg);}to{opacity:.6;transform:translate3d(0%,0,0) translateX(0%) skew(13deg)}} .wrapBox.core .sum4 li:nth-child(4){ width: 80%} .wrapBox.core li:nth-child(4){width: 85%} .wrapBox.core li:nth-child(5){width: 75%} .wrapBox.core ul.sum6 li:nth-child(1){ width: 95%; left: -50px;} .wrapBox.core ul.sum6 li:nth-child(2){ width: 95%; left: -15px;} .wrapBox.core ul.sum6 li:nth-child(3){ width: 90%; left: 15px;} .wrapBox.core ul.sum6 li:nth-child(4){ width: 88%; left: 55px;} .wrapBox.core ul.sum6 li:nth-child(5){ width: 82%; left: 90px;} .wrapBox.core ul.sum6 li:nth-child(6){ width: 78%; left: 120px;} .cont .about .title,.boxText{ padding-left: 0px; padding-right: 0;} .banner .text h4{ font-size:32px;} .banner .text p{ margin-top: 15px; line-height: 26px; font-size: 14px;max-width:none;padding: 0 60px;} .banner .text a span{font-size: 14px; } .bnBox.cateBn .text h3{font-size:28px;} .umDiy video{width: 90%;} .footer{ padding: 5% 0;} .ftBox{ display: block;} .ftNav{ width: 100%; padding: 0;} .ftNav ul{ width: 100%; max-height: 42px; border-bottom: 1px solid rgba(255,255,255,.05); padding: 0; overflow: hidden; padding-right: 0; position: relative;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .ftNav ul li{ overflow: hidden; line-height: 28px;} .ftNav ul li a{ height: 28px; line-height: 28px;} .ftNav ul li.h{ height: auto; position: relative; cursor: pointer; margin-bottom: 0; font-size: 14px; line-height: 42px} .ftNav ul li.h:after{content: "\e652";position: absolute; top: 0; right: 0;font-family: "iconfont" !important;font-size: 16px;font-style: normal;-moz-osx-font-smoothing: grayscale;} .ftNav ul.selected li.h:after{content: "\e650";} .ftNav ul.selected { max-height:1000px; padding-bottom: 6px;} .ftNav .us{ width: 100%; height: auto; margin-top:3%; border: none; max-height: none} .ftNav ul.us li.h:after{ display: none;} .ftNav .us li.icon a{ margin-right: 10px; padding-bottom: 0;} .ftEwm{margin-bottom: 10px; width: 100%; text-align: left; font-size: 0!important} .ftEwm .img{ width: 50%; max-width: 120px;} .ftEwm .img .box{ float: left; margin: 0 10px 0 0;} .ftNav .us li.add{ max-width: 100%} .wrapBox.news .newsBox{ display: block;} .wrapBox.news .swiperPic,.wrapBox.news .swiperText{ width: 100%; position: relative;} .wrapBox.news .swiperPic{ height: 380px;} .wrapBox.news .swiperText{ height: 320px;} .wrapBox.news .swiperText .swiper-container{ margin: 0; padding: 0;} .wrapBox.news .btn.newsPrev{ left: 20px;} .wrapBox.news .btn.newsNext{ right: 20px;} .wrapBox.why .box li ul{ margin: 0 -10px;} .wrapBox.why .box li{margin:10px;text-align: center;} .wrapBox.why .box li a i{ position: static; margin: 0 auto 10px; font-size: 60px;} .wrapBox.why .box li .postText h4{ font-size: 18px;white-space: inherit;} .wrapBox.why .box li a{padding:20px} .wrapBox.service .info{font-size: 12px;} .wrapBox.service .info i{width: 12px;height: 12px;line-height: 11px;font-size: 12px;top: 3px;} } @media screen and (max-width:640px){ .header{ padding-top: 48px;} .header .logo{height:35px; margin-top:-18px;} .logo img{height:35px;} .opaque .sbtn,.opaque .mNavBtn{height:60px; line-height:60px;} .fixed .sbtn,.header.noOpaque .sbtn,.fixed .mNavBtn,.header.noOpaque .mNavBtn{height:48px; line-height:48px;} .wrapBox{ padding: 60px 0; overflow: hidden} .wrapBox ul.col3,.wrapBox.plate .box ul,.wrapBox.case .box ul.pic{ margin: 0 -5px;} .wrapBox ul.col3 li,.wrapBox.plate .box li,.wrapBox.case .box .pic li{width: calc(100% / 2 - 10px);margin: 5px;} .about { padding:60px 20px;} .about .aboutBox{ display: block; padding-bottom: 0;} .about .aboutLeft{ width:100%;min-height:280px; display:block; overflow:hidden;} .about .aboutRight{ width:100%;top: 0;} .about .aboutRight .postText{ padding: 40px;} .about .title{text-align:center;} .about .aboutRight:after{ left: 0;} .about .postText .info h4{ text-align: center;} .about .postText .info h4:after{ left: 50%; margin-left: -18px;} .about .postText .info{ padding:0;max-height: 308px;} .about .postText .info:after{ right: 0;} .about .aboutRight .more{ padding-left:0; text-align:center;} .swiper-slide.partner{ padding: 0 15px;} .swiper-container .swiper-umComm { margin:0 -15px;} .article ul{ margin:0 -10px 0 0;} .article li, .imgShow {width: calc(100% / 2 - 10px);margin: 5px 10px 5px 0;} .sabout.cont .about{ margin-top: 0;} .cont .about .title, .boxText{ text-align: left;} .sabout.cont .about .tel{ font-size: 28px;} a.mapUrl{ min-width:130px;} .PostSl li .slNumber{ font-size:24px;} .searchBox{width:70%} .banner .text { text-align: center;} .banner .text h4{ font-size:24px;} .banner .text a span{ padding: 6px 20px; font-size: 14px; } .bnBox.cateBn .text h3{font-size:24px;} .about .aboutLeft .playBox{min-height:280px;} .umDiy video{width: 100%;} .sidebar .widget.umhtml1 ul li{ width: 50%} .wrapBox.core ul.sum5{ padding-left: 20%} .wrapBox.core ul.sum6{ padding-left:2%} .wrapBox.core li:nth-child(4){ width: 85%} .wrapBox.core li:nth-child(5){ width: 75%} .wrapBox.core .maskBg.sum1{ left: 12.5%} .wrapBox.core .maskBg.sum5 {left: 27.5%; transform: translate3d(0%,0,0) translateX(0%) skew(19deg);} .wrapBox.core .maskBg.sum6 {left: 17.5%; transform: translate3d(0%,0,0) translateX(0%) skew(8deg);} @keyframes fadeInRightA2{0%{opacity:0;transform:translate3d(100%,0,0) translateX(0%) skew(21deg)}to{opacity:.6;transform:translate3d(0%,0,0) translateX(0%) skew(21deg)}} @keyframes fadeInRightA5{0%{opacity:0;transform:translate3d(100%,0,0) translateX(0%) skew(19deg)}to{opacity:.6;transform:translate3d(0%,0,0) translateX(0%) skew(19deg)}} @keyframes fadeInRightA6{0%{opacity:0;transform:translate3d(100%,0,0) translateX(0%) skew(8deg);}to{opacity:.6;transform:translate3d(0%,0,0) translateX(0%) skew(8deg)}} .wrapBox.core ul.sum6 li:nth-child(1){ width: 95%; left: -20px;} .wrapBox.core ul.sum6 li:nth-child(2){ width: 95%; left: 0px;} .wrapBox.core ul.sum6 li:nth-child(3){ width: 90%; left: 20px;} .wrapBox.core ul.sum6 li:nth-child(4){ width: 88%; left: 40px;} .wrapBox.core ul.sum6 li:nth-child(5){ width: 82%; left: 60px;} .wrapBox.core ul.sum6 li:nth-child(6){ width: 78%; left: 80px;} .wrapBox.news .swiperPic{ height: 360px;} .umDiy.um5 .umText li{ padding:5px;} .partnerBox ul{ margin-right: -10px;} .partnerBox li{width: calc(100% / 3 - 10px);margin: 5px 10px 5px 0;} .main .artList .article li .postImg{width: 180px;} .wrapBox.core .coreText{ width: 95%} .wrapBox.newAdd .swiper-container{ padding:0 10px 5px 10px;} .newAdd .newAddList{ margin-right: -10px; margin-top: 5px;} .newAdd .newAddList .newAddBox{width: calc(100% / 2 - 10px); margin: 5px 10px 5px 0;} .wrapBox.why .box li{min-height:auto;} .wrapBox.why .box li a i{font-size: 52px;} .wrapBox.why .box li .postText h4{font-size: 16px;} .wrapBox.why .box li .postText .info{margin-top: 8px;} .wrapBox.service .box li .imgText{ padding: 30px 0 28px;} .wrapBox.service .box li .img{ margin-bottom: 20px;} .wrapBox.service .box li .img img{max-width:58px;} .wrapBox.service .box li h4{ font-size: 16px;} .wrapBox.service .info{ margin-top: 15px;} } @media screen and (max-width:520px){ .about .aboutLeft{ min-height:220px;} .swiper-container .swiper-umComm .swiper-slide .umCommMsg{ padding: 0 45px;} .swiper-container .swiper-umComm .iconfont{ font-size: 28px;} .swiper-container .swiper-umComm .iconfont.il{ left:5px;} .swiper-container .swiper-umComm .iconfont.ir{ right:5px;} .searchBox{width:80%} .sabout.cont .about .tel{ font-size:26px;} .about .aboutLeft .playBox{min-height:220px;} .wrapBox.core .maskBg.sum6 {left: 20.5%;} .article li .postText .iText{ margin-top: 5px;} .main .artList .article li .postText{padding: 5px 0px 5px 15px;} .main .artList .article li .postImg{width: 160px;} .wrapBox.core ul{ padding-left: 0 !important; left: 0!important;} .wrapBox.core li{ margin: 30px 0; padding-right: 20px; padding-left: 100px;} .wrapBox.core li:nth-child(1), .wrapBox.core li:nth-child(2), .wrapBox.core li:nth-child(3), .wrapBox.core li:nth-child(4), .wrapBox.core li:nth-child(5), .wrapBox.core li:nth-child(6){ left: 0!important; width: 100%!important} .wrapBox.core .maskBg{ transform: translateX(18%) skew(5deg)!important ;display:none!important;} .wrapBox.core li:last-child{ margin-bottom: 0;} .wrapBox.core li:before,.wrapBox.core li:after{ color: #fff; background: #20C836;width: 50px;height: 50px;line-height: 50px; font-size: 30px; left: 20px;} .wrapBox.core li:after{width: 70px;height: 70px;left: 10px;} .wrapBox.news .swiperPic{ height: 320px;} .wrapBox.case .box .list li {width: calc(100% / 1 - 50px);} } @media screen and (max-width:480px){ .title{padding: 20px 30px 30px;} .jobList .postArr{ width:100%;} .jobList .postArr li{ margin-bottom:15px;} .jobList .postArr .postTxt{ margin:15px 0} .jobList .postArr .postTxt .time,.jobList .postArr .jobTit:after{ display:none;} .jobList .postArr .postTxt .jobTit,.jobTxt{ padding-left:0;} .jobList .postArr .postTxt .jobTit h3{ font-size:16px;} .jobList .postArr .postTxt .jobTit p{ margin-top:5px;} .jobList .postArr .postTxt .dot{ width:26px; height:26px; line-height:24px;top:26px; right:18px;} .jobTxt{ margin-top:20px;} .jobEmai a{font-size:14px;padding:5px 15px;} .about .aboutLeft,.about .aboutLeft .playBox{ min-height:200px;} .PostSl li{ width: 50%;margin: 10px 0;} .PostSl li:nth-of-type(2){ border: none} .searchBox{width:90%} .bnBox.cateBn .text h3{font-size:20px;} .adv .swiper-container{ padding: 20px 30px;margin: 0 -10px; width: auto} .newAdd .newAddList{ margin-right: 0px;} .newAdd .newAddList .newAddBox{width:100%; margin: 5px 0px 5px 0;} .newAdd .newAddList.num10 .newAddBox.tagsBox{ height: auto;} } @media screen and (max-width:440px){ .his .swiper-slide.swiper-slide-active .imgText p{ left: 30px; right: 30px;} .about .aboutLeft,.sabout.cont .about .aboutLeft,.about .aboutLeft .playBox{ min-height:180px;} .umDiy.um5 .umText li{ padding:5px; width:50%} .wrapBox.news .swiperText .swiper-slide{padding: 20px 30px 40px 30px} .wrapBox.news .btn{ display: none} .wrapBox.news .swiperPic{ height: 280px;} .partnerBox li{width: calc(100% / 2 - 10px);} .article li .postText .iText{ margin-top: 10px;} .main .artList .article li .postText .iText{ display: none} .main .artList .article li .postImg{width: 120px;} .main .artList .article li .postText h4{font-size: 16px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;white-space: normal;} .wrapBox.why .box li a i{font-size:46px;} } /*sp*/ code,pre{tab-size:4}.mfp-preloader{font-size:13px}.get-code-window{position:relative;background:#FFF;padding:2em 3em;width:auto;margin:20px auto;max-width:600px}#magnific_popup_documentation{font-size:3em;margin-bottom:1em;font-weight:700;text-align:center}.grid-c{clear:both}.grid-c p{margin-bottom:.5em}.grid-c{overflow:hidden;margin:0 -1em}.gc3{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%;float:left;padding:1em;overflow:hidden}.grid-c .gc3:nth-of-type(2n+1){clear:left}#broken-glass{height:100%;-webkit-tap-highlight-color:transparent;position:absolute;left:0;top:0;width:100%}#header-links{font-size:16px}#markdown-toc{position:fixed;left:0;top:50px;padding:20px;background:rgba(255,255,255,.71);-webkit-backface-visibility:hidden;list-style:none}#markdown-toc a[href="#magnific-popup-docs"]{display:none}#markdown-toc:before{content:'Table of contents';font-weight:700;display:block;margin-bottom:10px}@media all and (max-width:75em){#markdown-toc{position:static;padding:0;background:0 0}}#markdown-toc code,pre{font-family:Consolas,"Liberation Mono",Courier,monospace}code{background:#F8F8F8;padding:.1em .4em;color:#c82829;font-size:13px}pre{background:0 0;line-height:18px;overflow:auto;padding:20px 25px;border-radius:2px}pre code{border:0;padding:0;background:0 0;color:#000;font-size:13px}.highlight{position:relative;margin-bottom:.5em;margin-left:-1.5em;width:100%;padding:0 1.5em;background-color:#F5FAFC}pre code:before{display:block;position:absolute;right:3px;top:6px;padding:3px 7px 0;color:#889499;font-size:12px;line-height:13px}code.html:before{content:'HTML'}code.javascript:before{content:'JS'}code.css:before{content:'CSS'}#mc_embed_signup{max-width:350px;padding:32px;background:#EEE}#mc_embed_signup input[type=email]{border:1px solid #CCC;border-top:1px solid #999;padding:5px;font-size:18px;width:200px;margin-right:10px;height:25px;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}#mc_embed_signup input[type=email]:focus{background-color:#FFF;border:1px solid #3169B3;box-shadow:#3169B3 0 0 5px;-moz-box-shadow:#3169B3 0 0 5px;-webkit-box-shadow:#3169B3 0 0 5px;outline:0}#mc_embed_signup input[type=submit]{border:1px solid #3169B3;font-size:13px;font-weight:700;color:#FFF;height:auto;padding:8px 13px;cursor:pointer;background-color:#3169B3;display:inline-block;width:auto;-webkit-appearance:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;vertical-align:top}.embed-form{position:relative}#mc_embed_signup #main-wrapper{background:0 0;max-width:800px;width:100%;margin:2em auto 4em;padding:0 3em 3em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.white-popup-block{background:#FFF;padding:20px 30px;text-align:left;max-width:650px;margin:40px auto;position:relative}#examples:after{content:'to view source click on the title of example';opacity:.4;font-weight:400;font-size:14px;margin-top:13px;float:right}.example{margin-bottom:20px;position:relative}.square-tmb{margin:0 10px 0 0;cursor:pointer}.zoom-cursor{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.example a,a.popup-link{text-decoration:none;border-bottom:1px dotted}.example a:hover,a.popup-link:hover{text-decoration:none}#image-gallery a,#single-image{border-bottom:none}.not-ready-yet-notice{padding:20px;background:#EEE}#footer{border-top:1px solid #DDD;padding-top:3em;margin:5em 0 0;width:100%;text-align:center;opacity:.9}#conditional-lightbox-notice{display:none}#logo-status{opacity:0;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;width:100%;text-align:center}#logo-status.down{opacity:1}code.def{padding:0;background:#FFF;border:0;display:block;margin-bottom:8px;margin-top:-10px;color:#A3A3A3}@media all and (max-width:50em){}@media all and (max-width:30em){#examples:after{display:none}.gc3{width:100%}.grid-c .gc3:nth-of-type(2n+1){clear:none}#main-wrapper{padding:1em;margin-top:0}.highlight{padding:.2em 1em;margin:1em -1em}}@media all and (max-width:700px){.zoom-cursor{cursor:pointer}#conditional-lightbox-notice{display:block;padding:10px;background:#FFEAEA}}#logo-overlay{width:100%;height:75px;background:red;position:absolute;left:0;top:0;opacity:0}#mfp-build-tool{background:#FFF;padding:30px 40px 40px;max-width:500px;text-align:left;margin:10px auto;position:relative}#mfp-build-tool #mfp-build-form label{display:block;margin-bottom:5px;min-height:18px;padding-left:18px}#mfp-build-form input[type=checkbox]{margin:3px 5px 3px -18px;line-height:normal;cursor:pointer;width:auto;float:left}#mfp-build-status{min-height:40px}#mfp-build-status .error{color:#830C0C}#mfp-build-status .success{color:#014B04}#mfp-build-status .progress{color:#000}#smashing{text-align:center;font-weight:700}#smashing strong{color:#EF4A35}.smashing-link{margin-left:29px;position:relative}.smashing-link:before{content:'';display:inline-block;width:24px;height:24px;background:url(../../../../images/sm-logo-24x24.png);position:absolute;top:-4px;left:-28px}#hackernews{margin-left:24px}#hackernews:before{background:url(../../../../images/hn-logo-18x18.gif);width:18px;height:18px;top:-1px;left:-22px}.share-buttons{text-align:center}.share-buttons .share-buttons{position:relative;margin:70px 0}#tweet{background:#0096c4}#like{background:#3b5998}#gplus{background:#d34836}#vkcom{background:#6e8fb1}pre .comment,pre .diff .header,pre .javadoc,pre .template_comment{color:#998;font-style:italic}pre .css .rule .keyword,pre .javascript .title,pre .keyword,pre .nginx .title,pre .request,pre .status,pre .subst,pre .winutils{color:#1d1d1d;font-weight:700}pre .hexcolor,pre .number,pre .ruby .constant{color:#099}pre .phpdoc,pre .string,pre .tag .value,pre .tex .formula{color:#D01040}pre .id,pre .title{color:#900;font-weight:700}pre .clojure .title,pre .javascript .title,pre .lisp .title,pre .subst{font-weight:400}pre .class .title,pre .haskell .type,pre .tex .command,pre .vhdl .literal{color:#458;font-weight:700}pre .django .tag .keyword,pre .rules .property,pre .tag,pre .tag .title{color:navy;font-weight:400}pre .attribute,pre .lisp .body,pre .variable{color:teal}pre .regexp{color:#009926}pre .class{color:#458;font-weight:700}pre .built_in,pre .clojure .built_in,pre .lisp .title{color:#0086b3}pre .cdata,pre .doctype,pre .pi,pre .preprocessor,pre .shebang{color:#999;font-weight:700}pre .deletion{background:#fdd}pre .addition{background:#dfd}pre .diff .change{background:#0086b3}pre .chunk{color:#aaa}#documentation-intro{background:#2b2b2b;text-align:center;padding:3em;width:100%;margin-left:-3em;margin-bottom:3em}#documentation-intro #id1{display:none}.hll{background-color:#ffc}.c{color:#998;font-style:italic}.err{color:#a61717;background-color:#e3d2d2}.k,.o{color:#000;font-weight:700}.cm{color:#998;font-style:italic}.cp{color:#999;font-weight:700;font-style:italic}.c1{color:#998;font-style:italic}.cs{color:#999;font-weight:700;font-style:italic}.gd{color:#000;background-color:#fdd}.ge{color:#000;font-style:italic}.gr{color:#a00}.gh{color:#999}.gi{color:#000;background-color:#dfd}.go{color:#888}.gp{color:#555}.gs{font-weight:700}.gu{color:#aaa}.gt{color:#a00}.kc,.kd,.kn,.kp,.kr{color:#000;font-weight:700}.kt{color:#458;font-weight:700}.m{color:#099}.s{color:#d01040}.na{color:teal}.nb{color:#0086b3}.nc{color:#458;font-weight:700}.no{color:teal}.nd{color:#3c5d5d;font-weight:700}.ni{color:purple}.ne,.nf,.nl{color:#900;font-weight:700}.nn{color:#555}.nt{color:navy}.nv{color:teal}.ow{color:#000;font-weight:700}.w{color:#bbb}.mf,.mh,.mi,.mo{color:#099}.s2,.sb,.sc,.sd,.se,.sh,.si,.sx{color:#d01040}.sr{color:#009926}.s1{color:#d01040}.ss{color:#990073}.bp{color:#999}.vc,.vg,.vi{color:teal}.il{color:#099}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#1d1d1d}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}