/** *缂栬緫鍣 \View\css\diy\editPageComm.css *缂栬緫鍣?棰勮 \View\css\diy\pageCom.css *缂栬緫鍣?鍙戝竷 \Model\viewsRes\publish\comm.css */ @charset "utf-8"; /*----------------鍏叡閮ㄥ垎----------------*/ html { overflow-x: hidden; overflow-y: auto; } body { background-repeat: no-repeat; background-position: left top; position: relative; overflow-x: hidden; } body, li, ul, ol, dl, dt, dd, form, input, textarea, h1, h2, h3, h4, h5, h6, p, select { margin: 0px; padding: 0px; list-style-type: none; font-size: 12px; font: 12px/1.5 tahoma, arial, "Microsoft YaHei"; outline: 0 none; color: #333; } em, i { font-style: normal; } a { color: #333; } a { text-decoration: none; } * { margin: 0px; padding: 0px; outline: none !important; } img { -ms-interpolation-mode: bicubic; border: none; } .view { z-index: 1; position: absolute; } .horizontal .view { position: relative; float: left; } .vertical .view { position: relative; } .view_contents { position: relative; width: 100%; margin: 0 auto; padding: 0; z-index: 10; height: 100%; overflow: hidden; box-sizing: border-box; /*娣诲姞鍚庯紝妯″潡鐨勫唴杈硅窛鍜岃竟妗嗕笉浼氬啀婧㈠嚭*/ } .layout { position: relative; width: 100%; margin: 0px auto; padding: 0px; z-index: 1; } .layout>.view_contents { /*overflow: visible;*/ cursor: default; } /*娴佸竷灞€*/ .flow .view_contents>.view { float: left; } .clear { clear: both; } /*鑻规灉鍘婚櫎鏍峰紡*/ select, input[type='button'], input[type="reset"], input[type='submit'], input[type='text'], input[type="password"], input[name='query'], input[name='d'] { -webkit-appearance: none; border-radius: 0px } input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; } /*妯″潡鍒嗛〉*/ .page_btn { clear: both; margin-top: 20px; width: 100%; text-align: center; } .page_btn a { display: inline-block; color: #333; box-sizing: border-box; margin: 0 5px; width: 24px; height: 24px; line-height: 24px; border: 1px solid #ccc; font-family: 'microsoft YaHei'; } .page_btn a.cur, .page_btn a:hover { border: 1px solid #4c4c4c; } .prev_btn, .next_btn { font-family: '榛戜綋' !important; border: 0 !important; } .no_page { border: 0 !important; } @media screen and (max-width:768px) { /*鍒嗛〉*/ .page_btn a:nth-child(n+5) { display: none; } .page_btn a:nth-last-child(1), .page_btn a:nth-last-child(2), .page_btn a:nth-last-child(3) { display: inline-block !important; } } /*鍥剧墖鏀惧ぇ鏍峰紡*/ .imgBox { position: fixed; z-index: 9999; background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%; } .imgBox img { position: absolute; width: auto; max-width: 80%; /*max-height: 65%;*/ border: 20px solid #fff; top: 40%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); box-shadow: 0 0 10px rgba(0, 0, 0, .3); } .imgBox.scroll { overflow-y: scroll; overflow-x: hidden; } .imgBox.scroll::-webkit-scrollbar { width: 6px; height: 6px; background: rgba(0, 0, 0, .05); } .imgBox.scroll::-webkit-scrollbar { width: 6px; height: 6px; background: rgba(0, 0, 0, .02); } .imgBox.scroll::-webkit-scrollbar-button { background: #f7f7f7; height: 0; } .imgBox.scroll::-webkit-scrollbar-corner { background: rgba(0, 0, 0, .05); } .imgBox.scroll::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .7); border-radius: 3px; } .imgBox.scroll img { top: 5%; margin-bottom: 5%; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); } .pos_fixed { position: fixed; width: 100%; } .imageButton { position: fixed; bottom: 15%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .imageButton span { display: inline-block; cursor: pointer; box-shadow: 0 0 6px rgba(0, 0, 0, .2); -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -ms-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s; } .imageButton span:hover { opacity: .8; } .imageButton span.closeShowPic { font-size: 40px; border-radius: 100%; font-family: serif; line-height: 1; background-color: #fff; padding: .2em; text-align: center; } @media screen and (max-width: 768px) { /*mobi*/ .imgBox img { border-width: 10px; } .imgBox.scroll img { top: 5%; margin-bottom: 10vh; } } .jurisdiction_mask { top: 0; left: 0; position: fixed; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2147483647; display: none; } .jurisdiction_tips { width: 400px; background: #ffffff; position: absolute; left: 50%; top: 45%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 23px 20px; box-sizing: border-box; text-align: center; } .jurisdiction_tips img { display: block; margin: 0 auto; } .jurisdiction_tips h3 { font-size: 18px; font-weight: 400; line-height: 40px; color: #575757; text-align: center; margin: 5px 0 0; } .jurisdiction_tips p { color: #999; font-size: 16px; text-align: center; font-weight: 300; margin: 0; } .jurisdiction_tips button { color: #fff; font-size: 12px; padding: 10px 0; margin: 10px 3px 0; background-color: #aaa; cursor: pointer; display: inline-block; box-sizing: border-box; border: none; outline: none !important; width: 98px; } .jurisdiction_tips .jurisdiction_login { background: #ff0099; } .jurisdiction_tips button:hover { opacity: 0.8; } .jurisdiction_tips_mobile { display: none; } @media screen and (max-width: 450px) { .jurisdiction_tips { width: 80%; padding: 20px 15px; } .jurisdiction_tips p { display: none; } .jurisdiction_tips .jurisdiction_tips_mobile { display: block; } .jurisdiction_tips img { width: 60px; } .jurisdiction_tips h3 { font-size: 16px; } .jurisdiction_tips p { font-size: 14px; } .jurisdiction_tips button { margin-top: 12px; padding: 8px 0; } } body { background-position: left top; } #banner_style_01_1555555763847 { width: 1920px; height: 588px; position: absolute; top: 0px; left: calc(50% - 960px); } @media screen and (min-width:641px) and (max-width:1200px) { #banner_style_01_1555555763847 { height: 520px; width: 100%; left: 0%; top: 0px; } } @media screen and (max-width:640px) { #banner_style_01_1555555763847 { width: 100%; height: 225px; top: 0px; left: 0%; } } #text_style_01_1555556510282 { width: 44.083333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 153px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555556510282 { left: 1.9999337221633087%; top: 128px; } } @media screen and (max-width:640px) { #text_style_01_1555556510282 { width: 53.06666666666666%; font-size: 12px; color: #333; line-height: 1.6; top: 27px; left: 2%; display: block; } } #text_style_01_1555556510282>.view_contents { font-size: 84px; line-height: 90px; color: #ffffff; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555556510282>.view_contents { font-size: 64px; line-height: 70px; } } @media screen and (max-width:640px) { #text_style_01_1555556510282>.view_contents { font-size: 36px; line-height: 40px; } } #text_style_01_1555556617349 { width: 68.41666666666667%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 364px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555556617349 { left: 1.9999337221633087%; top: 297px; } } @media screen and (max-width:640px) { #text_style_01_1555556617349 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 128px; left: 2%; } } #text_style_01_1555556617349>.view_contents { font-size: 34px; line-height: 36px; color: #ffffff; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555556617349>.view_contents { font-size: 30px; line-height: 32px; } } @media screen and (max-width:640px) { #text_style_01_1555556617349>.view_contents { font-size: 16px; line-height: 18px; } } #dh_style_28_1555557128092 { width: 60%; z-index: 999; position: absolute; top: 81px; left: 40%; } @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_28_1555557128092 { z-index: 999; width: 529px; left: 43.90243902439025%; top: 66px; } } @media screen and (max-width:640px) { #dh_style_28_1555557128092 { width: 12%; z-index: 999; top: 20px; left: 88%; } } #dh_style_28_1555557128092>.view_contents { overflow: visible; } #dh_style_28_1555557128092 .mainMenuSet { color: #ffffff; font-size: 18px; line-height: 18px; } #dh_style_28_1555557128092 .mainMenuSet:hover { color: #e67817; font-size: 18px; } #dh_style_28_1555557128092 #hot>a { color: #e67817; font-size: 18px; } #dh_style_28_1555557128092 .subMenuSet { line-height: 18px; } #dh_style_28_1555557128092 .thrMenuSet { line-height: 18px; } @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_28_1555557128092 .mainMenuSet { font-size: 16px; line-height: 16px; } } @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_28_1555557128092 .mainMenuSet:hover { font-size: 16px; } } @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_28_1555557128092 #hot>a { font-size: 16px; } } @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_28_1555557128092 .subMenuSet { line-height: 16px; } } @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_28_1555557128092 .thrMenuSet { line-height: 16px; } } @media screen and (max-width:640px) { #dh_style_28_1555557128092 .icoMenuSet {} } @media screen and (max-width:640px) { #dh_style_28_1555557128092 .mainMenuSet { line-height: 36px; } } /*----------------------鐢佃剳鏉垮紡鏍峰紡----------------------*/ #dh_style_28_1555557128092 {} #dh_style_28_1555557128092 .menuStyle_28 .miniMenu .leftBox .sidebar { color: #fff; } /*----------------------骞虫澘鏉垮紡鏍峰紡----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #dh_style_28_1555557128092 {} } /*----------------------鎵嬫満鏉垮紡鏍峰紡----------------------*/ @media screen and (max-width:640px) { #dh_style_28_1555557128092 {} } #text_style_01_1555556257426 { width: 34.75%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 81px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555556257426 { left: 1.9999337221633087%; top: 62px; } } @media screen and (max-width:640px) { #text_style_01_1555556257426 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 346px; left: 2%; display: none; } } #text_style_01_1555556257426>.view_contents { color: #e67817; font-family: Arial; font-size: 26px; line-height: 28px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555556257426>.view_contents { font-size: 22px; line-height: 24px; } } #text_style_01_1555556136255 { width: 19.333333333333332%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 37px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555556136255 { left: 1.9999337221633087%; top: 18px; } } @media screen and (max-width:640px) { #text_style_01_1555556136255 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 235px; left: 2%; display: none; } } #text_style_01_1555556136255>.view_contents { color: #ffffff; font-size: 24px; line-height: 26px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555556136255>.view_contents { font-size: 20px; line-height: 22px; } } #customForm_style_button_01_1555662266783 { width: 180px; position: absolute; top: 441px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #customForm_style_button_01_1555662266783 { left: 2%; top: 392px; width: 172px; } } @media screen and (max-width:640px) { #customForm_style_button_01_1555662266783 { width: 90px; top: 167px; left: 2%; } } #customForm_style_button_01_1555662266783>.view_contents { overflow: visible; } #customForm_style_button_01_1555662266783 .btnaSet { font-size: 22px; line-height: 44px; height: 48px; background: transparent; color: #ffffff; border-width: 2px; border-color: #e67817; } @media screen and (min-width:641px) and (max-width:1200px) { #customForm_style_button_01_1555662266783 .btnaSet { font-size: 20px; line-height: 40px; height: 44px; } } @media screen and (max-width:640px) { #customForm_style_button_01_1555662266783 .btnaSet { font-size: 12px; line-height: 24px; height: 28px; } } #comm_layout_header { height: 588px; z-index: 99999; } @media screen and (min-width:641px) and (max-width:1200px) { #comm_layout_header { height: 520px; } } @media screen and (max-width:640px) { #comm_layout_header { height: 225px; } } #comm_layout_header>.view_contents { max-width: 1200px; overflow: visible; } #layout_1555639412729 { height: 81px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555639412729 { height: 51px; } } @media screen and (max-width:640px) { #layout_1555639412729 { height: 21px; } } #layout_1555639412729>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555639412729 { background: #e67817; } #text_style_01_1555639608843 { width: 30.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 0%; left: 34.583333333333336%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555639608843 {} } @media screen and (max-width:640px) { #text_style_01_1555639608843 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 0px; left: 2%; } } #text_style_01_1555639608843>.view_contents { font-size: 28px; line-height: 32px; color: #ffffff; text-align: center; } @media screen and (max-width:640px) { #text_style_01_1555639608843>.view_contents { font-size: 16px; line-height: 16px; } } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555639608843>.view_contents { font-size: 26px; line-height: 28px; } } #text_style_01_1555639608850 { width: 30.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 39px; left: 34.583333333333336%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555639608850 { top: 35px; } } @media screen and (max-width:640px) { #text_style_01_1555639608850 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 21px; left: 2%; } } #text_style_01_1555639608850>.view_contents { color: #ffffff; text-align: center; line-height: 18px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555639608850>.view_contents { font-size: 16px; } } @media screen and (max-width:640px) { #text_style_01_1555639608850>.view_contents { font-size: 12px; line-height: 14px; } } #layout_1555639608841 { height: 58px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555639608841 { height: 53px; } } @media screen and (max-width:640px) { #layout_1555639608841 { height: 35px; } } #layout_1555639608841>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555639608841 { background: #e67817; } #layout_1555639673859 { height: 41px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555639673859 { height: 26px; } } @media screen and (max-width:640px) { #layout_1555639673859 { height: 16px; } } #layout_1555639673859>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555639673859 { background: #e67817; } #text_style_01_1555640759525 { width: 100%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; left: 0%; top: 40px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555640759525 { left: 25%; width: 50%; top: 25px; } } @media screen and (max-width:640px) { #text_style_01_1555640759525 { width: 100%; font-size: 12px; color: #333; line-height: 1.6; top: 20px; left: 0%; } } #text_style_01_1555640759525>.view_contents { font-size: 20px; line-height: 20px; text-align: center; color: #ffffff; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555640759525>.view_contents { font-size: 18px; line-height: 18px; } } @media screen and (max-width:640px) { #text_style_01_1555640759525>.view_contents { font-size: 14px; line-height: 16px; } } #text_style_01_1555640858484 { width: 100%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 142px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555640858484 { left: 0%; top: 111px; } } @media screen and (max-width:640px) { #text_style_01_1555640858484 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 89px; left: 1.9444444444444444%; display: block; } } #text_style_01_1555640858484>.view_contents { color: #ffffff; font-size: 16px; line-height: 16px; text-align: center; } @media screen and (max-width:640px) { #text_style_01_1555640858484>.view_contents { font-size: 12px; line-height: 16px; } } #text_style_01_1555641089900 { width: 100%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 110px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555641089900 { left: 0%; top: 83px; } } @media screen and (max-width:640px) { #text_style_01_1555641089900 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 58px; left: 1.9444444444444444%; display: block; } } #text_style_01_1555641089900>.view_contents { color: #ffffff; font-size: 16px; line-height: 16px; text-align: center; } @media screen and (max-width:640px) { #text_style_01_1555641089900>.view_contents { font-size: 12px; line-height: 14px; } } #text_style_01_1555641163920 { width: 100%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 78px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555641163920 { left: 0%; top: 56px; } } @media screen and (max-width:640px) { #text_style_01_1555641163920 { width: 100%; font-size: 12px; color: #333; line-height: 1.6; top: 40px; left: 0%; display: block; } } #text_style_01_1555641163920>.view_contents { color: #ffffff; font-size: 16px; line-height: 16px; text-align: center; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555641163920>.view_contents { font-size: 16px; } } @media screen and (max-width:640px) { #text_style_01_1555641163920>.view_contents { font-size: 12px; line-height: 12px; } } #div_a_includeBlock_1555640621572 { width: 50%; height: 198px; position: absolute; top: 0%; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #div_a_includeBlock_1555640621572 { width: 48%; left: 2%; height: 152px; top: 0%; } } @media screen and (max-width:640px) { #div_a_includeBlock_1555640621572 { width: 48%; height: 141px; top: 0px; left: 2%; } } #div_a_includeBlock_1555640621572 { border-width: 2px; border-style: solid; border-color: #ffffff; border-top: none !important; border-left: none !important; } #text_style_01_1555641590293 { width: 100%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; left: 0%; top: 40px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555641590293 { left: 25%; width: 50%; top: 25px; } } @media screen and (max-width:640px) { #text_style_01_1555641590293 { width: 100%; font-size: 12px; color: #333; line-height: 1.6; top: 20px; left: 0%; } } #text_style_01_1555641590293>.view_contents { font-size: 20px; line-height: 20px; text-align: center; color: #ffffff; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555641590293>.view_contents { font-size: 18px; line-height: 18px; } } @media screen and (max-width:640px) { #text_style_01_1555641590293>.view_contents { font-size: 14px; } } #text_style_01_1555641590299 { width: 100%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 142px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555641590299 { left: 0%; top: 111px; } } @media screen and (max-width:640px) { #text_style_01_1555641590299 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 89px; left: 1.9444444444444444%; display: block; } } #text_style_01_1555641590299>.view_contents { color: #ffffff; font-size: 16px; line-height: 16px; text-align: center; } @media screen and (max-width:640px) { #text_style_01_1555641590299>.view_contents { font-size: 12px; } } #text_style_01_1555641590302 { width: 100%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 110px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555641590302 { left: 0%; top: 83px; } } @media screen and (max-width:640px) { #text_style_01_1555641590302 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 58px; left: 1.9444444444444444%; display: block; } } #text_style_01_1555641590302>.view_contents { color: #ffffff; font-size: 16px; line-height: 16px; text-align: center; } @media screen and (max-width:640px) { #text_style_01_1555641590302>.view_contents { font-size: 12px; } } #text_style_01_1555641590304 { width: 100%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 78px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555641590304 { left: 0%; top: 56px; } } @media screen and (max-width:640px) { #text_style_01_1555641590304 { width: 100%; font-size: 12px; color: #333; line-height: 1.6; top: 40px; left: 0%; display: block; } } #text_style_01_1555641590304>.view_contents { color: #ffffff; font-size: 16px; line-height: 16px; text-align: center; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555641590304>.view_contents { font-size: 16px; } } @media screen and (max-width:640px) { #text_style_01_1555641590304>.view_contents { font-size: 12px; } } #div_a_includeBlock_1555641590200 { width: 50%; height: 198px; position: absolute; top: 0%; left: 50%; } @media screen and (min-width:641px) and (max-width:1200px) { #div_a_includeBlock_1555641590200 { width: 48%; left: 50.0%; height: 152px; } } @media screen and (max-width:640px) { #div_a_includeBlock_1555641590200 { width: 48%; height: 141px; top: 0px; left: 50%; } } #div_a_includeBlock_1555641590200 { border-width: 2px; border-style: solid; border-color: #ffffff; border-top: none !important; border-right: none !important; border-left: none !important; } #map_style_01_1555640468979 { width: 100%; height: 328px; position: absolute; top: 238px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #map_style_01_1555640468979 { width: 96%; left: 2.014846235418876%; top: 177px; } } @media screen and (max-width:640px) { #map_style_01_1555640468979 { width: 96%; height: 200px; top: 156px; left: 2%; } } #layout_1555639455859 { height: 630px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555639455859 { height: 530px; } } @media screen and (max-width:640px) { #layout_1555639455859 { height: 376px; } } #layout_1555639455859>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555639455859 { background: #e67817; } #layout_1555639463148 { height: 81px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555639463148 { height: 51px; } } @media screen and (max-width:640px) { #layout_1555639463148 { height: 21px; } } #layout_1555639463148>.view_contents { overflow: visible; max-width: 1200px; } #image_style_01_1555639420553 { width: 50%; height: 422px; position: absolute; top: 0%; left: 50%; } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555639420553 { height: 369px; width: 48%; left: 50.0%; } } @media screen and (max-width:640px) { #image_style_01_1555639420553 { width: 96%; height: 361px; top: 172px; left: 2%; display: none; } } #image_style_01_1555639420553>.view_contents { overflow: visible; } #text_style_01_1555639420560 { width: 28.916666666666668%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 0%; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555639420560 { left: 2%; } } @media screen and (max-width:640px) { #text_style_01_1555639420560 { width: 23.200000000000003%; font-size: 12px; color: #333; line-height: 1.6; top: 0px; left: 38.4%; } } #text_style_01_1555639420560>.view_contents { font-size: 30px; line-height: 32px; color: #333333; } @media screen and (max-width:640px) { #text_style_01_1555639420560>.view_contents { font-size: 16px; line-height: 18px; text-align: center; } } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555639420560>.view_contents { font-size: 26px; line-height: 28px; } } #text_style_01_1555639420566 { width: 30.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 40px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555639420566 { top: 36px; left: 2%; } } @media screen and (max-width:640px) { #text_style_01_1555639420566 { width: 32.266666666666666%; font-size: 12px; color: #333; line-height: 1.6; top: 20px; left: 33.862500000000004%; } } #text_style_01_1555639420566>.view_contents { color: #999999; line-height: 18px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555639420566>.view_contents { font-size: 16px; line-height: 18px; } } @media screen and (max-width:640px) { #text_style_01_1555639420566>.view_contents { text-align: center; line-height: 14px; } } #text_style_01_1555639420570 { width: 30.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 80px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555639420570 { top: 76px; left: 2%; } } @media screen and (max-width:640px) { #text_style_01_1555639420570 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 45px; left: 2%; } } #text_style_01_1555639420570>.view_contents { color: #333333; line-height: 22px; font-size: 20px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555639420570>.view_contents { font-size: 18px; line-height: 20px; } } @media screen and (max-width:640px) { #text_style_01_1555639420570>.view_contents { font-size: 14px; line-height: 16px; text-align: center; } } #text_style_01_1555639420575 { width: 43.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 142px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555639420575 { width: 41.8%; left: 1.9999337221633087%; top: 119px; } } @media screen and (max-width:640px) { #text_style_01_1555639420575 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 72px; left: 2%; } } #text_style_01_1555639420575>.view_contents { text-indent: 2em; text-align: justify; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555639420575>.view_contents { font-size: 14px; } } @media screen and (max-width:640px) { #text_style_01_1555639420575>.view_contents { line-height: 22px; text-align: justify; } } #text_style_01_1555639420585 { width: 43.833333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 282px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555639420585 { width: 41.8%; left: 1.9999337221633087%; top: 244px; } } @media screen and (max-width:640px) { #text_style_01_1555639420585 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 181px; left: 2%; display: none; } } #text_style_01_1555639420585>.view_contents { text-indent: 2em; text-align: justify; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555639420585>.view_contents { font-size: 14px; } } @media screen and (max-width:640px) { #text_style_01_1555639420585>.view_contents { line-height: 22px; } } #image_style_01_1555639420591 { width: 50%; height: 600px; position: absolute; top: 10px; left: 50%; display: none; } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555639420591 { height: 472px; display: none; } } @media screen and (max-width:640px) { #image_style_01_1555639420591 { width: 96%; height: 116px; top: 194px; left: 2%; display: block; } } #image_style_01_1555639420591>.view_contents { overflow: visible; } #layout_1555639420552 { height: 422px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555639420552 { height: 369px; } } @media screen and (max-width:640px) { #layout_1555639420552 { height: 310px; } } #layout_1555639420552>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555639441691 { height: 81px; } @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555639441691 { height: 51px; } } @media screen and (max-width:640px) { #layout_1555639441691 { height: 21px; display: block; } } #layout_1555639441691>.view_contents { overflow: visible; max-width: 1200px; } #layout_1555639814101 {} @media screen and (min-width:641px) and (max-width:1200px) { #layout_1555639814101 {} } @media screen and (max-width:640px) { #layout_1555639814101 { height: 20px; display: none; } } #layout_1555639814101>.view_contents { overflow: visible; max-width: 1200px; } #image_style_01_1555652323429 { width: 40px; height: 40px; position: fixed; top: 118px; left: calc(100% - 40px); z-index: 99999999; } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555652323429 { height: 40px; display: none; width: 4.166666666666666%; top: 118px; left: 95.83333333333333%; } } @media screen and (max-width:640px) { #image_style_01_1555652323429 { height: 40px; display: none; width: 10.526315789473683%; top: 118px; left: 89.47368421052632%; } } #image_style_01_1555652323429>.view_contents { overflow: visible; } #image_style_01_1555652323429 .picSet { background: #e67817; } #image_style_01_1555652323429 .picSet:hover { background: #e67817; } /*----------------------鐢佃剳鏉垮紡鏍峰紡----------------------*/ #image_style_01_1555652323429 { bottom: 5px; top: auto; } /*----------------------骞虫澘鏉垮紡鏍峰紡----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555652323429 {} } /*----------------------鎵嬫満鏉垮紡鏍峰紡----------------------*/ @media screen and (max-width:640px) { #image_style_01_1555652323429 {} } #text_style_01_1555575227877 { width: 19.333333333333332%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 62px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575227877 { top: 35px; left: 2%; } } @media screen and (max-width:640px) { #text_style_01_1555575227877 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 821px; left: 2%; display: none; } } #text_style_01_1555575227877>.view_contents { color: #ffffff; font-size: 20px; line-height: 22px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575227877>.view_contents { font-size: 18px; line-height: 20px; } } #text_style_01_1555575237497 { width: 34.75%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 101px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575237497 { top: 74px; left: 2%; } } @media screen and (max-width:640px) { #text_style_01_1555575237497 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 1412px; left: 2%; display: none; } } #text_style_01_1555575237497>.view_contents { color: #e67817; font-family: Arial; font-size: 26px; line-height: 28px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575237497>.view_contents { font-size: 22px; line-height: 22px; } } #text_style_01_1555575344713 { width: 31.333333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 160px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575344713 { top: 133px; left: 2%; } } @media screen and (max-width:640px) { #text_style_01_1555575344713 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 438px; left: 3.3003300330033%; display: none; } } #text_style_01_1555575344713>.view_contents { color: #ffffff; font-size: 14px; line-height: 16px; } #text_style_01_1555575377344 { width: 31.333333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 187px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575377344 { top: 160px; left: 2%; } } @media screen and (max-width:640px) { #text_style_01_1555575377344 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 536px; left: 4%; display: none; } } #text_style_01_1555575377344>.view_contents { color: #ffffff; font-size: 14px; line-height: 16px; } #text_style_01_1555575381218 { width: 31.333333333333336%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 213px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575381218 { top: 186px; left: 2%; } } @media screen and (max-width:640px) { #text_style_01_1555575381218 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 568px; left: 3.3003300330033%; display: none; } } #text_style_01_1555575381218>.view_contents { color: #ffffff; font-size: 14px; line-height: 16px; } #image_style_01_1555575512714 { width: 110px; height: 110px; position: absolute; top: 261px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555575512714 { top: 234px; left: 2.1208907741251326%; } } @media screen and (max-width:640px) { #image_style_01_1555575512714 { width: 110px; height: 110px; top: 594px; left: 35.333333333333336%; display: none; } } #image_style_01_1555575512714>.view_contents { overflow: visible; } #text_style_01_1555575557434 { width: 9.833333333333332%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 297px; left: 144px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575557434 { top: 270px; left: 17.3896474019088%; } } @media screen and (max-width:640px) { #text_style_01_1555575557434 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 561px; left: 3.3003300330033%; display: none; } } #text_style_01_1555575557434>.view_contents { color: #ffffff; font-size: 14px; line-height: 16px; } #text_style_01_1555575561458 { width: 13.416666666666666%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 321px; left: 123px; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555575561458 { top: 294px; left: 15.1643690349947%; } } @media screen and (max-width:640px) { #text_style_01_1555575561458 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 798px; left: 4%; display: none; } } #text_style_01_1555575561458>.view_contents { color: #ffffff; font-size: 14px; line-height: 16px; } #div_blank_new01_1555577608426 { width: 100%; height: 1px; position: absolute; top: 417px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_new01_1555577608426 { top: 380px; left: 0%; } } @media screen and (max-width:640px) { #div_blank_new01_1555577608426 { width: 96%; height: 50px; top: 853px; left: 2%; display: none; } } #div_blank_new01_1555577608426 { box-sizing: border-box; background: #5e5e5e; } #div_blank_new01_1555577608426 .modSet { background: #5e5e5e; } @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_new01_1555577608426 { box-sizing: border-box; } } @media screen and (max-width:640px) { #div_blank_new01_1555577608426 { box-sizing: border-box; } } #text_style_01_1555577695709 { width: 51.33333333333333%; font-size: 16px; color: #333; line-height: 1.8; font-family: Microsoft YaHei; position: absolute; top: 443px; left: 24.333333333333336%; } @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1555577695709 { top: 408px; left: 24.33225079533404%; } } @media screen and (max-width:640px) { #text_style_01_1555577695709 { width: 96%; font-size: 12px; color: #333; line-height: 1.6; top: 17px; left: 2%; } } #text_style_01_1555577695709>.view_contents { color: #ffffff; font-size: 12px; line-height: 16px; text-align: center; } #qqol_style_01_1555581622199 { width: 17.5%; position: absolute; top: 0px; left: 0%; } @media screen and (min-width:641px) and (max-width:1200px) { #qqol_style_01_1555581622199 { width: 413px; } } @media screen and (max-width:640px) { #qqol_style_01_1555581622199 { width: 96%; top: 391px; left: 2%; display: none; } } #qqol_style_01_1555581622199>.view_contents { overflow: visible; } #customForm_style_input_01_1555576631232 { width: 100%; position: absolute; left: 0%; top: 0px; } @media screen and (min-width:641px) and (max-width:1200px) { #customForm_style_input_01_1555576631232 {} } @media screen and (max-width:640px) { #customForm_style_input_01_1555576631232 { width: 96%; top: 0px; left: 2%; } } #customForm_style_input_01_1555576631232>.view_contents { overflow: visible; } #customForm_style_input_01_1555576631232 .inputSet { background: transparent; height: 50px; border-color: #e67817; color: #ffffff; } #customForm_style_input_01_1555577094883 { width: 100%; position: absolute; left: 0%; top: 69.328125px; } @media screen and (min-width:641px) and (max-width:1200px) { #customForm_style_input_01_1555577094883 {} } @media screen and (max-width:640px) { #customForm_style_input_01_1555577094883 { width: 96%; top: 60px; left: 2%; } } #customForm_style_input_01_1555577094883>.view_contents { overflow: visible; } #customForm_style_input_01_1555577094883 .inputSet { background: transparent; height: 50px; border-color: #e67817; color: #ffffff; } #customForm_style_textarea_01_1555577282363 { width: 100%; height: 100px; position: absolute; left: 0%; top: 139.65625px; } @media screen and (min-width:641px) and (max-width:1200px) { #customForm_style_textarea_01_1555577282363 {} } @media screen and (max-width:640px) { #customForm_style_textarea_01_1555577282363 { width: 96%; height: 200px; top: 120px; left: 2%; } } #customForm_style_textarea_01_1555577282363>.view_contents { overflow: visible; } #customForm_style_textarea_01_1555577282363 .inputSet { background: transparent; font-size: 12px; border-color: #e67817; color: #ffffff; } #customForm_style_button_01_1555576219020 { width: 100%; position: absolute; left: 0%; top: 259px; } @media screen and (min-width:641px) and (max-width:1200px) { #customForm_style_button_01_1555576219020 {} } @media screen and (max-width:640px) { #customForm_style_button_01_1555576219020 { width: 96%; top: 330px; left: 2%; } } #customForm_style_button_01_1555576219020>.view_contents { overflow: visible; } #customForm_style_button_01_1555576219020 .btnaSet { background: #e67817; font-size: 18px; height: 51px; line-height: 25px; } #customForm_form_1555742327871 { width: 50%; height: 310px; position: absolute; top: 62px; left: 50%; } @media screen and (min-width:641px) and (max-width:1200px) { #customForm_form_1555742327871 { left: 50.0%; top: 35px; width: 48%; } } @media screen and (max-width:640px) { #customForm_form_1555742327871 { width: 100%; height: 381px; top: 0px; left: 0%; display: none; } } #comm_layout_footer { height: 479px; z-index: 99999; } @media screen and (min-width:641px) and (max-width:1200px) { #comm_layout_footer { height: 459px; } } @media screen and (max-width:640px) { #comm_layout_footer { height: 53px; } } #comm_layout_footer>.view_contents { max-width: 1200px; overflow: visible; } #comm_layout_footer { background: #363636; } .squareButton { width: 100%; height: 32px; background: #fff; color: #333; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; cursor: pointer; transition: all ease-in .1s; -webkit-transition: all ease-in .1s; -moz-transition: all ease-in .1s; -o-transition: all ease-in .1s; } .textareaInput3 { padding: 5px; outline: none; border: 1px #ccc solid; color: #666; width: 100%; height: 100%; box-sizing: border-box; } .squareButton { width: 100%; height: 32px; background: #fff; color: #333; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; cursor: pointer; transition: all ease-in .1s; -webkit-transition: all ease-in .1s; -moz-transition: all ease-in .1s; -o-transition: all ease-in .1s; } /* banner鏍峰紡 */ .bannerStyle_1 { width: 100%; height: 100%; position: relative; } .bannerStyle_1 .main_visual { height: 100%; overflow: hidden; position: relative; } .bannerStyle_1 .main_image { height: 100%; overflow: hidden; position: relative; } /* 鍦嗙偣 */ .bannerStyle_1 div.flicking_con { position: absolute; bottom: 20px; left: 0; z-index: 999; width: 100%; height: 14px; text-align: center; z-index: 105; } .bannerStyle_1 div.flicking_con a { width: 14px; height: 14px; padding: 0; background: none; border: 1px solid white; display: inline-block; box-sizing: border-box; margin: 0 3px; border-radius: 100%; } .bannerStyle_1 div.flicking_con a.on { background: white; border: 0; } /* 宸﹀彸鎸夐挳 */ .bannerStyle_1 .btn_prev, .bannerStyle_1 .btn_next { z-index: 11111; position: absolute; width: 73px; height: 74px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: none; } .bannerStyle_1 .btn_prev { background: url(//cdn.xuansiwei.com/258dwbz/img/banner/style_01/hover_left.png) no-repeat left top; left: 20px; background-size: 80%; } .bannerStyle_1 .btn_next { background: url(//cdn.xuansiwei.com/258dwbz/img/banner/style_01/hover_right.png) no-repeat right top; right: 20px; background-size: 80%; } /* 閬僵闈㈡澘 */ .bannerStyle_1 .ground_glass { display: none; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; z-index: 998; background-color: #fff; } @media screen and (min-width:326px) and (max-width:767px) { .bannerStyle_1 div.flicking_con a { width: 9px; height: 9px; } } @media screen and (max-width:640px) { .bannerStyle_1 div.flicking_con a { width: 9px; height: 9px; } .bannerStyle_1 .btn_prev, .bannerStyle_1 .btn_next { width: 53px; height: 54px; } } /* 榛樿 鍔ㄧ敾鏁堟灉 */ .bannerStyle_1 .main_image .img-list { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0 } .bannerStyle_1 .main_image .img-item { position: absolute; width: 100%; height: 100%; display: block; top: 0; } .bannerStyle_1 .main_image .img-item span { display: block; width: 100%; height: 100%; background-size: cover !important; } .bannerStyle_1 .main_image .img-item a { display: block; width: 100%; height: 100%; overflow: hidden; } /* 3D鐭╁舰鏃嬭浆 鍔ㄧ敾鏁堟灉 */ .bannerStyle_1.rotate-3d .img-part { position: absolute; top: 0; width: calc(20% + 1px); /* [娉ㄦ剰] 淇敼涓烘€诲搴 / 鍔ㄧ敾鍧椾釜鏁 */ height: 100%; background-color: #fff; transition: all .7s; /* 璁剧疆瀛愬厓绱犲湪3D绌洪棿涓憟鐜 */ transform-style: preserve-3d; } .bannerStyle_1.rotate-3d .img-part .img { width: 100%; height: 100%; position: absolute; background-size: 500% auto; /* [娉ㄦ剰] 瀹藉害 涓 鍔ㄧ敾鍧椾釜鏁 * 100%, 杩欐牱鍥剧墖鍙互鍒嗚嫢骞蹭唤鍚庡缁?00%, 濡傛灉涓嶉渶瑕佽繖鏍? 鍙互璁剧疆涓篶over */ } .bannerStyle_1.rotate-3d .img-part .img:nth-child(1) { transform: rotateX(0deg) translateZ(150px); } .bannerStyle_1.rotate-3d .img-part .img:nth-child(2) { transform: rotateX(-90deg) translateZ(150px); } .bannerStyle_1.rotate-3d .img-part .img:nth-child(3) { transform: rotateX(-180deg) translateZ(150px); } .bannerStyle_1.rotate-3d .img-part .img:nth-child(4) { transform: rotateX(-270deg) translateZ(150px); } .img_url { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block; z-index: 100; } #banner_style_01_1555555763847 .bannerStyle_1 .main_image .img-item .img_0 { background: url('//cdn.xuansiwei.com/258dwbz/img/upimages/pkgimg/p3.jpg') center top no-repeat; } #banner_style_01_1555555763847 .bannerStyle_1 .main_image .img-item .img_1 { background: url('//cdn.xuansiwei.com/258dwbz/img/upimages/pkgimg/p4-1.jpg') center top no-repeat; } #banner_style_01_1555555763847 .bannerStyle_1 .ground_glass {} /*鑿滃崟鏍峰紡*/ .menuStyle_28 { width: 100%; position: relative; } .menuStyle_28 * { box-sizing: border-box; } .menuStyle_28 .miniMenu *, .menuStyle_28 .menuUl li * { -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: background, height, padding; -moz-transition-property: background, height, padding; -moz-transition-property: background, height, padding; transition-property: background, height, padding; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .menuStyle_28 .dflex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .menuStyle_28 .rflex { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; float: left\0; } .menuStyle_28 ul, .menuStyle_28 li { padding: 0; margin: 0px; list-style: none } .menuStyle_28 .menuLayout { position: relative; margin: 0 auto; width: 100%; } .menuStyle_28 .menuLayout:after { content: ''; display: block; clear: both; } .menuStyle_28 .menuUl_box { position: relative; width: 100%; text-align: center; } .menuStyle_28 .menuUl { position: relative; width: 100%; text-align: center; } .menuStyle_28 .menuUl>li { position: relative; } .menuStyle_28 .menuUl>li>a { background: rgba(0, 0, 0, 0.0); position: relative; text-decoration: none; font-size: 16px; font-weight: bold; box-sizing: border-box; display: block; text-align: center; letter-spacing: normal; white-space: nowrap; color: #17233d; line-height: 44px; padding: 0; padding: 0 1em\0; } .menuStyle_28 .menuUl>li>a:hover { color: #ffffff; } .menuStyle_28 .menuUl #hot>a { color: #ffffff; } .menuStyle_28 .menuUl>li>a span { display: block; width: 100%; text-align: center; color: rgba(0, 0, 0, .3); font-size: 12px; } .menuStyle_28 .menuUl #hot>a span { color: inherit; } /*.menuStyle_28 .menuUl>li>a i{position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}*/ .menuStyle_28 .menuLayout .miniMenu { display: none; } .menuStyle_28 .menuUl02 { position: absolute; left: 50%; opacity: 0; display: none; width: 100%; height: 0; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } .menuStyle_28 .menuUl>li>#menuLogo { height: 85%; } .menuStyle_28 .menuUl .rflex:hover .menuUl02 { opacity: 1; display: block; height: auto; padding-top: 10px; } .menuStyle_28 .menuUl.noHover .rflex:hover .menuUl02 { display: none; } .menuStyle_28 .menuUl02 .subMenu02 { position: relative; color: #4d5158; font-size: 14px; line-height: 40px; padding: 0 15px; background: #fff; } .menuStyle_28 .menuUl02 .subMenu02.subCurSet { color: #ffffff; } .menuStyle_28 .menuUl02 .subMenu02>a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: inherit; font-size: inherit; line-height: inherit; } .menuStyle_28 .menuUl02 .subMenu02:hover { color: #ffffff; border-left: 2px solid #ffffff; background: #f7f7f7; } .menuStyle_28 .menuUl02 .subMenu02>a .fa { float: right; line-height: inherit; } .menuStyle_28 .menuUl02 .subMenu02:hover .menuUl03 { display: block; } .menuStyle_28 .menuUl02 .subMenu02:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } .menuStyle_28 .menuUl02 .subMenu02:last-child { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .menuStyle_28 .menuUl03 { position: absolute; /*left闇€瑕乯s鑾峰彇浜岀骇鐨勫*/ top: 0; left: 100%; display: none; } .menuStyle_28 .menuUl03 .subMenu03 { line-height: 40px; margin-left: 10px; } .menuStyle_28 .menuUl03 .subMenu03 a:hover { color: #ffffff; background: #f7f7f7; } .menuStyle_28 .menuUl03 .subMenu03>a { color: #17233d; background: #fff; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 15px; } .menuStyle_28 .menuUl03 .subMenu03:first-child a { border-top-left-radius: 0px; border-top-right-radius: 0px; } .menuStyle_28 .menuUl03 .subMenu03:last-child a { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .menuStyle_28 .menuUl .rflex:hover .menuUl02::before { content: ''; border-top: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; position: absolute; top: 0px; transform: translateX(-50%); } .menuStyle_28 .menuUl02 .arrow:hover::before { content: ''; border-top: 5px solid transparent; border-left: 5px solid #fff; border-right: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); } .menuStyle_28 .rflex { position: relative; } .menuStyle_28 .maxWidth { margin: auto; } /* .menuStyle_28 .menuUl03 .subMenu03 .thrCurSet{background: rgba(0, 0, 0, 0.1);} */ .menuStyle_28 .subBox { position: absolute; left: 0; /*top閫氳繃JS鑾峰彇鑿滃崟楂樺害*/ width: 100%; background: rgba(238, 238, 238, 0.85); display: none; } .menuStyle_28 .subBox .subBoxContent { padding: 15px; text-align: left; overflow: hidden; } .menuStyle_28 .subBox .subBoxContent .subItems { overflow: hidden; display: none; } .menuStyle_28 .subBox .sublm { float: left; width: calc(100% - 440px); min-height: 10px; } .menuStyle_28 .subBox .sublm>div { clear: both; overflow: hidden; margin: 8px 0; } .menuStyle_28 .subBox .subImgsbox { float: left; width: 440px; /*杩欎釜瀹藉彲琚缃?/ height: 160px; } .menuStyle_28 .subBox .subImgsbox>a { display: block; height: 100%; float: right; width: calc((100% - 20px)/2); margin-left: 20px; } .menuStyle_28 .subBox .subImgsbox>a:last-child { margin-left: 0; } .menuStyle_28 .subBox .subImgsbox>a>div.subImg { position: relative; height: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover !important; } .menuStyle_28 .subBox .subImgsbox>a>div.subImg span { position: absolute; bottom: 0; left: 0; width: 100%; display: block; padding: 5px; background: rgba(255, 255, 255, .8); color: #17233d; font-size: 12px; } .menuStyle_28 .subBox p { overflow: hidden; float: left; } .menuStyle_28 .subBox p:first-child { margin-right: 10px; width: 100px; } .menuStyle_28 .subBox p:last-child { width: calc(100% - 110px); } .menuStyle_28 .subBox .subMenu02 { font-size: 14px; margin-bottom: 5px; clear: both; color: #17233d; line-height: 28px; } .menuStyle_28 .subBox .subMenu02.subCurSet { color: #ffffff; } .menuStyle_28 .subBox .subMenu02:hover, .menuStyle_28 .subBox .subMenu02:active { color: #ffffff; } .menuStyle_28 .subBox .subMenu03 { float: left; margin: 5px 20px 5px 0; font-size: 12px; color: #666; } .menuStyle_28 .subBox .subMenu03:hover, .menuStyle_28 .subBox .subMenu03:active { color: #ffffff; } .menuStyle_28 .subMenu03 .thrCurSet { color: #ffffff !important; background: #f7f7f7 !important; } /*鍥炬爣*/ .menuStyle_28 .imgIco { vertical-align: middle; display: inline-block; overflow: hidden; position: relative; padding: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .menuStyle_28 .imgIco img { width: auto; height: 100%; vertical-align: top; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%); } @media screen and (max-width:640px) { .menuStyle_28 .imgIco { margin-right: 10px; } .menuStyle_28 .menuUl, .menuStyle_28 .menuUl_box { display: none; } .menuStyle_28 .menuScroll { height: calc(100% - 100px); width: 100%; } .menuStyle_28 .menuScroll>.menuUlCopy { width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; } .menuStyle_28 .menuLayout .miniMenu { display: block; position: relative; overflow: hidden; width: 100%; height: 44px; } .menuStyle_28 .miniMenu .leftBox { height: 100%; } .menuStyle_28 .miniMenu .leftBox .sidebar { font-size: 24px; line-height: 44px; font-weight: normal; cursor: pointer; color: #4d5158; position: absolute; top: 0; right: 0px; width: 44px; text-align: center; } .menuStyle_28 .miniMenu .leftBox .sidebar .fa { font-size: inherit; line-height: inherit; color: inherit; } .menuStyle_28 .miniMenu .leftBox .nav { width: 100%; height: 44px; } .menuStyle_28 .miniMenu.Mslide .leftBox .nav { border-bottom: 1px solid rgba(0, 0, 0, .05); } .menuStyle_28 .miniMenu .leftBox .menuUlCopy { padding: 0 0 0 30px; clear: both; } .menuStyle_28 .miniMenu .leftBox .menuUlCopy .menuUlCopy { display: none; } .menuStyle_28 .miniMenu .leftBox .menuUlCopy li { width: 100%; overflow: hidden; color: #fff; font-size: 12px; line-height: 44px; } .menuStyle_28 .miniMenu .leftBox .menuUlCopy li a { width: calc(100% - 50px); float: left; display: block; text-align: left; color: inherit; text-decoration: none; font-size: inherit; line-height: inherit; height: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid rgba(0, 0, 0, .2); } .menuStyle_28 .miniMenu .leftBox .menuUlCopy li#hot>a { border-bottom: 1px solid #fff; } .menuStyle_28 .miniMenu .leftBox .menuUlCopy li .fa { color: inherit; font-size: inherit; float: left; width: 50px; text-align: center; line-height: inherit; background: rgba(0, 0, 0, 0.1); } .menuStyle_28 .miniMenu .leftBox .menuUlCopy li .fa:active { background: rgba(0, 0, 0, .3); } .menuStyle_28 .miniMenu .leftBox .menuUlCopy li.subMenuSet.subCurSet>a, .menuStyle_28 .miniMenu .leftBox .menuUlCopy li.thrMenuSet.thrCurSet>a { border-bottom: 1px solid #fff; } .menuStyle_28 .menuLayout .miniMenu.Mslide { height: 100% !important; height: 100vh !important; background: rgba(23, 25, 29, 0.95); position: fixed; width: 100%; top: 0; left: 0; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; } .menuStyle_28 .menuLayout .miniMenu.Mslide .sidebar { color: #fff; background: rgba(0, 0, 0, .05); } .menuStyle_28 .menuLayout .miniMenu.Mslide .nav a { display: none !important; } } @media screen and (min-width:640px) { #dh_style_28_1555557128092 .maxWidth { max-width: px; } #dh_style_28_1555557128092 .subBox .sublm { width: calc(100% - (px + px) - 20px); } /*20px鏄袱寮犲浘鐗囬棿鐨勯棿璺?/ #dh_style_28_1555557128092 .subBox .subImgsbox { width: calc((px + px) + 20px); height: px } /*20px鏄袱寮犲浘鐗囬棿鐨勯棿璺?/ #dh_style_28_1555557128092 .menuUl>li>#menuLogo { height: px; margin-right: px; margin-left: px; } } .squareButton { width: 100%; height: 32px; background: #fff; color: #333; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; cursor: pointer; transition: all ease-in .1s; -webkit-transition: all ease-in .1s; -moz-transition: all ease-in .1s; -o-transition: all ease-in .1s; } #image_style_01_1555639420553 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555639420553 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } } @media screen and (max-width:640px) { #image_style_01_1555639420553 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } } #image_style_01_1555639420553 a { cursor: default; } .imgStyle { height: 100%; width: 100%; overflow: hidden; box-sizing: border-box; } .imgStyle>a { overflow: hidden; width: 100%; height: 100%; } .imgStyle img { box-sizing: border-box; } #image_style_01_1555639420591 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555639420591 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } } @media screen and (max-width:640px) { #image_style_01_1555639420591 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } } #image_style_01_1555639420591 a { cursor: default; } .imgStyle { height: 100%; width: 100%; overflow: hidden; box-sizing: border-box; } .imgStyle>a { overflow: hidden; width: 100%; height: 100%; } .imgStyle img { box-sizing: border-box; } #image_style_01_1555652323429 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555652323429 .CompatibleImg img { width: 100%; height: 100% } } @media screen and (max-width:640px) { #image_style_01_1555652323429 .CompatibleImg img { width: 100%; height: 100% } } .imgStyle { height: 100%; width: 100%; overflow: hidden; box-sizing: border-box; } .imgStyle>a { overflow: hidden; width: 100%; height: 100%; } .imgStyle img { box-sizing: border-box; } #image_style_01_1555575512714 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } @media screen and (min-width:641px) and (max-width:1200px) { #image_style_01_1555575512714 .CompatibleImg img { width: 100%; height: auto; margin-left: 0px } } @media screen and (max-width:640px) { #image_style_01_1555575512714 .CompatibleImg img { width: 100%; height: 100% } } #image_style_01_1555575512714 a { cursor: default; } .imgStyle { height: 100%; width: 100%; overflow: hidden; box-sizing: border-box; } .imgStyle>a { overflow: hidden; width: 100%; height: 100%; } .imgStyle img { box-sizing: border-box; } .blank_new01 { width: 100%; height: 100%; } .blank_new01 .roundcs { width: 100%; height: 100%; background: rgba(7, 126, 244, 0.7); } /* 娓呴櫎娴姩 */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom: 1 } .online-service { display: none } .online-service .wrapper { padding: 5px 0; background-color: #fff } .online-service .close, .online-service .button { -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .online-service.right .button div { text-align: right; padding-right: 5px } .online-service.left .button div { text-align: left; padding-left: 5px } .online-service .header, .online-service .footer { height: 25px; line-height: 25px; padding: 0 .5em; } .online-service .header { border-bottom: 1px solid #eee } .online-service .footer { border-top: 1px solid #eee; font-size: 12px } .online-service.right .footer { text-align: right } .online-service.left .footer { text-align: left } .online-service .content { padding: .5em 1em } .ol-qq-online .qq-btn { float: left; margin-right: .5em } .ol-qq-online .qq-btn img { float: left } .ol-qq-online { line-height: 25px } .ol-image img { width: 100% } /*----------------------鐢佃剳鏉垮紡鏍峰紡----------------------*/ body>.online-service { display: block !important; } /*----------------------骞虫澘鏉垮紡鏍峰紡----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { body>.online-service { display: block !important; } } /*----------------------鎵嬫満鏉垮紡鏍峰紡----------------------*/ @media screen and (max-width:640px) { body>.online-service { display: none !important; } } .textInput { width: 100%; height: 100%; padding: 6px; border-radius: 4px; height: 32px; outline: none; border: 1px #ccc solid; box-sizing: border-box; } .textInput:hover {} #store-selector .text b { background: url('//cdn.xuansiwei.com/258dwbz/http:/box6js.nicebox.cn../img/customForm/style_input_02/btn20121210.png') 0 0 no-repeat; } .textInput { width: 100%; height: 100%; padding: 6px; border-radius: 4px; height: 32px; outline: none; border: 1px #ccc solid; box-sizing: border-box; } .textInput:hover {} #store-selector .text b { background: url('//cdn.xuansiwei.com/258dwbz/http:/box6js.nicebox.cn../img/customForm/style_input_02/btn20121210.png') 0 0 no-repeat; } .textareaInput3 { padding: 5px; outline: none; border: 1px #ccc solid; color: #666; width: 100%; height: 100%; box-sizing: border-box; } .squareButton { width: 100%; height: 32px; background: #fff; color: #333; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; cursor: pointer; transition: all ease-in .1s; -webkit-transition: all ease-in .1s; -moz-transition: all ease-in .1s; -o-transition: all ease-in .1s; } .bottomMenu { width: 100%; box-sizing: border-box; display: none; position: fixed; top: calc(100% - 50px); z-index: 999999 } .bottomMenu ul { position: relative; box-sizing: border-box; width: 100%; height: 50px; background-color: #FFFFFF; border-top: 1px solid #ddd; box-shadow: 0 0px 6px rgba(0, 0, 0, .1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bottomMenu ul li { position: relative; box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .bottomMenu ul li .menuItem { position: relative; } .bottomMenu ul li .menuIco { width: 26px; height: 26px; overflow: hidden; margin: 0 auto 5px; } .bottomMenu ul li .menuIco img { width: 100%; height: 100%; } .bottomMenu ul li .menuName { font-size: 12px; white-space: nowrap; margin: auto; text-align: center; color: #666666; line-height: 1; font-family: Microsoft YaHei; } .bottomMenu ul li .submenuItems { position: absolute; bottom: 48px; z-index: 999999; width: 100%; text-align: center; border: 1px solid #ddd; background-color: #fff; box-shadow: 0 0px 6px rgba(0, 0, 0, .1); } .bottomMenu ul li .submenuItems a { display: block; height: 36px; line-height: 36px; font-size: 12px; color: #333; border-bottom: 1px solid #ddd; } @media screen and (max-width:767px) { .bottomMenu { display: block; } body { padding-bottom: 55px; } }