@charset "utf-8"; /* Theme ID: umFull 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: #f8f8f8;color: #333;font-size:14px;line-height:1.42857143;font-family:"PingFang SC",Helvetica,Arial,sans-serif; overflow-x:hidden} *: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:#333;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:#C80000;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,.artUm:after,.article:after,.postNav:after,.artUm:after,.umArtTopBox:after{clear: both;} .PostShow:before, .PostShow:after, .PostShow:after, .row:before, .row:after, .artUm:after, .artUm:before, .article:after,.article:before, .artUm:after,.artUm:before, .postNav:before,.postNav:after,.umArtTopBox:before,.umArtTopBox: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;} html.index,.index body{height:100%;position: relative;} /*----------- container -----------*/ .container{margin:0 auto;max-width:1260px;padding:0 10px;overflow: hidden;} .ummain .container,.job .container{ overflow: visible} /*----------- 头部 -----------*/ .header{ padding-top:60px;} .header .header-nav{position:fixed;width:100%;float:left;background-color:rgba(255, 255, 255, 1); 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 .header-nav.fixed{background-color:rgba(255, 255, 255,1); 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.opaque{ position:absolute;} .logo img{ height:40px;} .header.opaque,.index .header{padding-top:0px;} .header.opaque .header-nav{background-color:rgba(255, 255, 255, 0);box-shadow:0 0 10px rgba(22,22,22,0)} .header.opaque .header-nav.fixed{background-color:rgba(255, 255, 255,1); 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 .header-nav.fixed .navbar a,.header.opaque .header-nav.fixed .navbar i{ color: #333; opacity: 1} .header.opaque .header-nav.fixed .navbar li.active > a,.header.opaque .header-nav.fixed .navbar li.on > a, .header.opaque .header-nav.fixed .navbar li.active > i,.header.opaque .header-nav.fixed .navbar li.on > i, .header.opaque .header-nav.fixed .navbar li.active > a i[class^="ri-"],.header.opaque .header-nav.fixed .navbar li.on > a i[class^="ri-"] {color: #C80000;} .header.opaque .logo .logoa,.header.opaque .header-nav.fixed .logo .logob{ display: none} .header.opaque .logo .logob,.header.opaque .header-nav.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 15px; } .navbar a{display:inline-block; line-height:80px;font-size:15px; color:#333;-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:2px;} .navbar a i[class^="ri-"]{ vertical-align: 0px; margin-left: 0; margin-right: 2px;} .navbar i.iconfont{font-family: 'remixicon'!important;vertical-align: middle;} .header-nav.fixed .navbar a{ line-height:60px;} .header-nav.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:#C80000;} .navbar li:after{background:#C80000;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;} #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: #ffffffD9; border-top: 1px solid #666; visibility: hidden;backdrop-filter: saturate(180%) blur(6px);} #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,#navBox>div>ul>li>ul>.on a i{color:#000!important;} #navBox>div>ul>li>ul>li.on>a{color:#fff} #navBox>div>ul>li>ul>li a i{color:#666; opacity: 1;} .fixed {left: 0; opacity: 0.98;position: fixed;right: 0;top: 0; width: 100%;z-index:888;} .navbar li.lang{padding-left: 0;padding-right:0px;min-width: 0px; min-width:29px;} .navbar li.lang i:after{ content: '';background-color: #ffffff70; position: absolute; left: -10px; top: 4px; bottom: 4px; width: 1px;} .header.opaque .header-nav.fixed .navbar li.lang i:after, .header.opaque .header-nav.fixed .navbar li.lang i:after{background-color: #33333370;} .navbar li.lang a{ width: 26px; opacity: 0;display: none;} .fixed .navbar li.lang a,.fixed .navbar li.lang a{height: 60px;} .navbar li.lang a i{text-align: center; background-repeat: no-repeat; position: relative; background-size: 24px;padding-left:3px;} .navbar li.lang a i.jt:before{ content: '简';} .navbar li.lang a i.tw:before{ content: '繁';} .navbar li.lang:after{ bottom:-1px} .leftNav .navbar li.lang i{ display: block;} .leftNav .navbar li.lang i::after{ display: none;} .leftNav .navbar li.lang{border-bottom: 1px solid #FFFFFF12;} .leftNav .navbar li.lang a{display: inline-block;border-bottom: 1px solid #FFFFFF00;width: auto;} .leftNav .navbar li.lang a i{padding: 0px; margin-left:3px;} /*----------- search-top -----------*/ .searchBox{ display:none} .search-pup{position:relative;} .search-pup form input:focus{width:180px} .search-pup 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:#C80000; border-top-right-radius:3px; border-bottom-right-radius:3px;} /*----------- breadcrumb -----------*/ .breadcrumb{max-width: 1240px; margin:0 auto;padding:20px 0 12px 0;clear:both;overflow: hidden; border-bottom:1px solid #e8e8e8;text-indent:5px;display:none} .breadcrumb.show{display:block} .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;} .article li .postImg:after{content: '';display: block;padding-top: 74%;} .postImg a.pic img{ position:absolute; top:0; left:0; width:100%; max-width:100%; height:100%;} .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: #333} .article li .postText{ padding:15px 15px;} .article li .postText a{ display:block;} .article li .postText p{ color:#999;} .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 p.iText{ margin-top:10px; height:40px; overflow:hidden; display:block; text-align:left;} .article li .postText p.time{ font-size:12px; padding:5px 0 10px; text-align:left;} .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:calc(100vh - 202px);} .ryList .postImg,.wimg li .postImg{ background-color: #fff;} .ryList.article li .postImg:after,.wimg li .postImg:after{content: '';display: block;padding-top: 76%;} .ryList .postImg a.pic,.wimg li .postImg a.pic{ position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; overflow: hidden;} .wimg li .postImg a.pic{ top: 0; bottom: 0; left: 0; right: 0;} /*内容*/ .main.white .artMain{background-color:rgba(255, 255, 255, 0.85); padding: 20px;} .artBody{ line-height:1.8;} .artBody h1.artTit{font-size:24px; font-weight:normal; padding-right:0; line-height: 1.6;} .artHeade{ margin-bottom:20px; position: relative;} .artMeta{ padding:5px 0; font-size:0px; color:#999; display:block;} .artMeta span{ padding-right:8px; font-size:14px;} .artMeta span i{ padding-right:2px;vertical-align: 0px;} .artMeta a{ color:#999;} .artMeta.spBox{padding:0 0 10px;border-bottom: 1px solid #ededed;} .artMeta .umArtTopTit{font-size:18px;font-weight: 500;display: inline-block;color: #1d1d1d;} .artMeta .fontSize{float: right; font-size: 0;margin-top: 1px;} .artMeta .fontSize span{ background-color: #EAEAEA; padding-right: 0;color: #8A8A8A; display: inline-block; font-size: 14px; width: 24px; height: 24px;line-height: 24px; text-align: center; border-radius: 2px; cursor: pointer; margin-left: 3px;-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;} .artMeta .fontSize span:hover{background-color: #C80000;color: #ffffff;} .artUm{ line-height:1.8;font-size: 15px;color: #666;} .artUm h1,.artUm h2, .artUm h3, .artUm h4, .artUm h5{margin:10px 0;color: #333;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: #C80000; position: absolute; display: block; left: 0; top: 6px;} .artUm h3:after{top:9px;} .artUm p{ margin-bottom:15px;} .artUm img,.artUm p img{vertical-align: -6.5em;} .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 .edui-faked-video,.artUm iframe{ max-width: 100%;} .isVideo object, .isVideo video, .isVideo embed, .isVideo iframe {width: 100%;height: 100%;outline: 0;position: absolute;display: block;} .artUm .isVideo{width: 100%;height: 0;padding-bottom: 56.25%;position: relative;display: block;} .indent .artUm p.isImg,.indent .artUm .isVideo{text-indent: 0;} .artUm video, .artUm iframe { max-width: 100%;} .artBody .umArtPage .artHeade{text-align: center;} .artBody .umArtPage .artHeade .title1{display: block;clear: both;font-size: 14px;color: #999;} .artBody .umArtPage .artUm{ width: 70%;margin: 0 auto ;padding: 0 60px 30px;text-align: center;} .artBody .umPageList{ padding-bottom:10px;} .artBody .umPageList ul{ margin:0 -15px;display: block; font-size:0;} .artBody .umPageList li{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;} .artBody .umPageList li.even{flex-direction: row-reverse;} .artBody .umPageList li .umMedia,.artBody .umPageList li .postText{width: 50%; padding:0 15px;max-width: 50%;flex-basis: 50%; margin:20px 0;} .artBody .umPageList li .postText{display: flex;align-items: center;} .artBody .umPageList li .postText .column{flex-direction: column;display: flex;align-items: center;width: 100%;} .artBody .umPageList li .umMedia img{ width:100%} .artBody .umPageList li .postText{font-size:14px;text-align: center;} .artBody .umPageList li .postText h3{font-size:18px; margin-bottom:15px;font-weight: normal;} .artBody .umPageList li .postText .umAdd{font-size:14px; margin-bottom:15px;opacity: .8;} .artBody .umPageList li .postText .umAdd b,.artBody .umPageList li .postText .umAdd span{color:#f66;font-weight: normal;} .artBody .umPageList li .postText .umAdd span{color:#46be8a} .artBody .umPageList li .postText .umFot span a{display:inline-block; height:34px;line-height:32px; border:1px solid #666; margin:10px 5px 0;border-radius: 50px; padding:0 15px;color: #333;} .artBody .umPageList li .postText .umFot span a:hover{color:#fff} .artBody .umPageList li .postText .umFot span.tel a:hover {background:#f66;border:1px solid #f66;} .artBody .umPageList li .postText .umFot span.wx a:hover {background:#46be8a;border:1px solid #46be8a;} .artBody .umPageList li .postText .umFot .imgTips{display:none} .weixinBox.wxPop{margin-top: 10px;} .artBody .artUm a{ color: #C80000} .artUm ol,.aarticle ol{ padding-left:15px;} .artUm ol li,.aarticle ol li{list-style: inherit;} .umArt.umSub{padding-left:320px;float: right; width:100%;} .umArt.umSub.umRight{padding-right: 320px;float: left;padding-left:0;} .sidebar.subRight{float: right;margin-left: -300px;margin-right: 0;} .main.white .umArt.umSub,.main.white .umArt.umSub.umRight{padding-right: 305px;} .sidebar {float: left; margin-right: -300px;width: 280px;position: relative;margin-top:15px;} .sidebar .widget{background: rgba(255, 255, 255, 0.85); box-shadow:0 15px 15px rgba(0, 0, 0, 0.02); margin:25px 0;} .sidebar .widget h3{ font-size:20px; font-weight:normal; padding:10px 15px 5px;text-overflow: ellipsis;white-space: nowrap; position:relative} .sidebar .widget h3:after{ top:16px} .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{ padding:10px 15px 10px;display:block; font-size:0;} .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.wimg ul{ padding:10px 10px} .sidebar .widget.wimg ul li{ width:50%; display:inline-block; padding:0 5px; height:auto; text-align:center; margin:5px 0} .sidebar .widget.wimg h4{ height:34px;} .sidebar .widget.wimg ul li:hover .postImg img{transform: scale(1.1);} .sidebar .widget.wlist ul li,.sidebar .widget.divPrevious ul li{ padding-left:15px;} .sidebar .widget.wlist ul li:after,.sidebar .widget.divPrevious ul li:after{content:'';width:5px;height:5px; background: #e2e2e2; position: absolute; display: block; left: 0; top: 16px; border-radius:30px;} .sidebar .widget.wnav ul{ padding:10px;} .sidebar .widget.wnav ul li{padding:5px; height:auto; line-height:28px;white-space:normal;} .sidebar .widget.wnav ul li a{ display:block; background:#f8f8f9; padding:6px 10px;} .sidebar .widget.wnav ul li a:hover{background: #C80000; color:#fff;} .sidebar .widget.divComments ul li{height: auto; line-height: 22px; font-size: 12px; padding:6px 0;} .sidebar .widget.divComments ul li a{ color: #999;} .sidebar .widget.divComments ul li a span{ font-size: 14px; color: #333;} .sidebar .widget.divComments ul li img.avatar{margin: 0 10px 0 0;} .sidebar .widget.divSearchPanel div{ padding: 15px 15px 16px;} .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'],.sidebar .widget.divSearchPanel button{ width:60px; position: absolute; line-height: 32px; padding: 0 10px; border: 1px solid #C80000; background: #C80000; color: #fff; font-size: 14px;-moz-osx-font-smoothing: auto;} .sidebar .widget.divContorPanel div{ line-height: 28px; padding:10px 15px 15px;} .sidebar .widget.divContorPanel div{ padding-bottom: 15px;} .sidebar .widget.divContorPanel div a{ color: #C80000} /*标签*/ .sidebar .widget.divTags ul{ padding-bottom: 15px;} .sidebar .widget.divTags li{ display:inline-block;overflow:visible; height:auto;} .sidebar .widget.divTags li a{font-size:12px;font-weight:normal;padding:0px 10px;border-radius:0px; display:block;margin:6px 4px 0 0; height: 32px; line-height:30px;-webkit-transition:color .3s ease,border .3s ease,background .3s ease;-o-transition:color .3s ease,border .3s ease,background .3s ease;transition:color .3s ease,border .3s ease,background .3s ease; border:1px solid #eee} .sidebar .widget.divTags li a span{ font-size:12px;} .sidebar .widget.divTags li a:hover{color:#fff; background: #282828; border: 1px solid #282828;} /*搜索*/ .widget.divSearchPanel .scForm{ position: relative;padding: 15px;} .widget.divSearchPanel .scForm input.scInput{ width: 100%; border-radius: 50px; border: medium none; padding:0px 36px 0px 16px; line-height: 36px; background:#f8f8f8;} .widget.divSearchPanel .scForm button{ position: absolute; border: medium none; background: none; padding: 8px; top:15px; right: 18px; cursor: pointer} .widget.divSearchPanel .scForm button i{ font-size: 18px;-ms-transition:color .3s ease;-moz-transition:color .3s ease;-webkit-transition:color .3s ease; } .widget.divSearchPanel .scForm button:hover i{color: #C80000} /*日历*/ .widget.divCalendar{ padding: 10px;} .widget.divCalendar table{ width: 100%;} .widget.divCalendar table th{ color: #9ca0ad;} .widget.divCalendar table th,.widget.divCalendar table td{ text-align: center;padding: 10px 9px; border: none;background: #F8F8F8;font-size: 12px;} .widget.divCalendar table caption{text-align: center; padding: 10px 0;background: #F8F8F8;border: 2px solid #fff;} .widget.divCalendar table td a{color: #3690F6; opacity: .8; transition:opacity .3s ease;-ms-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-webkit-transition:opacity .3s ease;} .widget.divCalendar table td a:hover{opacity: 1;} /*divMisc*/ .sidebar .widget.divMisc ul{ font-size: 0; display:block; margin: 0 -5px;} .sidebar .widget.divMisc li{ width: calc(100% / 2 - 10px); height: auto; line-height: normal; font-size: 0; margin:5px; display: inline-block;} .sidebar .widget.divMisc li a{ display: block;} .sidebar .widget.divMisc img{ width: 100%; height: 42px; object-fit: cover;} /*移动端*/ .mNavBtn{ height: 80px; line-height: 80px; padding: 0;font-size:21px;float:right; color:#FFFFFF; position: relative; z-index: 9; display: none} .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: #333;} .leftNav{ width:190px; background:#000000; 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 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.08);} .leftNav li a:hover{ background:rgba(0,0,0,0.1);} .leftNav ul li>ul{ display:none;} .leftNav li em[class*="dot"]{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 em[class*="dot"] .iconfont{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; left:0;} .leftNav li em[class*="dot"] .iconfont.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} .header .mNavBtn{} .header a:hover.mNavBtn{color:#C80000} .mNav .navbar i{ position: absolute; top: 3px; right: 5px; padding: 10px 12px; margin-left: 0; cursor: pointer; color: #fff;font-family: 'remixicon'!important;} .mNav .navbar i.iconfont.open{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} .mNav .navbar i.iconfont:before,.navbar i.iconfont:before{content: "\EA4E";} .mNav .navbar a i{ display: none;} body.open .header .header-nav{ left: 190px;} /*----------- lazy -----------*/ .loading {background: #eee url(images/lay.gif) center center no-repeat; min-height:60px} .button.loading{ min-height:30px;} a:hover .b-lazy.b-loaded{ filter:alpha(opacity=100);opacity:1} .b-lazy {max-width: 100%;-webkit-transition: opacity 500ms ease-in-out;-moz-transition: opacity 500ms ease-in-out;-o-transition: opacity 500ms ease-in-out;transition: opacity 500ms ease-in-out;filter:alpha(opacity=0);opacity: 0} .b-lazy.b-loaded {vertical-align: middle;filter:alpha(opacity=100);opacity: 1;} /*----------- commList -----------*/ .commBox{padding: 20px;margin: 20px 0 0 0; background:rgba(255, 255, 255, 0.85); border:0px solid #eee;} .commBox .title{ margin-bottom: 15px;} .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:9px; right:9px} input.text{margin-right:10px;position:relative;border:none; border: 1px} 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:#333;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:#C80000;border-radius: 2px;background-image:none;box-shadow:none;cursor:pointer; font-size: 16px;} input.button:hover{background:#C80000;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;} .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; float: left; position:absolute; bottom: 0; left: 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: #333; right: 70%; left: auto; visibility: hidden;white-space:nowrap;} #backTop span small.telTop a{color: #333;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;} #backTop span small.telTop a:hover{color: #C80000;} #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{color:#C80000;} #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 small b{width: 25px;height: 35px;position: absolute;top: -10px;right:0px; z-index: 999; font-size: 48px;} /*browse #browse{padding:10px 0;border-bottom:1px solid #ddd;background:#C80000;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: normal; font-size: 40px;} .bnBox.cateBn .text p{ font-size: 14px; font-weight:normal; font-style: normal; clear: both; opacity: .8} .bnBox.cateBn img{min-height:320px;object-fit: cover;} .bnBox.cateBn video{width: 100%;height: 100%;min-height: 320px;display: block;opacity: .6;max-height: 520px;object-fit: cover;} .bnBox.animation{ margin-top: 16px;} .bnBox img{ display:block; margin:0 auto; width:100%;} /*----------- footer -----------*/ .footer{margin-top:0px;padding:0px 0 0;width:100%;background:#000; height:calc(100% + 2px); 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.3);font-size:12px;} .footer-text{padding:20px 10px; margin:0 auto;color:rgba(255,255,255,0.3);position:relative;overflow:hidden;max-width: 1260px} .footer .sidebar .social{ display: inline-block; width: 100%; vertical-align:top;} .footer .sidebar .social.w50{ width: 43%;} .ftNav{ margin: 5px 0;} .ftNav a{display:inline-block;padding:0 10px;position: relative;color: rgba(255,255,255,0.3);} .ftNav a:hover{color:rgba(255,255,255,.6);} .ftNav a:first-child{ padding-left: 0;} .ftNav a:after{content:''; width:1px; height:12px;position:absolute; left:0px; top:6px;background:rgba(255,255,255,0.1); border-radius: 100px;} .ftNav a:first-child:after{ display: none;} .link{max-width:1260px;padding:0px;color: rgba(255,255,255,0.3);} .link span{font-size:12px} .link ul{ display:inline} .link li{display:inline;padding:0 6px; } .link li a:hover{color:rgba(255,255,255,.6);} /*search-form*/ .search-form {height:35px; position:relative;} .search-form .s {height:22px; border:1px solid #ddd; padding:5px 35px 5px 5px; border-radius:3px; width:210px;} .search-form .s:focus,#login-page .login-form .text: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:50%; width:400px; background:#fafafa; z-index:900; right:auto; transform:translate(-50%,-50%); margin:0; padding:30px;border-radius:3px; display:none;} .search-form {display:block;} .mask,.umCommMask{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:890; display:none;} .search-pup{margin-top:0; float:none} .search-pup form input,.searchBox .search-pup 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} .search-pup 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:#C80000; color:#fff;} /*----------- 分页 -----------*/ .pageNav{text-align:center;padding:30px 0 0 0;display:block; clear:both;} .pageNav a,.pageNav span{text-align:center; min-width:30px;height:30px;line-height:30px;margin: 0 3px; display:inline-block;color:#666;background:#ecf2f5;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 a:hover{background:#C80000;color:#fff;text-decoration:none;filter: alpha(opacity=60);opacity: 0.6;} .pageNav span{color:#fff;background:#C80000;border:0px solid #C80000;filter: alpha(opacity=60);opacity: 0.6;} /*banner*/ .swiper-container.homeSwiper,.swiper-container.banner{width: 100%;height: 100%;} .homeSwiper .swiper-slide { height: calc(100% + 0.5px); text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; overflow:hidden; min-height:500px;} .mobile .homeSwiper .swiper-slide{ height: 100%;} .swiper-slide.sfooter{ height: auto !important;background-repeat: inherit;min-height: inherit;} .swiper-container.banner .item{ width:100%; height:100%; display:block;} .swiper-container.banner .item video{width:100%; height:100%;object-fit: cover;position:relative;z-index: 1;} .swiper-container.banner .item .vMask{position:absolute;width:100%; height:100%; left: 0; top: 0; z-index: 2;background:rgba(0,0,0,.5);} .swiper-container.banner .img{ width:100%; height:100%; position: relative; z-index:2;display:block; background-position:center center; background-size:cover;} .swiper-container.banner .umlink{width:100%; height:100%; display:block;position:absolute;z-index: 3;} .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 #C80000 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:#C80000; } .banner .swiper-pagination-bullet:after,.partner .swiper-pagination-bullet:after,.case .swiper-pagination-bullet:after,.umDiy .swiper-pagination-bullet:after,.smallnews .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;} /*案例产品*/ .homeSwiper .swiper-slide.case,.homeSwiper .swiper-slide.sabout{ padding-top:30px;} .homeSwiper .swiper-slide.case .item{ font-size:0; display:block; overflow:hidden;} .homeSwiper .swiper-slide.case .item .postImg a{ width:100%; height:100%; display: block; position: relative; overflow: hidden;} .homeSwiper .swiper-slide.case .item .postImg a:after,.article li .postImg a:after{content: " "; position:absolute; z-index: 1; left: 0; opacity: 0; background:#C80000; 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:after{ position: relative} .homeSwiper .swiper-slide.case .item:hover .postImg a:after,.article li:hover .postImg a:after{border-radius: 0; opacity:.8;} .homeSwiper .swiper-slide.case .item .postImg a .icon,.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: #C80000;border-radius: 50px;font-size: 20px;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .homeSwiper .swiper-slide.case .item:hover .postImg a .icon,.article li:hover .postImg a .icon{transform: translate(-50%,-50% ) scale(1);opacity: 1;} .homeSwiper .swiper-slide .swiper-case .swiper-slide,.homeSwiper .swiper-slide .swiper-ry .swiper-slide, .homeSwiper .swiper-slide .swiper-small .swiper-slide { background:none; min-height:auto;width:25%;} .homeSwiper .swiper-slide.case .swiper-container,.homeSwiper .swiper-slide.smallnews .swiper-container{ width:100%; max-width:1240px;} .homeSwiper .swiper-slide.case .more{ margin-top:70px;} .swiper-pagination.caseNav,.swiper-pagination.ryNav{ bottom:60px;} .swiper-pagination.caseNav .swiper-pagination-bullet,.swiper-pagination.ryNav .swiper-pagination-bullet,.swiper-slide.partner .swiper-pagination-bullet,.smallnews .swiper-pagination-bullet,.swiper-pagination.advNav .swiper-pagination-bullet{ width:5px; height:5px;} .swiper-case.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.swiper-ryswiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet .swiper-slide.partner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-adv.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px;} .swiper-pagination.caseNav .swiper-pagination-bullet-active,.swiper-pagination.ryNav .swiper-pagination-bullet-active, .swiper-slide.partner .swiper-pagination-bullet-active,.swiper-slide.smallnews .swiper-pagination-bullet-active{ background:#000; opacity:0.5} .swiper-pagination.advNav .swiper-pagination-bullet{background: #fff; opacity: .6;} .swiper-pagination.advNav .swiper-pagination-bullet::after{ display: none;} .swiper-pagination.advNav .swiper-pagination-bullet-active{opacity: 1;} .case .postImg{ position: relative} .case .postImg:after{content:''; display: block;padding-top:75%;} .homeSwiper .swiper-slide.case .item{ width: 100%;} .homeSwiper .swiper-slide.case .item .postImg a{ position:absolute;} .case .sTitle{ padding-top:20px;} .homeSwiper .swiper-slide.case .swiper-ry .item .postImg { background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,.005)} .homeSwiper .swiper-slide.case .swiper-ry .item .postImg a{ width: auto; height: auto; top: 0px; bottom: 0px; left: 0px; right: 0px;} .homeSwiper .swiper-slide.case .swiper-ry .item .postImg a img{ position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .homeSwiper .swiper-slide .caseFlex .swiper-slide{width: 25%;background: none;min-height: auto;} .homeSwiper .caseFlex{ width: 100%;} .homeSwiper .caseFlex .tabTitle{ display:block; text-align: center; margin-bottom: 15px;margin-top: -15px;font-size: 0;} .homeSwiper .caseFlex .tabCon,.homeSwiper .caseFlex.sum1 .tabTitle{ display: none} .homeSwiper .caseFlex .tabCon.active{display: block;} .homeSwiper .caseFlex .tabTitle li{display: inline-block; margin:3px 0; padding-right:10px;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;position:relative; cursor: pointer;} .homeSwiper .caseFlex .tabTitle li:last-child{padding-right:0px;} .homeSwiper .caseFlex .tabTitle li span{ font-size: 15px; line-height: 32px; height: 32px; font-weight: normal;padding: 0 8px;display: inline-block;background: rgba(0,0,0,.05);} .homeSwiper .caseFlex .tabTitle li.active span{ color: #fff;background: #C80000;} /*新闻资讯（小图）*/ .swiper-slide.smallnews{ background-color: #FFFFFF} .swiper-slide.smallnews .sTitle{padding-top: 30px;} .homeSwiper .swiper-slide.smallnews .swiper-wrapper{ color: #F8F8F8;} .homeSwiper .swiper-slide.smallnews .item { width: 100%; background-color: currentColor; padding: 10px; text-align: left;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;} .homeSwiper .swiper-slide.smallnews .item .postImg{width:150px;height: auto;overflow: hidden;-ms-flex-negative: 0;flex-shrink: 0;} .homeSwiper .swiper-slide.smallnews .item .postImg a{ width:150px; display: block; font-size: 0;position: relative;} .homeSwiper .swiper-slide.smallnews .item .postImg a:after{ content: '';display: block; padding-top: 100%;} .homeSwiper .swiper-slide.smallnews .item .postImg a img{ position: absolute; width: 100%; height: 100%;} .homeSwiper .swiper-slide.smallnews .item .postText{font-size: 14px;line-height: 1.6;min-width: 0;overflow: hidden;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-left: 25px;} .homeSwiper .swiper-slide.smallnews .item .postText .fot{ font-size: 0;} .homeSwiper .swiper-slide.smallnews .item .postText .fot span{ font-size: 12px; display: inline-block;color: #999; margin-right: 10px;} .homeSwiper .swiper-slide.smallnews .item .postText .fot span i{ display: inline-block; margin-top: 0; margin-right:0px; vertical-align: -2px;} .homeSwiper .swiper-slide.smallnews .item .postText .fot span.view i{ margin-right: 4px;} .homeSwiper .swiper-slide.smallnews .item .postText .info{ font-size: 13px; color: #999; line-height: 1.5; margin-top: 6px;max-height: 42px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .homeSwiper .swiper-slide.smallnews .item .postText .tags{margin: 10px 0 0;height: 22px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .homeSwiper .swiper-slide.smallnews .item .postText .tags a{padding: 0 8px;height: 22px;line-height: 22px;display: inline-block;background: #f0f0f0;border-radius: 20px;margin-right: 5px;overflow: hidden;font-size: 12px; color: #999;} .homeSwiper .swiper-slide.smallnews .item .postText .tags a:hover{background:#C80000; color: #fff;} .homeSwiper .swiper-slide.smallnews .item .postText h4{ color: #333;} .homeSwiper .swiper-slide.smallnews .more{ margin-top: 60px;} .homeSwiper .swiper-slide.smallnews .swiper-container-horizontal > .swiper-pagination-bullets{ bottom: 50px;} /*优势/服务*/ .adv .swiper-container{width: 100%;height: 100%; background-color:#181818} .adv .swiper-slide{ background-position:center; background-size:cover; background-repeat:no-repeat; background-color:#181818} .adv .swiper-slide a,.adv .swiper-slide .mask{ position:absolute; top:0; left:0; bottom:0; right:0; display:block; z-index:3;} .adv .swiper-slide .imgText{ color:#fff; position:absolute; left:10%; right:10%; text-align:center; top:40%; transform:translateY(-30%); display:block; z-index:2;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .adv .swiper-slide:hover .imgText{ top:52%;transform:translateY(-50%);} .adv .swiper-slide .imgText p{ font-size:14px; line-height:1.8; opacity:0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .adv .swiper-slide:hover .imgText p{ opacity:.68;} .adv .swiper-slide .imgText h4{ font-weight:normal; font-size:20px; margin-bottom:15px;} .adv .swiper-slide .imgText h4 em{ display:block; clear:both; font-size:16px;} .adv .swiper-slide .msk{ width: 100%; height: 100%; opacity:1; position:absolute; top: 0; left: 0; background-color:rgba(0,0,0,.3);background-image: url(images/dot.png); z-index:1;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .adv .swiper-slide:hover .msk{ background-color:#C80000;background-image:none;opacity:.68;} .swiper-slide .more{ font-size:14px; margin-top:40px;} .swiper-slide .more a{ display:inline-block; padding:5px 5px; border-top:1px solid rgba(216,216,216,1);border-bottom:1px solid rgba(216,216,216,1); position:relative;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .swiper-slide .more a:hover{border-top:1px solid rgba(216,216,216,0);border-bottom:1px solid rgba(216,216,216,0);} .swiper-slide .more a:after,.swiper-slide .more a:before{content: " "; position:absolute; background:#C80000; width:0; height:1px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:inline-block; left:50%; transform:translateX(-50%)} .swiper-slide .more a:after{ top:-1px;} .swiper-slide .more a:before{ bottom:-1px;} .swiper-slide .more a:hover:after,.swiper-slide .more a:hover:before{ width:100%;} .about{ width: 100%; max-width:1240px; margin:0 auto; font-size: 0; display: block} .about .sTitle{ padding-left:50px; padding-right:30px; padding-bottom:25px; text-align:left;max-width: 100%;} .about .sTitle .title2{ max-width: 100%; } .about .postText{ font-size:14px; display:block; line-height:24px; padding-left:50px; padding-right:30px; 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;} .about .aboutLeft{ width:38%; min-height:340px; background-image:url(images/cbg.jpg); background-size:cover; background-position:center center;display:inline-block; vertical-align:middle} .about .aboutRight{ width:62%; display:inline-block; vertical-align:middle} .about .aboutRight .more{padding-left:50px;text-align:left;} .swiper-wrapper .about .postText{ display: block;} .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;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.3);} .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:#C80000;} .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:#C80000;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;} } .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; vertical-align: top;} 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} /*标题*/ .sTitle { padding-bottom:30px;max-width: 90%;margin-left:auto;margin-right:auto} .sTitle h3{ font-size:30px; font-weight:normal;} .sTitle span{ display:block; clear:both;font-size:14px; color:#999;} .sTitle .title2{ line-height: 24px; padding-top: 10px; max-width: 90%; margin: 0 auto;} .postImg img{ width: 100%; height: 100%;object-fit: cover;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);} .case .swiper-wrapper .postText { display :block; margin: 20px 0 10px 0;} .postText h4{ font-size:16px; font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .postText i{ font-size:14px; color:#999; margin-top:5px; display:block;} /*实力*/ .PostSl{ font-size: 0; display: block; width: 100%; text-align: center; padding: 25px 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:28px; color: #666; display: block;line-height:28px;} .PostSl li .slTitle{ font-size: 12px; color: #999; padding-top:0px;} .PostSl li .slNumber span{position: relative;display: inline-block;} .PostSl li .slNumber em{ position: absolute; font-size: 12px; top: -3px; right: -15px; line-height: normal; opacity: 0.6} /*历程*/ .his .sTitle { padding-bottom:20px; padding-top:10px; position:absolute;left:50%; transform:translateX(-50%)} .his .sTitle h3{ color:#fff;} .his .sTitle .title1{ color:#fff; opacity:0.5} .his .swiper-container{width: 100%;padding:20px 0;} .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:68.2%; transform:translateY(-50%)} .his .swiper-slide .imgText h4{ position:relative; top:-50px; font-weight:normal; color:#aaa;font-size:16px;} .his .swiper-slide.even .imgText h4{ position:relative; top:50px;} .his .swiper-slide .imgText .info{ position:absolute; top:55px; left:30px; right:30px;background:#C80000; 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 .imgText .info a{ color: #fff; display: block;} .his .swiper-slide.even .imgText .info{ top:-150px;} .his .swiper-slide.swiper-slide-active .imgText .info{ visibility:visible; opacity:0.98;top:35px;} .his .swiper-slide.even.swiper-slide-active .imgText .info{bottom: 35px;} .his .swiper-slide.even .imgText .info{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 .info .dot{width:0;height: 0;border-width:10px;border-style: solid;border-color: transparent transparent #C80000 transparent; position:absolute; top:-18px;left:50%; margin-left:-9px;} .his .swiper-slide.even .imgText .info .dot{border-color: #C80000 transparent transparent transparent;top:auto;bottom:-18px;} .his .swiper-button-prev,.his .swiper-button-next{ background-image: none; top:65.3%; text-align: center;} .his .swiper-button-prev{ left: 30px;} .his .swiper-button-next{ right: 30px;} .his .swiper-button-prev:before,.his .swiper-button-next:before{font-family: remixicon; color: #fff; font-size: 40px;} .his .swiper-button-prev:before{ content: '\EA64';} .his .swiper-button-next:before{ content: '\EA6E';} /*新闻资讯*/ .swiper-slide.news{padding-top:20px;} .swiper-slide.news .postBox{ max-width:1240px; width:100%; position:relative;} .swiper-slide.news .sTitle{ width:100%; display:block; padding-top:30px;} .swiper-slide.news .postNews .postText a h4{ text-align: center;} .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;width:100%;} .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; 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:#C80000; 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);} .postNews.mobNews { display: none} .postNews.mobNews li{ width: 100%; background: none; padding: 5px 0;} .postNews.mobNews li .postImg{ width: 140px; float: left;} .postNews.mobNews li .postText .text{ width: auto; right: 0; left: 20px;} .postNews.mobNews li .postText{ width: auto;height: 110px; text-align: left; padding-left: 20px;} .postNews.mobNews li .postText .info{ color: #999; font-size: 12px; max-height: 42px; overflow: hidden; line-height: 22px;} .postNews.mobNews .postText a{ position: static;} .swiper-slide.news .postNews.mobNews .postText a h4{ width: 100%; text-align: left; font-size: 16px; margin: 0 0 5px 0} .postNews.mobNews li .postImg:after{ padding-top: 75%;} /*合作伙伴*/ .swiper-slide.partner{display:block; position:relative;} .umHbTab{ margin-top: 20px; font-size: 0;} .umHbTab li{ display: inline-block; font-size: 14px;background: #eee; margin: 0 3px; padding:7px 15px; cursor: pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .umHbTab li:hover,.umHbTab li.active{ background: #C80000; color: #fff;} .swiper-container .umHbCon{ padding: 0; width:100%; height:100%; display:none; position:relative;} .swiper-container.swiper-umHb{ width:100%; max-width:1240px; display:block; margin:0 auto; overflow:visible;} .swiper-container.swiper-umHb .swiper-wrapper{margin-top:5px;} .swiper-container.swiper-umHb .swiper-slide{ min-height:auto;} .swiper-container.swiper-umHb .swiper-wrapper.umHbCon{ margin-top: 20px;} .swiper-slide.partner .swiper-container{ overflow:visible} .swiper-slide.partner .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:0px;} .index .swiper-slide.partner .swiper-container{ overflow:hidden; padding-bottom:50px;} .hbBox{ position:absolute; z-index:999; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; display:inline-block;} .swiper-container .swiper-umComm .swiper-slide{ min-height:inherit; display:block; background:none; padding:0px;} .swiper-container .swiper-umComm .swiper-slide .umCommMsg{ color: #666; line-height: 24px; font-size: 14px; padding:0px 100px; border: 0px solid #eee; border-radius: 10px; box-shadow: 0 10px 35px rgba(0,0,0,0.0); width:100%; max-width:780px; margin:0 auto; position:relative;} .swiper-container .swiper-umComm .swiper-slide .umCommMsg p{ color: #999; margin-top: 10px; font-size: 12px;} .swiper-container .swiper-umComm i{ font-size: 38px; color: #eee; position: absolute;} .swiper-container .swiper-umComm i.il{ left: 15px; top: 5px;} .swiper-container .swiper-umComm i.ir{ right: 15px; bottom: 10px;} /*分享*/ .bdshare{ clear: both; padding-top:20px; text-align:left;} .shareBox{ display: block;width: 100%; font-size: 0;} .shareBox a{ width:38px!important; height: 38px!important; line-height: 36px!important; padding: 0!important; border:0px solid #eee;border-radius: 100px; text-align: center;margin:6px 6px 6px 0!important; font-size: 18px!important;float: none!important; display: inline-block; text-align: center;margin: .6rem .6rem .6rem 0; transition:color .3s ease,border .3s ease,background .3s ease;-ms-transition:color .3s ease,border .3s ease,background .3s ease;-moz-transition:color .3s ease,border .3s ease,background .3s ease;-webkit-transition:color .3s ease,border .3s ease,background .3s ease;font-family: remixicon;vertical-align: middle;} .shareBox a.sweixin{ border: 1px solid #20b767; color: #20b767;} .shareBox a:hover.sweixin{ background-color: #20b767; color: #fff;} .shareBox a.sqq{ border: 1px solid #1ea6e9; color: #1ea6e9;} .shareBox a:hover.sqq{ background-color: #1ea6e9; color: #fff;} .shareBox a.sweibo{ border: 1px solid #f78585; color: #f78585;} .shareBox a:hover.sweibo{background-color: #f78585; color: #fff;} .shareBox a.sweixin:before {content: "\F2B5";} .shareBox a.sqq:before {content: "\F03A";} .shareBox a.sweibo:before {content: "\F2B9";} .shareBox .umCode{ display: none; position: fixed; width: 200px;padding: 15px;background: #fff; top: -188px;box-shadow: 0 0 25px rgba(0,0,0,.1); top:50%; left: 50%; transform: translateY(-50%); margin-left: -100px;z-index: 3;} .shareBox .umCode img{ width: 200px; height: 200px; margin-bottom: 10px;} .shareBox a.sweixin .umCode{color: #666666; font-size: 14px;} .shareBox a.sweixin .umCode p{ line-height: normal;} /*上下页*/ .postNav{ width:100%; text-align:left; margin-top:20px;} .postNav div{ display:inline-block; font-size:0;} .postNav div a{height:36px; line-height:34px; font-size:16px; padding:0 15px; display:block; border:1px solid #e6e6e6; border-radius:100px;} .postNav div i{ vertical-align:-2px;} .postNav .postNext{ float:right} .postNav .postPrev a{ padding-right:18px;} .postNav .postNext a{ padding-left:18px;} .postNav div a:hover{ background:#C80000; border:1px solid #C80000; color:#fff;} /*----------- tag-a -----------*/ .tagBox {display:block; margin-top:50px; text-align:left;} .tagBox .tagArr { line-height:32px;} .tagBox .tagArr a {padding:5px 10px;border: 1px solid #e4e4e4; margin-right: 6px; background:#f2f2f2; border-radius:30px;} .tagBox .tagArr a:hover{border: 1px solid #C80000; background: #C80000; 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:3px 10px 4px; font-size:16px; background:#f0f0f0; border:1px solid #EEE; text-shadow:none;border-radius:0px;} .subcate li a:hover,.subcate li.active a{background:#C80000;border:1px solid #C80000; color:#fff;filter:alpha(opacity=86);opacity:0.86;} /*related*/ .related{ padding:30px 0 0px;margin:0px;} .related .title { padding:10px 0 20px 0;} .related .title h3,.commBox .title h3{ font-size:20px; font-weight:normal; padding-left:18px; position:relative;} .related .title h3:after,.commBox .title h3:after{content: ""; position:absolute; width:3px; height:20px; background:#C80000; 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.85);} .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:#C80000; color:#fff;} .related .liBox:hover a.titUrl .tit p{color:#fff; opacity:.8;} .related .liBox:hover a img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);} .main.white .related{ padding: 20px;background-color: rgba(255, 255, 255, 0.85); margin-top: 20px;} .main.white .related .title{ padding-top: 5px;} .nothing{ padding:40px 0 50px 0; color:#999; text-align:center; width:100%; background:rgba(255, 255, 255, 0.85);} .nothing i{font-size:60px; opacity: .4;} .artImg{ text-align:center; font-size:0; display:block; margin:0 auto} .artImg img{ width:100%;} /*商品模块*/ .umArtTopBox{background: #fff; padding: 20px; margin:30px 0 -20px;display: flex;} .umArtPic{width: 360px;overflow: hidden;-ms-flex-negative: 0;flex-shrink: 0;} .umArtPic .swiper-slide .item{position: relative;font-size: 0; background: #fafafa;} .umArtPic .swiper-slide .item img{position: absolute;top: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;} .umArtPic .swiper-slide .item:after{content: " "; padding-top:75%;display: block;} .umArtPic .swiper-pagination-bullet.swiper-pagination-bullet-active:after {display: none;} .umArtPic .swiper-pagination-bullet{background:#fff;opacity:.5} .umArtPic .swiper-pagination-bullet-active{opacity:1} .umArtPic .swiper-lazy-preloader{width:32px;height:32px;} .umArtTextMain{padding-right: 168px; width: 70%; float: right;} .umArtTextMain.w70{padding-right: 0px;} .umArtTextMain.w70 .umArtText{ padding-right: 0;} .umArtText{float: left;text-align: left;width: 100%; padding:0 25px;} .umArtText .price{ width:100%; clear:both; display:block;margin:2px 0 12px; position:relative;font-size: 0;} .umArtText .price .priceBox{ display: inline-block; font-size: 14px; margin-right: 24px;} .umArtText .price .priceBox:last-child{margin-right: 0px;} .umArtText .price .priceBox .label{ padding-right: 5px; opacity: .6} .umArtText .price .priceBox .price1,.umArtText .price .priceBox .price2{ font-weight: 600;} .umArtText .price .priceBox .price2{ font-size: 24px;color: #F00} .umArtText .price .priceBox .price1 em,.umArtText .price .priceBox .price2 em{ font-size: 14px; font-weight: normal;} .umArtText .price .priceBox .price1 b,.umArtText .price .priceBox .price2 b{ font-size: 14px; font-weight: normal; color: #333; opacity: .6;} .umArtText .umArtUl{ padding: 8px 15px; background:rgba(0,0,0,.02);margin-top: 4px;display: inline-block; width: 100%; overflow: hidden;} .umArtText .umArtUl ul{ font-size:0; margin-right: -10px; padding-left:0 } .umArtText .umArtUl li{ width: calc(100% / 2 - 10px);display:inline-block; margin:0 10px 0 0; line-height:1.9; vertical-align:top; font-size: 14px;} .umArtText .umArtUl li.cate{ width:100%;} .umArtText .umArtUl li em{ opacity: .6} .umArtText .umArtUl li em.rmb{ color:#F62} .umArtText .umArtTit{ font-size: 22px; font-weight: 400;} .umArtText .btnBox{ display: block; font-size: 0; margin-top: 8px;} .umArtText .btnBox [class*="btn"]{ display:inline-block; margin-right: 8px; margin-top: 8px;} .umArtText .btnBox [class*="btn"]:last-child{margin-right: 0;} .umArtText .btnBox a{ display: block;font-size: 16px; height: 36px; line-height: 36px; min-width: 100px; padding: 0 15px; text-align: center;color: #fff; position: relative; border-radius: 100px;} .umArtText .btnBox .btnBuy a{ background: #F00;} .umArtText .btnBox .btnCall a{ background: #F9B106;} .umArtText .btnBox .btnComm a{ background: #1f92e8;} .umArtSubTit{ padding: 5px 0; opacity: .8} .umArtCode{ width: 168px; margin-right: -168px;text-align: center;float: right;padding:10px;position: relative;} .umArtCode p{width: 100%;line-height: 20px;text-align: center; padding-top: 4px;padding-bottom: 2px; opacity:1} .umArtCode p,.umArtCode img,.umArtCode div{ position: relative; z-index: 1;} .umArtCode p em{ color: #{%colorFz%}} .umArtCode:after{ content: '';background:#C80000; opacity: .03; position: absolute; width: 100%; height: 100%; left: 0;top:0;} /*独立模块*/ .umDiy { padding:80px 0} .umDiy .sTitle{ 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.um1{ background:#fff; padding-bottom:80px;} .umDiy.um2{ background-color:#f6f6f9; padding:100px 0;background-position:center center; 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.his .swiper-container{ width: 100%; margin-left: 0; margin-right: 0;} .umDiy .swiper-pagination.caseNav,.umDiy .swiper-pagination.ryNav{ 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 .swiper-container .item .pic{ position: relative; display: block; overflow: hidden; font-size: 0;} .umDiy .swiper-container .item .pic:after{ content: ''; padding-top: 75%; display: block;} .umDiy .swiper-container .item .pic img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .umDiy .swiper-container .item h3{ font-size: 14px; line-height: 1.6; font-weight: normal; padding:15px 10px 10px; text-align: center;} .umDiy.his .swiper-container .swiper-slide{height:392px; padding: 0;} .umDiy.his {background-color:#181818; background-image:url(images/hisBg.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;} .umDiy.his .sTitle{ 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:60px; background: #fff} .ummain .subcate{ margin-top:50px; margin-bottom:50px;} .us .umDiy .sTitle{ 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;} .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: #C80000; border: 1px solid #C80000; 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;} .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;cursor: pointer;} .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: 18px;display: block; color: #bcbcbc;} .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: 30px; 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{transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);border:1px solid #C80000;color: #C80000} .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:26px; display:block; background:#C80000; color:#fff; font-size:14px; border-radius:30px; padding:6px 20px; text-align:center;} .jobEmai a p{ font-size:12px; font-family:Arial; opacity:0.68} /*color*/ .homeSwiper .swiper-slide.case{background-color:#F6F6F6;} .homeSwiper .swiper-slide.umRy{background-color:#F6F6F6;} .homeSwiper .swiper-slide.sabout{background-color:#F6F6F6;} .swiper-slide.news{background-color: #EEEEEE;} .swiper-slide.partner{background-color: #F8F8F8;} .homeSwiper .swiper-slide.sabout.cont{background-color: #F6F6F6;} /*----------- 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;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.85);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:#C80000} .list-search p strong{color:#C80000; 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;z-index: 4;} .banner .text a{color:rgba(255,255,255,.8);} .banner .text h4{ font-size: 40px; color: #fff;font-family:Arial;font-weight: 400;} .banner .text p{ margin: 20px auto; line-height:32px; font-size: 18px; max-width: 600px;} .banner .text a span{ padding: 8px 30px;;background:#C80000; 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;} .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;} .isTop{ font-size: 12px; width: 86px;height: 36px;background-color: #FF3366;color: #fff;position: absolute; top: -6px; left: -32px;-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);transform:rotate(-45deg); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.05);-moz-box-shadow:0px 0px 10px rgba(0,0,0,.05); box-shadow: 0px 0px 10px rgba(0,0,0,.05);text-align: center;line-height: 48px; z-index: 2} /*CSS动画样式*/ .umAni .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;} .umDiy video{width: 60%;} .footer .umBy{ margin: 0 5px;} .footer .umThemeBy .umBy,.footer .umThemeBy .umtheme{ display: none;} .weixinBox{ visibility: hidden; opacity: 0; position:fixed;padding:5px 5px 25px;background:#fff;z-index:999; line-height:0; border-radius:0px; 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;} .weixinBox .img{ width: 260px; height: 260px;} .weixinBox img{ width: 100%; height: 100%} .weixinBox p{ color: #333; font-size: 14px; margin-top: 5px} .weixinBox.open{ visibility: visible; opacity: 1;transform: translate(-50%,-50%) scale(1);} @media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){ .homeSwiper .swiper-slide.case .swiper-container,.about{margin:0} .homeSwiper .swiper-slide{overflow:visible} } .homeSwiper .swiper-slide.umBn{ background: #282828;} .homeSwiper .swiper-slide.umBn .url{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; z-index: 1;} .homeSwiper .swiper-slide.umBn .postBox{ position: relative; z-index: 2; color: #fff; max-width: 80%; padding: 0 40px; margin: 0 auto; width: 100%;} .homeSwiper .swiper-slide.umBn .postBox .sTitle .title2{ font-size: 14px;} .homeSwiper .swiper-slide.umBn .postBox .btn{ display:block; width: 150px; margin: 0 auto; position: relative; z-index: 2;} .homeSwiper .swiper-slide.umBn .postBox .btn a{ height: 42px; line-height: 42px; padding: 0 10px; min-width: 150px; background: #C80000; color: #fff; display: inline-block; border-radius: 100px;} .homeSwiper .swiper-slide.umBn .bg{ position: absolute; width: 100%; height: 100%; background-size: cover; top: 0; left: 0; display: block;} .homeSwiper .swiper-slide.umBn .bg.mob{ display: none;} .homeSwiper .swiper-slide.umVideo{ background: #f6f6f6;} .homeSwiper .videoBox{ display: flex; padding:60px 40px 40px;width: 100%; position: relative; z-index: 1;} .homeSwiper .videoBox.one{justify-content: center;} .homeSwiper .videoBox.one .item{ width: 60%;} .homeSwiper .videoBox .item{position: relative; padding: 15px; margin: 0 10px; background: #fff; box-shadow:0 10px 20px rgba(0,0,0,.05);width: 50%;} .homeSwiper .videoBox .item .bg{ background:#fff;top: 15px;left: 15px;bottom: 15px;right: 15px; position: absolute;} .homeSwiper .videoBox .item:after{ content: ''; padding-top:56.25%; display: block;} .homeSwiper .videoBox .item video{width: 100%;height: 100%; left: 0; top: 0; object-fit: cover; position: absolute;} .homeSwiper .videoPic{background-size: cover; background-color: #fff;position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .homeSwiper .videoPic img{position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .umCommPop{ width: 800px; margin: 0 auto; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 0; background: #fff; padding: 20px; z-index: 891;box-shadow: 0 3px 15px rgba(0,0,0,.06); border-radius: 10px; overflow: hidden;visibility: hidden;} .umCommPop.in{visibility: visible;-webkit-animation-duration: 0.65s;animation-duration: 0.65s;-webkit-animation-name: bounceInDown1;animation-name: bounceInDown1;} .umCommPop .umCommTit{ width: calc(100% + 40px) ; font-weight: 600; height: 46px; padding: 0 20px; margin: -20px -20px 20px -20px; line-height: 46px; color: #fff; background: #C80000; font-size:20px;} .umCommPop .umCommClose{ width: 22px; height: 22px; line-height: 22px; text-align: center; cursor: pointer; position: absolute; top: 12px; right: 15px; background: #fff; color: #C80000;border-radius: 50px;} .umCommPop .umFormBox{ max-height: calc(100vh - 160px); overflow: hidden;} .umCommPop .umFormBox .umInput .umText{ height: 100px;} .umCommPop .umCommTips{text-align: center; font-size: 14px;line-height: 1.7;padding: 20px 0;color: #666;} .umCommPop .umCommTips a{padding: 0 3px; font-weight: bold; color: #C80000;} @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%)}} /*----------- media -----------*/ @media screen and (max-width:1280px){ .umArt.umSub{padding-left: 310px;} .sabout.cont .about{ max-width: 90%} .swiper-slide.news.mobNews{ padding-left: 10px; padding-right: 10px;} .homeSwiper .swiper-slide.smallnews{ padding: 0 10px;} .homeSwiper .videoBox{ padding: 60px 30px 30px;} } @media screen and (max-width:959px){ .about .postText{ max-height:90px; overflow:hidden; position: relative;} .about .postText:after{content: " "; position: absolute; height: 22px; bottom:-4px; right: 30px; padding-left:100px; background: -webkit-linear-gradient(left, transparent, #f6f6f6 85%); background: -o-linear-gradient(right, transparent, #f6f6f6 85%); background: -moz-linear-gradient(right, transparent, #f6f6f6 85%); background: linear-gradient(to right, rgba(237,237,237,0), #f6f6f6 85%);} .sidebar{ display: none} .umArt.umSub,.main.white .umArt.umSub,.main.white .umArt.umSub.umRight{ padding-left: 0;} .umArt.umSub.umRight,.main.white .umArt.umSub.umRight, .main.white .umArt.umSub.umRight{ padding-right: 0;} .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%;} .homeSwiper .swiper-slide.smallnews .item .postImg,.homeSwiper .swiper-slide.smallnews .item .postImg a{width: 130px;} .homeSwiper .videoBox{flex-direction: column;align-items: center;} .homeSwiper .videoBox .item,.homeSwiper .videoBox.one .item{width:66%;margin: 10px 0px;} .umArtPic{ width: 320px;} } @media screen and (max-width:900px){ .navbar{ display:none;} .moble,.mNavBtn{ display: block;} .sbtn{margin-right: 25px;} .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 .sTitle{padding-left:30px;} .about .postText{ padding-left:30px; max-height:90px;} .about .aboutLeft{ width:42%;} .about .aboutRight{ width:57%;} .cont .about .sTitle,.boxText{ padding-left: 40px;} .umDiy.um5 .umText li{ padding:10px; width:33.33333%} body{ position:relative; left:0;overflow-x: hidden;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;} body.open{left: 190px; overflow:hidden;} 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;} .page-search, .list-search p{ margin:10px 0;} .bnBox.cateBn .text h3{font-size:32px;} .umDiy video{width: 80%;} .artBody .umArtPage .artUm{ width: 80%;} .umArtTopBox{margin: 30px 0 -10px;} .umArtPic{ width: 290px} .umArtTextMain{ width: 65%; padding-right: 0;} .umArtText{padding: 0 0 0 25px;} .umArtCode{ width: calc(100% / 1 - 25px);margin-right: 0; margin-left: 25px; float: left; margin-top: 20px;} .umArtCode img{ width: 90px; height: 90px; float: left;} .umArtCode p{ text-align: left; width: auto; overflow: hidden; padding-left: 12px;} .homeSwiper .videoBox .item,.homeSwiper .videoBox.one .item{width:70%;} .umCommPop{ width: 720px;} } @media screen and (max-width:750px){ .about .aboutLeft{ width:46%;} .about .aboutRight{ width:51%;} .about .sTitle{ padding-left:30px; padding-right:25px; padding-bottom:20px;} .PostSl li .slNumber{ font-size:24px;} .homeNav{ display: none;} .homeSwiper .swiper-slide.case,.swiper-slide.news,.swiper-slide.partner,.hbBox{ padding: 0 20px;} .postNews li{ width:50%} .postNews .postText,.postNews li .postImg .dot{ display:none;} .sTitle .title2{ max-width: 100%;} .swiper-container .swiper-umComm { margin:0 -20px;} .swiper-container .swiper-umComm i{ font-size: 30px;} .swiper-container .swiper-umComm i.il{ top:6px;} .swiper-container .swiper-umComm i.ir{ bottom:6px;} .sabout.cont .about .aboutLeft{ width: 100%; min-height: 200px; margin-bottom: 20px;} .sabout.cont .about .aboutRight{width: 100%;} .cont .about .sTitle,.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;} .banner .text a span{font-size: 14px; } .bnBox.cateBn .text{ padding: 0 30px;} .bnBox.cateBn .text h3{font-size:28px;} .umDiy video{width: 90%;} .newsPic .postNews{ display: none} .newsPic .postNews.mobNews{ display: block;} .postNews.mobNews li .postImg{ width: 120px;} .postNews.mobNews li .postText .text{ left: 15px;} .postNews.mobNews li .postText{max-height: 90px; padding-left: 15px;} .postNews.mobNews .postText{ display: block} .artBody .umArtPage .artUm{ width: 90%;} .artBody .umPageList li.even{flex-direction: inherit;} .artBody .umPageList li .umMedia, .artBody .umPageList li .postText{width: 100%;padding: 0 15px;max-width: 100%;flex-basis: 100%;} .homeSwiper .swiper-slide.smallnews .item .postText{ padding-left: 20px;} .his .swiper-button-prev, .his .swiper-button-next{ top: 68%;} .his .swiper-button-prev:before, .his .swiper-button-next:before{ font-size: 20px;} .his.umDiy .swiper-button-prev, .his.umDiy .swiper-button-next{top: 81%;} .homeSwiper .swiper-slide.umBn .bg{display: none;} .homeSwiper .swiper-slide.umBn .bg.mob{ display: block;} .homeSwiper .videoBox{ padding: 50px 25px 25px;} .homeSwiper .videoBox .item,.homeSwiper .videoBox.one .item{width:80%;} .umCommPop{ width: 92%;} } @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;} .homeSwiper .swiper-slide.sabout{ padding-top:50px;} .sTitle h3{font-size:26} .about { padding:30px;} .about .aboutLeft{ width:100%;min-height:280px; display:block; overflow:hidden; margin:0 0 25px 0;} .about .aboutRight{ width:100%;} .about .sTitle{ padding:0 0px 20px 0px; text-align:center;} .about .postText{ padding:0;text-align:center;position: relative; max-height: 66px;overflow: hidden;} .about .postText:after{ right: 0;} .about .aboutRight .more{ padding-left:0; text-align:center;} .homeSwiper .swiper-slide.case,.swiper-slide.news,.swiper-slide.partner,.hbBox{ 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 .sTitle, .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:22px;} .banner .text p{ display: none;} .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%;} .postNews.mobNews li .postImg{ width: 110px;} .postNews.mobNews li .postText{ max-height: 83px;} .postNews li .postImg .icon{ width: 32px; height: 32px; line-height: 32px;} .artBody .umArtPage .artUm{ width: 100%;padding: 0 30px 20px;} .homeSwiper .swiper-slide.smallnews .item .postImg, .homeSwiper .swiper-slide.smallnews .item .postImg a{ width: 120px;} .homeSwiper .swiper-slide.smallnews .item .postText .info{ font-size: 12px; margin-top: 3px;} .umArtTopBox{flex-direction: column;} .umArtPic{ width: 100%} .umArtTextMain{ width: 100%; margin-top: 20px;} .umArtText{ padding: 0;} .umArtCode{ margin-left: 0;width:100%;} .homeSwiper .videoBox{ padding: 50px 20px 20px;} .homeSwiper .videoBox .item,.homeSwiper .videoBox.one .item{width:90%;margin: 20px 0;} .homeSwiper .videoBox .item .bg{ left: 10px; right: 10px; top: 10px; bottom: 10px;} .umCommPop .umFormBox{padding: 0 10px;} .umCommPop .umCommTit{ margin-bottom: 10px;} .umCommPop .umFormBox .umInput.umFormBtn{ margin-bottom:0px;margin-left: 100px;} .umCommPop .umFormBox .umInput{margin: 5px 0px 0px 0;} .umCommPop .umFormBox .umInput input{height: 36px;line-height: 36px;} .umCommPop .umFormBox .umInput label{height: 30px;line-height: 30px;} .umCommPop .umFormBox .umInput .umText{ height: 80px;} .umCommPop .umFormBox .vcode .umItemIn .ccode{height: 32px !important;} .umCommPop .umFormBox .umInput.vcode{width: calc(100% / 1 - 40px);} } @media screen and (max-width:520px){ .about .aboutLeft{ min-height:220px; margin:0px 0 20px 0;} .swiper-container .swiper-umComm .swiper-slide .umCommMsg{ padding: 0 45px;} .swiper-container .swiper-umComm i{ font-size: 28px;} .swiper-container .swiper-umComm i.il{ left:5px;} .swiper-container .swiper-umComm i.ir{ right:5px;} .searchBox{width:80%} .sabout.cont .about .tel{ font-size:20px;} .about .aboutLeft .playBox{min-height:220px;} .umCommPop .umFormBox .umInput.vcode{width: calc(100% / 1 - 0px);} } @media screen and (max-width:480px){ .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;} .his .swiper-button-prev{ left: 10px;} .his .swiper-button-next{ right: 10px;} .his .swiper-slide .imgText .info{left: 40px;right: 40px;} /* .artMeta .fontSize{width: 100%;text-align: right;margin-bottom: 20px;} */ .homeSwiper .videoBox{ padding: 50px 15px 15px;} .homeSwiper .videoBox .item,.homeSwiper .videoBox.one .item{width:100%; margin: 25px 0;} .homeSwiper .videoBox .item .bg{ left: 5px; right: 5px; top: 5px; bottom: 5px;} .umFormBox .umInput.umFormBtn{ margin-bottom: 0;} .umArtText .btnBox [class*="btn"]{ margin-right: 6px; margin-top: 6px;} .umCommPop .umFormBox .umInput.umFormBtn{margin-left:0px;} } @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;} .homeSwiper .swiper-slide.sabout.cont{ padding-top: 35px;} .umDiy.um5 .umText li{ padding:5px; width:50%} .homeSwiper .videoBox{ padding: 40px 10px 10px;} }