body { -ms-text-size-adjust : 100% !important ; -webkit-text-size-adjust : 100% !important ; background-position : left top ; text-size-adjust : 100% !important ; } #div_blank_new01_1649484010450 { background : #404040 ; box-sizing : border-box ; display : block ; height : 30.5px ; left : 0% ; position : absolute ; top : 0.5px ; width : 100% ; z-index : 4 ; } #div_blank_new01_1649484010450 .modSet { background : #404040 ; } #diy_none_obj { border-color : #e5e5e5 ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 1px ; box-sizing : border-box ; } #dh_style_28_1649484010465 { display : block ; left : calc(50% - 599.5px) ; position : absolute ; top : 143.49703979492188px ; width : 1198px ; z-index : 6 ; } #dh_style_28_1649484010465 > .view_contents { overflow : visible ; } #dh_style_28_1649484010465 .subMenuSet { background : #3f4c6c ; border-color : #ffffff ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 1px ; color : #FFFFFF ; font-family : "Microsoft YaHei",微软雅黑 ; font-size : 10px ; line-height : 35px ; text-shadow : #ffffff 0px 0px 0px ; } #dh_style_28_1649484010465 .thrMenuSet { line-height : 50px ; } #dh_style_28_1649484010465 .mainMenuSet { border-style : none ; color : #FFFFFF ; font-size : 14px ; font-weight : normal ; line-height : 50px ; } #dh_style_28_1649484010465 .mainMenuSet:hover { background : #a30d1e ; border-bottom : none !important ; border-left : none !important ; border-right : none !important ; border-style : none ; border-top : none !important ; border-width : 0px ; color : #FFFFFF ; margin-top : 0px ; padding-bottom : 0px ; padding-left : 0px ; padding-top : 0px ; } #dh_style_28_1649484010465 #hot > a { background : #a30d1e ; border-bottom : none !important ; border-left : none !important ; border-right : none !important ; border-style : none ; border-top : none !important ; border-width : 0px ; color : #FFFFFF ; margin-top : 0px ; padding-bottom : 0px ; padding-left : 0px ; padding-top : 0px ; } #dh_style_28_1649484010465 #hot .aview { background : #a30d1e ; border-bottom : none !important ; border-left : none !important ; border-right : none !important ; border-style : none ; border-top : none !important ; border-width : 0px ; color : #FFFFFF ; margin-top : 0px ; padding-bottom : 0px ; padding-left : 0px ; padding-top : 0px ; } #dh_style_28_1649484010465 .dhAreaSet { background : #3f4c6c ; border-bottom : none !important ; border-color : #ffffff ; border-style : solid ; border-width : 1px ; color : #FFFFFF ; font-size : 14px ; height : 50px ; } #dh_style_28_1649484010465 .subMenuSet:hover { background : #a30d1e ; border-style : solid ; border-width : 1px ; color : #FFFFFF ; font-family : "Microsoft YaHei",微软雅黑 ; font-size : 14px ; } #dh_style_28_1649484010465 #subCurSet { background : #a30d1e ; border-style : solid ; border-width : 1px ; color : #FFFFFF ; font-family : "Microsoft YaHei",微软雅黑 ; font-size : 14px ; } #diy_none_obj .subMenuSet { background : #666666 ; line-height : 54px ; line-height : 40px ; } #diy_none_obj .thrMenuSet { line-height : 54px ; line-height : 40px ; } #diy_none_obj .mainMenuSet { background : #333333 ; border-color : rgba(255,255,255,0.6) ; font-size : 16px ; font-size : 14px ; line-height : 44px ; line-height : 46px ; padding-left : 14px ; } #diy_none_obj .dhAreaSet { background : #000000 ; } #diy_none_obj .mainMenuSet:hover { background : rgba(255,255,255,0.3) ; color : #FFFFFF ; } #diy_none_obj #hot > a { background : rgba(255,255,255,0.3) ; color : #FFFFFF ; } #diy_none_obj #hot .aview { background : rgba(255,255,255,0.3) ; color : #FFFFFF ; } #diy_none_obj .icoMenuSet { color : #C30D23 ; } #diy_none_obj .subMenuSet:hover { background : #707070 ; color : #FFFFFF ; } #diy_none_obj #subCurSet { background : #707070 ; color : #FFFFFF ; } #div_blank_new01_1651750568869 { background : transparent ; border-bottom : none !important ; border-color : #f9f9f9 ; border-style : solid ; border-width : 1px ; box-sizing : border-box ; display : block ; height : 52px ; left : 0% ; position : absolute ; top : 143.49703979492188px ; width : 100% ; z-index : 4 ; } #div_blank_new01_1651750568869 .modSet { background : #3f4c6c ; height : 50px ; } #text_style_01_1651750983330 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 18.404423380726698% ; line-height : 1.8 ; position : absolute ; top : 3px ; width : 27.080581241743722% ; z-index : 7 ; } #text_style_01_1651750983330 > .view_contents { color : #FFFFFF ; font-size : 14px ; } #image_logo_1651756748606 { height : 70px ; left : 23.64237853136108% ; position : absolute ; top : 54.965280532836914px ; width : 6.398104265402843% ; z-index : 2 ; } #text_html_new_1651756990714 { height : 75px ; left : 32.552660901399584% ; position : absolute ; top : 54.97916793823242px ; width : 26.420079260237785% ; z-index : 2 ; } #image_style_01_1651757236561 { height : 44px ; left : 63.16811479726172% ; position : absolute ; top : 32px ; width : 3.021978021978022% ; z-index : 8 ; } #image_style_01_1651757236561 > .view_contents { overflow : visible ; } #text_html_new_1651757414832 { height : 25px ; left : 67.40670248255863% ; position : absolute ; top : 41.5px ; width : 18.031704095112286% ; z-index : 2 ; } #text_html_new_1651757989597 { height : 37px ; left : 67.42404146584998% ; position : absolute ; top : 62px ; width : 13.667582417582416% ; z-index : 2 ; } #text_html_new_1651758028786 { height : 28px ; left : 67.42404146584998% ; position : absolute ; top : 90px ; width : 14.795244385733158% ; z-index : 2 ; } #text_html_new_1651758073079 { height : 49px ; left : 67.42404146584998% ; position : absolute ; top : 107px ; width : 20.211360634081903% ; z-index : 2 ; } #banner_style_01_1651765178026 { height : 502px ; left : -0.001073145604394199% ; position : absolute ; top : 194.484375px ; width : 100.00214629120879% ; z-index : 1 ; } #comm_layout_header { background-position : 50% 50% !important ; background-size : auto 100% ; height : 696.484375px ; z-index : 99999 ; } #comm_layout_header > .view_contents { overflow : visible ; } #text_style_01_1649843371690 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 19.166666666666668% ; line-height : 1.8 ; position : absolute ; top : 76px ; width : 61.66666666666667% ; z-index : 2 ; } #text_style_01_1649843371690 > .view_contents { font-size : 34px ; font-weight : normal ; text-align : center ; } #diy_none_obj > .view_contents { font-size : 18px ; } #layout_1649843371683 { height : 177px ; } #layout_1649843371683 > .view_contents { max-width : 1200px ; overflow : visible ; } #liuyanban_style_02_1651917669265 { left : 0.6041666666666666% ; position : absolute ; top : 15.515625px ; width : 1186px ; } #layout_1649843377511 { height : 823.515625px ; } #layout_1649843377511 > .view_contents { max-width : 1200px ; overflow : visible ; } #layout_diy_1649843264 { height : 78px ; } #text_style_01_1649491259521 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 1.7488428751627605% ; line-height : 1.8 ; position : absolute ; top : 17.232666015625px ; width : 26.583333333333332% ; z-index : 2 ; } #text_style_01_1649491259521 > .view_contents { color : #FFFFFF ; font-size : 20px ; } #text_html_new_1651847452934 { height : 30px ; left : 20.416666666666668% ; position : absolute ; top : 328.109375px ; width : 64.25% ; z-index : 2 ; } #text_html_new_1651847520613 { height : 281px ; left : -29.125% ; position : absolute ; top : 53.21875px ; width : 161.08333333333334% ; z-index : 1 ; } #dh_style_28_1651895505923 { left : 8.914349873860678% ; position : absolute ; top : 17.22222900390625px ; width : 87.08333333333333% ; z-index : 1000 ; } #dh_style_28_1651895505923 > .view_contents { overflow : visible ; } #dh_style_28_1651895505923 .dhAreaSet { color : #FCFCFC ; font-family : Arial ; } #dh_style_28_1651895505923 .mainMenuSet { color : #FFFFFF ; font-family : Arial ; } #dh_style_28_1651895505923 .mainMenuSet:hover { color : #F7F7F7 ; font-family : Arial ; } #dh_style_28_1651895505923 #hot > a { color : #F7F7F7 ; font-family : Arial ; } #dh_style_28_1651895505923 #hot .aview { color : #F7F7F7 ; font-family : Arial ; } #text_html_new_1651918122037 { height : 34px ; left : -23.416666666666668% ; position : absolute ; top : 294.109375px ; width : 33.33333333333333% ; z-index : 2 ; } #qqol_style_04_1649677735999 { left : 82.5% ; position : absolute ; top : 328.109375px ; width : 17.5% ; z-index : 2 ; } #qqol_style_04_1649677735999 > .view_contents { overflow : visible ; } #comm_layout_footer { background : #333333 ; height : 366.515625px ; z-index : 1 ; } #comm_layout_footer > .view_contents { max-width : 1200px ; overflow : visible ; } .blank_new01 { height : 100% ; width : 100% ; } .blank_new01 .roundcs { background : rgba(7,126,244,0.7) ; box-sizing : border-box ; height : 100% ; width : 100% ; } .menuStyle_28 { position : relative ; width : 100% ; } .menuStyle_28 * { box-sizing : border-box ; } .menuStyle_28 .miniMenu *, .menuStyle_28 .menuUl li * { -moz-transition-duration : .2s ; -moz-transition-property : background,height,padding ; -moz-transition-timing-function : ease-out ; -o-transition-duration : .2s ; -o-transition-timing-function : ease-out ; -webkit-transition-duration : .2s ; -webkit-transition-property : background,height,padding ; -webkit-transition-timing-function : ease-out ; transition-duration : .2s ; transition-property : background,height,padding ; transition-timing-function : ease-out ; } .menuStyle_28 .dflex { -ms-flex-align : center ; -webkit-align-items : center ; -webkit-box-align : center ; align-items : center ; display : -webkit-box ; display : -webkit-flex ; display : -ms-flexbox ; display : flex ; } .menuStyle_28 .rflex { -ms-flex : 1 ; -webkit-box-flex : 1 ; -webkit-flex : 1 ; flex : 1 ; float : left\0 ; position : relative ; } .menuStyle_28 ul, .menuStyle_28 li { list-style : none ; margin : 0px ; padding : 0 ; } .menuStyle_28 .menuLayout { margin : 0 auto ; position : relative ; width : 100% ; } .menuStyle_28 .menuLayout:after { clear : both ; content : '' ; display : block ; } .menuStyle_28 .menuUl_box { position : relative ; text-align : center ; width : 100% ; } .menuStyle_28 .menuUl { position : relative ; text-align : center ; width : 100% ; } .menuStyle_28 .menuUl > li { position : relative ; } .menuStyle_28 .menuUl > li > a { background : rgba(0,0,0,0.0) ; box-sizing : border-box ; color : #17233D ; display : block ; font-size : 16px ; font-weight : bold ; letter-spacing : normal ; line-height : 44px ; padding : 0 ; padding : 0 1em\0 ; position : relative ; text-align : center ; text-decoration : none ; white-space : nowrap ; } .menuStyle_28 .menuUl > li > a:hover { color : #750406 ; } .menuStyle_28 .menuUl #hot > a { color : #750406 ; } .menuStyle_28 .menuUl > li > a span { color : rgba(0, 0, 0, .3) ; display : block ; font-size : 12px ; text-align : center ; width : 100% ; } .menuStyle_28 .menuUl #hot > a span { color : inherit ; } .menuStyle_28 .menuLayout .miniMenu { display : none ; } .menuStyle_28 .menuUl02 { -moz-transform : translate(-50%,0) ; -o-transform : translate(-50%,0) ; -webkit-transform : translate(-50%,0) ; display : none ; height : 0 ; left : 50% ; opacity : 0 ; position : absolute ; transform : translate(-50%,0) ; width : 100% ; } .menuStyle_28 .menuUl > li > #menuLogo { height : 85% ; } .menuStyle_28 .menuUl .rflex:hover .menuUl02 { display : block ; height : auto ; opacity : 1 ; padding-top : 10px ; } .menuStyle_28 .menuUl.noHover .rflex:hover .menuUl02 { display : none ; } .menuStyle_28 .menuUl02 .subMenu02 { background : #fff ; color : #4D5158 ; font-size : 14px ; line-height : 40px ; padding : 0 15px ; position : relative ; } .menuStyle_28 .menuUl02 .subMenu02#subCurSet { color : #750406 ; } .menuStyle_28 .menuUl02 .subMenu02 > a { color : inherit ; display : block ; font-size : inherit ; line-height : inherit ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap ; } .menuStyle_28 .menuUl02 .subMenu02:hover { background : #f7f7f7 ; border-left : 2px solid #750406 ; color : #750406 ; } .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 { display : none ; left : 100% ; position : absolute ; top : 0 ; } .menuStyle_28 .menuUl03 .subMenu03 { line-height : 40px ; margin-left : 10px ; } .menuStyle_28 .menuUl03 .subMenu03 a:hover { background : #f7f7f7 ; color : #750406 ; } .menuStyle_28 .menuUl03 .subMenu03 > a { background : #fff ; color : #17233D ; display : block ; overflow : hidden ; padding : 0 15px ; text-overflow : ellipsis ; white-space : nowrap ; } .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 { border-bottom : 5px solid #fff ; border-left : 5px solid transparent ; border-right : 5px solid transparent ; border-top : 5px solid transparent ; content : '' ; position : absolute ; top : 0px ; transform : translateX(-50%) ; } .menuStyle_28 .menuUl02 .arrow:hover::before { border-bottom : 5px solid transparent ; border-left : 5px solid #fff ; border-right : 5px solid transparent ; border-top : 5px solid transparent ; content : '' ; position : absolute ; right : -10px ; top : 50% ; transform : translateY(-50%) ; } .menuStyle_28 .maxWidth { margin : auto ; } .menuStyle_28 .subBox { background : rgba(238, 238, 238, 0.85) ; display : none ; left : 0 ; position : absolute ; width : 100% ; } .menuStyle_28 .subBox .subBoxContent { overflow : hidden ; padding : 15px ; text-align : left ; } .menuStyle_28 .subBox .subBoxContent .subItems { display : none ; overflow : hidden ; } .menuStyle_28 .subBox .sublm { float : left ; min-height : 10px ; width : calc(100% - 440px) ; } .menuStyle_28 .subBox .sublm > div { clear : both ; margin : 8px 0 ; overflow : hidden ; } .menuStyle_28 .subBox .subImgsbox { float : left ; height : 160px ; width : 440px ; } .menuStyle_28 .subBox .subImgsbox > a { display : block ; float : right ; height : 100% ; margin-left : 20px ; width : calc((100% - 20px)/2) ; } .menuStyle_28 .subBox .subImgsbox > a:last-child { margin-left : 0 ; } .menuStyle_28 .subBox .subImgsbox > a > div.subImg { background-repeat : no-repeat ; background-size : cover !important ; height : 100% ; overflow : hidden ; position : relative ; } .menuStyle_28 .subBox .subImgsbox > a > div.subImg span { background : rgba(255,255,255,.8) ; bottom : 0 ; color : #17233D ; display : block ; font-size : 12px ; left : 0 ; padding : 5px ; position : absolute ; width : 100% ; } .menuStyle_28 .subBox p { float : left ; overflow : hidden ; } .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 { clear : both ; color : #17233D ; font-size : 14px ; line-height : 28px ; margin-bottom : 5px ; } .menuStyle_28 .subBox .subMenu02#subCurSet { color : #750406 ; } .menuStyle_28 .subBox .subMenu02:hover, .menuStyle_28 .subBox .subMenu02:active { color : #750406 ; } .menuStyle_28 .subBox .subMenu03 { color : #666 ; float : left ; font-size : 12px ; margin : 5px 20px 5px 0 ; } .menuStyle_28 .subBox .subMenu03:hover, .menuStyle_28 .subBox .subMenu03:active { color : #750406 ; } .menuStyle_28 .subMenu03 #thrCurSet { background : #f7f7f7 ; color : #750406 ; } .menuStyle_28 .imgIco { -moz-box-sizing : border-box ; -ms-box-sizing : border-box ; -o-box-sizing : border-box ; -webkit-box-sizing : border-box ; box-sizing : border-box ; display : inline-block ; overflow : hidden ; padding : 15px ; position : relative ; vertical-align : middle ; } .menuStyle_28 .imgIco img { -moz-transform : translateY(-50%) translateX(-50%) ; -ms-transform : translateY(-50%) translateX(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) translateX(-50%) ; height : 100% ; left : 50% ; position : absolute ; top : 50% ; transform : translateY(-50%) translateX(-50%) ; vertical-align : top ; width : auto ; } .menuStyle_28 .menuUl > li > a span.pageName { display : inline ; vertical-align : middle ; } #dh_style_28_1649484010465.clearTransform { transform : none!important ; } #dh_style_28_1649484010465 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 8px ; top : 0 ; } .logoStyle * { box-sizing : border-box ; } .logoStyle { box-sizing : border-box ; height : 100% ; overflow : hidden ; width : 100% ; } .logoStyle > a { display : block ; height : 100% ; overflow : hidden ; width : 100% ; } .logoName { white-space : nowrap ; } h1 { font-size : 2em ; font-weight : bold ; } h2 { font-size : 1.5em ; font-weight : bold ; } h3 { font-size : 1.17em ; font-weight : bold ; } h4 { font-weight : bold ; } body, dl, dt, dd, form, input, textarea, h1, h2, h3, h4, h5, h6, p, select { color : #333 ; font : 12px/1.5 tahoma,arial,"Microsoft YaHei" ; font-size : 12px ; list-style-type : none ; margin : 0px ; outline : 0 none ; padding : 0px ; } td, th { border : 1px solid #DDD ; padding : 5px 10px ; } table { border-collapse : collapse ; } .list-paddingleft-2 { padding-left : 30px ; } .list-paddingleft-3 { padding-left : 60px ; } .tableviewcontent { overflow-x : scroll ; scrollbar-width : none ; } .tableviewcontent::-webkit-scrollbar { display : none ; } body.view { height : auto!important ; } .imgStyle { box-sizing : border-box ; font-size : 0 ; height : 100% ; overflow : hidden ; width : 100% ; } #image_style_01_1651757236561 .CompatibleImg img { -moz-transform : translate(-50%,0) ; -ms-transform : translate(-50%,0) ; -o-transform : translate(-50%,0) ; -webkit-transform : translate(-50%,0) ; height : 100% ; left : 50% ; position : relative ; top : 0 ; transform : translate(-50%,0) ; width : auto ; } #image_style_01_1651757236561 a { cursor : default ; } .imgStyle > a { height : 100% ; overflow : hidden ; width : 100% ; } .imgStyle img { box-sizing : border-box ; } .bannerStyle_1 { height : 100% ; position : relative ; width : 100% ; } .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 { bottom : 20px ; height : 14px ; left : 0 ; position : absolute ; text-align : center ; width : 100% ; z-index : 999 ; z-index : 105 ; } .bannerStyle_1 div.flicking_con a { background : none ; border : 1px solid white ; border-radius : 100% ; box-sizing : border-box ; display : inline-block ; height : 14px ; margin : 0 3px ; padding : 0 ; width : 14px ; } .bannerStyle_1 div.flicking_con a.on { background : white ; border : 0 ; } .bannerStyle_1 .btn_prev, .bannerStyle_1 .btn_next { -moz-transform : translateY(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) ; color : #999 ; display : none ; font-family : simsun,'宋体' ; font-size : 60px ; line-height : 1 ; padding : 0 20px ; position : absolute ; text-align : center ; top : 50% ; transform : translateY(-50%) ; z-index : 11111 ; } .bannerStyle_1 .btn_prev { left : 0 ; } .bannerStyle_1 .btn_next { right : 0 ; } .bannerStyle_1 .arrowSet .awesome-font { display : none ; } .bannerStyle_1 .arrowSet .awesome-font:before { box-sizing : border-box ; padding : 0 3px ; } .bannerStyle_1 .ground_glass { background-color : #FFF ; display : none ; height : 100% ; left : 0 ; opacity : 0 ; position : absolute ; top : 0 ; width : 100% ; z-index : 998 ; } .bannerStyle_1 .main_image .img-list { height : 100% ; left : 0 ; overflow : hidden ; position : absolute ; top : 0 ; width : 100% ; } .bannerStyle_1 .main_image .img-item { display : block ; height : 100% ; position : absolute ; top : 0 ; width : 100% ; } .bannerStyle_1 .main_image .img-item span { background-size : cover !important ; display : block ; height : 100% ; width : 100% ; } .bannerStyle_1 .main_image .img-item a { box-sizing : border-box ; display : block ; height : 100% ; overflow : hidden ; width : 100% ; } .bannerStyle_1.rotate-3d .img-part { background-color : #FFF ; height : 100% ; position : absolute ; top : 0 ; transform-style : preserve-3d ; transition : all .7s ; width : calc(20% + 1px) ; } .bannerStyle_1.rotate-3d .img-part .img { background-size : 500% auto ; height : 100% ; position : absolute ; width : 100% ; } .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 { display : block ; height : 100% ; left : 0 ; position : absolute ; top : 0 ; width : 100% ; z-index : 100 ; } #banner_style_01_1651765178026 .bannerStyle_1 .main_image .img-item .img_0 { background : url('https://cdn.yun.sooce.cn/2/38021/jpg/16517585616154331ce2adfcd4d29.jpg?imageMogr2/thumbnail/1800x&version=1651758518') center top no-repeat ; } #banner_style_01_1651765178026 .bannerStyle_1 .main_image .img-item .img_1 { background : url('https://cdn.yun.sooce.cn/2/38021/jpg/16517585498964bd613b81065410f.jpg?imageMogr2/thumbnail/1800x&version=1651758513') center top no-repeat ; } #banner_style_01_1651765178026 .bannerStyle_1 .main_image .img-item .img_2 { background : url('https://cdn.yun.sooce.cn/2/38021/jpg/1651758549898a5793279d76d5190.jpg?imageMogr2/thumbnail/1800x&version=1651758512') center top no-repeat ; } #banner_style_01_1651765178026 .hide_img { display : none ; vertical-align : top ; width : 100% ; } #banner_style_01_1651765178026 .bannerStyle_1 .main_image .img-item a { position : relative ; z-index : 10 ; } .gformStyle_7 { box-sizing : border-box ; width : 100% ; } .gformStyle_7 * { -moz-transition : all ease .3s ; -o-transition : all ease .3s ; -webkit-transition : all ease .3s ; box-sizing : border-box ; transition : all ease .3s ; } .gformStyle_7 .gformS { box-sizing : border-box ; width : 100% ; } .gformStyle_7 .gf_title { font-size : 18px ; line-height : 3 ; text-align : center ; } .gformStyle_7 .gformList { margin-bottom : 4px ; width : 100% ; } .gformStyle_7 .gformList span { display : block ; float : left ; font-size : 14px ; line-height : 34px ; width : 36px ; } .gformStyle_7 .gformList textarea.gf_message, .gformStyle_7 .gformList input.gfInput { border : 1px solid #eee ; box-sizing : border-box ; color : #333 ; font-size : 14px ; margin-bottom : 10px ; max-width : 100% ; min-width : 300px ; padding : 8px ; width : calc(100% - 40px) ; } .gformStyle_7 .gformList input.gfInput { height : 40px ; min-width : 300px ; width : calc(100% - 40px) ; } .gformStyle_7 .gformList textarea.gf_message { height : 200px ; width : 100% ; } .gformStyle_5 .lybbtn { text-align : left ; } .gformStyle_7 .gbt { background : #0b666e ; border : 0 ; box-sizing : border-box ; color : #FFF ; cursor : pointer ; font-size : 14px ; height : 40px ; line-height : 40px ; margin : 3% auto ; width : 20% ; } .gformStyle_7 .gformList input:-webkit-autofill { -webkit-box-shadow : 0 0 0px 1000px white inset !important ; } .gformStyle_7 #gbook { box-sizing : border-box ; clear : both ; list-style : none ; width : 100% ; } .gformStyle_7 li.gbList { background : #fff ; box-sizing : border-box ; color : #333 ; margin-bottom : 10px ; padding : 10px ; } .gformStyle_7 .gb_name { border-top : 1px solid #aaa ; font-size : 14px ; line-height : 3 ; padding : 10px ; white-space : nowrap ; } .gformStyle_7 .gb_content { clear : both ; margin : 10px auto ; } .gformStyle_7 .gb_page { background : #fff ; font-size : 14px ; line-height : 2 ; text-align : center ; } .gformStyle_7 .gb_replay { border-top : 1px solid #ccc ; box-sizing : border-box ; font-size : 14px ; margin : 10px auto ; padding-top : 10px ; } .gformStyle_7 .gb_replay b { padding-left : 50px ; } .gformStyle_7 .gb_replay .gb_content { padding-left : 50px ; } .gformStyle_7 .gb_info { color : #666 ; float : right ; } .gformStyle_7 .thetextimg { text-align : center ; } .gformStyle_7 .fa { color : #0B666E ; display : block ; font-size : 20px ; line-height : 40px ; } .gformStyle_7 .fa-user:before { content : "\f007"; } .gformStyle_7 .fa-phone:before{ content:"\f095"; } .gformStyle_7 .fa-mobile:before{ content:"\f10b"; font-size:30px;} .gformStyle_7 .fa-qq:before{ content:"\f1d6"; } .gformStyle_7 .fa-envelope:before{ content:"\f0e0"; } @media screen and (max-width:991px){ } @media screen and (max-width:768px){ .gformStyle_7{padding:15px;min-width: 0;} .gformStyle_7 .listTit{display:none;} .gformStyle_7 .gformList textarea.gf_message,.gformList input.gfInput{margin:auto; max-width:auto; min-width:100%;} .gformStyle_7 .gbt{font-size:14px;} .gformStyle_7 .gformList input.gfInput{width:calc(100% - 40px);min-width: 0 !important; } } @media screen and (max-width:480px){ .gformStyle_7{padding:10px;} .gformStyle_7 .listTit{display:none;} .gformStyle_7 .gformList textarea.gf_message,.gformStyle_7 .gformList input.gfInput{margin:auto; max-width:auto; min-width:100%; } .gformStyle_7 .gb_replay{padding-left:10px;font-size:14px;} .gformStyle_7 .gb_nickname,.gformStyle_7 .gb_nickname b{font-size:14px;} } .gformStyle_7 .gformList textarea.gf_message, .gformStyle_7 .gformList input.gfInput,.gformStyle_7 li.gbList{background:#f5f5f5;} .gformStyle_7 .modFontColor{color:#333;} .gformStyle_7 .modBorderColor{border-color:#f5f5f5 !important;} .gformStyle_7 .style_changeCode {height: 40px;} .gformStyle_7 .thetextimg{width:40px;height:40px;float:left;border:1px solid #eee; background:#f5f5f5;} .liuyanban .gformList{position: relative;} .liuyanban .style_changeCode {z-index: 88 !important;width: 75px;display: block;position: absolute;box-sizing: border-box;right: 0;top: 0;padding: 0 !important;background: transparent!important;text-align: center;} .liuyanban .style_changeCode .changeCodeText{position: relative;top: 50%;transform: translateY(-50%);font-size: 12px;width: auto;float: none;color: #3783F4;} .liuyanban .style_changeCode .changeCodeText:hover{text-decoration: underline;} #liuyanban_style_02_1651917669265 .error{ color: #f00 !important;} #liuyanban_style_02_1651917669265 .error{ color: #f00 !important;} #liuyanban_style_02_1651917669265 .lybbtn{text-align: center;} #liuyanban_style_02_1651917669265 .gbt{width:%;} @media screen and (max-width: 1024px){ #liuyanban_style_02_1651917669265 .lybbtn{text-align: center;} #liuyanban_style_02_1651917669265 .gbt{width:%;} } @media screen and (max-width: 768px){ #liuyanban_style_02_1651917669265 .lybbtn{text-align: center;} #liuyanban_style_02_1651917669265 .gbt{width:%;} } h1{font-size: 2em;font-weight:bold;} h2{font-size: 1.5em;font-weight:bold;} h3{font-size: 1.17em;font-weight:bold;} h4{font-weight:bold;} body, 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;} td, th{padding: 5px 10px;border: 1px solid #DDD;} table{border-collapse: collapse;} .list-paddingleft-2{padding-left: 30px;} .list-paddingleft-3{padding-left: 60px;} .tableviewcontent{overflow-x: scroll;scrollbar-width: none;} .tableviewcontent::-webkit-scrollbar{display: none;} body.view{height:auto!important;}h1{font-size: 2em;font-weight:bold;} h2{font-size: 1.5em;font-weight:bold;} h3{font-size: 1.17em;font-weight:bold;} h4{font-weight:bold;} body, 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;} td, th{padding: 5px 10px;border: 1px solid #DDD;} table{border-collapse: collapse;} .list-paddingleft-2{padding-left: 30px;} .list-paddingleft-3{padding-left: 60px;} .tableviewcontent{overflow-x: scroll;scrollbar-width: none;} .tableviewcontent::-webkit-scrollbar{display: none;} body.view{height:auto!important;}h1{font-size: 2em;font-weight:bold;} h2{font-size: 1.5em;font-weight:bold;} h3{font-size: 1.17em;font-weight:bold;} h4{font-weight:bold;} body, 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;} td, th{padding: 5px 10px;border: 1px solid #DDD;} table{border-collapse: collapse;} .list-paddingleft-2{padding-left: 30px;} .list-paddingleft-3{padding-left: 60px;} .tableviewcontent{overflow-x: scroll;scrollbar-width: none;} .tableviewcontent::-webkit-scrollbar{display: none;} body.view{height:auto!important;} #text_html_new_1651847520613 .diy-mobile-content{ display: none; } @media screen and (max-width:640px) { #text_html_new_1651847520613 .diy-pc-content{ display: none; } #text_html_new_1651847520613 .diy-mobile-content{ display: initial; } } #dh_style_28_1651895505923.clearTransform{transform:none!important;} #dh_style_28_1651895505923 .menuUl02 .subMenu02>a .fa{position: absolute;top: 0;right: 8px;} @media screen and (min-width:640px) { #dh_style_28_1651895505923 .maxWidth{max-width:px;} #dh_style_28_1651895505923 .menuUl li #menuLogo{ height: px; margin-right: px; margin-left: px; } #dh_style_28_1651895505923 .subBox .sublm{width: calc(100% - (px + px) - 20px);} #dh_style_28_1651895505923 .subBox .subImgsbox{width: calc((px + px) + 20px); height:px } } h1{font-size: 2em;font-weight:bold;} h2{font-size: 1.5em;font-weight:bold;} h3{font-size: 1.17em;font-weight:bold;} h4{font-weight:bold;} body, 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;} td, th{padding: 5px 10px;border: 1px solid #DDD;} table{border-collapse: collapse;} .list-paddingleft-2{padding-left: 30px;} .list-paddingleft-3{padding-left: 60px;} .tableviewcontent{overflow-x: scroll;scrollbar-width: none;} .tableviewcontent::-webkit-scrollbar{display: none;} body.view{height:auto!important;} .onlineStyle04 .main_box{ position: fixed; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);} .onlineStyle04 .main_li{ position: relative;} .onlineStyle04 .menu_ico{ width: 44px; height: 44px; background-color: #353535; margin-bottom: 4px; overflow: hidden;} .onlineStyle04 .menu_ico:hover{ background-color: #F05352; cursor: pointer;} .onlineStyle04 .menu_ico .i{ width: 20px; height: 20px; float: left; margin: 12px 0 0 12px; background-image: url(../img/qqol/style_04/suspension-bg.png); background-repeat: no-repeat; } .onlineStyle04 .qq .i{ background-position: 0 0;} .onlineStyle04 .phone .i{ background-position: -27px 0;} .onlineStyle04 .qrcode .i{ background-position: 0 -24px;} .onlineStyle04 .cart .i{ background-position: -29px -24px; width: 44px; height: 44px; margin: 0; background-image: url(../img/qqol/style_04/side_icon.png); background-position: -87px 0;} .onlineStyle04 .main_li.gotop .menu_ico .i{ width: 44px; height: 44px; margin: 0; background-image: url(../img/qqol/style_04/side_icon.png); background-position: -132px 0;} .onlineStyle04 .menu_con{ display: none; width: 223px; background-color: #fff; text-align: center; position: absolute; right: calc(100% + 20px); top: 0; box-shadow: 0px 0px 10px rgba(0,0,0,.2); padding: 8px 22px 12px; box-sizing: border-box;} .onlineStyle04 .menu_con .con_box{ padding: 14px 0; overflow: hidden; box-sizing: border-box;} .onlineStyle04 .con_box a{ display: block;} .onlineStyle04 .con_box .icon{ width: 44px; height: 44px; background-color: #F1F1F3; overflow: hidden; border-radius: 50%; display: block; float: left;} .onlineStyle04 .con_box:hover .i-qq{ background-position: center 0;} .onlineStyle04 .icon .i-icon{ display: block; width: 100%; height: 100%; transition: all .2s;} .onlineStyle04 .icon .i-qq{ background: url(../img/qqol/style_04/qq_icon.png) no-repeat; background-position: center 15px;} .onlineStyle04 .icon .i-phone{ background: url(../img/qqol/style_04/side_con_phone.png) no-repeat; background-position: center;} .onlineStyle04 .con_box .text{ float: left; text-align: left; font-size: 16px; line-height: 44px; box-sizing: border-box; padding-left: 10px;} .onlineStyle04 .con_box .text span{ display: block; line-height: 1.5;} .onlineStyle04 .con_box .text span:last-of-type{ color: #F05352;} .onlineStyle04 .menu_con .qr_text{ font-size: 16px; padding: 5px 0;} .onlineStyle04 .menu_con img{ width: 150px; height: 150px; margin: 10px auto 0;} .onlineStyle04 .qq_mobile{display:none;} #qqol_style_04_1649677735999 .mobile_ico_cur,#qqol_style_04_1649677735999 .mobile_ico_cur:hover{background-color:#c30d23;} #qqol_style_04_1649677735999 .mobile_ico_notcur,#qqol_style_04_1649677735999 .mobile_ico_notcur:hover{background-color:#666666;} #qqol_style_04_1649677735999 .menu_ico:last-child,#qqol_style_04_1649677735999 .menu_ico:last-child:hover{background-color:#666666!important;} #qqol_style_04_1649677735999 .menu_ico{ background-color: #666666;} #qqol_style_04_1649677735999 .text span:last-of-type{ color: #c30d23;} #qqol_style_04_1649677735999 .menu_ico:hover{ background-color: #c30d23;} #qqol_style_04_1649677735999 .main_box{ left: auto;right: 0;} #qqol_style_04_1649677735999 .menu_con{left: auto;right: calc(100% + 20px);} .bottomMenu{width: 100%; box-sizing:border-box; display: none;position:fixed;bottom:0; 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;padding-top:0!important;} .bottomMenu ul li a{display: inline-block;width: 100%;height: 100%;} .bottomMenu ul li .menuItem{position: relative;} .bottomMenu ul li .menuItem.iconTxt{top:5%;} .bottomMenu ul li .menuItem.txt{top: 50%;-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .bottomMenu ul li .menuItem.icon{top: 20%;} .bottomMenu ul li .menuIco{width: auto; height: 26px; overflow: hidden; margin: 0 auto 4px;padding-top:2px;box-sizing:border-box;} .bottomMenu ul li .menuIco img{width: 100%; height: 100%;box-sizing:border-box;object-fit: contain;} .bottomMenu ul li .menuName{font-size: 12px; white-space: nowrap; margin: auto; text-align: center; color: #999999; 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:50px!important;} } ; } @media screen and (min-width:640px) { #dh_style_28_1649484010465 .maxWidth { max-width : px ; } #dh_style_28_1649484010465 .menuUl li #menuLogo { height : px ; margin-left : px ; margin-right : px ; } #dh_style_28_1649484010465 .subBox .sublm { width : calc(100% -(px + px) - 20px) ; } #dh_style_28_1649484010465 .subBox .subImgsbox { height : px ; width : calc((px + px) + 20px) ; }}