@charset "utf-8"; * { font-family: Arial, Helvetica, "Microsoft Yahei", sans-serif; padding: 0; margin: 0; box-sizing: border-box; overflow-scrolling: touch; -webkit-overflow-scrolling: touch } body { padding: 0; margin: 0; font-family: Arial, "Microsoft Yahei", Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; line-height: 1; font-size: 14px; overflow-x: hidden } html, body { min-height: 100vh; width: 100vw } html { overflow: -moz-scrollbars-vertical } html::-webkit-scrollbar { width: 4px; height: 8px; background-color: #F5F5F5 } html::-webkit-scrollbar-track { border-radius: 10px; background-color: #E2E2E2 } html::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #333 } @font-face{ font-family: '思源宋体'; src : url('../fonts/SOURCEHANSERIFCN-REGULAR.OTF'); } .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden } .clearfix { *zoom: 1 } .keywordfontcolor1019209 { float: none !important; color: #15d8aa !important; font-size: 1rem !important } #vsb_content_2 P { font-size: 1.25rem !important; color: #323232 !important; line-height: 1.75em !important; margin-bottom: 1.875rem; text-indent: 2rem; font-family: "Times New Roman" } a { text-decoration: none; bblr: expression(this.onFocus=this.blur()); outline-style: none; outline: none } a, input, img, :focus { mayfish: expression(this.onfocus=this.blur); cursor: handbblr:expression(this.onFocus=this.blur()); outline-style: none } ul { list-style: none } img { border: 0px; vertical-align: middle } ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, p { padding: 0; margin: 0; font-weight: normal } h3, h4, h5 { font-weight: normal } h4 a:hover, h5 a:hover { -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out } hr { display: block; height: 1px; border: 0; background: #d8d8d8; padding: 0; margin-bottom: 3.25rem; margin-top: 2.5rem } abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video { display: block } .fl { float: left } .fr { float: right } .clear { clear: both; height: 0px; font-size: 1px; line-height: 0px } .container01, .container02, .container03, .container04, .container05, .container06, .container07, .container08, .n-container01, .n-container03, .n-container04 { margin: 0 auto } .slow { overflow: hidden } .slow img:hover { transform: scale(1.05) } .slow img { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } h5 a, .more a { -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out } .slow01 { -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out } .slow02 { -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s } .shadow { -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999'); -moz-box-shadow: 1px 1px 10px #999999; -webkit-box-shadow: 1px 1px 10px #999999; box-shadow: 1px 1px 10px #999999 } .radius { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .opacity { filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1 } .overfloat-dot { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .overfloat-dot-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .overfloat-dot-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical } .overfloat-dot-4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical } .overfloat-dot-5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical } .overfloat-dot-6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical } .overfloat-dot-7 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical } .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6 } .flex { display: flex; justify-content: space-between; flex-wrap: wrap } .a_body { position: relative } ul li, dl dd { vertical-align: top } img { vertical-align: middle } a { color: inherit } input, button, textarea { background: none; outline: none; border: none; -webkit-appearance: none; border-radius: 0 } input:focus { border: none } input::-webkit-input-placeholder { color: #999 } input::-moz-placeholder { color: #999 } input:-moz-placeholder { color: #999 } input:-ms-input-placeholder { color: #999 } textarea::-webkit-input-placeholder { color: #999 } textarea::-moz-placeholder { color: #999 } textarea:-moz-placeholder { color: #999 } textarea:-ms-input-placeholder { color: #999 } .w100 { width: 100% } .w1400 { margin: 0 auto; max-width: 1400px } .w1500 { margin: 0 auto; max-width: 1500px } .w1600 { margin: 0 auto; max-width: 1600px } .layui-img-responsive { max-width: 100% } .img_zd { position: relative; width: 100% } .img_zd .img_hezi { padding-bottom: 60% !important } .img_zd>img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover } h5 a { display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } ul li:hover h5 a { color: #ff0000 } .more a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out } .box_table { display: table; table-layout: fixed; width: 100%; height: 100% } .box_table_cell { display: table-cell; vertical-align: middle } .box_table_cell * { white-space: normal; word-wrap: break-word } .vsbcontent_img { text-align: center } @-webkit-keyframes anim-open-2 { 0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } } @keyframes anim-open-2 { 0% { opacity: 0; -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 50% { opacity: 1; -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } 100% { opacity: 1; -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } } @-webkit-keyframes anim-close-2 { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1) } } @keyframes anim-close-2 { 0% { opacity: 1 } 100% { opacity: 0; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1) } } #gotop { position: fixed; z-index: 90; bottom: 2rem; right: 1rem; box-sizing: border-box; text-align: center; cursor: pointer; -moz-transition: all .5s; -webkit-transition: all .5s; width: 3.125rem; height: 3.125rem; background: url("../images/back_icon.png") no-repeat; opacity: 1; visibility: visible; overflow: hidden; background-size: 100% 100% } #gotop.hide { height: 0; opacity: 0; visibility: hidden } #gotop svg { width: 1.375rem; height: 1.375rem; display: inline-block; fill: #fff; vertical-align: middle; margin: -3px 0 0; transition: .6s } @media (max-width:4000px) { html { font-size: 16px } } @media (min-width:1600px) and (max-width:1940px) { html { font-size: 16px } } @media (min-width:1400px) and (max-width:1600px) { html { font-size: 16px } } @media (min-width:640px) and (max-width:1399px) { html { font-size: 16px } } @media (min-width:471px) and (max-width:639px) { html { font-size: 15px } } @media (min-width:329px) and (max-width:470px) { html { font-size: 15px } } @media (max-width:328px) { html { font-size: 14px } } .ar_wap { display: none } .a_body { position: relative; z-index: 0 } .section { overflow: hidden } #header { height: auto; width: 100%; transition: 0.36s; } .header_top { position: relative; padding: 0; text-align: right; z-index: 10000; overflow: hidden } .header_top .tianqi { display: inline-block; height: 4rem } .header_top .search_btn { display: inline-block; float: none; font-size: 14px; color: #fff } .search a:hover { color: #15d9ab } .header_top .search { width: 20px; height: 20px; position: relative; z-index: 20 } .header_top .search .input { position: absolute; z-index: 1; left: auto; right: -.5rem; top: -12px; bottom: auto; height: 40px; width: 0; background: #fff; opacity: 0; visibility: hidden; transition: .5s } .header_top .search .input input { width: 100%; height: 100%; font-size: 13px; padding: 0 2rem 0 1rem; color: #333 } .header_top .search .btn { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5 } .header_top .search .btn input { cursor: pointer; position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100% } .header_top .search .btn svg { width: 18px; height: 18px; fill: #fff } .header_top .search:hover .btn svg { fill: #6510AD } .header_top .search:hover .input { width: 16.25rem; opacity: 1; visibility: visible } #header .headerTop { position: fixed; left: 0; right: 0; top: 0; z-index: 99999; background: #c1ab05; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); opacity: 0; transform: translateY(-100%); padding: 0 3% 0 } #header .headerTop .logo2 { width: 34% !important } #header.xg .headerTop { transition: all 0.7s ease-in-out 0.5s; transform: none; opacity: 1 } #header .headerTop #logo { height: 5rem } #header .headerTop #logo img { width: 100%; } #header .headerTop .nav { height: 5rem } #header .headerTop .nav ul.navItem li { height: 5rem; line-height: 5rem } #header .headerTop .nav ul.navItem li ul.subnav { top: 5rem } #header .headerTop .nav ul.navItem li a { color: #fff } #header .headerTop .nav ul.navItem li ul p a { color: #333 } #header .headerTop .nav ul.navItem li ul p:hover a { color: #fff } .header_right { padding-top: 3rem; width: 68%; } .header_right.nav_top { height: 1.25rem; line-height: 1.25rem } .header_right .nav_top .top_link { color: #fff; margin-right: 1rem } .header_right .nav_top .top_link ul li{ float: left; margin: 0 8px; } .header_right .nav_top .top_link ul li a{ font-size: 0.875rem; color: #fff } .header_right .nav_top .top_link ul li a:hover{ color: #ffd000; } .nav { text-align: right; width: 64%; } .nav ul { font-size: 0 } .nav li { display: inline-block; font-size: 1rem; height: 52px; line-height: 52px; position: relative; width:10%; text-align: center; } .nav ul li>a { display: block; color: #fff; position: relative; font-size: 1.125rem; font-weight: bold } .nav ul>li:hover>a { color: #ffd000 } .nav>ul>li>a:before { content: ""; position: absolute; right: 0; top: 24px; width: 0; height: 6px; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; border-radius: 3px } .nav>ul>li.on>a:before { width: 6px } .nav .subnav { position: absolute; z-index: 10; left: -16%; top: 52px; width: 130%; padding: 15px 4px; margin-top: 0px; background: rgba(255, 255, 255, 0.85); border-top: 4px solid #c1ab05; font-size: 14px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); display: none } .nav .subnav .arrow { border-left: 4px solid transparent; border-right: 4px solid transparent; display: block; margin: 0px auto; height: 0; width: 0; border-bottom: 4px solid #c1ab05; position: absolute; left: 50%; margin-left: -2px; top: -8px } .nav ul li .subnav>li { padding: 0; width: 100% } .nav .subnav a { display: block; padding: 8px 0px; line-height: 1.4; text-align: center; position: relative; z-index: 1; perspective: 674px; transform-style: preserve-3d; color: #333; font-size: 1rem } .nav ul li .subnav>li:hover a { color: #fff } .nav .subnav a:before { content: ""; display: block; position: absolute; left: 0px; bottom: 0px; z-index: -1; width: 100%; display: block; height: 100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); z-index: -1; transform-origin: center top 0; -webkit-transform-origin: center top 0; left: 0; opacity: 0; bottom: 0; visibility: hidden; background: #c1ab05; } .nav .subnav a:hover { color: #fff } .nav .subnav a:hover:before { transform: none; opacity: 1; visibility: visible } .list_box0 { display: inline-block; vertical-align: top } .list_box0 .li { font-size: 14px; color: #fff; display: inline-block; transition: .6s; margin-left: 2rem; position: relative; line-height: 7.625rem; opacity: .8 } .list_box0 .li>a { display: block; font-family: "Microsoft Yahei" } .list_box0 .li a>img { margin: -2px .625rem 0 0 } .list_box0 .li a .ewm_box { display: inline-block; border: #d3d3d3 1px solid; background: #fff; position: absolute; left: 50%; transform: translateX(-50%) scaleY(1); top: 3.5rem; opacity: 1; visibility: visible; transform-origin: top; display: none } .list_box0 .li a .ewm_box:before { content: ""; position: absolute; border-left: transparent 6px solid; border-right: transparent 6px solid; border-bottom: #fff 6px solid; top: -6px; left: 50%; margin-left: -6px } #m_header .list_box0 { float: right } #m_header .list_box0 .li { line-height: 60px } #m_header .list_box0 .li a .ewm_box { top: 60px } #m_header .list_box0 .li a>img { height: 12px } .list_box_01 { font-size: 0; white-space: nowrap; padding: .625rem } .list_box_01 li { display: block !important; margin: 0 15px !important; text-align: center } .list_box_01 li h3 img { border: #ededed 1px solid; width: 85px; height: 85px } .list_box_01 li h5 { font-size: .75rem; color: #666666; line-height: 20px; margin: 0 } .list_box0 .li:after { content: ""; position: absolute; left: -2rem; width: 20px; height: 20px; margin-top: -10px; opacity: .8 } .list_box0 .li+.li { margin-left: 2.5rem } .list_box0 .li+.li+.li { margin-left: 2rem } .list_box0 .li+.li:after { width: 16px; height: 17px; left: -1.5rem } .list_box0 .li:last-child:after { display: none } .header_box .w1200 { height: 100%; position: relative; max-width: 100%; padding: 0 3% } #header #logo { width: 50% } #header #logo .box_table { width: auto } #logo { float: left; height: 9.75rem; position: relative } #logo img{ display: block; max-width: 100%; } #logo img.img2 { display: none } #header .header_r { width: 50% } #header .header_r .hd_link { height: 60px; color: #fff } #header .header_r ul { display: block; float: right; line-height: 60px } #header .header_r ul li { height: 60px; line-height: 60px; display: inline-block; padding-left: 2.5rem } #header .header_r ul li:nth-child(1) { background: url("../images/icon_01.png") no-repeat left center } #header .header_r ul li a { font-size: 0.875rem; font-family: "Microsoft Yahei"; color: #fff } #header .header_r ul li:hover a { color: #ec8d1d } #header .search { width: 200px; height: 36px; border-bottom: 1px solid #fff; margin-top: 0.875rem; position: relative; color: #333; margin-left: 1rem } .search_btn { cursor: pointer; text-align: center; ransition: .6s; position: relative; } .search_btn img { margin: 0 } #header .dw2 { float: left; height: 90px; width: 53px; cursor: pointer; position: relative; margin-right: 1.5rem; transition: .6s; margin-left: 1rem } #header .dw2:after { content: ""; width: 1px; height: 16px; display: block; position: absolute; background: rgba(255, 255, 255, .75); right: -1.5rem; top: 50%; margin-top: -8px } #header .dw2.yuyan:before { content: ""; width: 1px; height: 100%; display: block; position: absolute; left: 0; top: 0; display: none } #header .dw2 .dh { height: 23px; line-height: 23px; text-align: center; font-size: 13px; color: #fff; cursor: pointer; transition: .6s } #header .dw2 .dh span { padding-right: 14px; width: 53px; height: 23px; display: inline-block; font-style: italic } #header .dw2 .dd { padding-bottom: 10px; padding-top: 10px; position: absolute; top: 100%; width: 100%; text-align: center; background: #acce22; left: 0; border: 1px solid #acce22; opacity: 0; visibility: hidden; transition: 400ms; transform: translateY(15px) } #header .dw2 .dd:before { content: ""; display: inline-block; border: 8px solid transparent; border-bottom: 8px solid #acce22; position: absolute; top: -16px; left: 50%; margin-left: -8px } #header .dw2 .dd a { display: block; text-align: center; line-height: 30px; color: #fff; font-size: 13px; padding: 0 10px } #header .dw2 .dd a:hover { font-weight: bold } #header .dw2.on .dd { opacity: 1; visibility: visible; transform: translate(0) } .search-dialog-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000000; opacity: 0; visibility: hidden; transition: .6s } .search-dialog-box:before { content: ""; position: absolute; top: 0; height: 0; background: rgba(193,171,5,.1); transition: .6s; left: 0; right: 0; z-index: 1 } .search-dialog-box.on:before { height: 100% } .search-dialog-box .bubbles-bg { opacity: 0; visibility: hidden; display: none } .search-dialog-box .search-bg { position: absolute; left: 0; top: 0; width: 100%; height: 0; margin: 0; background: rgba(0, 0, 0, .7); background-size: cover; background-repeat: no-repeat; transform-origin: center center; transition: height .8s cubic-bezier(.77, 0, .175, 1) } .search-dialog-box .wrap-inner { transform: translateY(100%); transition: .6s } .header-right .bubbles-bg { opacity: 0; visibility: hidden; transition: all .5s .8s } .search-dialog-box .bubbles-bg .bubble { position: absolute } .search-dialog-box .bubbles-bg .bubble .circle { border-radius: 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100% } .search-dialog-box .bubbles-bg .bubble1 { width: 6%; padding-top: 6%; left: 26.875%; top: -6.67% } .search-dialog-box .bubbles-bg .bubble1 .circle { border: 1px solid #fff } .search-dialog-box .bubbles-bg .bubble2 { width: 12px; padding-top: 12px; left: 13.54%; top: 18% } .search-dialog-box .bubbles-bg .bubble2 .circle { background-color: #ff495f } .search-dialog-box .bubbles-bg .bubble3 { width: 36px; padding-top: 36px; left: 8.854%; top: 30.55% } .search-dialog-box .bubbles-bg .bubble3 .circle { background-color: #fff } .search-dialog-box .bubbles-bg .bubble4 { width: 56.875%; padding-top: 56.875%; left: -28.6458%; top: 51.85% } .search-dialog-box .bubbles-bg .bubble4 .circle { background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%); background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%); background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%) } .search-dialog-box .bubbles-bg .bubble5 { width: 54px; padding-top: 54px; left: 26.3%; top: 70.83% } .search-dialog-box .bubbles-bg .bubble5 .circle { background-color: #fff; opacity: .1 } .search-dialog-box .bubbles-bg .bubble6 { width: 56.875%; padding-top: 56.875%; left: 73.4375%; top: -52.77% } .search-dialog-box .bubbles-bg .bubble6 .circle { background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%); background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%) } .search-dialog-box .bubbles-bg .bubble7 { width: 2rem; padding-top: 2rem; left: 60.9375%; top: 18.5% } .search-dialog-box .bubbles-bg .bubble7 .circle { background-color: #ff495f } .search-dialog-box .bubbles-bg .bubble8 { width: 1.35rem; padding-top: 1.35rem; left: 95.83%; top: 70.83% } .search-dialog-box .bubbles-bg .bubble8 .circle { border: 1px solid #fff } .search-dialog-box .bubbles-bg .bubble9 { width: 16px; padding-top: 16px; left: 76.5625%; top: 96.296% } .search-dialog-box .bubbles-bg .bubble9 .circle { background-color: #fff } .search-dialog-box .bubbles-bg .bubble10 { width: 56.875%; padding-top: 56.875%; left: 71.354%; top: 87% } .search-dialog-box .bubbles-bg .bubble10 .circle { background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%); background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%); background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%) } .search-dialog-box .bubbles-bg .bubble { animation: spin 8s infinite linear; transform-origin: 50% 45% } .search-dialog-box .bubbles-bg .bubble:nth-child(2n) { animation: spin2 8s infinite linear } .search-dialog-box .bubbles-bg .bubble .circle { animation: spin-reverse 8s infinite linear } .search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle { animation: spin-reverse2 8s infinite linear } .search-dialog-box .bubbles-bg .sm-bubble { transform-origin: 30% 30px } .search-dialog { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2 } .search-dialog .search-tit { font-size: 2.75rem; line-height: 3.5rem; color: #fff; text-align: center; overflow: hidden; display: none } .search-dialog .search-inner { overflow: hidden; margin-top: 0 } .search-dialog .search-input { width: 50rem; margin: 0 auto; background-color: rgba(255, 255, 255, .1); box-sizing: border-box; transition: all .3s; max-width: 94% } .search-dialog .search-input input[type=text] { float: left; height: 4.5rem; width: calc(100% - 4.5rem); background-color: transparent; font-size: 1.25rem; line-height: .5rem; background: #fff; text-indent: 1rem; color: #333; transition: all .3s } .search-dialog .search-input input[type=text]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5) } .search-dialog .search-input input[type=text]:-moz-placeholder { color: rgba(255, 255, 255, 0.5) } .search-dialog .search-input input[type=text]::-moz-placeholder { color: rgba(255, 255, 255, 0.5) } .search-dialog .search-input input[type=text]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5) } .search-dialog .search-input input[type=submit], .search-dialog .search-input .clear-btn { float: right; height: 4.5rem; width: 4.5rem } .search-dialog .search-input input[type=submit] { background: #c1ab05 url('../images/search-btn.svg') no-repeat center; background-size: 1.5rem; } .search-dialog .search-input .clear-btn { background-color: rgba(0, 0, 0, .2); background-repeat: no-repeat; background-position: center; background-image: url('../images/close-btn.svg'); background-size: 4.5rem; border-radius: 100%; margin-right: 1rem; display: none } .search-dialog .search-input.on { background-color: #fff } .search-dialog .search-input.on input[type=submit] { background-image: url('../images/search-btn2.svg') } .search-dialog .hot-search { font-size: 0; width: 19.5rem; margin: .6rem auto 0; box-sizing: border-box; padding: 0 .6rem; overflow: hidden } .search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link { display: inline-block; *display: inline; zoom: 1; vertical-align: top } .search-dialog .hot-search .hot-tit { font-size: .375rem; line-height: .5rem; color: #fff; font-weight: bold; padding-left: .6rem; background-repeat: no-repeat; background-position: left center; background-size: .5rem; background-image: url(../images/hot-icon.png) } .search-dialog .hot-link { margin-left: 1rem } .search-dialog .hot-link a { display: inline-block; *display: inline; zoom: 1; font-size: .375rem; line-height: .5rem; margin-right: .75rem; color: #fff; padding-bottom: 5px; position: relative } .search-dialog .hot-link a:before { content: ""; position: absolute; left: 0%; bottom: 0; width: 100%; height: 2px; background-color: #fff; transform: scaleX(0); transform-origin: left center; transition: transform .3s } .search-dialog-box .bottom-box { position: absolute; left: 0; bottom: 5.1%; width: 100% } .search-dialog-box .bottom-box .share-box { overflow: hidden } .search-dialog-box .bottom-box .copy { font-size: .35rem; line-height: .5rem; color: #fff; font-family: "gilroy-regular"; margin-top: .5rem; overflow: hidden } .header-right.is-open .bubbles-bg { visibility: visible; opacity: 1 } .header-right.is-open .search-btn .con-box { display: none } .header-right.is-open .close-btn { display: block } .header-right.is-open .item .search-bg { transform: scale(1) } .search-dialog-box.on { opacity: 1; visibility: visible } .search-dialog-box.on .search-bg { height: 100vh } .search-dialog-box.on .bubbles-bg { opacity: 1; visibility: visible } .search-dialog-box.on .wrap-inner { transform: translateY(0) } .pub-close { position: absolute; width: 3rem; height: 3rem; z-index: 10; right: 1.5rem; top: 1.35rem; background-color: rgba(255, 255, 255, .1); border-radius: 100% } .pub-close .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #1c5ab7; transform: scale(0); border-radius: 100%; transition: transform .3s } .pub-close i { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: 0.75rem; background-repeat: no-repeat; background-image: url(../images/close-btn.svg); transition: .6s } .pub-close i:hover { transform: rotate(180deg) } @keyframes spin { to { transform: rotate(1turn) } } @keyframes spin2 { to { transform: rotate(-1turn) } } @keyframes spin-reverse { from { transform: rotate(1turn) } } @keyframes spin-reverse2 { from { transform: rotate(-1turn) } } .search_btn { cursor: pointer } .search_btn svg { display: inline-block; fill: #fff; width: 16px; height: 16px; vertical-align: middle } @keyframes spin { to { transform: rotate(1turn) } } @keyframes spin2 { to { transform: rotate(-1turn) } } @keyframes spin-reverse { from { transform: rotate(1turn) } } @keyframes spin-reverse2 { from { transform: rotate(-1turn) } } .tc_search { margin: 0 1.3rem; width: calc(100% - 2.6rem); position: absolute; bottom: 1rem } .tc_search .header-search { height: 40px; border-radius: 0; background: rgba(255, 255, 255, .1); position: relative; width: 100%; margin-bottom: 1rem } .tc_search input[type="text"]{ font-size: .875rem; color: #fff; height: 40px; line-height: 40px; padding: 0 1rem; box-shadow: none; -webkit-appearance: none; border-right: 0; background: none; width: 90% } .tc_search input[type="submit"]{ position: absolute; top: 0; right: 0; width: 40px; height: 38px; line-height: 38px; border: 0; font-size: 0; background: url(../images/search_white.svg) center center no-repeat; background-size: 1.2rem; } .tc_search input::-webkit-input-placeholder { color: #fff; color: rgba(255, 255, 255, .7) } .tc_search input::-moz-placeholder { color: #fff; color: rgba(255, 255, 255, .7) } .tc_search input:-moz-placeholder { c color: #fff; color: rgba(255, 255, 255, .7) } .tc_search input:-ms-input-placeholder { color: #fff; color: rgba(255, 255, 255, .7) } .tc_search input:focus::-webkit-input-placeholder { color: transparent } .tc_search input:focus:-moz-placeholder { color: transparent } .tc_search input:focus::-moz-placeholder { color: transparent } .tc_search input:focus:-ms-input-placeholder { color: transparent } #m_nav .m_header_link{height: 3rem;line-height: 3rem;width: 100%;padding: 0 2.3rem;} #m_nav .m_header_link ul{display: block;width: 100%;text-align: center;} #m_nav .m_header_link ul li{display: inline-block;margin: 0 0.5rem;width: auto;} #m_nav .m_header_link ul li a{font-size: 1rem;color: #fff;} #nav_btn_box { height: 100%; z-index: 999999999; float: right; margin-left: 20px } #nav_btn_box.on { background: none } #nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #fff } #nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none } #nav_btn .point { display: inline-block; width: 34px; height: 20px; position: relative; outline: none } #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 1.75rem } #nav_btn .navbtn { position: absolute; top: 3px; left: 0; display: inline-block; width: 34px; height: 20px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: url("../images/nav_btn.png") no-repeat } #nav_btn .point.on .navbtn { background: transparent } #nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px } #nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px } .m_nav_list { flex-direction: column; justify-content: flex-start; width: 100%; overflow: auto; } .m_nav_list::-webkit-scrollbar { display: none } #m_nav { z-index: 99999; position: fixed; width: 100%; height: 100vh; right: -105%; top: 0; display: none; padding: 3rem 0 7rem; overflow: hidden; pointer-events: none; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background: #c1ab05 } #m_nav .close { position: absolute; top: 6px; right: 15px; font-size: 28px; color: #fff; z-index: 10000 } #m_nav .header_top_m { position: absolute; top: 6px; left: 15px } #m_nav .header_top_m .li { font-size: 14px; color: #fff; display: inline-block; transition: .6s; margin-left: 2rem; position: relative; line-height: 2rem; opacity: .8 } #m_nav .header_top_m .li:after { content: ""; position: absolute; left: -2rem; width: 20px; height: 20px; top: 50%; margin-top: -10px; opacity: .8 } #m_nav .header_top_m .li+.li { margin-left: 2.5rem } #m_nav .header_top_m .li+.li+.li { margin-left: 2rem } #m_nav .header_top_m .li a { color: #fff } #m_nav .header_top_m .li+.li:after { width: 16px; height: 17px; margin-top: -8px; left: -1.5rem } #m_nav.act { pointer-events: auto; right: 0 } #m_nav>ul>li { width: 100%; overflow: hidden; padding: 0 0 0 2.3rem; position: relative } #m_nav>ul>li { border-bottom: 1px solid rgba(255, 255, 255, 0.1) } #m_nav li .a { display: inline-block; width: calc(100% - 30px) } #m_nav li .a { line-height: 4rem; height: 4rem; color: #fff; padding: 0; font-size: 14px; float: left } #m_nav li .a span { display: block; position: absolute; top: 0; right: 10px; width: 20px; height: 50px; text-align: center } #m_nav li .a span i { font-size: 0 } #m_nav li i { opacity: 1; filter: alpha(opacity=100); display: inline-block; width: 100%; height: 4rem; display: inline-block; background: url(../images/arrow_down.svg) calc(100% - 2rem) center no-repeat; background-size: 13px 13px !important; position: absolute; display: block; right: 0 } #m_nav li.on i { background: url(../images/arrow_down_on.svg) calc(100% - 2rem) center no-repeat } #m_nav .on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg) } #m_nav li { display: block; width: 100% } .slide_nav { position: absolute; left: 0; height: 70px; z-index: 998; padding: 15px; top: 0; width: 100% } #m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0; margin-left: 0; background: none; border: 0; clear: both; padding-bottom: 10px } #m_nav .title .list span { background: none } #m_nav .title .list span a:hover { color: #c21d1b } #m_nav .title .list a { display: block; font-size: 1rem; color: rgba(255, 255, 255, .6); text-align: left; line-height: 40px; height: 40px; border: 0; font-weight: 300 } #m_nav .title .list .void>a { background-size: 10px; position: relative } #m_nav .title .list .void>a:before { content: "·"; position: absolute; left: -1em; font-size: 12px; font-weight: bold } #m_nav .title .list span { position: relative; display: block } #m_nav .title .list span .sub { position: static; width: 100%; display: block !important; overflow: hidden } #m_nav .title .sub a { background: none; font-size: .875rem; opacity: .8; min-width: 50%; float: left; display: inline-block; color: #999 } .nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none } .m_header_box { transition: .6s; display: none; height: 60px } #m_header #logo .box_table, #nav_btn_box .box_table { width: auto; float: left } .m_header_box header { padding: 0 15px; top: 0; height: 60px; box-shadow: 0 3px 5px rgba(0, 0, 0, .05); position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: #c1ab05 } #m_header #logo { height: 60px; float: left } #m_header #logo img { max-height: 60%; max-height: 48px } #m_header .yuyan { height: 4.5rem; float: right; margin-right: 4rem } #m_header .yuyan span { display: block; width: 24px; height: 24px; line-height: 24px; color: #fff; font-size: .9rem; text-align: center; margin-left: 17px; background: rgba(255, 255, 255, .3) } #banner { position: relative } #banner .mask, .n_banner .mask { position: absolute; left: 0; top: 0px; width: 100%; height: 16.5625rem; background: url("../images/header_mask.png") repeat-x center top; z-index: 98; background-size: contain } #banner .nav,.n_banner .nav{ width: 95%; } .banner_top { position: absolute; top: 0px; height: 9.75rem; width: 100%; z-index: 9999; padding: 0 4.25rem } .banner_top .logo2 { width: 32% } #banner .banner_con .swiper-button-prev { left: 2rem; width: 3.125rem; height: 3.125rem; background: url("../images/banner_l.png") no-repeat center center; background-size: 100% 100%; margin-top: -1.5625rem } #banner .banner_con .swiper-button-next { right: 2rem; width: 3.125rem; height: 3.125rem; background: url("../images/banner_r.png") no-repeat center center; background-size: 100% 100%; margin-top: -1.5625rem } #banner .banner_con .swiper-pagination { bottom: 1.5rem; text-align: center; } #banner .banner_con .swiper-pagination .swiper-pagination-bullet { width: 0.875rem; height: 3.125rem; text-align: center; background: url("../images/banner_li.png") no-repeat center center; opacity: 1; margin: 0 8px; } #banner .banner_con .swiper-pagination .swiper-pagination-bullet-active{ width: 3.125rem; background: url("../images/banner_li_on.png") no-repeat center center; } #banner .banner_con .swiper-slide img { display: block; width: 100%; } /*container01 start*/ .container01{ padding: 5.75rem 0 8.25rem; background: url("../images/container02_bg.png") no-repeat left bottom; } .container01 .tpxw{ position: relative; } .container01 .tpxw .tpxw_pic .tpxw_l{ position: relative; width: 68.5714%; padding: 4rem 0; z-index: 9; } .container01 .tpxw .tpxw_pic .tpxw_l:before{ position: absolute; right: 0; top: 0; width: 5.5rem; height: 100%; background: #c1ab05; content: ""; z-index: 0; } .container01 .tpxw .tpxw_pic .tpxw_l .pic{ width: 100%; position: relative; overflow: hidden; padding-bottom:52.1888%; } .container01 .tpxw .tpxw_pic .tpxw_l .pic img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; -webkit-background-size: 100% auto; background-size: 100% auto; } .container01 .tpxw .tpxw_pic:hover .tpxw_l .pic img{ transform: scale(1.05); } .container01 .tpxw .tpxw_pic .tpxw_r{ width: 31.43%; background: #c1ab05; } .container01 .tpxw .tpxw_pic .tpxw_r .con_txt{ padding: 6.75rem 3rem 0; } .container01 .tpxw .tpxw_pic .tpxw_r .con_txt .title{ max-height: 8.25rem; line-height: 2.75rem; font-size: 1.5rem; font-family: "Microsoft Yahei"; color: #fff; font-weight: bold; margin-bottom: 1rem; } .container01 .tpxw .tpxw_pic .tpxw_r .con_txt .date{ color: #e7e0b8; line-height: 1.75rem; color: #e7e0b8; font-family: "Microsoft Yahei"; font-size: 1rem; margin-bottom: 1rem; } .container01 .tpxw .tpxw_pic .tpxw_r .con_txt .des{ max-height: 5.25rem; line-height: 1.75rem; color: #e7e0b8; font-family: "Microsoft Yahei"; font-size: 1rem; margin-bottom: 2rem; } .container01 .tpxw .tpxw_pic .tpxw_r .con_txt .arrow{ position: relative; width: 78px; height: 15px; background: url("../images/arrow_icon1.png") no-repeat; background-size: 100% 100%; } .container01 .tpxw .tpxw_pic .tpxw_r .con_txt .arrow:before{ position: absolute; left: 0; top: 0; width: 0; height: 15px; background: url("../images/arrow_icon1_hover.png") no-repeat; content: ""; transition:all 0.6s; z-index: 3; } .container01 .tpxw .tpxw_pic:hover .tpxw_r .con_txt .arrow:before{ width: 100%; } .container01 .tpxw .tpxw_pic .swiper-pagination{ bottom: 4.5rem; text-align: right; left: auto; right: 3rem; } .container01 .tpxw .tpxw_pic .swiper-pagination .swiper-pagination-bullet { width: 0.875rem; height: 3.125rem; text-align: center; background: url("../images/banner_li.png") no-repeat center center; opacity: 1; margin: 0 8px; } .container01 .tpxw .tpxw_pic .swiper-pagination .swiper-pagination-bullet-active{ width: 3.125rem; background: url("../images/banner_li_on.png") no-repeat center center; } .container01 .tpxw .more{ position: absolute; left: 0; bottom: 0; z-index: 9; width: 62.5714%; height: 2.25rem; line-height: 2.25rem; } .container01 .tpxw .more a{ position: relative; display: block; font-size: 1rem; font-family: "Microsoft Yahei"; color: #333; width: 136px; margin: 0 auto; letter-spacing: 2px; padding-left: 4rem; } .container01 .tpxw .more a:before{ position: absolute; left: 0; top: 0; width: 2.25rem; height: 2.25rem; background: #ebebeb; border-radius: 50%; content: ""; transition:all 0.6s; z-index: 2; } .container01 .tpxw .more a:hover:before{ background: #d5be14; } .container01 .tpxw .more a:after{ position: absolute; left: 1.75rem; top: 50%; margin-top: -1px; width: 20px; height: 2px; background: #808080; content: ""; transition:all 0.6s; z-index: 3; } .container01 .tpxw .more a:hover:after{ background: #c1ab05; } .container01 .tpxw .more a:hover{ color: #c1ab05; } /*end container01*/ /*container02 start*/ .container02{ padding:2.25rem 0 4rem; } .hd_box{ width: 170px; } .hd_box .hd_title{ writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; writing-mode: tb-rl; } .hd_box .hd_title span{ position: relative; font-size: 2.5rem; font-family: "思源宋体"; display: inline-block; color: #333; letter-spacing: 2px; padding-right: 15px; padding-bottom: 3.75rem; } .hd_box .hd_title span:before{ position: absolute; right: 0; bottom: 0; width: 1px; height: 8.75rem; background: #333; content: ""; z-index: 3; } .hd_box .more{ margin: 8.5rem 0 0 2.5rem; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; writing-mode: tb-rl; } .hd_box .more a{ position: relative; display: block; font-size: 1rem; font-family: "Microsoft Yahei"; color: #333; letter-spacing: 2px; padding-top: 4rem; } .hd_box .more a:before{ position: absolute; left: 50%; margin-left: -1.125rem; top: 0; width: 2.25rem; height: 2.25rem; background: #ebebeb; border-radius: 50%; content: ""; transition:all 0.6s; z-index: 2; } .hd_box .more a:hover:before{ background: #d5be14; } .hd_box .more a:after{ position: absolute; left: 50%; margin-left: -1px; top: 1.75rem; width: 2px; height: 20px; background: #808080; content: ""; transition:all 0.6s; z-index: 3; } .hd_box .more a:hover:after{ background: #c1ab05; } .hd_box .more a:hover{ color: #c1ab05; } .container02 .xydt .xydt_r{ width: calc(100% - 170px); } .container02 .xydt_r .xydt_pic{ padding-bottom: 3rem; } .container02 .xydt_r .xydt_pic ul{ display: block; margin: 0 -22px; } .container02 .xydt_r .xydt_pic ul li{ position: relative; float: left; width: calc(33.3333% - 44px); margin: 0 22px 1.5rem; padding-top: 1.75rem; } .container02 .xydt_r .xydt_pic ul li a{ display: block; padding-right: 1.25rem; background: url("../images/news_icon.png") no-repeat right top; } .container02 .xydt_r .xydt_pic ul li .pic{ margin-left: 10px; width: calc(100% - 10px); position: relative; overflow: hidden; padding-bottom: 62.2888%; } .container02 .xydt_r .xydt_pic ul li .pic img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; -webkit-background-size: 100% auto; background-size: 100% auto } .container02 .xydt_r .xydt_pic ul li:hover .pic img { transform: scale(1.05) } .container02 .xydt_r .xydt_pic ul li .date{ position: absolute; left: 0; top: 0; width: 128px; height: 2.75rem; line-height: 2.75rem; color: #333; text-align: center; background: #fff; z-index: 9; border-top: 1px solid #000; border-bottom: 1px solid #000; } .container02 .xydt_r .xydt_pic ul li:hover .date{ background: #c1ab05; border-top: 1px solid #c1ab05; border-bottom: 1px solid #c1ab05; color: #fff; } .container02 .xydt_r .xydt_pic ul li .title{ font-size: 1.125rem; font-family: "Microsoft Yahei"; color: #333; height: 3.5rem; line-height: 1.75rem; margin-top: 0.875rem; } .container02 .xydt_r .xydt_pic ul li:hover .title{ color: #c1ab05; font-weight: bold; } .container02 .xydt_r .xydt_list{ padding-bottom: 5.25rem; } .container02 .xydt_r .xydt_list ul{ display: block; margin: 0 -35px; } .container02 .xydt_r .xydt_list ul li{ position: relative; float: left; width: calc(33.3333% - 70px); margin: 0 35px 1.5rem; border-top: 1px solid #000; padding: 2rem 0; } .container02 .xydt_r .xydt_list ul li:before{ position: absolute; top: -1px; left: 0; width: 0; height: 1px; background: #c1ab05; content: ""; transition:all 0.6s; z-index: 2; } .container02 .xydt_r .xydt_list ul li:hover:before{ width: 100%; } .container02 .xydt_r .xydt_list ul li .con_txt{ width: calc(100% - 3.5rem); } .container02 .xydt_r .xydt_list ul li .con_txt .title{ height: 5.25rem; line-height: 1.75rem; font-size: 1.125rem; font-family: "Microsoft Yahei"; color: #333; } .container02 .xydt_r .xydt_list ul li:hover .con_txt .title{ color: #c1ab05; font-weight: bold; } .container02 .xydt_r .xydt_list ul li .date{ width: 3.5rem; text-align: right; } .container02 .xydt_r .xydt_list ul li .date span{ display: block; width: 100%; } .container02 .xydt_r .xydt_list ul li .date span.d1{ font-size: 1.75rem; color: #c1ab05; font-weight: bold; line-height: 2rem; font-family: "Times New Roman"; } .container02 .xydt_r .xydt_list ul li .date span.d2{ line-height: 1.25rem; } /*end container02*/ /*container03 start*/ .container03{ padding: 3.5rem 0 6.875rem; background: url("../images/container02_bg.png") no-repeat left top; } .container03 .notice .notice_list ul{ display: block; margin: 0 -35px; } .container03 .notice .notice_list{ padding-top: 4.75rem; width: calc(100% - 170px); } .container03 .notice .notice_list ul li{ position: relative; float: left; width: calc(33.3333% - 70px); margin:0 35px 1.5rem; padding-top: 1.875rem; } .container03 .notice .notice_list ul li a{ display: block; padding: 6rem 2.5rem 4.5rem 2rem; background: url("../images/notice_li_bg.png") no-repeat; background-size: 100% 100%; } .container03 .notice .notice_list ul li .date{ position: absolute; left: 2rem; top: 0; width: 3.5rem; background: #c1ab05; padding: 0.25rem 0; } .container03 .notice .notice_list ul li .date span{ display: block; width: 100%; text-align: center; color: #fff; } .container03 .notice .notice_list ul li .date span.d1{ font-family: "Times New Roman"; font-weight: bold; line-height: 2rem; font-size: 1.75rem; } .container03 .notice .notice_list ul li .date span.d2{ font-size: 1rem; line-height: 1.75rem; } .container03 .notice .notice_list ul li .title{ height: 5.25rem; line-height: 1.75rem; font-size: 1.125rem; font-family: "Microsoft Yahei"; color: #333; margin-bottom: 1.75rem; } .container03 .notice .notice_list ul li:hover .title{ color: #c1ab05; font-weight: bold; } .container03 .notice .notice_list ul li .arrow{ position: relative; width: 78px; height: 15px; background: url("../images/arrow_icon2.png") no-repeat; background-size: 100% 100%; } .container03 .notice .notice_list ul li .arrow:before{ position: absolute; left: 0; top: 0; width: 0; height: 15px; background: url("../images/arrow_icon2_hover.png") no-repeat; content: ""; transition:all 0.6s; z-index: 3; } .container03 .notice .notice_list ul li:hover .arrow:before{ width: 100%; } /*end container03*/ /*container04 start*/ .container04{ padding: 4.5rem 0 9.75rem; } .container04 .xzzx .xzzx_list{ width: calc(100% - 29.5rem); } .container04 .xzzx .xzzx_list ul li{ position: relative; border-left: 4px solid #d9d9d9; padding-left: 1.125rem; margin-bottom: 3.5rem; } .container04 .xzzx .xzzx_list ul li:before{ position: absolute; left: -4px; top: 0; width: 4px; height: 0; background: #c1ab05; transition:all 0.6s; content: ""; z-index: 3; } .container04 .xzzx .xzzx_list ul li:hover:before{ height: 100%; } .container04 .xzzx .xzzx_list ul li .title{ height: 1.875rem; line-height: 1.875rem; font-size: 1.375rem; font-family: "Microsoft Yahei"; font-weight: bold; color: #333; } .container04 .xzzx .xzzx_list ul li:hover .title{ color: #c1ab05; } .container04 .xzzx .xzzx_list ul li .date{ font-size: 1rem; color: #737373; } .container04 .xzzx .xzzx_list ul li:hover .date{ color: #c1ab05; } /*end container04*/ /*footer start*/ footer{ padding: 5.75rem 0 3.5rem; background: url("../images/footer_bg.jpg") no-repeat; background-size: cover; } footer .footer_box{ padding-bottom: 4.75rem; border-bottom: 1px solid #464644; } footer .footer_l{ width: 68%; } footer .footer_l .footer_logo{ padding-bottom: 3.125rem; } footer .footer_l .footer_logo img{ display: block; max-width: 100%; } footer .footer_l .footer_address p{ line-height: 1.75rem; font-family: "Microsoft Yahei"; font-size: 1rem; color: #fff; padding-left: 1.5rem; background: url("../images/footer_icon01.png") no-repeat left center; margin-bottom: 1.25rem; } footer .footer_l .footer_address p:nth-child(2){ background: url("../images/footer_icon02.png") no-repeat left center; } footer .footer_l .footer_address p:nth-child(3){ background: url("../images/footer_icon03.png") no-repeat left center; } footer .footer_ewm{ width: 32%; } footer .footer_ewm ul{ display: block; float: right; } footer .footer_ewm ul li{ float: left; margin-left: 1.25rem; } footer .footer_ewm ul li .pic{ width: 12.5rem; height: 12.5rem; overflow: hidden; } footer .footer_ewm ul li .pic img{ display: block; width: 100%; height: 100%; background-size: cover; } footer .footer_ewm ul li .title{ text-align: center; height: 2.75rem; line-height: 2.75rem; font-family: "Microsoft Yahei"; color: #fff; font-size: 1rem; } footer .copyRight{ padding-top: 8px; } footer .copyRight p{ line-height: 1.75rem; font-family: "Microsoft Yahei"; font-size: 1rem; color: #acacab; } /*end footer*/ /*==========================================首页 结束=============================================*/ /*==========================================内页 开始=============================================*/ .n_banner .img .img_hezi{ padding-bottom:28.64% !important} #nav_slide{background: #c1ab05;line-height: 50px;position: relative;z-index: 2;display:none;} #nav_slide #bnt_back{ position:absolute; left: 1rem; top:-2px; } #nav_slide #bnt_back img{height: 20px;vertical-align: middle;} #nav_slide .n_title{ height: 50px; } #nav_slide h1{font-size: 1.5rem;color: #fff;text-align: center;} #bnt_sub_nav{position: absolute;right: 1rem;top: 14.5px;cursor: pointer;} #bnt_sub_nav img{display: block;height: 20px;} #bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} #sub_nav_content{background: #f2f2f2; display: none; z-index: 9;width: 100%;} #sub_nav_content ul{} #sub_nav_content ul li {background: none;box-shadow:none;border-bottom:1px solid #dedede;padding: 0 15px;} #sub_nav_content ul li a{display: inline-block;font-size: 1.25rem;padding: 0;color: #333;width: 88%;} #sub_nav_content ul li i{float:right;font-family: simsun;font-style: normal;font-weight: bold;} #sub_nav_content ul li ul li{border:0;line-height: 28px;padding-left: 10px;} #sub_nav_content ul li ul li a{font-size: 1rem; color: #666;} #sub_nav_content ul li.on>a{color: #c1ab05;} #sub_nav_content ul li ul{ display:none} .n_banner{height: 500px;} .n_container .n_container_con{display: flex;justify-content: space-between;flex-wrap: wrap} .n_container .n_left{width: 290px;position: relative;z-index: 1;margin-top: -80px;border-left: 3px solid #c1ab05;margin-right: 3.5rem;box-shadow: 0 0 15px 0 rgba(0, 0, 0, .19);background: rgba(193,171,5,0.1);} .n_container .n_left h1{height: 90px;line-height: 90px;background:url("../images/lmmc_bg.png") center no-repeat;font-size: 1.625rem;color:#fff;padding: 0 1rem 0 2.75rem;position: relative;z-index: 9;width: 297px;} .n_container .n_left h1 span{position:relative;} .n_container .n_left h1 span:before{content:"";position: absolute;bottom: -18px;width: 1.875rem;height:1px;background:#fff;left: 50%;margin-left: -0.9375rem; display:none} .n_container .n_left .con ul{display: block;width: 100%;padding: 0 30px 82px;} .n_container .n_left ul li{width: 100%;position: relative;border-bottom: 1px dashed #c1ab05;} .n_container .n_left li .a { display: inline-block; width: calc(100% - 30px) } .n_container .n_left li .a {line-height: 1.5rem;color: #323232;padding: 1rem 0;font-size: 1.125rem;float: left;} .n_container .n_left li.on .a h3,.n_container .n_left li:hover .a h3{color: #c1ab05;} .n_container .n_left li .a span { display: block; position: absolute; top: 0; right: 10px; width: 20px; height: 50px; text-align: center; } .n_container .n_left li .a span i { font-size: 0; } .n_container .n_left li i {opacity: 1;filter: alpha(opacity=100);display: inline-block;width: 3rem;height: 4rem;display: inline-block;background: url("../images/arrow_down_on.png") center center no-repeat;position: absolute;display: block;right: 0;cursor: pointer;} .n_container .n_left li.on{border-bottom: none;} .n_container .n_left li.on i {background: url("../images/arrow_down.png") center center no-repeat;} .n_container .n_left .on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);} .n_container .n_left .title .list {display: none; position: relative; width: 100%; z-index: 9; left: 0; margin-left: 0;border: 0; clear: both; padding-bottom: 10px;padding-left: 1.125rem;border-left: 2px solid #c1ab05;background: #fff;} .n_container .n_left li.on .list{display: block;} .n_container .n_left .title .list span { background: none; } .n_container .n_left .title .list span a:hover { color: #c21d1b; } .n_container .n_left .title .list a {display: block;font-size: 0.9875rem;color:#595959;text-align: left;line-height: 28px;border: 0;font-weight: 300;padding-right: 1.5rem;padding: 6px 0;} .n_container .n_left .title .list a:hover,.n_container .n_left .title .list a.active{color: #c1ab05;font-weight: bold;} .n_container .n_right{width: calc(100% - 346px);padding: 2.5rem 0 0 0;position: relative;min-height: 400px;} .mianbao{line-height: 64px;height: 66px;margin-bottom: 2.5rem;position: absolute;width: 100%;top: -64px;z-index: 1;} .position{font-size:1rem;color: #666666;padding-left: 24px;background: url("../images/home_icon.png") left center no-repeat;line-height: 62px;height: 62px;font-family: "Arial";color: #fff;} .position a{color: #888888;transition:0.36s;color: #fff;} .position span{font-size:14px;color:#808080;margin: 0 4px;color: #fff;} .position em{color: #666666;font-style:normal;color: #fff;} .position a:hover{color: #c1ab05;} .fanye{ text-align:center} .fanye img{ max-width:100%} /*内容样式*/ .ar_article_box{padding: 0.5rem 0 2rem;} .ar_article td, .ar_article th{ padding:15px 10px; border: 1px solid #ededed; vertical-align:middle;} .ar_article td p, .ar_article th p{ padding-bottom:0; margin-bottom:0;} .ar_article table {border-collapse: collapse;border-right: 1px solid #ededed;border-bottom: 1px solid #ededed; width:100%} .ar_article table tr:not(:first-child) td{} .ar_article table td { border-left: 1px solid #ededed;border-top: 1px solid #ededed; } .ar_article{font-size:14px;color:#7d7c7c;line-height:30px; } .ar_article p{font-size: 1.125rem;color: #333;line-height: 2;text-indent: 2rem;font-family: "Microsoft Yahei";margin-bottom: 1rem;} .ar_article strong{ font-weight:bold;} .ar_article img{max-width:100%;} .ar_article a{ color:#717173;} .ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;} .ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem} .ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem} .ar_article ul li, .ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;} .ar_article ul li p, .ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; } .ar_article ul, .ar_article ol{ margin-bottom:0.9375rem;} .ar_article sub {vertical-align:sub; font-size: smaller;} .ar_article sup { vertical-align:super; font-size: smaller;} .ar_article p.vsbcontent_img{text-align: center;text-indent: 0px;} .ar_article p img{display:inline-block;border:none !important;height:auto !important;} .ar_article p video{display:block;margin:0 auto;} .n_news_detail .ar_article_box .nav01{overflow:hidden;margin-bottom: 2rem;padding-bottom: 1rem;border-bottom: #cad5db 1px solid;} .n_news_detail .ar_article_box h3{color: #333;font-size: 1.75rem;text-align: center;line-height: 1.5;margin-bottom: 8px;font-family: "Microsoft Yahei";font-weight: bold;} .n_news_detail .ar_article_box h6{display: block;color: #737373;font-size: 1rem;line-height: 1.375rem;margin-bottom: 0;margin-right: 22px;text-align: center;} .n_news_detail .ar_article_box h6 span{margin: 0 .5rem;font-family: "Microsoft Yahei";} /*====上一篇下一篇====*/ #ar_fot{position:relative;padding: 20px 0 0;box-sizing: border-box;width: 100%;margin-top: 0;border-top: #cad5db 1px solid;margin-top: 2rem;} #ar_fot h1{display:block;width: 100%;line-height: 2.5rem;color: #000000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #ar_fot h1 span{font-family: "Microsoft Yahei";} #ar_fot h1 a{font-size: 1.125rem;color: #222;font-weight:normal;transition: .5s;font-family: "Arial";} #ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;} #ar_fot .bnt_back:hover{ border-radius:3px;} #ar_fot h1 a:hover{color: #c1ab05;} .n_news_detail01 h4{ font-size:1.5rem; color:#000000; font-weight:bold; margin:2.5rem 0 1rem; text-align:center} .n_news_detail01 .ar_article p{ line-height:2.5rem; margin-bottom:0.375rem} .list_box01 li{border: 1px solid #ccc;padding: 2rem 2.25rem;margin-bottom: 1.25rem;} .list_box01 li:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,.18);border: 1px solid #c1ab05;} .list_box01 li a{display: block;} .list_box01 li .date{width: 4rem;height: 4.375rem;margin-right: 1.5rem;border: 1px solid #c1ab05;} .list_box01 li:hover .date{background: #c1ab05;} .list_box01 li .date span{display: block;text-align: center;font-family: "Microsoft Yahei";color: #c1ab05;} .list_box01 li:hover .date span{color: #fff;} .list_box01 li .date span.d1{font-weight: bold;font-size: 1.75rem;padding: 12px 0 6px;} .list_box01 li .date span.d2{font-size: 12px;} .list_box01 li .list_txt{width: calc(100% - 5.5rem);font-family: "Microsoft Yahei";} .list_box01 li .list_txt .title{font-size: 1.125rem;color: #333;height: 2rem;line-height: 2rem;margin-top: -6px;} .list_box01 li .list_txt:hover .title{color: #c1ab05;} .list_box01 li .list_txt .des{color: #737373;font-size: 1rem;height: 3rem;line-height: 1.5rem;margin-top: 6px;} .list_box02 li{border-bottom: 1px solid #e5e5e5;padding: 1rem 0 1.375rem; position: relative;} .list_box02 li .title{font-size: 1.125rem;font-family: "Microsoft Yahei";color: #000;height: 2.25rem;line-height: 2.25rem;width: calc(100% - 6rem);} .list_box02 li:hover .title{color: #c1ab05;} .list_box02 li .date{display: inline-block;position: absolute;right: 0px;top: 1.75rem;font-size: 1rem;color: #4c4c4c;} .list_box02 li:hover .date{color: #c1ab05;} .list_box02 li span.line{display: block;position: absolute;left: 0px;bottom: -1px;width: 0px;height: 1px;background: #c1ab05;z-index: 999;transition: 0.6s;} .list_box02 li:hover span.line{width: 100%;} .n_news2{padding-top: 1.25rem;} .n_news2 .list_box_news2{overflow: hidden;margin: 0 -0.875rem;margin-bottom: 1rem;} .n_news2 .list_box_news2 li{ margin:0 14px; margin-bottom:2.5rem;float: left;width: calc(33.3333% - 28px);border: 1px solid #ccc;} .n_news2 .list_box_news2 li:hover{border: 1px solid #c1ab05;box-shadow: 0 0 10px 0 rgba(0,0,0,.18);} .n_news2 .list_box_news2 li a{padding: 1.25rem;display: block;} .n_news2 .list_box_news2 li .title{font-size: 1.125rem;color: #333;font-family: "Microsoft Yahei";height: 3.5rem;line-height: 1.75rem;} .n_news2 .list_box_news2 li:hover .title{color: #c1ab05;} .n_news2 .list_box_news2 li .pic{position: relative;width: 100%;overflow: hidden;padding-bottom: 66%;} .n_news2 .list_box_news2 li .pic img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right:0;bottom:0;object-fit: cover;-webkit-background-size: 100% auto;background-size: 100% auto;} .n_news2 .list_box_news2 li .des{margin: 1.5rem 0 0.75rem;height: 4.5rem;line-height: 1.5rem;font-size: 0.875rem;color: #737373;} .n_news2 .list_box_news2 li span.date{font-size: 0.875rem;color: #999;display: block;margin: 1rem 0;} .n_right .n_news3 .list_box_news2 .title{text-align: center;height: 3rem;line-height: 3rem;} /*==========================================内页 结束=============================================*/ @media(max-width: 1680px){ .w1400{padding: 0 30px;} #header .headerTop .logo2{width: 36% !important;} .nav{width: 64%;} #banner .banner_con .swiper-button-prev{left: 1rem;} #banner .banner_con .swiper-button-next{right: 1rem;} .container04 .xzzx .xzzx_list { width: calc(100% - 170px); } } @media(max-width: 1600px){ .banner_top{height: 6rem;} #logo{height: 6rem;} .header_right{padding-top: 1.5rem;} .nav ul li>a{font-size: 1rem;} } @media(max-width: 1500px) { .banner_top { padding: 0 2rem; } } @media(max-width: 1400px){ #nav ul li h3{ font-size:1.125rem} .container01{ padding: 4.5rem 0 8.25rem; } .container01 .tpxw .tpxw_pic .tpxw_r .con_txt .title{ max-height: 6rem; line-height: 2rem; font-size: 1.25rem; } .container02 .xydt_r .xydt_list{ padding-bottom: 0; } .container04{ padding: 2.5rem 0 4.5rem; } .container04 .xzzx .xzzx_list ul li .title{ font-size: 1.25rem; } footer{ padding: 3.5rem 0 1.5rem; } footer .footer_box{ padding-bottom: 2.5rem; } } @media(max-width: 1366px){ .nav ul li>a{font-size: 0.875rem;} } @media(max-width: 1300px){ } @media(max-width: 1280px){ #header{display: none;} .n_banner{background-size: cover !important;height: 364px;} .m_header_box{ display:block} #banner .mask, .n_banner .mask{ display: none; } .banner_top{ display: none; } } @media(max-width: 1200px){ .n_banner{height: 22rem;} .n_container .n_right .n_news{margin-top: 2rem;} .n_container .n_left{ display:none} .n_container .n_right{width:100%;padding: 1rem 0 0;} .mianbao{ display:none} #nav_slide{ display:block} .container01 { padding: 3.5rem 0 8.25rem; } .container01 .tpxw .tpxw_pic .tpxw_l{ padding: 3.5rem 0; } .container01 .tpxw .tpxw_pic .tpxw_r .con_txt{ padding: 4.5rem 1.5rem 0; } .container01 .tpxw .tpxw_pic .tpxw_r .con_txt .title{ font-size: 1.125rem; max-height: 4rem; -webkit-line-clamp: 2; } .container01 .tpxw .tpxw_pic .tpxw_r .con_txt .arrow{ display: none; } .hd_box{ width: 120px; } .hd_box .more{ margin: 5.5rem 0 0 2.5rem; } .container02 .xydt .xydt_r { width: calc(100% - 120px); } .container03 .notice .notice_list{ padding-top: 2.5rem; width: calc(100% - 120px); } .container03 .notice .notice_list ul{ margin: 0 -24px; } .container03 .notice .notice_list ul li{ width: calc(33.3333% - 48px); margin: 0 24px 1.25rem; } .container04{ padding: 0 0 3.5rem; } .container04 .xzzx .xzzx_list{ width: calc(100% - 120px); } } @media(max-width: 1024px){ #m_header #logo{width: 86%;} #banner .banner_con .swiper-button-prev{width: 2.5rem;height: 2.5rem;margin-top: -1.25rem;} #banner .banner_con .swiper-button-next{width: 2.5rem;height: 2.5rem;margin-top: -1.25rem;} #banner .banner_con .swiper-pagination{bottom: 1rem;} .n_banner{height: 20rem;} .n_news_detail .ar_article_box h3{font-size: 1.375rem;} .ar_article p video{width:100%;height:auto !important;} } @media(max-width: 992px){ .n_banner{height: 18rem;} .n_news2 .list_box_news2 li{width: calc(50% - 28px);} .container01{ background: none; padding: 2.5rem 0 2rem; } .container01 .tpxw .tpxw_pic .tpxw_l{ position: unset; width: 100%; padding: 0; } .container01 .tpxw .tpxw_pic .tpxw_l:before{ display: none; } .container01 .tpxw .tpxw_pic .tpxw_r{ width: 100%; padding-bottom: 4.5rem; } .container01 .tpxw .tpxw_pic .swiper-pagination{ bottom: 1.5rem; width: 100%; right: auto; text-align: center; } .container01 .tpxw .more{ width: 100%; position: unset; margin-top: 1.25rem; } .container01 .tpxw .tpxw_pic .tpxw_r .con_txt{ padding: 1.5rem 1.5rem 0; } .hd_box .more{ margin: 3.5rem 0 0 2.5rem; } .container02{ padding: 1.5rem 0 1rem; } .container02 .xydt_r .xydt_pic{ padding-bottom: 1rem; } .container02 .xydt_r .xydt_pic ul{ margin: 0; } .container02 .xydt_r .xydt_pic ul li{ float: none; width: 100%; margin: 0 0 1.25rem; } .container02 .xydt_r .xydt_pic ul li .title{ max-height: 3.5rem; height: auto; } .container02 .xydt_r .xydt_list ul{ margin: 0; } .container02 .xydt_r .xydt_list ul li{ width: 100%; margin:0; padding: 1rem 0; } .container03{ background: none; padding: 1.5rem 0 2.5rem; } .container03 .notice .notice_list{ padding-top: 0; } .container03 .notice .notice_list ul{ margin: 0; } .container03 .notice .notice_list ul li{ width: 100%; margin: 0 0 1.5rem; } .container04{ padding: 0 0 2.5rem; } .container04 .xzzx .xzzx_list ul li{ margin-bottom: 2.5rem; } } @media(max-width: 768px){ .w1400{padding: 0 15px;} .hd_box{ position: relative; float: none; width: 100%; height: 4rem; line-height: 4rem; border-bottom: 1px solid #ddd; margin-bottom: 1.5rem; } .hd_box .hd_title{ writing-mode: lr; -webkit-writing-mode: lr; -ms-writing-mode: lr; writing-mode: lr; } .hd_box .hd_title span{ display: block; font-size: 2rem; padding-bottom: 0; height: 4rem; line-height: 4rem; } .hd_box .hd_title span:before{ display: none; } .hd_box .more{ position: absolute; right: 0; top: 0; margin: 0; writing-mode: lr; -webkit-writing-mode: lr; -ms-writing-mode: lr; writing-mode: lr; } .hd_box .more a{ padding-top: 0; } .hd_box .more a:before{ display: none; } .hd_box .more a:after{ display: none; } .container01{ padding: 1.5rem 0 0rem; } .container02 .xydt .xydt_r{ float: none; width: 100%; } .container02 .xydt_r .xydt_pic ul li .pic{ margin-left: 0; width: 100%; } .container02 .xydt_r .xydt_list ul li .con_txt .title{ height: auto; max-height: 5.25rem; } .container03{ padding: 0.5rem 0 0.5rem; } .container03 .notice .notice_list{ float: none; width: 100%; } .container03 .notice .notice_list ul li a{ padding: 5rem 1.125rem 4.5rem 1.125rem; } .container03 .notice .notice_list ul li .title{ height: auto; max-height: 5.25rem; } .container04{ padding: 0 0 1rem; } .container04 .xzzx .xzzx_list{ float: none; width: 100%; } .container04 .xzzx .xzzx_list ul li{ margin-bottom: 1.25rem; } .container04 .xzzx .xzzx_list ul li .title{ font-size: 1.125rem; } footer{ padding: 1.5rem 0 0.5rem; } footer .footer_box{ padding-bottom: 0.5rem; } footer .footer_l{ float: none; width: 100%; } footer .footer_l .footer_logo{ padding-bottom: 1.5rem; } footer .footer_ewm{ float: none; width: 100%; } footer .footer_ewm ul{ width: 100%; float: none; text-align: center; } footer .footer_ewm ul li{ float: none; display: inline-block; margin: 0 0.75rem; } #gotop{ right:0; transform:scale(0.7)} .n_banner{height: 15rem;} .n_container{padding: 0 0 1rem;} .n_container .n_right .n_news{margin-top: 1rem;} .list_box01 li{padding: 1rem 1.125rem;} .list_box01 li .date{width: 5rem;height: 5.375rem;} .list_box01 li .list_txt{width: calc(100% - 7rem);} .ar_article_box{padding: 0.5rem 0 1rem;} .n_news2{padding-top: 1rem;} } @media(max-width: 640px){ .n_banner{height: 12rem;} } @media(max-width: 600px){ .n_banner{height: 11rem;} #m_nav .m_header_link{padding: 0 1rem;} #m_nav .m_header_link ul li{margin: 0 0.25rem;} } @media(max-width: 465px){ #m_header #logo{width: 84%;} #m_header #logo img{width: 100%;} .n_banner{height: 9rem;} .list_box02 li .title{width: 100%;} .list_box02 li .date{position: unset;} .list_box02 li .ckxq{padding: 0.5rem 0;} .n_news2 .list_box_news2 li{width: calc(100% - 28px);} } @media(max-width: 400px){ #m_header #logo{width: 82%} .xsfw .xsfw_hd ul li{font-size: 1.25rem;} } @media(max-width: 350px){ #m_header #logo{width: 80%;} .n_banner{height: 8rem;} } /*师资队伍 start*/ .list_box04 li{ float: left; width: calc(25% - 1.5rem); margin-right: 2rem; position: relative; margin-bottom: 2rem; } .list_box04 li:nth-child(4n){ margin-right: 0; } .list_box04 li .pic{ width: 100%; position: relative; overflow: hidden; padding-bottom: 142.28888%; } .list_box04 li .pic img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; right:0; bottom:0; object-fit: cover; -webkit-background-size: 100% auto; background-size: 100% auto; } .list_box04 li:hover .pic img{ transform:scale(1.05); } .list_box04 li .szdw_name{ position: absolute; left: 0px; bottom: 0px; height: 3rem; line-height: 3rem; background: rgba(193,171,5,0.6); z-index: 9; width: 100%; font-size: 1.125rem; font-family: "Microsoft Yahei"; color: #fff; text-align: center; } @media(max-width: 768px){ .list_box04 li{float: left;width: calc(50% - 0.5rem);margin-right: 1rem;margin-bottom: 2rem;} .list_box04 li:nth-child(2n){margin-right: 0;} } /*end 师资队伍*/ .n_zzjg .zzjg_con{background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,.19);margin-bottom: 1.375rem;} .n_zzjg .zzjg_con .zzjg_hd{padding-left: 1.875rem;background: #c1ab05;height: 3.75rem;line-height: 3.75rem;font-size: 1.375rem;font-family: "Microsoft Yahei";color: #fff;} .n_zzjg .zzjg_con .zzjg_bd{padding: 2.5rem 1.875rem 1rem;} .n_zzjg .zzjg_con .zzjg_bd ul{display: flex;justify-content: end;flex-wrap: wrap;} .n_zzjg .zzjg_con .zzjg_bd ul li{width: calc(33.3333% - 0.5rem);margin-bottom: 2rem;padding-left: 0.75rem;background: url("../images/arrow_icon01.png") no-repeat left center;font-size: 1rem;} .n_zzjg .zzjg_con .zzjg_bd ul li:hover{background: url("../images/arrow_icon02.png") no-repeat left center;} .n_zzjg .zzjg_con .zzjg_bd ul li a{font-size: 1rem;font-family: "Microsoft Yahei";color: #333;} .n_zzjg .zzjg_con .zzjg_bd ul li a:hover{color: #c1ab05;} @media(max-width: 1200px){ .n_zzjg .zzjg_con .zzjg_bd ul li{width: calc(50% - 0.5rem);} } @media(max-width: 768px){ .n_zzjg .zzjg_con .zzjg_bd ul li{width: 100%;} } .pb_sys_style1 .p_no_d{ border: 1px solid #c1ab05 !important; background-color: #c1ab05 !important; } .keywordfontcolor1081566{ color:#c1ab05 !important; font-size:1rem !important; FONT-FAMILY:"微软雅黑" !important; }