@charset "utf-8"; /* CSS Document */ * { margin:0; padding:0 } *:focus {outline: none } html { margin: 0; padding: 0; border: 0; vertical-align: baseline; font: inherit; font-size:62.5%; /* 10÷16=62.5% */ width:100%; height:100%; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased; } body { font-family:"PingFang SC", webfont,"Hiragino Sans GB","STHeiti",Helvetica,"Microsoft Yahei",微软雅黑,黑体,新細明體,Arial,"Lucida Grande",sans-serif; font-size:14px; font-size:1.4rem; /* 12÷10=1.2 */ font-weight:400; line-height:170%; color:#000; background: #eeeeee; height:100% } em, q, cite, address { font-weight:400; font-style:normal } h1, h2, h3, h4, h5, h6 { font-weight:400 } address { display:inline } img { border:none } li { list-style:none } q { quotes:none } strong { font-weight:bold } table { border-collapse:collapse } th { text-align:left; font-weight:400 } small { -webkit-text-size-adjust:none; font-size:10px } i { font-style:normal } ::selection { background:#d11b24; color:#fff } ::-moz-selection { background:#d11b24; color:#fff } /* link */ a { color:#000; outline-style:none; text-decoration:none; cursor:pointer; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transform: translateZ(0); transform: translateZ(0) } a:hover { color:#1e92de; -webkit-transform: translateZ(0); transform: translateZ(0) } a.a01, .a01 a, a .a01 { color: #1e92de } a.a01:hover, .a01 a:hover, a:hover .a01 { color:rgba(218,0,15,0.7) } a.a02, .a02 a, a .a02, .a02 { color: #2a365b } a.a02:hover, .a02 a:hover, a:hover .a02, .a02:hover { color:rgba(218,0,15,0.7) } /* clear float */ .cf { zoom:1 } /* for IE */ .cf:after { content:"."; display: block; clear:both; font-size:0; height:0; visibility:hidden; overflow:hidden } /* for other */ /* end of clear float */ /* float */ .fleft { float:left!important } .fright { float:right!important } .fnone { float:none!important } /* text-align */ .tleft { text-align:left } .tright { text-align:right } .tcenter { text-align:center } .tjustify { text-align: justify } /* display */ .dis { display:block } .undis { display:none } a.undis { display:none !important } .disinline { display:inline } .disinblock { display:inline-block } .cursor_pointer { cursor:pointer } .cursor_default { cursor:default } /* form */ label { cursor:pointer } label:hover { text-decoration:underline } input, select, textarea { vertical-align:middle; color:#000; font-family: webfont, "微软雅黑", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", PingHei, STHeiti; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none } input[type="text"], input[type="password"], select { height: 36px; line-height: 36px; border: 1px solid rgba(0,0,0,0.3);background: rgba(255,255,255,0.8); padding:0 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none } /* input[type="text"]:focus, input[type="password"]:focus, select:focus { border: 1px solid #1e92de } *//* border: 1px solid #cfcfcf; */ input[type="checkbox" i] { -webkit-appearance: checkbox; box-sizing: border-box } textarea { border: 1px solid #cfcfcf; background: transparent; padding:10px } textarea:focus { border: 1px solid #1e92de } button { cursor:pointer; vertical-align:middle; text-align:center; font-family: webfont, "微软雅黑", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", PingHei, STHeiti } select::-ms-expand { display: none } /*-------------------结构-------------------*/ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, time { display:block } .container, .containercolumn { margin-right:auto; margin-left:auto } .container:before, .container:after, .containercolumn:before, .containercolumn:after { content:" "; display:table } .container:after, .containercolumn:after { clear: both } .headspace { width: 100%; height: 130px } .insidekv { height: calc(62vh); min-height: 460px; max-height: 660px; overflow: hidden } .insidekv-slogan { height: calc(100% - 130px) } .nd-con img { max-width: 80%;display: block;margin: auto } .nd-con { color: #666 } .kwicks h6{background:url(../img/tx.png) no-repeat top left;padding-top:10px;font-weight:bold} /*-------------------定位-------------------*/ .positionRelative { position: relative } .positionAbsolute { position: absolute } .positionStatic { position:static!important; top: 0!important; margin-top: 0!important } .poabsolute-wh50 { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .poabsolute-w50 { position:absolute; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .poabsolute-t { position:absolute; top:0 } .poabsolute-b { position:absolute;bottom:0;} .poabsolute-b2 { position:absolute;} .left0 { left:0!important } .top0 { top:0!important } .bottom0 { bottom:0!important } .right0 { right:0!important } .zindex2 { z-index:2 } .zindex3 { z-index:3 } .zindex99 { z-index:99 } .overhidden { overflow:hidden } /*-------------------通用圆角-------------------*/ .border-radius3 { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px } .border-radius10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px } .border-radius50 { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50% } /*-------------------透明度-------------------*/ .opacity0 { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0 } .opacity0_1 { filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1 } .opacity0_3 { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3 } .opacity0_5 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5 } .opacity0_6 { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 } .opacity0_7 { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7 } .opacity0_8 { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 } /*-------------------字体颜色、样式、字体间距-------------------*/ @font-face {font-family: 'webfont'; src: url('//at.alicdn.com/t/webfont_gznyumkua1l.eot'); /* IE9*/ src: url('//at.alicdn.com/t/webfont_gznyumkua1l.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/webfont_gznyumkua1l.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/webfont_gznyumkua1l.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/webfont_gznyumkua1l.svg#Alibaba-PuHuiTi-Regular') format('svg'); /* iOS 4.1- */ } @font-face { font-family: 'iconfont'; /* project id 1486616 */ src: url('//at.alicdn.com/t/font_1486616_3zkjstcvbzq.eot'); src: url('//at.alicdn.com/t/font_1486616_3zkjstcvbzq.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1486616_3zkjstcvbzq.woff2') format('woff2'), url('//at.alicdn.com/t/font_1486616_3zkjstcvbzq.woff') format('woff'), url('//at.alicdn.com/t/font_1486616_3zkjstcvbzq.ttf') format('truetype'), url('//at.alicdn.com/t/font_1486616_3zkjstcvbzq.svg#iconfont') format('svg'); } .iconfont { line-height: 1em } .fa-0_6x { font-size: 0.6em!important; -webkit-transform: scale(0.8) } .fa-0_8x { font-size: 0.8em!important } .fa-1x { font-size: 1em!important } .fa-1_2x { font-size: 1.2em!important } .fa-1_6x { font-size: 1.6em!important } .fa-1_8x { font-size: 1.8em!important } .fa-2x { font-size: 2em!important } .fa-2_2x { font-size: 2.2em!important } .fa-2_4x { font-size: 2.4em!important } .fa-3x { font-size: 3em!important } .fa-4x { font-size: 4em!important } .fa-5x { font-size: 5em!important } .fa-6x { font-size: 6em!important } .fa-9x { font-size: 9.4em!important } .font-bold { font-weight: 600 } .font-thin { font-weight: 300 } .text-indent1 { text-indent: 1em } .text-indent3 { text-indent: 3em } .fontSize10 { font-size:10px; font-size:1rem; -webkit-transform:scale(0.8) } .fontSize12 { font-size:12px } .fontSize42 { font-size: 42px;line-height: 1.1em;letter-spacing:1px; } .fontSize50 { font-size: 50px;line-height: 1.1em;letter-spacing:2px; } .fontSize80 { font-size: 80px;line-height: 1.1em;letter-spacing:2px; } .fontSize100 { font-size: 100px;line-height: 1.1em;letter-spacing:2px; } h1, .h1 { font-size: 36px; line-height:1.3em } h2, .h2 { font-size: 32px; line-height:1.3em } h3, .h3 { font-size: 28px; line-height:1.3em } h4, .h4 { font-size: 24px; line-height:1.3em } h5, .h5 { font-size: 20px; line-height:1.3em } h6, .h6 { font-size: 18px; line-height:1.3em } .line-height1em { line-height:1em } .line-height1_1em { line-height:1.1em } .line-height1_2em { line-height:1.2em } .line-height1_3em { line-height:1.3em } .line-height1_4em { line-height:1.4em } .line-height1_5em { line-height:1.5em } .line-height1_6em { line-height:1.6em } .line-height1_8em { line-height:1.8em } .line-height2em { line-height:2em } .line-height2_5em { line-height:2.5em } .colorfff, .colorfff a { color: #fff } .color000, .color000 a { color: #000 } .colorda000f { color: #1e92de } .color2a365b { color: #2a365b } .color898989 { color: #898989 } .color4e4e4e { color: #4e4e4e } .colorbaa0a0 { color: #baa0a0 } .color07274e { color: #07274e } .colorb99163 { color: #b99163 } .colorb89770 { color: #b89770 } .colora9917f { color: #a9917f } /*-------------------背景颜色--------------------*/ .bgfff { background: #fff } .bg000 { background: #000 } .bg_gray { background: #373737 } .bgf7f7f7 { background: #f7f7f7 } .bgf9f9f9 { background: #f9f9f9 } .bgda000f { background: #1e92de } .bgf8f8f8 { background: #f8f8f8 } .bgfcfcfd { background: #fcfcfd } .bgfbfbfb { background: #fbfbfb } .bgf5f5f5 { background: #f5f5f5 } .bgefefef { background: #efefef } .bgeee { background: #eee; } .footer a.a02,.footer .a02 a,.footer a .a02, .a02{color:#868585} .footer .bg_gray a:hover{color:#fff!important} .footer{color:#868585} /*-------------------分割线、边框-------------------*/ .line-fff-40 {width:100%; height:1px; line-height:1px;background:rgba(255,255,255,0.4) } .line-000-10 {width:100%; height:1px; line-height:1px;background:rgba(0,0,0,0.1) } /*-------------------间距-------------------*/ .margintop5 { margin-top:5px } .margintop10 { margin-top:10px } .margintop15 { margin-top:15px } .margintop20 { margin-top:20px } .margintop25 { margin-top:25px } .margintop30 { margin-top:30px } .margintop40 { margin-top:40px } .margintop50 { margin-top:50px } .margintop60 { margin-top:60px } .margintop80 { margin-top:80px } .margintop100 { margin-top:100px } .marginbottom2 { margin-bottom:2px } .marginbottom5 { margin-bottom:5px } .marginbottom10 { margin-bottom:10px } .marginbottom15 { margin-bottom:15px } .marginbottom20 { margin-bottom:20px} .marginbottom30 { margin-bottom:30px } .marginbottom40 { margin-bottom:40px } .marginbottom50 { margin-bottom:50px } .marginbottom60 { margin-bottom:60px } .marginbottom100 { margin-bottom:100px } .marginleft5 { margin-left:5px } .marginleft10 { margin-left:10px } .marginleft15 { margin-left:15px } .marginleft20 { margin-left:20px } .marginleft30 { margin-left:30px } .marginleft40 { margin-left:40px } .marginright5 { margin-right:5px } .marginright10 { margin-right:10px } .marginright20 { margin-right:20px } .marginright30 { margin-right:30px } .marginright40 { margin-right:40px } .marginauto { margin-left:auto; margin-right:auto } .paddingtop0 { padding-top:0!important } .paddingtop5 { padding-top:5px } .paddingtop10 { padding-top:10px } .paddingtop15 { padding-top:15px } .paddingtop20 { padding-top:20px } .paddingtop30 { padding-top:30px } .paddingtop35 { padding-top:35px } .paddingtop40 { padding-top:40px } .paddingtop45 { padding-top:45px } .paddingtop50 { padding-top:50px } .paddingtop60 { padding-top:60px } .paddingtop80 { padding-top:80px } .paddingbottom0 { padding-bottom:0!important } .paddingbottom5 { padding-bottom:5px } .paddingbottom10 { padding-bottom:10px } .paddingbottom15 { padding-bottom:15px } .paddingbottom20 { padding-bottom:20px } .paddingbottom25 { padding-bottom:25px } .paddingbottom30 { padding-bottom:30px } .paddingbottom35 { padding-bottom:35px } .paddingbottom40 { padding-bottom:40px } .paddingbottom45 { padding-bottom:45px } .paddingbottom50 { padding-bottom:50px } .paddingbottom60 { padding-bottom:60px } .paddingbottom80 { padding-bottom:80px } .paddingbottom100 { padding-bottom:100px } .paddingleft0 { padding-left:0!important } .paddingleft5 { padding-left:5px } .paddingleft10 { padding-left:10px } .paddingleft15 { padding-left:15px } .paddingleft20 { padding-left:20px } .paddingleft30 { padding-left:30px } .paddingleft40 { padding-left:40px } .paddingleft80 { padding-left:80px } .paddingleft130 { padding-left:130px } .paddingright0 { padding-right:0!important } .paddingright5 { padding-right:5px } .paddingright10 { padding-right:10px } .paddingright15 { padding-right:15px } .paddingright20 { padding-right:20px } .paddingright30 { padding-right:30px } .paddingright40 { padding-right:40px} .paddingright60 { padding-right:60px} .padding1 { padding:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .padding5 { padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .padding15 { padding:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .padding40 { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .padding50 { padding:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .padding60 { padding:60px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .padding5_10 { padding:5px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .padding10_20 { padding:10px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .padding20_40 { padding:20px 40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .box-sizing { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .mo_dis { display:none } .mo_undis { display:block } .row1 { margin-left: -1px; margin-right: -1px } .row5 { margin-left: -5px; margin-right: -5px } .row10 { margin-left: -10px; margin-right: -10px } .row15 { margin-left: -15px; margin-right: -15px } .row20 { margin-left: -20px; margin-right: -20px } .row30 { margin-left: -30px; margin-right: -30px } /*-------------------宽度、高度--------------------*/ .width10 { width:10% } .width15 { width:15% } .width16 { width:16.66% } .width20 { width:20% } .width25 { width:25% } .width30 { width:30% } .width33 { width:33.33% } .width35 { width:35% } .width40 { width:40% } .width45 { width:45% } .width50 { width:50% } .width55 { width:55% } .width60 { width:60% } .width65 { width:65% } .width66 { width:66% } .width70 { width:70% } .width75 { width:75% } .width80 { width:80% } .width85 { width:85% } .width90 { width:90% } .width100 { width:100% } .imgw20 { display:block; max-width:20%; height:auto } .imgw30 { display:block; max-width:30%; height:auto } .imgw40 { display:block; max-width:40%; height:auto } .imgw50 { display:block; max-width:50%; height:auto } .imgw60 { display:block; max-width:60%; height:auto } .imgw70 { display:block; max-width:70%; height:auto } .imgw80 { display:block; max-width:80%; height:auto } .imgw90 { display:block; max-width:90%; height:auto } .imgw100 { display:block; max-width:100%; height:auto } .height50 { height:50% } .height100 { height:100% } .infinite-height { margin-bottom: -30000px; padding-bottom: 30000px } /*-------------------区块-------------------*/ .area_100 { float:left; width:100% } .area_90 { float:left; width:90% } .area_85 { float:left; width:85% } .area_80 { float:left; width:80% } .area_75 { float:left; width:75% } .area_70 { float:left; width:70% } .area_66 { float:left; width:66.66% } .area_65 { float:left; width:65% } .area_60 { float:left; width:60% } .area_55 { float:left; width:55% } .area_50 { float:left; width:50% } .area_45 { float:left; width:45% } .area_40 { float:left; width:40% } .area_35 { float:left; width:35% } .area_33 { float:left; width:33.33% } .area_30 { float:left; width:30% } .area_25 { float:left; width:25% } .area_20 { float:left; width:20% } .area_15 { float:left; width:15% } .area_10 { float:left; width:10% } .area_5 { float:left; width:5% } .com-rows_1 { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .com-rows_2 { line-height:1.6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical } .com-rows_max2 { max-height:3.15em; line-height:1.6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical } .com-rows_3 { height:4.75em; line-height:1.6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical } .com-rows_max3 { max-height:4.75em; line-height:1.6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical } .com-rows_4 { height:5.55em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical } .com-rows_5 { height:6.95em; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical } .com-rows_6 { height:8.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical } .com-rows_max6 { max-height:8.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical } /*-------------------按钮-------------------*/ /*.publicbut, a.publicbut, input.publicbut { transition:0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s } .publicbut, a.publicbut, input.publicbut { display: inline-block; padding: 5px 30px 5px 10px;cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition-property: all; transition-property: all; transition-duration:0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s } .publicbut:hover, a.publicbut:hover , input.publicbut:hover { color: #fff;box-shadow: 1px 1px 3px #666 } .publicbut .iconfont { right: 10px } .publicbut.bgfff:hover { color: #1e92de; }*/ .publicbut { display: inline-block;padding: 5px 30px 5px 10px;border: 2px solid;font: 12px 'Open Sans', sans-serif;text-transform: uppercase; background: none;cursor: pointer;-webkit-transition: all .5s;transition: all .5s } .publicbut2 { padding: 5px 10px 5px 30px } .publicbut2 i { left: 10px } .btnda000f { color: #fff;border-color: #1e92de;position: relative;overflow: hidden } .btnda000f:before { content: "";position: absolute;bottom: 0;left: -5px;width: 110%;height: 100%;background-color: #1e92de;z-index: -1;-webkit-transition: all .5s;transition: all .5s } .btnda000f:hover { color: #1e92de } .btnda000f:hover:before { height: 0 } .btnfff { border-color: #fff;position: relative;overflow: hidden } .btnfff:before { content: "";position: absolute;bottom: 0;left: -5px;width: 110%;height: 100%;background-color: #fff;z-index: -1;-webkit-transition: all .5s;transition: all .5s } .btnfff:hover { color: #fff } .btnfff:hover:before { height: 0 } /*-------------------分页css开始-------------------*/ .quotes { display: inline-block;font-size: 12px } .quotes a:nth-child(1) { width: 55px } .quotes a:nth-last-child(1) { width: 55px } .quotes a { display: inline-block; width: 30px; height: 25px; line-height: 25px; color: #1e92de; margin: 0 5px;border-radius: 2px;border: 1px solid; } .quotes a .iconfont { font-size: 18px; line-height: 25px } .quotes a.disabled, .quotes a.disabled:hover { color: #989798 } .quotes a:hover { color: #1e92de } .quotes span { display: inline-block; height: 24px; line-height: 27px; margin:0 5px; border-radius: 2px } .quotes input { width: 30px; text-align: center; height: 27px; line-height: 25px; margin:0 5px; border: 1px solid #989798; background: transparent; color: #1e92de;padding: 0!important } /*-------------------通用-------------------*/ .scrollkv { bottom: 40px;left: 40px;width: 30px;height: 150px } .scroll-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 70px; width: 30px; background-size: 100% 100%; font-size: 22px; color: rgba(255, 255, 255, 1); -webkit-transition: .4s; transition: .4s; position: absolute; top: 0; left: 0; z-index: 3; } .scroll-line { width: 1px; height: 20px; background-color: #1e92de; z-index: 1; -webkit-animation: scroll-icon 1.5s infinite cubic-bezier(0.8, 0.4, 0.6, 1); animation: scroll-icon 1.5s infinite cubic-bezier(0.8, 0.4, 0.6, 1); } .scroll-line2 { width: 1px;height: 70px;background-color: #fff;border-radius: 2px } .scrollkv p { bottom: 0;left: 10px } @-webkit-keyframes scroll-icon { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; } 30%, 70% { opacity: 1; } 100% { -webkit-transform: translateY(28px); transform: translateY(28px); opacity: 0; } } @keyframes scroll-icon { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; } 30%, 70% { opacity: 1; } 100% { -webkit-transform: translateY(28px); transform: translateY(28px); opacity: 0; } } .imghover:hover img { -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); } .imghover img { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .label-top .icon-fudi1 { left: -18px;top: 15px } .iconkv { top: 35% } .iconkv .icon-fudi { left: -40px;top: 8px;} .columnheight { height: calc(50vh); min-height: 500px } .columnmin { height: calc(30vh) } /*-------------------通用头部-------------------*/ .headbox { background:rgba(55,55,55,0.2);width: 100%; position: fixed; z-index: 1000 } .headbox .containercolumn { height:85px; } .indexheadbox { background: none } .distance-top { height: 85px;background:rgba(55,55,55,0.2); } .distance-top2 { height: 85px;background: #fff } .headlogo { margin-top: 25px } .logo { height: 44px; width: auto } .nav { margin-top:15px;text-align: center } .nav .menuLi { float:left; display:block; position:relative;width: 7em } .nav .menuLi .mainmenu { display:block; height:60px; line-height:56px; position:relative;display: inline-block } .nav .menuLi:hover { background: #1e92de } .nav .menuLi:hover>a { color: #fff; } .nav a { transition:0; -webkit-transition: 0; -moz-transition: 0; -o-transition: 0 } .menuListBox { min-width: 100%; line-height:30px; position:absolute; top:60px; left: 0; background: #dedede; display:none;padding:0 1em;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .menuListBox a { display:block; width: 100%; line-height:30px; color: #333;border-bottom: 1px solid; white-space:nowrap;margin-top: 10px } .menuListBox a:hover { font-weight: bold;color:#1e92de} .menuListBox a:last-of-type { margin-bottom: 20px } .menuLipitchon .top-line { display: block; width:100%;border:2px solid #fff;position: absolute;bottom:7px;box-sizing: border-box } .mainmenu.menuLipitchon { font-weight:bold;color:#fff!important} .menuLipitchon .top-line{border-color:#fff!important} .nav .menuLi:hover .menuLipitchon .top-line{border-color:#1e92de!important} .headbox, .headlogo, .logo, .nav ,.headbox .containercolumn, .menuLipitchon .top-line { transition:0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s } .headbox.current { background:rgba(55,55,55,0.7)} .headbox.current .containercolumn{ height: 70px } .headbox.current .headlogo { margin-top: 20px } .headbox.current .logo { height: 35px } .headbox.current .nav { margin-top: 12px } .headbox.current .mainmenu { height:44px; line-height:44px } .headbox.current .menuListBox { top:44px } .headbox.current .top-line { bottom:5px } .detaillink { border-bottom: 1px solid #ededed } @media ( min-width:801px ) and ( max-width:1024px ) { .menuListBox { padding: 0 0.5em } .nav .menuLi { width: 6em } .headlogo { margin-top: 55px } .logo { height: 30px } .insidekv-slogan { height: calc(100% - 90px) } .headbox.current .headlogo { margin-top: 35px } .headbox.current .logo { height: 25px } } /*-------------------底部-------------------*/ .footer { margin-top:-86px;position: relative;z-index: 3 } .footer .footlog { height: 46px } .footer .footlog2 { height: 35px;margin-top: 5px } /* .footer .footnav:nth-of-type(1) { padding-left: 0 } */ .footer .footnav { padding:0 10px;display: inline-block } .footbox2 .positionAbsolute { bottom: 80px } .hexagon { position: relative;z-index: 2 } .hexagon i { transition:0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s } .footerh.active .hexagon i { transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari 和 Chrome */ -o-transform:rotate(180deg); } .footerline { height:6px;width: 100%;background:#e8eaef} .hexagon span:before { content:"展开快速通道" } .hexagon1 span:before { content:"收起快速通道" } .footer .footbox .poabsolute-w50 { line-height: 110px } .foottxt { margin-left: 45px } .foottxt .fontSize12 { margin-left: -45px } .footbox a:hover .colora9917f { color: #1e92de } .family-ewm, .WeChat-ewm,.blogs-ewm { text-align: center } .family-ewm .iconfont, .WeChat-ewm .iconfont, .blogs-ewm .iconfont{ line-height: 40px } .family-img, .WeChat-img,.blogs-img { position: absolute; left: -10px; width:200px; height:auto } .fnews{clear:both;padding:35px 3%;overflow:hidden} .fnews dl dd:nth-child(1){width:16%} .fnews dl dd{width:24%;float:left;margin:0 1.5%} .fnews dl .dt img{vertical-align:middle;margin:0 5px 0 0} .fnews dl .dt{color:#323232;font-size:16px;font-weight:bold} .fnews dl dd ul li{height:25px;line-height:25px;overflow:hidden} .fnews dl dd ul li a{width:75%;height:25px;line-height:25px;overflow:hidden;float:left;color:#8a8989} .fnews dl dd ul li a:hover{color:#333} .fnews dl dd ul li span{float:right;color:#cecccc;text-align:right;} .notice-con{height:25px;overflow: hidden;margin-top:6px;} /*-------------------首页-------------------*/ .index-container .area_40 { margin-left: 25% } .index-hexagon .footer .hexagon { display: none } .index-hexagon .footer .footbox { display: block } .btnonclik { width: 70px;height: 70px;position: absolute;z-index: 99;left: 30px;bottom: 15px;cursor: pointer } /*-------------------关于-------------------*/ .top-kv { height: 540px;overflow: hidden } .about-kv { background: url(../img/about-kv.jpg?v=1.1);background-size: cover;background-position:top center } .abouttxt .icon-fudi { margin-left: -25px;top: -4px } .abouttxt { margin-left: 25px } .about-list1 { background: url(../img/about-02.jpg);background-size: cover;background-position: center;z-index: -1 } .about-list2 { background: url(../img/about-03.jpg);background-size: cover;background-position: center;z-index: -1 } .about-bg { background: url(../img/about-bg.png) no-repeat; } .about-t { right:30% } .about-t2 { right:5% } .about-box .area_50 { padding-bottom: 10% } .about-con2 { background: url(../img/about-map-bg.jpg) no-repeat center;background-size: cover } .company-bg { background: url(../img/company-bg.jpg) no-repeat;background-size: cover } .company-icon { margin-left: 50px } .company-icon i { margin-left: -50px } .company-img { max-width: 240px;width: 100% } .combox { margin-left: 100px } .combox .comtxt { margin-left: -100px } .combox .comtxt h4 { padding-left: 25px } .combox .icon-fudi { top: -5px;left: 0 } .managementbg { margin-bottom: 10px } .managementbg:nth-last-of-type(1) { padding-bottom: 40px;margin-bottom: 0 } .managementbg .unfold { cursor: pointer } .strategy-bg { background: url(../img/strategy-bg.jpg) no-repeat top;background-size: cover } .strategye { background: rgba(238,238,238,0.6) } .strategy-div { padding-left: 60px;box-sizing: border-box } .strategy-icon { margin-left: -60px } .strategy-txt { margin-top: 10px } .strategy-box { margin-left: 140px;margin-top: 10px } .strategy-box .strategy-p { margin-left: -80px;display: inline-block } .strbox { margin-left: 65px } .strbox .strnumber { margin-left: -60px } .strbox .strnumber .icon-fdzlicon { top: 0 } .strategy-box2 { margin-left: 160px;margin-top: 10px } .strategy-box2 .strategy-p { margin-left: -100px;display: inline-block } .brand-kv { background: url(../img/brand-kv.jpg) no-repeat bottom; background-size: cover;height: 450px } .brand-kv .poabsolute-w50 { top: 20% } .video-popbox { width: 800px; height: 500px; overflow:hidden } /*-------------------新闻-------------------*/ .news-kv { background: url(../img/news-kv.jpg?v=1.1);background-size: cover;background-position:top center } .newstab { background: #fff;float: left;padding: 40px 0 } .newstab.active { font-weight:bold;background: #f8f8f8 } .newsboxsha:hover { box-shadow: 2px 4px 5px 2px #e3e3e3 } .groupmv .iconfont, .newsboxsha { transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s } .groupmv:hover .iconfont { color:#1e92de } .news-select { width: 120px; height: 30px; line-height: 30px; cursor: pointer;padding-left: 20px;box-sizing: border-box } .news-select .iconfont { line-height: 30px;position: absolute;right: 20px; transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s } .news-select-list { width: 120px; padding: 10px 0; background: #fff; position: absolute; top: 30px; left: 0; z-index: 10; display: none;padding-left: 20px } .news-select-list li a { display: block; width: 100%; height: 30px; line-height: 30px } .news-select-list li a:hover { color: rgba(0,0,0,0.6) } .news-select.unfold .iconfont { -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .search-dl dd { width: 30px; height: 30px; position: absolute;right: 0 } .search-dl dd a { width: 30px; height: 30px; line-height: 30px; text-align: center } .search-dl dd a .iconfont { line-height: 30px } .search-dl dt input { width: 230px; height: 30px; line-height: 30px; background: transparent; border: 0; border-bottom: 1px solid #858585 } .search-dl dt input:focus { border-bottom: 2px solid #1e92de } .searchpage #searchValue { width: 100% } .news-box,.news-box .positionAbsolute.width100 { cursor: pointer;transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s } .news-box .positionAbsolute.width100 { height: 0;bottom: 0 } .news-box .positionAbsolute.width100 .colorfff { top:-20px;left: 30px } .news-title .cur h5 { color:#1e92de;font-weight: bold } .news-title .cur .list-top{ width: 35px;border-bottom: 6px solid #1e92de;margin-top: 5px } .news-list .positionAbsolute { bottom: 20px } /*-------------------蜂巢城市-------------------*/ .coalesce-kv { background: url(../img/coalesce-kv.jpg);background-size: cover;background-position: center } .tdgov-b { border-right: 1px solid #ededed;box-sizing: border-box } .tdgov-b:nth-last-child(1){ border-right:none } .tdgov-txt { bottom: 20px } .tdgov-txt a { text-decoration:underline;transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s } .tdgov-txt a:hover { text-decoration:none } .beehiveb { bottom: 20%;left: 10% } .beehivewm { width: 70px } .beehivebox { margin-left: 40px;max-width:200px } .beehivebox i { margin-left: -30px } .beehivegk { padding-left: 50px;box-sizing: border-box } .beehivegk i { margin-left: -35px } .tsitem1>div:nth-of-type(2n-1) div:nth-of-type(2) { padding-left: 40px;box-sizing: border-box } .tsitem1>div:nth-of-type(2) div:nth-of-type(2) { padding-right: 40px;box-sizing: border-box } .beehive-btn { top: 37% } .td-input { width: 250px } .td-input:focus { border: 1px solid #1e92de;box-shadow:1px 1px #1e92de } .td-input.cur { border: 1px solid #1e92de;box-shadow:1px 1px #1e92de } .playicon .code.iconfont:before { content: "\e84b" } .coalesce-box { background: url(../img/coalesce-box.jpg) no-repeat bottom right;background-size: cover } .coalesce-box2 { background: url(../img/coalesce-box2.jpg) no-repeat top center;background-size: cover } .coalesce-box3 { background: url(../img/coalesce-box3.jpg) no-repeat center;background-size: cover } /*-------------------智造产业-------------------*/ .smart-kv { background: url(../img/smart-kv.jpg);background-size: cover;background-position: center } .smartimg { top: 0;left: 13%;width: 380px } .smart-box { background: url(../img/smart-box.jpg) no-repeat right bottom;background-size: cover } .smart-box2 { background: url(../img/smart-box2.jpg) no-repeat center top;background-size: cover } .smart-box3 { background: url(../img/smart-box3.jpg) no-repeat center bottom;background-size: cover } /*-------------------幸福生态-------------------*/ .happiness-kv { background: url(../img/happiness-kv.jpg);background-size: cover;background-position: center } .happiness-tabs { overflow: initial!important } /* .happiness-tabs a { color: #b3b3b3 } */ .happiness-tabs h4 { padding: 40px 0 } /* .happiness-tabs a.current em { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;width: 90%!important; height: 3px; background:#1e92de } .happiness-tabs a.current h3 { color: #000; } .happiness-tabs em { height: 3px;width: 90%!important;display: block;position: absolute } */ .happiness-tabs a.current { background: #f8f8f8 } .happiness-tabs a.current h4 { font-weight: bold } .profile-content .tab1_1 .poabsolute-w50 { top: 10% } .happlogo { padding: 40px 4% 20px 0;box-sizing: border-box } .happinesstop { top:30% } .health-kv { background: url(../img/health-kv.jpg);background-size: cover;background-position: right center } .healthborder { border-bottom: 1px solid #ededed } .healthborder:nth-last-of-type(1) { border: none } .healthbox { margin-left: 200px } .healthtxt { margin-left: -200px } .healthborder img { max-width: 140px;width: 80%; padding-bottom: 30px;margin: auto } .happy-kv { background: url(../img/happy-kv.jpg);background-size: cover;background-position: right center } .rich-kv { background: url(../img/rich-kv.jpg);background-size: cover;background-position: right center } .happiness-box { background: url(../img/happiness-box.jpg) no-repeat right bottom;background-size: cover } .happiness-box2 { background: url(../img/happiness-box2.jpg) no-repeat center top;background-size: cover } .happiness-box3 { background: url(../img/happiness-box3.jpg) no-repeat center top;background-size: cover } /*-------------------幸福家庭-------------------*/ .city-kv { background: url(../img/city-kv.jpg);background-size: cover;background-position:right center } .city-txt { border: 1px solid #ededed;width: 250px;height: 46px;line-height: 46px;padding-left: 15px;cursor: pointer;box-sizing: border-box } .city-txt .icon-next-copy { right: 10px } .city-txt .icon-fudi { vertical-align: text-bottom } .city-list { max-height: 300px;top: 86px;width: 250px;background: #f8f8f8;line-height: 2em;box-sizing: border-box;overflow-x: hidden } .city-list ul { padding: 10px 15px } .house-txt { border: 1px solid #ededed;width: 150px;height: 28px;line-height: 28px;padding-left: 8px;cursor: pointer;box-sizing: border-box } .house-txt .icon-next-copy { right: 10px } .house-list { top: 28px;left:0;width: 150px;background: #f8f8f8;line-height: 2em; padding: 10px 15px;box-sizing: border-box; } .housereturn { vertical-align: text-bottom } .houselogo { width: 100px } .housebox .iconfont { vertical-align: middle } .houseicon { margin-left: 40px } .houseicon i { margin-left: -30px } .housecontent { margin-left: 120px } .housecontent2 { margin-left: -100px } .houseewm { width: 100px } .housejt i { transition:0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s } .househeigt.cur i { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg) } /* .househeigt.cur .com-rows_4{ max-height: 100%; height:auto; line-height:1.3em; overflow:visible; text-overflow:inherit; display:block } */ .projectheight div{ height: calc(60vh);min-height: 400px;background-repeat:no-repeat;background-size:cover;background-position: center } .happinessewm { width: 100px } /*-------------------加入复地-------------------*/ .join-kv { background: url(../images/join/join-kv.jpg?v0.1);background-size: cover;background-position:right center } .join-list1 { background: url(../images/join/join-01.jpg);background-size: cover;background-position:center;z-index: -1 } .join-list2 { background: url(../images/join/join-02.jpg);background-size: cover;background-position:top right 20%;z-index: -1 } .join-icon .icon-fudi1 { font-size: 11em!important } .join-left { left: 20% } .join-img { background: url(../images/join/join-03.jpg) right no-repeat;background-size: cover;z-index: 1;position: absolute;height: 125%;bottom: -108px } .contactSlide { position: relative; overflow: hidden;height: 300px } .contactSlide ul { position: relative; } .contactSlide ul li { float: left; list-style: none;padding-right: 10px } .contactSlide ul li img { display: inline-block } .theoyicon img { width: 90%;margin: auto } .theoyicon>div { max-width: 25% } .growupbox { margin-left: 160px } .growupbox .growuptxt { margin-left: -160px } .contactbox { margin-left: 40px } .contactbox span { margin-left: -40px } .contactbox2 { margin-left: 40px;margin-right: 20px } .contactbox2 span { margin-left: -40px } .contactbox2 .mo_mapicon { display: none } .join-box { background: #fafafa;background-size: cover } .join-box2 { background: url(../images/join/join-box2.jpg) no-repeat center bottom;background-size: cover } #news_list .overhidden{overflow:hidden;height:260px;} #news_list .overhidden img{height:100%} /*-------------------响应式css-------------------*/ @media ( min-width:1600px ) { .container { width:1340px!important } /* 370 */ .containercolumn { width:1500px!important } /* 最始500 */ .container2{ width:1200px!important } } @media ( min-width:1441px ) and ( max-width:1599px ) { .container { width:1050px!important } /* 350 */ .containercolumn { width:1320px!important } /* 最始440 */ } @media ( min-width:1260px ) and ( max-width:1440px ) { .container { width:1200px } /* 320 */ .containercolumn { width:1170px } /* 最始390 */ .top-kv { height: 400px;overflow: hidden } .join-icon .icon-fudi1 { font-size: 9em!important } .companytxt .padding30 { padding: 10px } .company-kwicks .kwickstxt .txt1, .company-kwicks .kwickstxt .txt2, .companykwicks.expanded .fontSize12 { font-size: 24px!important } } @media ( min-width:1000px ) and ( max-width:1259px ) { .container { width:800px } /* */ .containercolumn { width:960px } /* 最始320 */ .join-icon .icon-fudi1 { font-size: 9em!important } .fontSize50 { font-size: 4rem } .fontSize80 { font-size: 7rem } .fontSize100 { font-size: 9rem } h1, .h1 { font-size: 36px } h2, .h2 { font-size: 28px } h3, .h3 { font-size: 24px } h4, .h4 { font-size: 20px } h5, .h5 { font-size: 16px } h6, .h6 { font-size: 14px } .companytxt .padding30 { padding: 10px } } @media ( min-width:801px ) and ( max-width:999px ) { h1, .h1 { font-size: 36px } h2, .h2 { font-size: 28px } h3, .h3 { font-size: 24px } h4, .h4 { font-size: 20px } h5, .h5 { font-size: 16px } h6, .h6 { font-size: 14px } .container, .containercolumn{ width: 90%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .join-icon .icon-fudi1 { font-size: 9em!important } .companytxt .padding30 { padding: 0 } .footer .footbox .poabsolute-w50 { line-height: 24px } .index-hexagon .footer .hexagon { display: block } /* .footbox .area_45 a { padding: 20px 25px 20px 60px;box-sizing: border-box;position: relative } .footbox .area_45 a .fontSize12 { margin-left: -40px;float: left; } .footbox .area_45 a:nth-of-type(2) { background: #d40210 } .footbox .area_45 i { right: 25px } */ .index-hexagon .footer .footbox { display: none } .footer .footlog { height: 35px } .contacttxt.undis { display: inline-block } .footer .footnav { font-size: 12px } .index-hexagon .footer .hexagon { display: none } .index-hexagon .footer .footbox { display: block } .foottxt .mo_fontSize12 { font-size: 12px } .footbox2 .fleft.mo_fnone { float: none!important } .footbox2 .mo_positionStatic { text-align: center;margin-top: 10px; position: static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } /**********************************手机端top*******************************/ .header-mobile { width: 100%; height: 60px; line-height: 60px; background: rgb(6, 16, 87); position: fixed; top: 0; left: 0; z-index: 1003 } .logo-mobile { width: auto; height: 35px; position: absolute; left: 20px; top:15px } .menutxt { position: absolute; right: 60px; top: 18px;line-height: 24px;color:#fff;} .menu { width: 24px; text-align: center; height:18px; line-height: 18px; position: absolute; right: 20px; top: 22px; cursor: pointer; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s } .bar { height: 2px; width: 24px; display: block; position: absolute; background-color: #fff; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s } .menu .bar:nth-of-type(1) { top: 0px; -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0s; -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0s; -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out; -webkit-transition-delay: 0.3s, 0s; transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0s; } .menu .bar:nth-of-type(2) { top: 8px; -moz-transition: ease 0.1s 0.2s; -o-transition: ease 0.1s 0.2s; -webkit-transition: ease 0.2s; -webkit-transition-delay: 0.2s; transition: ease 0.2s 0.2s; } .menu .bar:nth-of-type(3) { top: 16px; -moz-transition: top 0.3s ease 0.3s, -moz-transform 0.3s ease-out 0s; -o-transition: top 0.3s ease 0.3s, -o-transform 0.3s ease-out 0s; -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out; -webkit-transition-delay: 0.3s, 0s; transition: top 0.3s ease 0.3s, transform 0.3s ease-out 0s; } .menu.hover .bar:nth-of-type(1) { top: 8px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transition: top 0.2s ease 0s, -moz-transform 0.2s ease-out 0.3s; -o-transition: top 0.2s ease 0s, -o-transform 0.2s ease-out 0.3s; -webkit-transition: top 0.2s ease, -webkit-transform 0.2s ease-out; -webkit-transition-delay: 0s, 0.3s; transition: top 0.2s ease 0s, transform 0.2s ease-out 0.3s; } .menu.hover .bar:nth-of-type(2) { opacity: 0; } .menu.hover .bar:nth-of-type(3) { top: 8px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transition: top 0.2s ease 0s, -moz-transform 0.2s ease-out 0.3s; -o-transition: top 0.2s ease 0s, -o-transform 0.2s ease-out 0.3s; -webkit-transition: top 0.2s ease, -webkit-transform 0.2s ease-out; -webkit-transition-delay: 0s, 0.3s; transition: top 0.2s ease 0s, transform 0.2s ease-out 0.3s; } .nav-mobile { width: 100%; height: calc(100% - 60px); background-color: #fff; padding-top: 60px; position: fixed; z-index: 1002; top: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .5s cubic-bezier(.45,0,.14,1.03); -o-transition: all .5s cubic-bezier(.45,0,.14,1.03); transition: all .5s cubic-bezier(.45,0,.14,1.03); overflow: hidden; } .nav-mobile.open { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .nav-mobile .menu-items { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: all .5s cubic-bezier(.45,0,.14,1.03); -o-transition: all .5s cubic-bezier(.45,0,.14,1.03); transition: all .5s cubic-bezier(.45,0,.14,1.03); } .nav-mobile.open .menu-items { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .nav-mobile .menu-item { opacity: 0; -webkit-transition: all .5s cubic-bezier(.45, 0, .14, 1.03); -o-transition: all .5s cubic-bezier(.45, 0, .14, 1.03); transition: all .5s cubic-bezier(.45, 0, .14, 1.03); position: relative; } .nav-mobile.open .menu-item { opacity: 1; } .nav-mobile .menu-item .nav-mobile-level { display: block; padding: 0 20px; height: 42px; line-height: 42px; border-top: 1px solid #eee; } .nav-mobile-icon { width: 62px; height: 42px; line-height: 42px; text-align: center; position: absolute; right: 0; top: 0 } .nav-mobile-icon .iconfont { line-height: 42px } .nav-mobile-icon .iconfont:before { content: "\e6f9" } .nav-mobile-icon.hover .iconfont:before { content: "\e686" } .nav-mobile-level2 { width: 100%; padding: 0 20px; box-sizing: border-box; display: none } .nav-mobile-level2 a { display: inline-block; width: 100%; padding: 0 20px; box-sizing: border-box; height: 36px; line-height: 36px; border-top: 1px solid #f1f1f1; color: rgba(0,0,0,0.8) } .footer .bg_gray a{color:#898989;} .pages{margin:20px auto;text-align:center;line-height:1.2;font-family:"微软雅黑"} .pages li {display:inline-block;vertical-align:middle;margin:0 4px;} .pages li a{display:block;border:1px solid #E5E7EA;background:#fff;padding:8px 12px;-moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;font-size:14px;} .pages li:hover a,.pages li.active a{background:#0880d6;border-color:#0880d6;color:#fff;} .zxrb{ margin-bottom:15px;} .zxrbl{ color:#fff; width:60px; height:50px; line-height:50px; text-align:center; background:#0880d6; font-size:24px;} .zxrbr{ padding-left:65px; border:1px solid #e4e4e4;} .zxb{ position:relative;height:50px;line-height:50px;cursor:pointer;overflow:hidden; color:#7c7c7c; font-size:14px; width:100%; text-indent:20px;} .zxb i{ background:url(../img/icon9.png) no-repeat center center; display:inline-block; width:15px; height:15px; position:absolute; right:20px; top:50%; margin-top:-7px;} .zxb1{ display:none; color:#fff; padding:15px; padding-top:0;font-size:12px; line-height:26px;} .zxb1 a{ color:#ddd} .aaaa .zxb{ background:#0880d6;} .aaaa .zxb1{ display:block; background:#0880d6;} .aaaa .zxb i{background:url(../img/icon10.png) no-repeat center center;} .aaaa .zxb{ color:#fff;} .notes{ line-height: 20px; height:40px; background: url('../img/note.jpg') no-repeat left top -2px; margin-bottom: 10px;padding-left:30px;} .wz{clear:both;border-bottom:1px solid #ececec;} .sidebar{background:#f4f4f4;width:290px;float:left;margin-top:20px;} .sidebar .zlogo{text-align:right;padding:20px 0} .rbox{padding-left:330px;margin-top:20px;} .sidebar .sdbox{padding:16px;} .sidebar .sdbox ul li{line-height:52px;margin-top:10px;} .sidebar .sdbox ul li a{font-size:18px;color:#5e5e5e;display:block;background:#ebebeb;padding-left:15px;;} .sidebar .sdbox ul li a span{margin-left:13px;font-size:16px;} .sidebar .sdbox ul li a:hover, .sidebar .sdbox ul li a.cur{background: #1e92de;color:#fff} .sidebar .sdbox ul li ul li{line-height:42px;margin-top:6px;} .sidebar .sdbox ul li ul li a{font-size:16px;color:#282828;display:block;padding-left:40px;background:none;background:url(../img/i_dot.png) no-repeat 25px center;} .sidebar .sdbox ul li ul li a span{margin-left:13px;} .sidebar .sdbox ul li ul li a:hover, .sidebar .sdbox ul li ul li a.cur{background:#d7e8f3 url(../img/i_dot.png) no-repeat 25px center;color:#282828;} .rbox img{max-width:100%;} .xt2{border:6px solid #eee;margin:-20px 0 40px 0;} .footer .ftu{margin:35px 0 -12px 0} .footer .fnav{padding:15px 0;text-align:center;color:#828282;background:#585858;} .footer .fnav a{padding:0 16px;color:#ccc;font-size:14px} .footer .fnav a:hover{color:#fff} .list_lx ul li{margin-bottom:15px;background: #f5f5f4;padding:15px;padding-left:20px;overflow:hidden;} .list_lx ul li:hover{background:#eee;} .list_lx ul li .map_left{width:40%;float:left;} .list_lx ul li .map_left h5{margin-top:12px;font-weight:bold;} .list_lx ul li .desc{line-height:28px;margin:20px 0;font-size:16px;} .list_lx ul li .map_you{width:55%;float:right;} .list_lx ul li .map_you iframe{width:100%!important} .list_lx ul li .map_left h5.c2{margin:15px 0 18px 0} .list_news ul.lists{margin-bottom:35px;overflow:hidden;} .list_news ul.lists li{padding:12px;border:1px solid #ddd;margin-top:15px;overflow:hidden;} .list_news ul.lists li .news_pic{width:325px;float:left;max-height:250px;} .list_news ul.lists li .news_info{padding-left:355px;} .list_news ul.lists li .news_bt{font-size:22px;} .list_news ul.lists li .news_time{font-size:16px;color:#a2a0a0;padding:10px 0} .list_news ul.lists li .news_zy{font-size:16px;color:#6b6b6b;line-height:25px;max-height:75px;overflow:hidden;} .list_news ul.lists li .vmore{text-align:right;margin-top:16px;} .list_news ul.lists li .vmore a{width:100px;height:32px;line-height:32px;background:#1e92de;text-align:center;color:#fff;display:inline-block;} .list_news ul.lists li .vmore a:hover{background: #0f89d9;} .list_news ul.lists li:hover{border-color:#1e92de} .list_yw ul{margin-top:-5px;} .list_yw ul li{background: #f5f5f4;padding:18px;overflow:hidden;padding-left:40px;margin-top:8px;cursor:pointer;} .list_yw ul li:hover{background:#1e92de;color:#fff} .list_yw ul li:hover a{color:#fff} .list_yw ul li .yw_left{width:50%;float:left;} .list_yw ul li .yw_pic{width:48%;float:right;} .list_yw ul li .yw_pic img{border:5px solid #fff} .list_yw ul li .yw_mc{font-size:24px;font-weight:bold;margin-top:25px;} .list_yw ul li .yw_desc{font-size:16px;line-height:26px;padding:15px 0;} .list_yw ul li .yw_desc p strong{padding-bottom:10px;} .list_yw2 ul li .yw_left{width:67%;float:left;} .list_yw2 ul li .yw_pic{width:30%;float:right;text-align:right;} .list_yw2 ul li .yw_desc{color:#626161;font-size:18px!important;} .list_yw2 ul li h3 span{color:#000} .list_yw2 ul li h3{margin:5px 0} .list_yw ul li:hover{background:#1e92de;color:#fff!important} .list_yw ul li:hover h3 span,.list_yw ul li:hover .yw_desc{color:#fff} @media screen and ( max-width:999px ) { .fnews{padding:15px 3% 0 3%} .fnews dl dd{width:97%;float:left;margin:8px 1.5%;border-bottom:1px solid #eee;padding-bottom:15px;} .fnews dl dd:nth-child(1),.fnews dl dd:last-child{border-bottom:0;} .fnews dl .dt{margin-bottom:10px;} #news_list .overhidden{overflow:hidden;height:initial;} .swiper-wrapper a svg{margin-top:-20px!important;} .swiper-wrapper .icon{width:2.5em;height:2.5em;} .mts{display:none;} .sidebar{width:100%!important;margin:15px 0 10px 0} .sidebar .zlogo{display:none;} .rbox{clear:both;padding-left:0!important;width:100%} .footer .fnav{padding:10px 10px;} .footer .fnav a{padding:0 15px;color:#ccc;font-size:12px} .list_lx ul li{margin-bottom:15px;background: #f5f5f4;padding:10px!important;overflow:hidden;} .list_lx ul li .map_left{width:100%;float:left;} .list_lx ul li .desc{line-height:28px;margin:10px 0 15px 0;font-size:16px;} .list_lx ul li .map_you{width:100%;float:left;} .list_lx #dituContent{height:260px!important} .list_news ul.lists li .news_pic{width:100%;float:left;} .list_news ul.lists li .news_info{padding-left:0;clear:both;padding-top:8px;} .list_news ul.lists li .news_bt{font-size:18px;margin:12px 0 0 0;} .list_news ul.lists li .vmore{text-align:center;margin-top:16px;} .list_news ul.lists li .vmore a{width:80%;border-radius:4px;} .pages li{margin-bottom:5px;} .list_yw ul li{padding:10px;} .list_yw ul li .yw_left{width:100%;float:left;} .list_yw ul li .yw_pic{width:100%;float:left;text-align:center;} .list_yw ul li .yw_pic img{width:100%} .list_yw ul li .yw_mc{font-size:18px;font-weight:bold;margin-top:15px;} .list_yw ul li .yw_desc,.container *{white-space:!important;} .list_yw2 ul li .yw_desc{font-size:16px!important;} }