body { -ms-text-size-adjust : 100% !important ; -webkit-text-size-adjust : 100% !important ; background-position : left top ; text-size-adjust : 100% !important ; } #dh_style_11_1543215489947 { left : 24.802942722017868% ; position : absolute ; top : 0px ; width : 66.21124540199685% ; z-index : 999 ; } #dh_style_11_1543215489947 > .view_contents { overflow : visible ; } #dh_style_11_1543215489947 .mainMenuSet { bg-hover-color : #333333 ; color : #000000 ; font-family : SimHei ; font-size : 18px ; line-height : 65px ; text-color : #000000 ; text-hover-color : #ffffff ; } #dh_style_11_1543215489947 .subMenuSet { color : #000000 ; font-family : SimHei ; font-size : 18px ; line-height : 65px ; } #dh_style_11_1543215489947 .thrMenuSet { color : #000000 ; font-family : SimHei ; font-size : 18px ; line-height : 65px ; } #dh_style_11_1543215489947 .mainMenuSet:hover { background : #333333 ; color : #FFFFFF ; } #dh_style_11_1543215489947 #hot > a { background : #333333 ; color : #FFFFFF ; } #dh_style_11_1543215489947 .subMenuSet:hover { background : #333333 ; color : #FFFFFF ; } #dh_style_11_1543215489947 .subCurSet { background : #333333 ; color : #FFFFFF ; } #dh_style_11_1543215489947 .thrMenuSet:hover { background : #333333 ; color : #FFFFFF ; } #dh_style_11_1543215489947 .thrCurSet { background : #333333 ; color : #FFFFFF ; } #diy_none_obj .mainMenuSet { background : #f2efef ; color : #E5E5E5 ; text-color : #e5e5e5 ; text-hover-color : #ffffff ; } #diy_none_obj .subMenuSet { background : #cac7c7 ; color : #E5E5E5 ; } #diy_none_obj .thrMenuSet { background : #a29f9f ; color : #E5E5E5 ; } #diy_none_obj .mainMenuSet:hover { color : #FFFFFF ; } #diy_none_obj #hot > a { color : #FFFFFF ; } #diy_none_obj .subMenuSet:hover { color : #FFFFFF ; } #diy_none_obj .subCurSet { color : #FFFFFF ; } #diy_none_obj .thrMenuSet:hover { color : #FFFFFF ; } #diy_none_obj .thrCurSet { color : #FFFFFF ; } #diy_none_obj { background : #ffffff ; background : url(https://cdn.yun.sooce.cn/4/57827/png/168428823638840cd82a8489f721c.png) ; background : url(https://cdn.yun.sooce.cn/4/57827/png/16842882363892ed8e7d648a0a85e.png) ; background : #333333 ; background-position : 0% 50% !important ; background-position : 50% 50% !important ; background-repeat : no-repeat!important ; background-size : cover ; background-size : auto 100% ; border-color : #ffffff ; border-color : #7f7f7f ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 1px ; box-sizing : border-box ; } #image_logo_1608718659821 { height : 64px ; left : 8.749343142406726% ; position : absolute ; top : 10.5px ; width : 9.721492380451918% ; } #image_style_01_1624863299981 { height : 32px ; left : 101.52864583333334% ; position : absolute ; top : 25.5px ; width : 2.5% ; } #image_style_01_1624863299981 > .view_contents { overflow : visible ; } #text_style_01_1624863344312 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 104.47786458333333% ; line-height : 1.8 ; position : absolute ; top : 19.5px ; width : 23.583333333333336% ; } #text_style_01_1624863344312 > .view_contents { color : #000000 ; font-family : Arial Black ; font-size : 24px ; font-style : normal ; font-weight : bold ; } #diy_none_obj > .view_contents { color : #7F7F7F ; color : #E5E5E5 ; font-size : 12px ; font-size : 14px ; font-size : 18px ; font-size : 16px ; font-size : 13px ; letter-spacing : 0px ; line-height : 24px ; line-height : 18px ; text-align : center ; } #dh_style_39_1649939545103 { display : none ; left : 20% ; position : absolute ; top : 8.859375px ; width : 60% ; z-index : 999 ; } #dh_style_39_1649939545103 > .view_contents { overflow : visible ; } #comm_layout_header { background : #ffffff ; background-position : 50% 50% !important ; background-repeat : no-repeat!important ; border-bottom : none !important ; border-color : #e5e5e5 ; border-left : none !important ; border-right : none !important ; border-style : none ; border-top : none !important ; border-width : 0px ; height : 85px ; z-index : 2 ; } #comm_layout_header > .view_contents { overflow : visible ; } #homelink_style_02_1625197937212 { left : -9.875% ; position : absolute ; top : 14px ; width : 33.33333333333333% ; } #homelink_style_02_1625197937212 .tabItemSet { color : #FFFFFF ; } #layout_1609151375759 { background : linear-gradient(360deg,#000000,#7f7f7f) ; height : 56px ; } #layout_1609151375759 > .view_contents { max-width : 1200px ; overflow : visible ; } #text_style_01_1625208041697 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : -9.833333333333332% ; line-height : 1.8 ; position : absolute ; top : 1px ; width : 17.083333333333332% ; } #text_style_01_1625208041697 > .view_contents { background : #333333 ; background-color : #1C483E ; color : #FFFFFF ; font-size : 16px ; letter-spacing : 2px ; line-height : 70px ; text-align : center ; } #text_style_01_1625208306552 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 7.249999999999999% ; line-height : 1.8 ; position : absolute ; top : 1px ; width : 17.083333333333332% ; } #text_style_01_1625208306552 > .view_contents { background-color : transparent ; color : #191919 ; font-size : 16px ; letter-spacing : 2px ; line-height : 70px ; text-align : center ; } #text_style_01_1625208306552 .view_contents:hover { background : #333333 ; color : #FFFFFF ; } #text_style_01_1625208331168 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 24.333333333333336% ; line-height : 1.8 ; position : absolute ; top : 1px ; width : 17.083333333333332% ; } #text_style_01_1625208331168 > .view_contents { background-color : transparent ; color : #191919 ; font-size : 16px ; letter-spacing : 2px ; line-height : 70px ; text-align : center ; } #text_style_01_1625208331168 .view_contents:hover { background : #333333 ; color : #FFFFFF ; } #text_style_01_1625208368972 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 41.458333333333336% ; line-height : 1.8 ; position : absolute ; top : 1px ; width : 17.083333333333332% ; } #text_style_01_1625208368972 > .view_contents { background-color : transparent ; color : #191919 ; font-size : 16px ; letter-spacing : 2px ; line-height : 70px ; text-align : center ; } #text_style_01_1625208368972 .view_contents:hover { background : #333333 ; color : #FFFFFF ; } #text_style_01_1625208381464 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 58.54166666666667% ; line-height : 1.8 ; position : absolute ; top : 1px ; width : 17.083333333333332% ; } #text_style_01_1625208381464 > .view_contents { background-color : transparent ; color : #191919 ; font-size : 16px ; letter-spacing : 2px ; line-height : 70px ; text-align : center ; } #text_style_01_1625208381464 .view_contents:hover { background : #333333 ; color : #FFFFFF ; } #layout_1625198105235 { background : url(https://cdn.yun.sooce.cn/4/57827/png/1684288236388888dd09e7271fca5.png) ; background-position : 50% 0% !important ; background-repeat : no-repeat!important ; background-size : auto ; height : 72px ; } #layout_1625198105235 > .view_contents { max-width : 1200px ; overflow : visible ; } #layout_1586332262838 { display : none ; height : 300px ; } #layout_1586332262838 > .view_contents { max-width : 1200px ; overflow : visible ; } #text_style_01_1587976015567 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 0% ; line-height : 1.8 ; position : absolute ; top : 54.5px ; width : 30.833333333333336% ; } #text_style_01_1587976015567 > .view_contents { color : #000000 ; font-family : Microsoft YaHei ; font-size : 28px ; font-weight : bold ; letter-spacing : 3px ; text-align : left ; } #text_style_01_1587976059361 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 0% ; line-height : 1.8 ; position : absolute ; top : 101.5px ; width : 29.916666666666668% ; } #text_style_01_1587976059361 > .view_contents { color : #666666 ; font-family : Times New Roman ; font-size : 23px ; font-style : normal ; line-height : 26px ; text-align : left ; } #text_style_01_1587976145136 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 0% ; line-height : 1.8 ; position : absolute ; top : 183.5px ; width : 99.91666666666667% ; } #text_style_01_1587976145136 > .view_contents { color : #000000 ; font-size : 16px ; letter-spacing : 2px ; line-height : 34px ; text-align : center ; } #div_blank_new05_1625209060177 { box-sizing : border-box ; left : 0% ; position : absolute ; top : 153px ; width : 4.083333333333333% ; } #div_blank_new05_1625209060177 .roundcs { border-color : #000000 ; border-style : solid ; border-width : 3px ; } #image_style_01_1625209583766 { height : 597px ; left : 0% ; position : absolute ; top : 482px ; width : 100% ; } #image_style_01_1625209583766 > .view_contents { overflow : visible ; } #layout_1587974934369 { background : #f0efed ; height : 1270px ; } #layout_1587974934369 > .view_contents { max-width : 1200px ; overflow : visible ; } #layout_1594019174585 { display : none ; height : 300px ; } #layout_1594019174585 > .view_contents { max-width : 1200px ; overflow : visible ; } #layout_1589287511359 { background : url(https://cdn.yun.sooce.cn/4/57827/jpg/1684288236389c0944ebfeff5bb5a.jpg) ; background-position : 50% 0% !important ; background-repeat : repeat-x!important ; display : none ; height : 702px ; } #layout_1589287511359 > .view_contents { max-width : 1200px ; overflow : visible ; } #image_style_11_1588004492416 { left : 0% ; position : absolute ; top : 156px ; width : 100% ; } #image_style_11_1588004492416 > .view_contents { overflow : visible ; } #text_style_01_1588004647848 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 0% ; line-height : 1.8 ; position : absolute ; top : 58px ; width : 48.75% ; } #text_style_01_1588004647848 > .view_contents { color : #000000 ; font-size : 26px ; font-weight : normal ; letter-spacing : 3px ; text-align : left ; } #text_style_01_1588004667348 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 0% ; line-height : 1.8 ; position : absolute ; top : 93px ; width : 48.75% ; } #text_style_01_1588004667348 > .view_contents { color : #B2B2B2 ; font-family : Times New Roman ; font-size : 22px ; font-style : italic ; text-align : left ; } #layout_1588004354915 { display : none ; height : 851px ; } #layout_1588004354915 > .view_contents { max-width : 1200px ; overflow : visible ; } #layout_1595212233614 { display : none ; height : 300px ; } #layout_1595212233614 > .view_contents { max-width : 1200px ; overflow : visible ; } #text_style_01_1594870139241 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 22.411981082501313% ; line-height : 1.8 ; position : absolute ; top : 232px ; width : 55.17981749865808% ; z-index : 3 ; } #text_style_01_1594870139241 > .view_contents { color : #E5E5E5 ; font-size : 12px ; letter-spacing : 0px ; text-align : center ; } #image_style_01_1632486862044 { height : 105px ; left : 11.429322122963741% ; position : absolute ; top : 51.796875px ; width : 14.030478192327903% ; z-index : 2 ; } #image_style_01_1632486862044 > .view_contents { overflow : visible ; } #text_style_01_1635938959247 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 33.02679978980557% ; line-height : 1.8 ; position : absolute ; top : 97.796875px ; width : 28.954282711508146% ; z-index : 2 ; } #text_style_01_1635938959247 > .view_contents { color : #FFFFFF ; font-size : 14px ; letter-spacing : 1px ; line-height : 24px ; text-align : left ; } #div_blank_new01_1635939079670 { box-sizing : border-box ; height : 30px ; left : 62.97950604308986% ; position : absolute ; top : 101.296875px ; width : 30px ; z-index : 2 ; } #div_blank_new01_1635939079670 .modSet { background : #ffffff url(https://cdn.yun.sooce.cn/4/67111/png/1657939819028bf9b1c83d07e838d.png?version=0) ; background-position : 50% 50% !important ; background-repeat : no-repeat!important ; background-size : auto 100% ; border-radius : 4px ; } #diy_none_obj .modSet { border-radius : 6px ; } #text_style_01_1635939153589 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 65.02890173410405% ; line-height : 1.8 ; position : absolute ; top : 104.796875px ; width : 12.926957435627957% ; z-index : 1 ; } #text_style_01_1635939153589 > .view_contents { color : #FFFFFF ; font-size : 22px ; font-weight : bold ; text-align : left ; } #text_style_01_1635939529867 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 84.10404624277457% ; line-height : 1.8 ; position : absolute ; top : 160.796875px ; width : 5.517603783499737% ; z-index : 3 ; } #text_style_01_1635939529867 > .view_contents { color : #E5E5E5 ; font-size : 12px ; letter-spacing : 0px ; text-align : center ; } #text_style_01_1635939798135 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 65.08145034156595% ; line-height : 1.8 ; position : absolute ; top : 89.796875px ; width : 8.407777193904362% ; z-index : 2 ; } #text_style_01_1635939798135 > .view_contents { color : #FFFFFF ; font-size : 12px ; letter-spacing : 1px ; line-height : 24px ; text-align : left ; } #image_style_01_1635939887851 { height : 85px ; left : 84.6820809248555% ; position : absolute ; top : 73.796875px ; width : 4.361534419337888% ; z-index : 2 ; } #image_style_01_1635939887851 > .view_contents { overflow : visible ; } #dh_style_36_1642938912795 { left : calc(50% - 600.5px) ; position : absolute ; top : 178.796875px ; width : 1201px ; z-index : 999 ; } #dh_style_36_1642938912795 > .view_contents { overflow : visible ; } #dh_style_36_1642938912795 .mainMenuSet { background : #f2efef ; color : #000000 ; line-height : 40px ; text-color : #000000 ; text-hover-color : #000000 ; } #dh_style_36_1642938912795 .subMenuSet { background : #cac7c7 ; color : #000000 ; line-height : 40px ; } #dh_style_36_1642938912795 .thrMenuSet { background : #a29f9f ; color : #000000 ; line-height : 40px ; } #dh_style_36_1642938912795 .mainMenuSet:hover { color : #000000 ; } #dh_style_36_1642938912795 #hot > a { color : #000000 ; } #dh_style_36_1642938912795 .subMenuSet:hover { color : #000000 ; } #dh_style_36_1642938912795 .subCurSet { color : #000000 ; } #dh_style_36_1642938912795 .thrMenuSet:hover { color : #000000 ; } #dh_style_36_1642938912795 .thrCurSet { color : #000000 ; } #text_style_01_1642946986481 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 32.92170257488177% ; line-height : 1.8 ; position : absolute ; top : 67.796875px ; width : 26.95743562795586% ; z-index : 1 ; } #text_style_01_1642946986481 > .view_contents { color : #FFFFFF ; font-size : 17px ; font-weight : bold ; letter-spacing : 1px ; text-align : left ; } #text_style_01_1648196871566 { color : #333 ; display : none ; font-family : Microsoft YaHei ; font-size : 16px ; left : 1.0416666666666665% ; line-height : 1.8 ; position : absolute ; top : 335.796875px ; width : 47.24119810825013% ; z-index : 3 ; } #text_style_01_1648196871566 > .view_contents { color : #E5E5E5 ; font-size : 12px ; letter-spacing : 0px ; text-align : center ; } #comm_layout_footer { background : #000000 ; background-position : 50% 0% !important ; background-repeat : no-repeat!important ; background-size : auto ; height : 265px ; z-index : 2 ; } #comm_layout_footer > .view_contents { overflow : visible ; } .menuStyle_11 { position : relative ; width : 100% ; } .menuStyle_11 * { box-sizing : border-box ; } .menuStyle_11 .miniMenu *, .menuStyle_11 .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_11 .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_11 .rflex { -ms-flex : 1 ; -webkit-box-flex : 1 ; -webkit-flex : 1 ; flex : 1 ; float : left\0 ; position : relative ; } .menuStyle_11 ul, .menuStyle_11 li { list-style : none ; margin : 0px ; padding : 0 ; } .menuStyle_11 .menuLayout { margin : 0 auto ; position : relative ; width : 100% ; } .menuStyle_11 .menuLayout:after { clear : both ; content : '' ; display : block ; } .menuStyle_11 .menuUl_box { position : relative ; text-align : center ; width : 100% ; } .menuStyle_11 .menuUl { position : relative ; text-align : center ; width : 100% ; } .menuStyle_11 .menuUl > li { position : relative ; } .menuStyle_11 .menuUl > li > a { box-sizing : border-box ; color : #333 ; display : block ; font-size : 14px ; letter-spacing : normal ; padding : 10px 0 ; padding : 10px 1em\0 ; position : relative ; text-align : center ; text-decoration : none ; white-space : nowrap ; } .menuStyle_11 .menuUl > li > a:hover { background : rgba(0,0,0,.05) ; } .menuStyle_11 .menuUl #hot > a { color : #2D93FF ; } .menuStyle_11 .menuUl > li > a span { color : rgba(0, 0, 0, .3) ; display : block ; font-size : 12px ; text-align : center ; width : 100% ; } .menuStyle_11 .menuUl #hot > a span { color : inherit ; } .menuStyle_11 .menuLayout .miniMenu { display : none ; } .menuStyle_11 .menuUl02 { -moz-transform : translate(-50%,0) ; -o-transform : translate(-50%,0) ; -webkit-transform : translate(-50%,0) ; background : #fff ; box-shadow : 0 0 8px rgba(0,0,0,0.2) ; display : none ; height : 0 ; left : 50% ; opacity : 0 ; position : absolute ; transform : translate(-50%,0) ; width : 100% ; } .menuStyle_11 .menuUl > li > #menuLogo { height : 85% ; } .menuStyle_11 .menuUl .rflex:hover .menuUl02 { display : block ; height : auto ; opacity : 1 ; } .menuStyle_11 .menuUl.noHover .rflex:hover .menuUl02 { display : none ; } .menuStyle_11 .menuUl02 .subMenu02 { color : #4D5158 ; font-size : 14px ; line-height : 40px ; padding : 0 15px ; position : relative ; } .menuStyle_11 .menuUl02 .subMenu02.subCurSet { background : #2f94ff ; color : #FFF ; } .menuStyle_11 .menuUl02 .subMenu02 > a { color : inherit ; display : block ; font-size : inherit ; line-height : inherit ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap ; } .menuStyle_11 .menuUl02 .subMenu02:hover { background : #2d93ff ; color : #FFF ; } .menuStyle_11 .menuUl02 .subMenu02 > a .fa { float : right ; line-height : inherit ; } .menuStyle_11 .menuUl02 .subMenu02:hover .menuUl03 { display : block ; } .menuStyle_11 .menuUl03 { background : #2f94ff ; box-shadow : 2px 4px 5px rgba(0, 0, 0, 0.22) ; display : none ; position : absolute ; top : 0 ; } .menuStyle_11 .menuUl03 .subMenu03 { color : #FFF ; line-height : 40px ; padding : 0 15px ; } .menuStyle_11 .menuUl03 .subMenu03:hover { background : rgba(0, 0, 0, 0.1) ; } .menuStyle_11 .menuUl03 .subMenu03.thrCurSet { background : rgba(0, 0, 0, 0.1) ; } .menuStyle_11 .menuUl03 .subMenu03 > a { color : inherit ; display : block ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap ; } .menuStyle_11 .maxWidth { margin : auto ; } .menuStyle_11 .subBox { background : rgba(238, 238, 238, 0.85) ; display : none ; left : 0 ; position : absolute ; width : 100% ; } .menuStyle_11 .subBox .subBoxContent { overflow : hidden ; padding : 15px ; text-align : left ; } .menuStyle_11 .subBox .subBoxContent .subItems { display : none ; overflow : hidden ; } .menuStyle_11 .subBox .sublm { float : left ; min-height : 10px ; width : calc(100% - 440px) ; } .menuStyle_11 .subBox .sublm > div { clear : both ; margin : 8px 0 ; overflow : hidden ; } .menuStyle_11 .subBox .subImgsbox { float : left ; height : 160px ; width : 440px ; } .menuStyle_11 .subBox .subImgsbox > a { display : block ; float : right ; height : 100% ; margin-left : 20px ; width : calc((100% - 20px)/2) ; } .menuStyle_11 .subBox .subImgsbox > a:last-child { margin-left : 0 ; } .menuStyle_11 .subBox .subImgsbox > a > div.subImg { background-repeat : no-repeat ; background-size : cover !important ; height : 100% ; overflow : hidden ; position : relative ; } .menuStyle_11 .subBox .subImgsbox > a > div.subImg span { background : rgba(255,255,255,.8) ; bottom : 0 ; color : #333 ; display : block ; font-size : 12px ; left : 0 ; padding : 5px ; position : absolute ; width : 100% ; } .menuStyle_11 .subBox p { float : left ; overflow : hidden ; } .menuStyle_11 .subBox p:first-child { margin-right : 10px ; width : 100px ; } .menuStyle_11 .subBox p:last-child { width : calc(100% - 110px) ; } .menuStyle_11 .subBox .subMenu02 { clear : both ; color : #333 ; font-size : 14px ; line-height : 28px ; margin-bottom : 5px ; } .menuStyle_11 .subBox .subMenu02.subCurSet { color : #2D93FF ; } .menuStyle_11 .subBox .subMenu02:hover, .menuStyle_11 .subBox .subMenu02:active { color : #2D93FF ; } .menuStyle_11 .subBox .subMenu03 { color : #666 ; float : left ; font-size : 12px ; margin : 5px 20px 5px 0 ; } .menuStyle_11 .subBox .subMenu03:hover, .menuStyle_11 .subBox .subMenu03:active { color : #2D93FF ; } .menuStyle_11 .subBox .subMenu03.thrCurSet { color : #2D93FF ; } .menuStyle_11 .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_11 .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 ; } #dh_style_11_1543215489947.clearTransform { transform : none!important ; } #dh_style_11_1543215489947 .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 ; } .imgStyle { box-sizing : border-box ; font-size : 0 ; height : 100% ; overflow : hidden ; width : 100% ; } #image_style_01_1624863299981 .CompatibleImg img { height : auto ; margin-left : 0px ; width : 100% ; } .imgStyle > a { height : 100% ; overflow : hidden ; width : 100% ; } .imgStyle img { box-sizing : border-box ; } .menuStyle_39 { position : relative ; width : 100% ; } .menuStyle_39 * { box-sizing : border-box ; } .menuStyle_39 .miniMenu *, .menuStyle_39 .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_39 .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_39 .rflex { -ms-flex : 1 ; -webkit-box-flex : 1 ; -webkit-flex : 1 ; flex : 1 ; float : left\0 ; position : relative ; } .menuStyle_39 ul, .menuStyle_39 li { list-style : none ; margin : 0px ; padding : 0 ; } .menuStyle_39 .menuLayout { margin : 0 auto ; position : relative ; width : 100% ; } .menuStyle_39 .menuLayout:after { clear : both ; content : '' ; display : block ; } .menuStyle_39 .menuUl_box { position : relative ; text-align : center ; width : 100% ; } .menuStyle_39 .menuUl { position : relative ; text-align : center ; width : 100% ; z-index : 99 ; } .menuStyle_39 .menuUl > li { position : relative ; } .menuStyle_39 .menuUl > li > a { box-sizing : border-box ; display : block ; font-size : 16px ; height : 100% ; letter-spacing : normal ; line-height : 44px ; padding : 0 ; padding : 0 1em\0 ; position : relative ; text-align : center ; text-decoration : none ; white-space : nowrap ; } .menuStyle_39 .menuUl > li > a:hover { color : #2D8CF0 ; } .menuStyle_39 .menuUl #hot > a { color : #2D8CF0 ; } .menuStyle_39 .menuUl > li > a span { color : rgba(0, 0, 0, .3) ; display : block ; font-size : 12px ; text-align : center ; width : 100% ; } .menuStyle_39 .menuUl #hot > a span { color : inherit ; } .menuStyle_39 .menuUl > .logo { background : transparent!important ; } .menuStyle_39 .menuUl > .logo:after { width : 0 ; } .menuStyle_39 .menuUl > .logo .menuUl_box_logo { background : transparent!important ; border-top : 3px solid transparent!important ; } .menuStyle_39 .menuUl > .logo .menuUl_box_logo:hover { background : #fff ; } .menuStyle_39 .menuLayout .miniMenu { display : none ; } .menuStyle_39 .menuUl02 { -moz-transform : translate(-50%,0) ; -o-transform : translate(-50%,0) ; -webkit-transform : translate(-50%,0) ; background : #f5f5f5 ; display : none ; height : 0 ; left : 50% ; opacity : 0 ; position : absolute ; transform : translate(-50%,0) ; width : 100% ; } .menuStyle_39 .menuUl > li > #menuLogo { height : 85% ; } .menuStyle_39 .menuUl .rflex:hover .menuUl02 { display : block ; height : auto ; opacity : 1 ; } .menuStyle_39 .menuUl.noHover .rflex:hover .menuUl02 { display : none ; } .menuStyle_39 .menuUl02 .subMenu02 { color : #4D5158 ; float : none ; font-size : 14px ; line-height : 40px ; padding : 0 15px ; position : relative ; } .menuStyle_39 .subBox .subMenu02#subCurSet { border-bottom : 2px solid #04b29b ; font-weight : bold ; } .menuStyle_39 .menuUl02 .subMenu02 > a { color : inherit ; display : block ; font-size : inherit ; line-height : inherit ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap ; } .menuStyle_39 .menuUl02 .subMenu02:hover { background : #4bc9e4 ; color : #FFF ; } .menuStyle_39 .menuUl02 .subMenu02 > a .fa { float : right ; line-height : inherit ; } .menuStyle_39 .menuUl02 .subMenu02:hover .menuUl03 { display : block ; } .menuStyle_39 .menuUl03 { background : #f5f5f5 ; display : none ; position : absolute ; top : 0 ; } .menuStyle_39 .maxWidth { margin : auto ; } .menuStyle_39 .subBox { background : #fff ; border-top : 1px solid #2d8cf0 ; display : none ; left : 0 ; padding : 20px 20px 0 ; position : absolute ; width : 100% ; } .menuStyle_39 .subBox .subBoxContent { overflow : hidden ; text-align : left ; } .menuStyle_39 .subBox .subBoxContent .subItems { display : none ; overflow : hidden ; } .menuStyle_39 .subBox .sublm { display : block ; min-height : 10px ; width : 100% ; } .menuStyle_39 .subBox .sublm .subMenuArea { box-sizing : border-box ; float : left ; margin-bottom : 20px ; margin-right : 2% ; overflow : hidden ; width : 49% ; } .menuStyle_39 .subBox .subMenuArea .subMenuImgArea { box-sizing : border-box ; float : left ; overflow : hidden ; position : relative ; width : 50% ; } .menuStyle_39 .subBox .subMenuArea .dummy { margin-top : calc(100%/3*2) ; } .menuStyle_39 .subBox .subMenuArea .subMenuImg { width : 100% ; } .menuStyle_39 .subBox .subMenuArea .menu_img { bottom : 0 ; left : 0 ; overflow : hidden ; position : absolute ; right : 0 ; top : 0 ; } .menuStyle_39 .subBox .subMenuArea .subMenuCon { float : left ; padding : 10px 10px 0 ; width : 50% ; } .menuStyle_39 .subBox .subMenu02 { clear : both ; color : #333 ; display : block ; font-size : 14px ; } .menuStyle_39 .subBox .subMenu02:hover, .menuStyle_39 .subBox .subMenu02:active { color : #2D8CF0 ; } .menuStyle_39 .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_39 .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 ; } #dh_style_39_1649939545103.clearTransform { transform : none!important ; } #dh_style_39_1649939545103 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 8px ; top : 0 ; } #dh_style_39_1649939545103 .subBox .subMenuArea .dummy { margin-top : px ; } #dh_style_39_1649939545103 .subBox .subMenuArea .subMenuImgArea { width : px ; } #dh_style_39_1649939545103 .subBox .subMenuArea .subMenuCon { width : calc(100% - px) ; } #dh_style_39_1649939545103 .menuStyle_39 .subBox .sublm .subMenuArea { width : 49% ; } #dh_style_39_1649939545103 .menuStyle_39 .subBox .sublm .subMenuArea:nth-child(2n) { margin-right : 0 ; } .homelink_style02 { width : 100% ; } .homelink_style02 .link_ul { font-size : 0 ; } .homelink_style02 .link_li { display : inline-block ; font-size : 0 ; position : relative ; vertical-align : middle ; } .homelink_style02 .home-icon { display : inline-block ; margin-right : 8px ; vertical-align : middle ; width : 20px ; } .homelink_style02 .bbx-new-font { display : inline-block ; vertical-align : middle ; } .homelink_style02 .link_li:first-of-type > a { padding-left : 0 !important ; } .homelink_style02 .link_li > a { box-sizing : border-box ; font-size : 14px ; padding : 0 20px ; position : relative ; vertical-align : middle ; } .homelink_style02 .link_li span { color : #666 ; font-size : 14px ; vertical-align : middle ; z-index : 100 ; } .homelink_style02 .link_li.on > a, .homelink_style02 .link_li > a:hover { color : #08F ; } #homelink_style_02_1625197937212 .breadcrumb > li + li:before { content : ">\00a0"; } #homelink_style_02_1625197937212 .home-icon{width: px;} @media screen and (min-width:641px) and (max-width:1200px) { #homelink_style_02_1625197937212 .home-icon{width: px;} } @media screen and (max-width:640px) { #homelink_style_02_1625197937212 .home-icon{width: px;} } .blank_new05.blank_area { width:100%; padding-top: 10px;padding-bottom: 10px; } .blank_new05 .roundcs { position: relative; border-bottom: none!important; border-right: none!important; border-left: none!important; border:1px solid #1badf8; } #image_style_01_1625209583766 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1625209583766 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1625209583766 .CompatibleImg img{width:auto; height:100%; position:relative; top:0; left:50%;-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}} #image_style_01_1625209583766 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;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } .imgStyle_11{position:relative; clear: both; width: 100%; height: 100%;} .imgStyle_11 ul{width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:wrap; justify-content:space-between;} .imgStyle_11 ul li.imgItems{position: relative; overflow: hidden !important; width: 19%; box-sizing:border-box; margin-bottom:10px;background: #f6f6f6;} .imgStyle_11 ul li .ratio{margin-top: 100%;width: 100%;} .imgStyle_11 ul li a{} .imgStyle_11 ul li:hover .noimgLoadLate{z-index: 2; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);} .imgStyle_11 ul li .theimgdiv{position: absolute;height: 100%;width: 100%;top: 0;left: 0;-webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s;background-repeat: no-repeat !important;background-position-x: 50% !important;background-position-y: 50% !important;background-size: auto 100% !important;} .imgStyle_11 ul li:hover .theimgdiv{z-index: 2; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);} .imgStyle_11 ul li a img{position: absolute; width: auto; height: 100%; top: 50%; left: 50%; z-index: 100; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .imgStyle_11 ul li a .bbx-new-font{ display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; } .imgStyle_11 .imgView{width: 100%;} .imgStyle_11 .imgCont{position: absolute;height: 100%;width: 100%;top: 0;left: 0;overflow: hidden;} .imgStyle_11 .theimgtext{height:30px;line-height: 30px;font-size: 14px;color:black;width:100%;text-align: center;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;} .imgShowBox{position: fixed; z-index: 99999; background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%;} .imgShowBox img{ position: absolute; width: auto; max-width: 80%; border: 20px solid #fff;top: 50%; 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);} .imgShowBox .bbx-new-font{ position: absolute; width: auto; max-width: 80%; border: 20px solid #fff;top: 50%; 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);background: #fff;padding: 0 20px;} .imgShowBox.scroll{overflow-y:scroll;overflow-x:hidden;} .imgShowBox.scroll::-webkit-scrollbar {width: 6px; height: 6px; background: rgba(0,0,0,.05);} .imgShowBox.scroll::-webkit-scrollbar{width: 6px; height: 6px; background: rgba(0,0,0,.02);} .imgShowBox.scroll::-webkit-scrollbar-button{background: #f7f7f7; height: 0;} .imgShowBox.scroll::-webkit-scrollbar-corner{background: rgba(0,0,0,.05);} .imgShowBox.scroll::-webkit-scrollbar-thumb{background: rgba(255,255,255,.7); border-radius: 3px;} .imgShowBox.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%;} .imgButton{position: fixed; width: 70%; max-width: 400px; bottom: 15%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;} .imgButton span{display: inline-block; cursor:pointer; box-shadow: 0 0 6px rgba(0,0,0,.2); -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -ms-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .imgButton span:hover{opacity: .8;} .imgButton span i{font-size: inherit; line-height: inherit; color:inherit;} .imgButton span.prevImg, .imgButton span.nextImg, .imgButton span.closeShowPic{ font-size: 40px; width: 50px; height:50px; line-height: 50px; border-radius: 100%;font-family: serif; background-color: #fff; text-align: center; box-sizing: border-box;} .imgButton span.prevImg, .imgButton span.nextImg{font-size: 26px; width: 40px; height: 40px; line-height: 40px; text-align: center;} @media screen and (max-width: 1024px){.imgStyle_11 ul li{width: 24%;}} @media screen and (max-width: 768px){ .imgStyle_11 ul li{width: 49%;} .imgShowBox img{border-width: 10px;} .imgShowBox.scroll img{top:5%; margin-bottom: 10vh;} } #image_style_11_1588004492416 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1588004492416 ul li .ratio{margin-top: calc(75%); float: left;} #image_style_11_1588004492416 ul li{width: 32%;} #image_style_11_1588004492416 ul li.imgItems{margin-bottom:2%;} @media screen and (max-width: 1024px){ #image_style_11_1588004492416 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1588004492416 ul li .ratio{margin-top: calc(75%); float: left;} #image_style_11_1588004492416 ul li{width: 23.5%;} #image_style_11_1588004492416 ul li.imgItems{margin-bottom:2%;} } @media screen and (max-width: 768px){ #image_style_11_1588004492416 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1588004492416 ul li .ratio{margin-top: calc(75%); float: left;} #image_style_11_1588004492416 ul li{width: 49%;} #image_style_11_1588004492416 ul li.imgItems{margin-bottom:2%;} } #image_style_01_1632486862044 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1632486862044 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1632486862044 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} .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;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } .blank_new01{width:100%;height:100%;} .blank_new01 .roundcs{width:100%;height:100%;background:rgba(7,126,244,0.7);box-sizing: border-box;} #image_style_01_1635939887851 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1635939887851 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1635939887851 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} .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;} @media screen and (max-width:1200px) { } @media screen and (max-width:767px) { } #dh_style_36_1642938912795.clearTransform{transform:none!important;} #dh_style_36_1642938912795 .menuUl02 .subMenu02>a .fa{position: absolute;top: 0;right: 8px;} #dh_style_36_1642938912795 .subBox .subMenuArea .dummy{margin-top: px;} #dh_style_36_1642938912795 .subBox .subMenuArea .subMenuImgArea{width: px;} #dh_style_36_1642938912795 .subBox .subMenuArea .subMenuCon{width: calc(100% - px);} #dh_style_36_1642938912795 .menuStyle_39 .subBox .sublm .subMenuArea{width:49%;} #dh_style_36_1642938912795 .menuStyle_39 .subBox .sublm .subMenuArea:nth-child(2n){margin-right: 0;} @media screen and (max-width:1200px) and (min-width:641px) { #dh_style_36_1642938912795 .menuStyle_39 .subBox .sublm .subMenuArea{width:49%;} #dh_style_36_1642938912795 .menuStyle_39 .subBox .sublm .subMenuArea:nth-child(2n){margin-right: 0;} } .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: scale-down;} .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:50px!important;} } ; } @media screen and (min-width:640px) { #dh_style_11_1543215489947 .maxWidth { max-width : px ; } #dh_style_11_1543215489947 .menuUl li #menuLogo { height : px ; margin-left : px ; margin-right : px ; } #dh_style_11_1543215489947 .subBox .sublm { width : calc(100% -(px + px) - 20px) ; } #dh_style_11_1543215489947 .subBox .subImgsbox { height : px ; width : calc((px + px) + 20px) ; }}