body { -ms-text-size-adjust : 100% !important ; -webkit-text-size-adjust : 100% !important ; background-position : left top ; text-size-adjust : 100% !important ; } #image_logo_1755676149669 { height : 45px ; left : 0% ; position : absolute ; top : 32px ; width : 18% ; } #dh_style_28_1755678725786 { left : 19.25% ; position : absolute ; top : 32px ; width : 65.91666666666667% ; z-index : 999 ; } #dh_style_28_1755678725786 > .view_contents { overflow : visible ; } #dh_style_28_1755678725786 .mainMenuSet { border-radius : 5px ; font-size : 16px ; font-weight : normal ; margin-left : 5px ; margin-right : 5px ; } #dh_style_28_1755678725786 .mainMenuSet:hover { background : #531997 ; border-radius : 5px ; color : #FFFFFF ; } #dh_style_28_1755678725786 #hot > a { background : #531997 ; border-radius : 5px ; color : #FFFFFF ; } #dh_style_28_1755678725786 #hot .aview { background : #531997 ; border-radius : 5px ; color : #FFFFFF ; } #diy_none_obj .mainMenuSet { border-radius : initial ; font-size : 16px ; font-size : 14px ; line-height : 35px ; margin-bottom : 10px ; padding-left : 10px ; padding-right : 10px ; } #diy_none_obj .mainMenuSet:hover { border-radius : initial ; border-style : solid ; border-width : 0px ; } #diy_none_obj #hot > a { border-radius : initial ; border-style : solid ; border-width : 0px ; } #diy_none_obj #hot .aview { border-radius : initial ; border-style : solid ; border-width : 0px ; } #comm_layout_header { background : rgba(255,255,255,1) ; border-color : #f9fafb ; border-left : none !important ; border-right : none !important ; border-style : solid ; border-top : none !important ; border-width : 1px ; height : 108px ; z-index : 99999 ; } #comm_layout_header > .view_contents { max-width : 1200px ; overflow : visible ; } #homelink_style_02_1755769570760 { left : calc(50% - 600px) ; position : absolute ; top : 216px ; width : 1200px ; } #homelink_style_02_1755769570760 .tabItemSet { color : #0DB3B3 ; font-size : 32px ; font-weight : bold ; text-align : center ; } #diy_none_obj .tabItemSet { font-size : 20px ; } #layout_1755769570759 { background : url(https://cdn.img.sooce.cn/nicetuku/202206/17/jpg/1655456148971a726cf26ed7d6101e8349d77d931c578.jpg!1920) ; background-position : 50% 50% !important ; background-repeat : no-repeat!important ; background-size : 100% auto ; height : 358.2px ; } #layout_1755769570759 > .view_contents { background : rgba(0,0,0,0.4) ; overflow : visible ; } #titleText_style_05_1755767718686 { left : 0% ; position : absolute ; top : 80px ; width : 100% ; } #titleText_style_05_1755767718686 .lineshapeSet { background : linear-gradient(90deg,rgba(83,25,151,1),rgba(13,179,179,1)) ; padding-left : 40px ; padding-right : 40px ; } #titleText_style_05_1755767718686 .bigtitsSet { font-size : 32px ; font-weight : bold ; } #titleText_style_05_1755767718686 .lineshapesecSet { background : transparent ; } #diy_none_obj .bigtitsSet { font-size : 28px ; font-size : 18px ; font-size : 24px ; line-height : 1em ; padding-bottom : 10px ; padding-bottom : 3px ; text-align : left ; } #diy_none_obj .lineshapeSet { padding-left : 30px ; padding-left : 20px ; padding-right : 30px ; padding-right : 20px ; } #text_style_15_1755767718688 { left : 0% ; position : absolute ; top : 198px ; width : 46% ; } #text_style_15_1755767718688 > .view_contents { overflow : visible ; } #text_style_15_1755767718688 .infoTextSet { color : #666666 ; font-size : 14px ; height : 124px ; line-height : 25px ; padding-bottom : 0px ; } #text_style_15_1755767718688 .titleSet { color : #531997 ; font-size : 24px ; } #text_style_15_1755767718688 .modSet { padding-bottom : 10px ; } #diy_none_obj .titleSet { font-size : 20px ; font-size : 16px ; font-size : 12px ; font-size : 14px ; } #diy_none_obj .infoTextSet { font-size : 14px ; line-height : 25px ; } #diy_none_obj .modSet { border-radius : 5px ; margin-left : 5px ; margin-right : 5px ; padding-bottom : 0px ; padding-bottom : 15px ; padding-left : 15px ; padding-right : 15px ; padding-top : 15px ; } #image_style_01_1755767718689 { height : 400px ; left : 51% ; position : absolute ; top : 198px ; width : 550px ; z-index : 2 ; } #image_style_01_1755767718689 > .view_contents { overflow : visible ; } #image_style_01_1755767718689 .picSet { border-radius : 10px ; } #diy_none_obj .picSet { border-radius : 5px ; border-radius : 100px ; } #counter_style_3_1755767718691 { left : 0% ; position : absolute ; top : 491px ; width : 46% ; } #counter_style_3_1755767718691 > .view_contents { overflow : visible ; } #counter_style_3_1755767718691 .listBlocksSet { background : transparent ; } #counter_style_3_1755767718691 .modSet { background : #f9fafb ; border-radius : 10px ; margin-left : 10px ; margin-right : 10px ; } #counter_style_3_1755767718691 .titleSet { color : #333333 ; } #counter_style_3_1755767718691 .unitSet { background : transparent ; color : #531997 ; font-size : 14px ; font-weight : bold ; } #counter_style_3_1755767718691 .numhSet { color : #531997 ; } #image_style_01_1755767718692 { height : 141px ; left : 47.66666666666667% ; position : absolute ; top : 158px ; width : 12.25% ; } #image_style_01_1755767718692 > .view_contents { overflow : visible ; } #image_style_01_1755767718692 .picSet { border-color : #666666 ; border-radius : 150px ; border-style : none ; border-width : 0px ; } #image_style_01_1755767718693 { height : 141px ; left : 87.83333333333333% ; position : absolute ; top : 491px ; width : 12.2% ; } #image_style_01_1755767718693 > .view_contents { overflow : visible ; } #image_style_01_1755767718693 .picSet { border-color : #666666 ; border-radius : 150px ; border-style : none ; border-width : 0px ; } #layout_1755767718685 { height : 666px ; } #layout_1755767718685 > .view_contents { max-width : 1200px ; overflow : visible ; } #titleText_style_05_1755763526334 { left : 0% ; position : absolute ; top : 80px ; width : 100% ; } #titleText_style_05_1755763526334 .lineshapeSet { background : linear-gradient(90deg,rgba(83,25,151,1),rgba(13,179,179,1)) ; padding-left : 40px ; padding-right : 40px ; } #titleText_style_05_1755763526334 .bigtitsSet { font-size : 32px ; font-weight : bold ; } #titleText_style_05_1755763526334 .lineshapesecSet { background : transparent ; } #image_style_12_1_1755763526335 { left : 0% ; position : absolute ; top : 194px ; width : 100% ; } #image_style_12_1_1755763526335 > .view_contents { overflow : visible ; } #image_style_12_1_1755763526335 .titProSet { font-size : 17px ; font-weight : bold ; height : 30px ; padding-bottom : 5px ; padding-top : 10px ; text-align : left ; } #image_style_12_1_1755763526335 .defProSet { color : #666666 ; font-size : 13px ; height : 132px ; text-align : left ; } #image_style_12_1_1755763526335 .picSet { border-radius : initial ; } #image_style_12_1_1755763526335 .modSet { background : #ffffff ; border-bottom : none !important ; border-color : #bf0000 ; border-left : none !important ; border-radius : 10px ; border-right : none !important ; border-style : solid ; border-width : 3px ; box-shadow : #e5e5e5 0px 4px 6px ; padding-bottom : 30px ; padding-left : 30px ; padding-right : 30px ; padding-top : 30px ; } #image_style_12_1_1755763526335 .modSet:hover { box-shadow : #cccccc 0px 4px 8px ; } #image_style_12_1_1755763526335 .modSet.selectedmodSet { box-shadow : #cccccc 0px 4px 8px ; } #diy_none_obj .titProSet { font-size : 16px ; font-size : 14px ; padding-bottom : 0px ; padding-top : 5px ; } #diy_none_obj .defProSet { font-size : 14px ; font-size : 12px ; } #layout_1755763526333 { background : transparent ; height : 821px ; } #layout_1755763526333 > .view_contents { max-width : 1200px ; overflow : visible ; } #text_style_01_1781075326397 { color : #333 ; font-family : Microsoft YaHei ; font-size : 16px ; left : 33.166666666666664% ; line-height : 1.8 ; position : absolute ; top : 103px ; width : 66.83333333333333% ; z-index : 3 ; } #text_style_01_1781075326397 > .view_contents { color : #808080 ; font-size : 14px ; line-height : 32px ; text-align : justify ; } #diy_none_obj > .view_contents { font-size : 13px ; font-size : 14px ; line-height : 38px ; line-height : 26px ; line-height : 22px ; } #image_style_11_1781075326404 { left : 0% ; position : absolute ; top : 294.234375px ; width : 100% ; z-index : 2 ; } #image_style_11_1781075326404 > .view_contents { overflow : visible ; } #titleText_style_05_1781075326407 { left : 0% ; position : absolute ; top : 113px ; width : 31.5% ; z-index : 1 ; } #titleText_style_05_1781075326407 .bigtitsSet { color : #531997 ; font-family : "Microsoft YaHei",微软雅黑 ; font-size : 24px ; font-weight : bold ; line-height : 1em ; margin-bottom : 0px ; padding-bottom : 11px ; } #titleText_style_05_1781075326407 .minititsSet { color : #999999 ; font-family : Tahoma ; font-size : 14px ; margin-top : 0px ; } #diy_none_obj .minititsSet { font-family : Tahoma ; font-size : 14px ; margin-top : 0px ; text-align : left ; } #layout_1781075326396 { height : 848.2249908447266px ; } #layout_1781075326396 > .view_contents { max-width : 1200px ; overflow : visible ; } #titleText_style_05_1755763540614 { left : 0% ; position : absolute ; top : 80px ; width : 100% ; } #titleText_style_05_1755763540614 .lineshapeSet { background : linear-gradient(90deg,rgba(83,25,151,1),rgba(13,179,179,1)) ; padding-left : 40px ; padding-right : 40px ; } #titleText_style_05_1755763540614 .bigtitsSet { font-size : 32px ; font-weight : bold ; } #titleText_style_05_1755763540614 .lineshapesecSet { background : transparent ; } #image_style_11_1755763540616 { left : 0% ; position : absolute ; top : 184px ; width : 100% ; } #image_style_11_1755763540616 > .view_contents { overflow : visible ; } #image_style_11_1755763540616 .modSet { background : transparent ; border-radius : 10px ; box-shadow : #e5e5e5 0px 4px 6px ; } #layout_1755763540613 { background : transparent ; height : 445px ; } #layout_1755763540613 > .view_contents { max-width : 1200px ; overflow : visible ; } #text_style_01_1755758637903 { color : #333 ; font-family : Microsoft YaHei,微软雅黑 ; font-size : 16px ; left : 0% ; line-height : 1.75 ; position : absolute ; top : 127px ; width : 24.833333333333332% ; } #text_style_01_1755758637903 > .view_contents { color : #999999 ; } #image_style_28_1755758750933 { left : 0% ; position : absolute ; top : 202px ; width : 17.583333333333336% ; } #image_style_28_1755758750933 > .view_contents { overflow : visible ; } #image_style_28_1755758750933 .imgSet { background : transparent ; border-radius : initial ; padding-bottom : 0px ; padding-left : 0px ; padding-right : 0px ; padding-top : 0px ; } #image_style_28_1755758750933 .titleSet { font-size : 12px ; } #text_style_01_1755759319783 { color : #333 ; font-family : Microsoft YaHei,微软雅黑 ; font-size : 16px ; left : 28.125% ; line-height : 1.75 ; position : absolute ; top : 61.5px ; width : 17.916666666666668% ; } #text_style_01_1755759319783 > .view_contents { color : #FFFFFF ; font-size : 18px ; font-weight : bold ; } #text_style_01_1755759393389 { color : #333 ; font-family : Microsoft YaHei,微软雅黑 ; font-size : 16px ; left : 51.125% ; line-height : 1.75 ; position : absolute ; top : 61.5px ; width : 17.916666666666668% ; } #text_style_01_1755759393389 > .view_contents { color : #FFFFFF ; font-size : 18px ; font-weight : bold ; } #text_style_01_1755759418646 { color : #333 ; font-family : Microsoft YaHei,微软雅黑 ; font-size : 16px ; left : 73% ; line-height : 1.75 ; position : absolute ; top : 61.5px ; width : 27% ; } #text_style_01_1755759418646 > .view_contents { color : #FFFFFF ; font-size : 18px ; font-weight : bold ; } #footerCustom_footerDh_01_1755759473573 { left : 28.125% ; position : absolute ; top : 127px ; width : 9.333333333333334% ; z-index : 999 ; } #footerCustom_footerDh_01_1755759473573 > .view_contents { overflow : visible ; } #footerCustom_footerDh_01_1755759473573 .mainMenuSet { color : #999999 ; line-height : 28px ; text-align : left ; } #footerCustom_textlist_01_1755759759957 { left : 51.125% ; position : absolute ; top : 115px ; width : 11.833333333333334% ; } #footerCustom_textlist_01_1755759759957 .twoSet { color : #999999 ; font-size : 16px ; line-height : 25px ; text-align : left ; } #footerCustom_textlist_01_1755759759957 .oneSet { color : #999999 ; text-align : left ; } #footerCustom_textlist_01_1755759759957 .modSet { background : transparent ; } #diy_none_obj .oneSet { font-size : 14px ; line-height : 40px ; } #diy_none_obj .twoSet { font-size : 14px ; line-height : 20px ; } #image_style_13_1_1755760003150 { left : 73% ; position : absolute ; top : 127px ; width : 27% ; } #image_style_13_1_1755760003150 > .view_contents { overflow : visible ; } #image_style_13_1_1755760003150 .titleSet { color : #999999 ; line-height : 20px ; } #copyright_style_01_1755760360985 { left : 0% ; position : absolute ; top : 345px ; width : 100% ; } #copyright_style_01_1755760360985 > .view_contents { overflow : visible ; } #text_style_01_1781080534079 { color : #333 ; font-family : Microsoft YaHei,微软雅黑 ; font-size : 16px ; left : -0.008333841959635418% ; line-height : 1.75 ; position : absolute ; top : 61.50001525878906px ; width : 17.916666666666668% ; } #text_style_01_1781080534079 > .view_contents { color : #FFFFFF ; font-size : 18px ; font-weight : bold ; } #comm_layout_footer { background : #1a1a2e ; height : 401px ; z-index : 99999 ; } #comm_layout_footer > .view_contents { max-width : 1200px ; } .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 ; } .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_1755678725786.clearTransform { transform : none!important ; } #dh_style_28_1755678725786 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 8px ; top : 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_1755769570760 .breadcrumb > li + li:before { content : "//\00a0"; } #homelink_style_02_1755769570760 .home-icon{width: 20px;} @media screen and (min-width:641px) and (max-width:1200px) { #homelink_style_02_1755769570760 .home-icon{width: 20px;} } @media screen and (max-width:640px) { #homelink_style_02_1755769570760 .home-icon{width: 20px;} } #homelink_style_02_1755769570760 .homelink_style02 .link_ul{text-align:center;} .titleStyle_5 .view_cont{position: relative;} .titleStyle_5 .titletop{font-size: 28px;margin-bottom: 10px;position: relative;} .titleStyle_5 .titlebottom{font-size: 16px;color: #999;margin-top: 10px;position: relative;} .titleStyle_5 .btn_view {color: #333; display: inline-block;position: absolute;font-size: 14px;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);} .titleStyle_5 .line_view{position: relative;font-size: 0;} .titleStyle_5 .line_view .linelong{background-color: #eaeaea;width: 100%; height: 1px;position: absolute;top: 1px;left: 0;z-index: 1;} .titleStyle_5 .line_view .lineshort{background-color: #53841D;width: 0;padding: 0 30px;height: 3px;position: relative;z-index: 99;display: inline-block;vertical-align: top;} @media screen and (max-width: 768px){ .titleStyle_5 .titletop{font-size: 18px;margin-bottom: 6px;} .titleStyle_5 .titlebottom{font-size: 12px;margin-top: 6px;} .titleStyle_5 .btn_view{font-size: 12px;} .titleStyle_5 .line_view .lineshort{height: 2px;padding: 0 20px;} } #titleText_style_05_1755767718686 .titleStyle_5 .view_cont{text-align: center;} .textList_default15 .title_view{overflow: hidden;} .textList_default15 .title{font-size: 16px;font-weight: bold;padding-bottom: 8px;} .textList_default15 .btn_view{max-width: 40px;float: right;} .textList_default15 .listBtn{box-sizing: border-box;border: 1px solid #999;color: #999;line-height: 22px;padding: 0px 3px;text-align: center;font-size: 20px;} .textList_default15 .listBtn .text{display: inline-block;width: 16px;line-height: inherit;} .textList_default15 .listBtn .text i{line-height: inherit;} .textList_default15 .info{font-size: 14px;padding-bottom: 24px;} .textList_default15 .info p{color: inherit;font-family: inherit;font-size: inherit;font-weight: inherit;font-style:inherit;text-decoration: inherit;line-height:inherit;} @media screen and (max-width:640px) { .textList_default15 .title{font-size: 14px;padding-bottom: 4px;} .textList_default15 .info{font-size: 12px;padding-bottom: 16px;} .textList_default15 .listBtn{line-height: 20px;padding: 0px 2px;font-size: 18px;} } .imgStyle{font-size:0;} #image_style_01_1755767718689 .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);}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1755767718689 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1755767718689 .CompatibleImg img{width:100%; height:auto; margin-left:0px}} #image_style_01_1755767718689 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) { } .counterStyle03 .numberUl{ display: flex; flex-wrap: wrap; padding: 0; box-sizing: border-box;background: rgb(39,139,243);} .counterStyle03 .li{ width: calc(100%/6);} .counterStyle03 .numberLi{ text-align: center; position:relative;} .counterStyle03 .number{padding-top:20px;} .counterStyle03 .number .span{ display: inline-block; vertical-align: top;} .counterStyle03 .number .num{ font-family: 'Courier New'; font-size: 50px; font-weight: bold; color: #fff;line-height:1;flex:1;} .counterStyle03 .number .unit{ font-size: 12px; color: #fff;margin-left: 2px;} .counterStyle03 .text{ font-size: 14px; margin-bottom: 20px; color: #fff;width:100%;box-sizing: border-box;} .counterStyle03 .numberLi .numberItem {box-sizing: border-box;overflow: hidden;} @media screen and (max-width:640px) { .counterStyle03 .number .num{ font-size: 30px;} } #counter_style_3_1755767718691 .li{ width: calc(100%/3);} #counter_style_3_1755767718691 .counterStyle03 .numberLi{text-align: ;} @media screen and (max-width:1200px) { #counter_style_3_1755767718691 .li{ width: calc(100%/3)} } @media screen and (max-width:640px) { #counter_style_3_1755767718691 .li{ width: calc(100%/3)} } #image_style_01_1755767718692 .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);}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1755767718692 .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);}}@media screen and (max-width:640px) {#image_style_01_1755767718692 .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_1755767718692 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) { } #image_style_01_1755767718693 .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);}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1755767718693 .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);}}@media screen and (max-width:640px) {#image_style_01_1755767718693 .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_1755767718693 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) { } #titleText_style_05_1755763526334 .titleStyle_5 .view_cont{text-align: center;} .imgStyle_12_1{ width:100%; } .imgStyle_12_1 *{ font-size:'微软雅黑'; } .imgStyle_12_1 .imgTextUl{ display:flex; justify-content: space-between; flex-wrap: wrap; } .imgStyle_12_1 .imgTextLi{ width:calc(100% / 3); margin-bottom:2%;box-sizing: border-box;} .imgStyle_12_1 .mia_li_item{box-sizing:border-box;overflow: hidden;height: 100%;} .imgStyle_12_1 .imgTBoxArea{position: relative;float: left;width: 186px;left: 50%;transform: translateX(-50%);max-width: 100%;} .imgStyle_12_1 .image-box{position: absolute;left: 0;right: 0;top: 0;bottom: 0;} .imgStyle_12_1 .imgTBox{ text-align: center;height: 100%;width: 100%;} .imgStyle_12_1 .imgTBox img.picFit{ display: inline-block; width:100%;height: 100%; box-sizing: border-box;border-radius: 100px;} .imgStyle_12_1 .imgTBox .bbx-new-font{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 100px; box-sizing: border-box; } .imgStyle_12_1 .cont{padding: 0 5px;clear: both;} .imgStyle_12_1 .cont .name{ text-align: center; font-size:16px; line-height:2;word-break: break-word;} .imgStyle_12_1 .cont .subName{ text-align: center; font-size:12px;word-break: break-word; white-space: pre-wrap;} .imgStyle_12_1 .cont .btn{width: auto;height: 30px;display: block;border: 1px solid #7d7d7d;line-height: 28px;color: #333;text-align: center;margin-left: 25%;margin-right: 25%;margin-top: 10px;word-break: break-all;overflow: hidden;} @media screen and (max-width: 768px){ .imgStyle_12_1 .imgBt{ font-size:16px; line-height:2.5;} .imgStyle_12_1 .cont .btn{margin-left: 5%;margin-right: 5%;} } #image_style_12_1_1755763526335 ul li{width: 23.5%;} #image_style_12_1_1755763526335 ul li.imgTextLi{margin-bottom:2%;} #image_style_12_1_1755763526335 ul li.imgTextLi .imgTBoxArea{width: 50px;} #image_style_12_1_1755763526335 .imgStyle_12_1 .imgTBoxArea{left:0;transform: unset;} #image_style_12_1_1755763526335 .imgStyle_12_1 .cont{padding: 0;} @media screen and (max-width: 1024px){ #image_style_12_1_1755763526335 ul li{width: 32%;} #image_style_12_1_1755763526335 ul li.imgTextLi{margin-bottom:2%;} #image_style_12_1_1755763526335 ul li.imgTextLi .imgTBoxArea{width: 50px;} } @media screen and (max-width: 768px){ #image_style_12_1_1755763526335 ul li{width: 100%;} #image_style_12_1_1755763526335 ul li.imgTextLi{margin-bottom:4%;} #image_style_12_1_1755763526335 ul li.imgTextLi .imgTBoxArea{width: 40px;} } .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;} @media screen and (max-width: 768px){ .imgStyle_11 ul li{width: 49%;} } #image_style_11_1781075326404 ul li .ratio{margin-top: 75%; float: left;} #image_style_11_1781075326404 ul li{width: 19.2%;} #image_style_11_1781075326404 ul li.imgItems{margin-bottom:1%;} .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: 1024px){ #image_style_11_1781075326404 ul li .ratio{margin-top: 75%; float: left;} #image_style_11_1781075326404 ul li{width: 47.5%;} #image_style_11_1781075326404 ul li.imgItems{margin-bottom:5%;} } @media screen and (max-width: 768px){ #image_style_11_1781075326404 ul li .ratio{margin-top: 75%; float: left;} #image_style_11_1781075326404 ul li{width: 48%;} #image_style_11_1781075326404 ul li.imgItems{margin-bottom:4%;} .imgShowBox img{border-width: 10px;} .imgShowBox.scroll img{top:5%; margin-bottom: 10vh;} } #titleText_style_05_1755763540614 .titleStyle_5 .view_cont{text-align: center;} #image_style_11_1755763540616 ul li .ratio{margin-top: 33.333333333333%; float: left;} #image_style_11_1755763540616 ul li{width: 7.3%;} #image_style_11_1755763540616 ul li.imgItems{margin-bottom:3%;} .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: 1024px){ #image_style_11_1755763540616 ul li .ratio{margin-top: 33.333333333333%; float: left;} #image_style_11_1755763540616 ul li{width: 23.5%;} #image_style_11_1755763540616 ul li.imgItems{margin-bottom:2%;} } @media screen and (max-width: 768px){ #image_style_11_1755763540616 ul li .ratio{margin-top: 33.333333333333%; float: left;} #image_style_11_1755763540616 ul li{width: 49%;} #image_style_11_1755763540616 ul li.imgItems{margin-bottom:2%;} .imgShowBox img{border-width: 10px;} .imgShowBox.scroll img{top:5%; margin-bottom: 10vh;} } .imgStyle_28{ width:100%; } .imgStyle_28 *{ font-size:'微软雅黑'; } .imgStyle_28 .imgTextUl{ display:flex; justify-content: space-between; flex-wrap: wrap; } .imgStyle_28 .imgItems{margin-bottom:2%;box-sizing: border-box;} .imgStyle_28 .mia_li_item{box-sizing:border-box;overflow: hidden;height: 100%;} .imgStyle_28 li{ width: 24%;} .imgStyle_28 .imgItems .left{width: 100%;} .imgStyle_28 .imgTBox{ text-align: center; float:left; display:inline-block;height: 100%;width: 100%;} .imgStyle_28 .imgTBox>img{display: inline-block;box-sizing: border-box;height: 100%;transition: all ease .3s;} .imgStyle_28 .imgTBox>.bbx-new-font{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .imgStyle_28 .cont{ float:right; display:inline-block;width: 100%;} .imgStyle_28 .title .name{width: 50%;float: left;font-size: 16px;font-weight: bold;vertical-align: bottom;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-word;padding: 5px 0;box-sizing: border-box;} .imgStyle_28 .title .subName{width: 50%;float: right;font-size: 12px;text-align: right;line-height: 24px;color: #f00;vertical-align: bottom;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-word;padding: 5px 0;box-sizing: border-box;} .imgStyle_28 .title{overflow: hidden;} .imgStyle_28 .imgDetail{color: #666;font-size: 14px;white-space: pre-wrap;word-wrap: break-word;text-align: center;padding: 5px 0;} .imgStyle_28 .left{position: relative;float: left;width: 100%;height: auto;background: #f6f6f6;overflow: hidden;box-sizing: border-box;} .imgStyle_28 .imgCont{position: absolute;left: 50%;top: 0;bottom: 0;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);} .imgStyle_28 .btn a {display: block;background: rgb(255,115,4);color: #fff;text-align: center;line-height: 2;} @media screen and (max-width: 768px){ .imgStyle_28 .title .name{width: 100%;} .imgStyle_28 .title .subName{width: 100%;float: left;text-align: left;} } #image_style_28_1755758750933 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_28_1755758750933 ul li .ratio{margin-top: calc(100%); float: left;} #image_style_28_1755758750933 ul li{width: 29.333333333333%;} #image_style_28_1755758750933 ul li.imgItems{margin-bottom:6%;} .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: 1024px){ #image_style_28_1755758750933 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_28_1755758750933 ul li .ratio{margin-top: calc(100%); float: left;} #image_style_28_1755758750933 ul li{width: 20.5%;} #image_style_28_1755758750933 ul li.imgItems{margin-bottom:6%;} } @media screen and (max-width: 768px){ #image_style_28_1755758750933 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_28_1755758750933 ul li .ratio{margin-top: calc(100%); float: left;} #image_style_28_1755758750933 ul li{width: 23.5%;} #image_style_28_1755758750933 ul li.imgItems{margin-bottom:2%;} .imgShowBox img{border-width: 10px;} .imgShowBox.scroll img{top:5%; margin-bottom: 10vh;} } .footerCustom_01{width:100%; position:relative;} .footerCustom_01 *{box-sizing: border-box;} .footerCustom_01 .miniMenu *, .footerCustom_01 .menuUl li *{ -webkit-transition-duration:.2s; -moz-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s; -webkit-transition-property:background,height,padding; -moz-transition-property:background,height,padding; -moz-transition-property:background,height,padding; transition-property:background,height,padding; -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; } .footerCustom_01 .dflex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .footerCustom_01 .rflex{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1; float: left\0 ; overflow : hidden ; white-space : nowrap ; } .footerCustom_01 ul, .footerCustom_01 li { list-style : none ; margin : 0px ; padding : 0 ; } .footerCustom_01 .menuLayout { margin : 0 auto ; position : relative ; width : 100% ; } .footerCustom_01 .menuLayout:after { clear : both ; content : '' ; display : block ; } .footerCustom_01 .menuUl_box { position : relative ; text-align : center ; width : 100% ; } .footerCustom_01 .menuUl { position : relative ; text-align : center ; width : 100% ; } .footerCustom_01 .menuUl > li { position : relative ; } .footerCustom_01 .menuUl > li > a { background : rgba(0,0,0,0.0) ; box-sizing : border-box ; color : #333D5F ; display : inline-block ; font-size : 16px ; letter-spacing : normal ; line-height : 44px ; max-width : 100% ; overflow : hidden ; padding : 0 ; padding : 0 1em\0 ; position : relative ; text-align : center ; text-decoration : none ; text-overflow : ellipsis ; white-space : nowrap ; width : 100% ; } .footerCustom_01 .menuUl > li > a span { color : rgba(0, 0, 0, .3) ; display : block ; font-size : 12px ; text-align : center ; width : 100% ; } .footerCustom_01 .menuUl #hot > a span { color : inherit ; } .footerCustom_01 .menuUl02 { left : 50% ; width : 100% ; } .footerCustom_01 .menuUl > li > #menuLogo { height : 85% ; } .footerCustom_01 .menuUl02 .subMenu02 { color : #333D5F ; font-size : 14px ; line-height : 28px ; position : relative ; } .footerCustom_01 .menuUl02 .subMenu02:hover > a { text-decoration : inherit ; } .footerCustom_01 .menuUl02 .subMenu02 > a { color : inherit ; display : inline-block ; font-size : inherit ; line-height : inherit ; max-width : 100% ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap ; } .footerCustom_01 .menuUl02 .subMenu02 > a .fa { float : right ; line-height : inherit ; padding-right : 6px ; } .footerCustom_01 .menuUl02 .subMenu02:hover .menuUl03 { display : block ; } .footerCustom_01 .menuUl02 .subMenu02:first-child { border-top-left-radius : 0px ; border-top-right-radius : 0px ; } .footerCustom_01 .menuUl02 .subMenu02:last-child { border-bottom-left-radius : 0px ; border-bottom-right-radius : 0px ; } .footerCustom_01 .menuUl03 { display : none ; left : 100% ; position : absolute ; top : 0 ; } .footerCustom_01 .menuUl03 .subMenu03 { line-height : 40px ; margin-left : 10px ; } .footerCustom_01 .menuUl03 .subMenu03 > a { background : #333d5f ; color : #17233D ; display : block ; overflow : hidden ; padding : 0 15px ; text-overflow : ellipsis ; white-space : nowrap ; } .footerCustom_01 .menuUl03 .subMenu03:first-child a { border-top-left-radius : 0px ; border-top-right-radius : 0px ; } .footerCustom_01 .menuUl03 .subMenu03:last-child a { border-bottom-left-radius : 0px ; border-bottom-right-radius : 0px ; } .footerCustom_01 .rflex { position : relative ; } .footerCustom_01 .maxWidth { margin : auto ; } .footerCustom_01 .subBox { background : rgba(238, 238, 238, 0.85) ; display : none ; left : 0 ; position : absolute ; width : 100% ; } .footerCustom_01 .subBox .subBoxContent { overflow : hidden ; padding : 15px ; text-align : left ; } .footerCustom_01 .subBox .subBoxContent .subItems { display : none ; overflow : hidden ; } .footerCustom_01 .subBox .sublm { float : left ; min-height : 10px ; width : calc(100% - 440px) ; } .footerCustom_01 .subBox .sublm > div { clear : both ; margin : 8px 0 ; overflow : hidden ; } .footerCustom_01 .subBox .subImgsbox { float : left ; height : 160px ; width : 440px ; } .footerCustom_01 .subBox .subImgsbox > a { display : block ; float : right ; height : 100% ; margin-left : 20px ; width : calc((100% - 20px)/2) ; } .footerCustom_01 .subBox .subImgsbox > a:last-child { margin-left : 0 ; } .footerCustom_01 .subBox .subImgsbox > a > div.subImg { background-repeat : no-repeat ; background-size : cover !important ; height : 100% ; overflow : hidden ; position : relative ; } .footerCustom_01 .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% ; } .footerCustom_01 .subBox p { float : left ; overflow : hidden ; } .footerCustom_01 .subBox p:first-child { margin-right : 10px ; width : 100px ; } .footerCustom_01 .subBox p:last-child { width : calc(100% - 110px) ; } .footerCustom_01 .subBox .subMenu02 { clear : both ; color : #17233D ; font-size : 14px ; line-height : 28px ; margin-bottom : 5px ; } .footerCustom_01 .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 ; } .footerCustom_01 .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 ; } .footerCustom_01 .showmobile { display : none ; } #footerCustom_footerDh_01_1755759473573 .menuUl02 .subMenu02 > a .fa { position : absolute ; right : 0 ; top : 0 ; } #footerCustom_footerDh_01_1755759473573 .footerCustom_01 .menuUl > li { max-width : calc(100% / 1) ; min-width : calc(100% / 1) ; } .footerText_01 { background : #a2a3e9 ; box-sizing : border-box ; padding-bottom : 10px ; padding-top : 5px ; position : relative ; width : 100% ; } .footerText_01 .text_list { display : flex ; flex-wrap : wrap ; } .footerText_01 .conDiv { align-items : center ; flex : 1 ; } .footerText_01 .conDiv .title_box { color : #FFF ; display : block ; font-size : 16px ; height : 40px ; line-height : 40px ; overflow : hidden ; text-align : center ; text-overflow : ellipsis ; white-space : nowrap ; } .footerText_01 .conDiv .sub_title { color : #FFF ; display : block ; font-size : 14px ; height : 30px ; line-height : 30px ; overflow : hidden ; text-align : center ; text-overflow : ellipsis ; white-space : nowrap ; } .footerText_01 .conDiv .title_box > a { color : inherit ; display : inline-block ; font-size : inherit ; line-height : inherit ; max-width : 100% ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap ; } .footerText_01 .conDiv .sub_title > a { color : inherit ; display : inline-block ; font-size : inherit ; line-height : inherit ; max-width : 100% ; overflow : hidden ; text-overflow : ellipsis ; white-space : nowrap ; } .footerText_01 .conDiv .sub_title:hover > a { text-decoration : inherit ; } #footerCustom_textlist_01_1755759759957 .footerText_01 .conDiv { max-width : calc(100% / 1) ; min-width : calc(100% / 1) ; } .imgStyle_13_1 { width : 100% ; } .imgStyle_13_1 * { font-size : '微软雅黑' ; } .imgStyle_13_1 .imgTextUl { display : flex ; flex-wrap : wrap ; justify-content : space-between ; } .imgStyle_13_1 .imgTextLi { box-sizing : border-box ; margin-bottom : 2% ; } .imgStyle_13_1 .mia_li_item { box-sizing : border-box ; height : 100% ; overflow : hidden ; } .imgStyle_13_1 li { width : 32% ; } .imgStyle_13_1 .imgTextLi .left { width : 130px ; } .imgStyle_13_1 .imgTBox { display : inline-block ; float : left ; height : 100% ; text-align : left ; width : 100% ; } .imgStyle_13_1 .imgTBox > img { box-sizing : border-box ; display : inline-block ; height : 100% ; width : 100% ; } .imgStyle_13_1 .imgTBox .bbx-new-font { align-items : center ; box-sizing : border-box ; display : flex ; height : 100% ; justify-content : center ; width : 100% ; } .imgStyle_13_1 .cont { display : inline-block ; float : right ; width : calc(100% - 130px) ; } .imgStyle_13_1 .name { font-size : 16px ; line-height : 2.5 ; padding : 0 10px ; word-break : break-word ; } .imgStyle_13_1 .subName { color : #666 ; font-size : 12px ; padding : 0 10px ; white-space : pre-wrap ; word-break : break-word ; } .imgStyle_13_1 .left { float : left ; height : auto ; position : relative ; width : 130px ; } .imgStyle_13_1 .image-box { bottom : 0 ; left : 0 ; overflow : hidden ; position : absolute ; right : 0 ; top : 0 ; } .imgStyle_13_1 .cont .btn { padding-left : 10px ; } .imgStyle_13_1 .cont .btnSet { border : 1px solid #7d7d7d ; color : #333 ; display : block ; height : 25px ; line-height : 25px ; margin-right : 40% ; margin-top : 10px ; overflow : hidden ; text-align : center ; width : auto ; word-break : break-all ; } #image_style_13_1_1755760003150 ul li { width : 100% ; } #image_style_13_1_1755760003150 ul li.imgTextLi { margin-bottom : 5% ; } #image_style_13_1_1755760003150 ul li.imgTextLi .left { width : 20px ; } #image_style_13_1_1755760003150 ul li.imgTextLi .cont { width : calc(100% - 20px) ; } .copyrightStyle01 { color : #999 ; font-family : "Microsoft YaHei",微软雅黑 ; font-size : 14px ; text-align : center ; } .copyrightStyle01 .copyright_view { display : inline ; padding-right : 10px ; } .copyrightStyle01 .icp_view { display : inline-block ; padding-right : 10px ; } .copyrightStyle01 .lw_view { display : inline-block ; } .copyrightStyle01 .lw_icon { margin-right : 4px ; vertical-align : top ; width : 18px ; } .copyrightStyle01 .line_view a { color : inherit ; } .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 : contain ; 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_1755678725786 .maxWidth { max-width : px ; } #dh_style_28_1755678725786 .menuUl li #menuLogo { height : px ; margin-left : px ; margin-right : px ; } #dh_style_28_1755678725786 .subBox .sublm { width : calc(100% -(px + px) - 20px) ; } #dh_style_28_1755678725786 .subBox .subImgsbox { height : px ; width : calc((px + px) + 20px) ; }}