body { -ms-text-size-adjust : 100% !important ; -webkit-text-size-adjust : 100% !important ; background-position : left top ; text-size-adjust : 100% !important ; }
#dh_style_28_1615949331562 { left : 38.66666920979818% ; position : absolute ; top : 29px ; width : 61.083333333333336% ; z-index : 1 ; }
#dh_style_28_1615949331562 > .view_contents { overflow : visible ; }
#dh_style_28_1615949331562 .mainMenuSet { border-color : transparent ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 2px ; color : #333333 ; font-size : 18px ; font-weight : bold ; height : 50px ; padding-bottom : 70px ; }
#dh_style_28_1615949331562 .mainMenuSet:hover { border-color : #cf000d ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 2px ; color : #CF000D ; padding-bottom : 70px ; }
#dh_style_28_1615949331562 #hot > a { border-color : #cf000d ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 2px ; color : #CF000D ; padding-bottom : 70px ; }
#dh_style_28_1615949331562 .dhAreaSet { height : 70px ; }
#diy_none_obj .mainMenuSet { color : #FFFFFF ; }
#lang_style_13_1615908206115 { left : 23.096354166666664% ; position : absolute ; top : 33px ; width : 156px ; }
#image_style_01_1616052159777 { height : 45px ; left : 0.013888041178385416% ; position : absolute ; top : 29px ; width : 277px ; }
#image_style_01_1616052159777 > .view_contents { overflow : visible ; }
#comm_layout_header { display : block ; height : 100px ; z-index : 99999 ; }
#comm_layout_header > .view_contents { max-width : 1200px ; overflow : visible ; }
#banner_style_01_1579000289314 { height : 360px ; left : 0% ; position : absolute ; top : 0px ; width : 100% ; }
#layout_1579000289310 { height : 370px ; }
#layout_1579000289310 > .view_contents { overflow : visible ; }
#text_style_01_1617263317406 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 1.2910798122065728% ; line-height : 1.8 ; position : absolute ; top : 56px ; width : 97.41784037558685% ; z-index : 2 ; }
#text_style_01_1617263317406 > .view_contents { color : #CF000D ; font-size : 30px ; text-align : center ; }
#diy_none_obj > .view_contents { font-size : 24px ; font-size : 14px ; }
#div_a_includeBlock_1617263317191 { height : 197px ; left : 32.25% ; position : absolute ; top : 0px ; width : 35.5% ; z-index : 5 ; }
#image_style_11_1617263317209 { left : 0.125% ; position : absolute ; top : 199px ; width : 99.75% ; }
#image_style_11_1617263317209 > .view_contents { overflow : visible ; }
#layout_1617263317183 { height : 1204.0000076293945px ; }
#layout_1617263317183 > .view_contents { max-width : 1200px ; overflow : visible ; }
#layout_1579057105184 { height : 56px ; }
#layout_1579057105184 > .view_contents { max-width : 1200px ; overflow : visible ; }
#dh_style_28_1617710777033 { left : 18.013888041178387% ; position : absolute ; top : 56.5px ; width : 64% ; z-index : 999 ; }
#dh_style_28_1617710777033 > .view_contents { overflow : visible ; }
#dh_style_28_1617710777033 .mainMenuSet { background : transparent ; color : #FFFFFF ; font-size : 14px ; font-weight : normal ; }
#dh_style_28_1617710777033 .mainMenuSet:hover { color : #FFFFFF ; }
#dh_style_28_1617710777033 #hot > a { color : #FFFFFF ; }
#text_style_01_1617710777039 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 0.08333333333333334% ; line-height : 1.8 ; position : absolute ; top : 128px ; width : 31.916666666666664% ; }
#text_style_01_1617710777039 > .view_contents { color : #FFFFFF ; font-size : 14px ; }
#text_style_01_1617710777043 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 40.000002543131515% ; line-height : 1.8 ; position : absolute ; top : 128px ; width : 30% ; }
#text_style_01_1617710777043 > .view_contents { color : #FFFFFF ; font-size : 14px ; text-align : center ; }
#text_style_01_1617710777050 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 67.58333587646484% ; line-height : 1.8 ; position : absolute ; top : 128px ; width : 32.25% ; }
#text_style_01_1617710777050 > .view_contents { color : #FFFFFF ; font-size : 14px ; text-align : right ; }
#div_a_includeBlock_1617710776920 { height : 189px ; left : 0% ; position : absolute ; top : 0px ; width : 1200px ; }
#div_a_includeBlock_1617710776920 > .view_contents { overflow : visible ; }
#text_style_01_1617710776927 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 26.263888041178383% ; line-height : 1.8 ; position : absolute ; top : 204px ; width : 47.5% ; }
#text_style_01_1617710776927 > .view_contents { color : #FFFFFF ; font-size : 14px ; text-align : center ; }
#layout_1617710776918 { background : #333333 ; height : 252px ; z-index : 99999 ; }
#layout_1617710776918 > .view_contents { max-width : 1200px ; overflow : visible ; }
#layout_1617710776918:active { background : #333333 ; }
#layout_1617710776918 .view_contents:active { background : #333333 ; }
#comm_layout_footer { height : 1px ; z-index : 99999 ; }
#comm_layout_footer > .view_contents { max-width : 1200px ; }
.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_1615949331562.clearTransform { transform : none!important ; }
#dh_style_28_1615949331562 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 8px ; top : 0 ; }
.lang-list { padding : 8px 15px ; }
.lang-list > span { padding : 0 5px ; }
.lang-list > .lang-item { font-size : 14px ; }
#lang_style_13_1615908206115 .arrowDown { border-top : 6px solid #333 ; }
#lang_style_13_1615908206115 .lang-list { text-align :  ; }
.imgStyle { box-sizing : border-box ; font-size : 0 ; height : 100% ; overflow : hidden ; width : 100% ; }
#image_style_01_1616052159777 .CompatibleImg img { height : 100% ; width : 100% ; }
#image_style_01_1616052159777 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_1579000289314 .bannerStyle_1 .main_image .img-item .img_0 { background : url('https://cdn.yun.sooce.cn/6/30157/jpg/1615860589188f9119cc47e672979.jpg?imageMogr2/thumbnail/1800x&version=1615860578') center top no-repeat ; }
#banner_style_01_1579000289314 .bannerStyle_1 .main_image .img-item span { background-size : 100% auto!important ; }
#banner_style_01_1579000289314 .hide_img { display : none ; vertical-align : top ; width : 100% ; }
#banner_style_01_1579000289314 .bannerStyle_1 .main_image .img-item a { position : relative ; z-index : 10 ; }
#banner_style_01_1579000289314 .main_image li img { height : auto ; width : 100% ; }
.imgStyle_11 { clear : both ; height : 100% ; position : relative ; width : 100% ; }
.imgStyle_11 ul { display : -webkit-flex ; display : -moz-flex ; display : flex ; flex-wrap : wrap ; justify-content : space-between ; width : 100% ; }
.imgStyle_11 ul li.imgItems { background : #f6f6f6 ; box-sizing : border-box ; margin-bottom : 10px ; overflow : hidden !important ; position : relative ; width : 19% ; }
.imgStyle_11 ul li .ratio { margin-top : 100% ; width : 100% ; }
.imgStyle_11 ul li:hover .noimgLoadLate { -moz-transform : scale(1.1) ; -ms-transform : scale(1.1) ; -o-transform : scale(1.1) ; -webkit-transform : scale(1.1) ; transform : scale(1.1) ; z-index : 2 ; }
.imgStyle_11 ul li .theimgdiv { -moz-transition : all ease .3s ; -ms-transition : all ease .3s ; -o-transition : all ease .3s ; -webkit-transition : all ease .3s ; background-position-x : 50% !important ; background-position-y : 50% !important ; background-repeat : no-repeat !important ; background-size : auto 100% !important ; height : 100% ; left : 0 ; position : absolute ; top : 0 ; transition : all ease .3s ; width : 100% ; }
.imgStyle_11 ul li:hover .theimgdiv { -moz-transform : scale(1.1) ; -ms-transform : scale(1.1) ; -o-transform : scale(1.1) ; -webkit-transform : scale(1.1) ; transform : scale(1.1) ; z-index : 2 ; }
.imgStyle_11 ul li a img { -moz-transform : translate(-50%,-50%) ; -moz-transition : all ease .3s ; -ms-transform : translate(-50%,-50%) ; -ms-transition : all ease .3s ; -o-transform : translate(-50%,-50%) ; -o-transition : all ease .3s ; -webkit-transform : translate(-50%,-50%) ; -webkit-transition : all ease .3s ; height : 100% ; left : 50% ; position : absolute ; top : 50% ; transform : translate(-50%,-50%) ; transition : all ease .3s ; width : auto ; z-index : 100 ; }
.imgStyle_11 ul li a .bbx-new-font { align-items : center ; display : flex ; height : 100% ; justify-content : center ; left : 0 ; position : absolute ; top : 0 ; width : 100% ; z-index : 100 ; }
.imgStyle_11 .imgView { width : 100% ; }
.imgStyle_11 .imgCont { height : 100% ; left : 0 ; overflow : hidden ; position : absolute ; top : 0 ; width : 100% ; }
.imgStyle_11 .theimgtext { color : black ; font-size : 14px ; height : 30px ; line-height : 30px ; overflow : hidden ; text-align : center ; text-overflow : ellipsis ; width : 100% ; word-break : keep-all ; }
.imgShowBox { background-color : rgba(0, 0, 0, 0.4) ; height : 100% ; left : 0 ; position : fixed ; top : 0 ; width : 100% ; z-index : 99999 ; }
.imgShowBox img { -moz-transform : translate(-50%,-50%) ; -o-transform : translate(-50%,-50%) ; -webkit-transform : translate(-50%,-50%) ; border : 20px solid #fff ; box-shadow : 0 0 10px rgba(0,0,0,.3) ; left : 50% ; max-width : 80% ; position : absolute ; top : 50% ; transform : translate(-50%,-50%) ; width : auto ; }
.imgShowBox .bbx-new-font { -moz-transform : translate(-50%,-50%) ; -o-transform : translate(-50%,-50%) ; -webkit-transform : translate(-50%,-50%) ; background : #fff ; border : 20px solid #fff ; box-shadow : 0 0 10px rgba(0,0,0,.3) ; left : 50% ; max-width : 80% ; padding : 0 20px ; position : absolute ; top : 50% ; transform : translate(-50%,-50%) ; width : auto ; }
.imgShowBox.scroll { overflow-x : hidden ; overflow-y : scroll ; }
.imgShowBox.scroll::-webkit-scrollbar { background : rgba(0,0,0,.05) ; background : rgba(0,0,0,.02) ; height : 6px ; width : 6px ; }
.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 { -moz-transform : translate(-50%,0%) ; -o-transform : translate(-50%,0%) ; -webkit-transform : translate(-50%,0%) ; margin-bottom : 5% ; top : 5% ; transform : translate(-50%,0%) ; }
.pos_fixed { position : fixed ; width : 100% ; }
.imgButton { -moz-transform : translateX(-50%) ; -ms-transform : translateX(-50%) ; -o-transform : translateX(-50%) ; -webkit-transform : translateX(-50%) ; align-items : center ; bottom : 15% ; display : -webkit-flex ; display : -moz-flex ; display : flex ; flex-wrap : nowrap ; justify-content : space-between ; left : 50% ; max-width : 400px ; position : fixed ; transform : translateX(-50%) ; width : 70% ; }
.imgButton span { -moz-transition : all ease .3s ; -ms-transition : all ease .3s ; -o-transition : all ease .3s ; -webkit-transition : all ease .3s ; box-shadow : 0 0 6px rgba(0,0,0,.2) ; cursor : pointer ; display : inline-block ; transition : all ease .3s ; }
.imgButton span:hover { opacity : .8 ; }
.imgButton span i { color : inherit ; font-size : inherit ; line-height : inherit ; }
.imgButton span.prevImg, .imgButton span.nextImg, .imgButton span.closeShowPic { background-color : #FFF ; border-radius : 100% ; box-sizing : border-box ; font-family : serif ; font-size : 40px ; height : 50px ; line-height : 50px ; text-align : center ; width : 50px ; }
.imgButton span.prevImg, .imgButton span.nextImg { font-size : 26px ; height : 40px ; line-height : 40px ; text-align : center ; width : 40px ; }
#image_style_11_1617263317209 .imgStyle_11 .imgCont { height : calc(100% - 30px) ; }
#image_style_11_1617263317209 ul li .ratio { float : left ; margin-top : calc(100%) ; }
#image_style_11_1617263317209 ul li { width : 23.5% ; }
#image_style_11_1617263317209 ul li.imgItems { margin-bottom : 2% ; }
#dh_style_28_1617710777033.clearTransform { transform : none!important ; }
#dh_style_28_1617710777033 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 8px ; top : 0 ; }
.bottomMenu { bottom : 0 ; box-sizing : border-box ; display : none ; position : fixed ; width : 100% ; z-index : 999999 ; }
.bottomMenu ul { -ms-flex-align : center ; -webkit-align-items : center ; -webkit-box-align : center ; align-items : center ; background-color : #FFFFFF ; border-top : 1px solid #ddd ; box-shadow : 0 0px 6px rgba(0,0,0,.1) ; box-sizing : border-box ; display : -webkit-box ; display : -webkit-flex ; display : -ms-flexbox ; display : flex ; height : 50px ; position : relative ; width : 100% ; }
.bottomMenu ul li { -ms-flex : 1 ; -webkit-box-flex : 1 ; -webkit-flex : 1 ; box-sizing : border-box ; flex : 1 ; padding-top : 0!important ; position : relative ; }
.bottomMenu ul li a { display : inline-block ; height : 100% ; width : 100% ; }
.bottomMenu ul li .menuItem { position : relative ; }
.bottomMenu ul li .menuItem.iconTxt { top : 5% ; }
.bottomMenu ul li .menuItem.txt { -moz-transform : translateY(-50%) ; -ms-transform : translateY(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) ; top : 50% ; transform : translateY(-50%) ; }
.bottomMenu ul li .menuItem.icon { top : 20% ; }
.bottomMenu ul li .menuIco { box-sizing : border-box ; height : 26px ; margin : 0 auto 4px ; overflow : hidden ; padding-top : 2px ; width : auto ; }
.bottomMenu ul li .menuIco img { box-sizing : border-box ; height : 100% ; object-fit : scale-down ; width : 100% ; }
.bottomMenu ul li .menuName { color : #666666 ; font-family : Microsoft YaHei ; font-size : 12px ; line-height : 1 ; margin : auto ; text-align : center ; white-space : nowrap ; }
.bottomMenu ul li .submenuItems { background-color : #FFF ; border : 1px solid #ddd ; bottom : 48px ; box-shadow : 0 0px 6px rgba(0,0,0,.1) ; position : absolute ; text-align : center ; width : 100% ; z-index : 999999 ; }
.bottomMenu ul li .submenuItems a { border-bottom : 1px solid #ddd ; color : #333 ; display : block ; font-size : 12px ; height : 36px ; line-height : 36px ; }
@media screen and (min-width:640px) { #dh_style_28_1615949331562 .maxWidth { max-width : px ; }
#dh_style_28_1615949331562 .menuUl li #menuLogo { height : px ; margin-left : px ; margin-right : px ; }
#dh_style_28_1615949331562 .subBox .sublm { width : calc(100% -(px + px) - 20px) ; }
#dh_style_28_1615949331562 .subBox .subImgsbox { height : px ; width : calc((px + px) + 20px) ; }
#dh_style_28_1617710777033 .maxWidth { max-width : px ; }
#dh_style_28_1617710777033 .menuUl li #menuLogo { height : px ; margin-left : px ; margin-right : px ; }
#dh_style_28_1617710777033 .subBox .sublm { width : calc(100% -(px + px) - 20px) ; }
#dh_style_28_1617710777033 .subBox .subImgsbox { height : px ; width : calc((px + px) + 20px) ; }}