body { -ms-text-size-adjust : 100% !important ; -webkit-text-size-adjust : 100% !important ; background-position : left top ; text-size-adjust : 100% !important ; }
#dh_style_01_1482562315212 { display : block ; font-size : 12px ; left : 0% ; position : absolute ; top : 250px ; width : 100% ; z-index : 2 ; }
#dh_style_01_1482562315212 > .view_contents { overflow : visible ; }
#dh_style_01_1482562315212 .columnSet { font-size : 12px ; }
#dh_style_01_1482562315212 .mainMenuSet { background : transparent ; bg-hover-color : #f4f4f4 ; border-bottom-color : #f13a3a ; border-bottom-style : none ; border-bottom-width : 1px ; border-radius : initial ; font-size : 16px ; font-weight : normal ; }
#dh_style_01_1482562315212 .mainMenuSet:hover { background : #f4f4f4 ; border-bottom-color : #e49c9f ; border-bottom-style : solid ; border-bottom-width : 1px ; border-radius : 5px ; color : #E49C9F ; }
#dh_style_01_1482562315212 #hot > a { background : #f4f4f4 ; border-bottom-color : #e49c9f ; border-bottom-style : solid ; border-bottom-width : 1px ; border-radius : 5px ; color : #E49C9F ; }
#dh_style_01_1482562315212 #hot > a:hover { border-bottom-color : #e49c9f ; border-bottom-style : solid ; border-bottom-width : 1px ; }
#dh_style_01_1482562315212 .columnSet:hover { border-bottom-color : #f25959 ; border-bottom-style : none ; border-bottom-width : 2px ; }
#dh_style_01_1482562315212 .subCurSet:hover { color : transparent ; text-align : left ; }
#dh_style_01_1482562315212 .subminSet:hover { color : transparent ; }
#dh_style_01_1482562315212 .subMenuSet:hover { background : #f4f4f4 ; border-bottom-color : #f25959 ; border-bottom-style : solid ; border-bottom-width : 1px ; border-radius : 5px ; color : #F25959 ; font-size : 14px ; }
#dh_style_01_1482562315212 .subMenuSet { background : #d7d7d7 ; border-bottom-color : #000000 ; border-bottom-style : none ; border-bottom-width : 1px ; border-radius : initial ; color : #000000 ; font-size : 14px ; }
#dh_style_01_1482562315212 .thrMenuSet { background : #afafaf ; }
#dh_style_01_1482562315212 .thrMenuSet:hover { background : #f4f4f4 ; }
#dh_style_01_1482562315212 .thrCurSet { background : #f4f4f4 ; }
#dh_style_01_1482562315212 .subCurSet { background : #f4f4f4 ; }
#dh_style_01_1482562315212 .modSet:hover { border-radius : 5px ; }
#dh_style_01_1482562315212 .modSet.selectedmodSet { border-radius : 5px ; }
#dh_style_01_1482562315212 #hot .aview { border-radius : 5px ; }
#dh_style_01_1482562315212 #subCurSet { border-radius : 5px ; }
#dh_style_01_1482562315212 .modSet { border-radius : 5px ; }
#dh_style_01_1482562315212 .icoMenuSet { border-radius : 5px ; }
#diy_none_obj .mainMenuSet { background : #ffffff ; }
#diy_none_obj .subMenuSet { background : #d7d7d7 ; color : #FFFFFF ; font-size : 14px ; }
#diy_none_obj .thrMenuSet { background : #afafaf ; }
#diy_none_obj #hot > a { border-bottom-color : #f25959 ; border-bottom-style : none ; border-bottom-width : 1px ; color : #E49C9F ; font-size : 16px ; }
#diy_none_obj .subMenuSet:hover { border-bottom-color : #f25959 ; border-bottom-style : solid ; border-bottom-width : 1px ; color : #F25959 ; font-size : 14px ; }
#diy_none_obj .subCurSet { background : transparent ; border-bottom-color : #f25959 ; border-bottom-style : solid ; border-bottom-width : 1px ; color : #F25959 ; font-size : 14px ; }
#diy_none_obj .mainMenuSet:hover { border-bottom-style : none ; border-left-style : none ; border-right-style : none ; border-top-style : none ; color : #E49C9F ; }
#diy_none_obj #hot > a:hover { border-bottom-style : none ; border-left-style : none ; border-right-style : none ; border-top-style : none ; color : #E49C9F ; }
#image_logo_1484187650559 { height : 130px ; left : 39.33333333333333% ; position : absolute ; top : 50px ; width : 21.333333333333336% ; }
#qqol_style_01_1488331977873 { left : 111.83333333333334% ; position : absolute ; top : 0px ; width : 17.5% ; }
#qqol_style_01_1488331977873 > .view_contents { overflow : visible ; }
#comm_layout_header { background : transparent url(../img/upimages/pkgimg/pkgimg/pkging/header_bg.png) ; background-repeat : no-repeat ; background-size : 100% auto ; height : 294px ; z-index : 2 ; }
#comm_layout_header > .view_contents { max-width : 1200px ; overflow : visible ; }
#image_style_01_1483155186626 { height : 262px ; left : 0% ; position : absolute ; top : 0px ; width : 100% ; }
#image_style_01_1483155186626 > .view_contents { overflow : visible ; }
#layout_1483154907951 { height : 262px ; }
#layout_1483154907951 > .view_contents { overflow : visible ; }
#text_style_02_1549952415907 { color : #333 ; font-family : microsoft yahei ; font-size : 46px ; left : 0% ; line-height : 50px ; position : absolute ; top : 50px ; width : 100% ; }
#text_style_02_1549952415907 > .view_contents { border-bottom-color : #333333 ; border-bottom-style : solid ; border-bottom-width : 1px ; border-top-color : #333333 ; border-top-style : solid ; border-top-width : 1px ; box-sizing : border-box ; color : #414141 ; font-family : NSimSun ; font-size : 35px ; font-weight : bold ; height : 60px ; line-height : 60px ; text-align : center ; }
#diy_none_obj > .view_contents { box-sizing : border-box ; font-size : 22px ; font-size : 18px ; height : 45px ; line-height : 45px ; }
#layout_1549952415904 { height : 110px ; }
#layout_1549952415904 > .view_contents { max-width : 1200px ; overflow : visible ; }
#banner_style_09_1549949168274 { height : 600px ; left : 0% ; position : absolute ; top : 50px ; width : 100% ; }
#layout_1484201302112 { height : 650px ; }
#layout_1484201302112 > .view_contents { max-width : 1200px ; overflow : visible ; }
#dh_style_menu2_01_1484201335065 { left : 0% ; position : absolute ; top : 0px ; width : 100% ; }
#dh_style_menu2_01_1484201335065 > .view_contents { overflow : visible ; }
#layout_1549949165227 { display : block ; height : 147px ; }
#layout_1549949165227 > .view_contents { max-width : 1200px ; overflow : visible ; }
#layout_1550771161884 { height : 50px ; }
#layout_1550771161884 > .view_contents { max-width : 1200px ; overflow : visible ; }
#image_style_01_1484188333895 { height : 130px ; left : 38.79166666666667% ; position : absolute ; top : 54.5px ; width : 21.3% ; }
#image_style_01_1484188333895 > .view_contents { overflow : visible ; }
#text_style_02_1484188516969 { color : #333 ; font-family : microsoft yahei ; font-size : 46px ; left : 0% ; line-height : 50px ; position : absolute ; top : 257.5px ; width : 100% ; }
#text_style_02_1484188516969 > .view_contents { border-top-color : #4e4b57 ; border-top-style : solid ; border-top-width : 1px ; box-sizing : border-box ; color : #9090A3 ; font-size : 12px ; text-align : center ; }
#comm_layout_footer { background : #3d3a44 url(../img/upimages/pkgimg/pkgimg/pkging/footer_bg.png) ; background-repeat : no-repeat ; background-size : 100% auto ; height : 337px ; }
#comm_layout_footer > .view_contents { max-width : 1200px ; }
.menuStyle_1 { position : relative ; width : 100% ; }
.menuStyle_1 * { -moz-transition : color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s ; -o-transition : color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s ; -webkit-transition : color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s ; box-sizing : border-box ; transition : color,font-size,background,background-color,line-height,height,border,border-radius,box-shadow,opacity,padding,margin ease .3s ; }
.menuStyle_1 .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_1 .rflex { -ms-flex : 1 ; -webkit-box-flex : 1 ; -webkit-flex : 1 ; flex : 1 ; float : left\0 ; position : relative ; }
.menuStyle_1 ul, .menuStyle_1 li { list-style : none ; margin : 0px ; padding : 0 ; }
.menuStyle_1 .menuLayout { margin : 0 auto ; position : relative ; width : 100% ; }
.menuStyle_1 .menuLayout:after { clear : both ; content : '' ; display : block ; }
.menuStyle_1 .menuUl_box { position : relative ; text-align : center ; width : 100% ; }
.menuStyle_1 .menuUl { position : relative ; text-align : center ; width : 100% ; }
.menuStyle_1 .menuUl li { position : relative ; }
.menuStyle_1 .menuUl li > a { box-sizing : border-box ; color : #4D5158 ; display : block ; font-size : 14px ; height : 44px ; letter-spacing : normal ; line-height : 44px ; padding : 0 1em\0 ; text-align : center ; text-decoration : none ; white-space : nowrap ; }
.menuStyle_1 .menuUl li > a:hover { color : #F90 ; }
.menuStyle_1 .menuUl #hot > a { color : #F90 ; }
.menuStyle_1 .menuLayout .miniMenu { display : none ; }
.menuStyle_1 .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) ; }
.menuStyle_1 .menuUl .rflex:hover .menuUl02 { display : block ; height : auto ; opacity : 1 ; }
.menuStyle_1 .menuUl02 .subMenu02 { float : none ; }
.menuStyle_1 .menuUl02 .subMenu02 a { color : #333 ; overflow : hidden ; padding : 0 15px ; text-overflow : ellipsis ; white-space : nowrap ; width : 130px ; }
#dh_style_01_1482562315212.clearTransform { transform : none!important ; }
#dh_style_01_1482562315212 .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 ; }
.clearfix:after { clear : both ; content : "." ; display : block ; height : 0 ; visibility : hidden ; }
.clearfix { zoom : 1 ; }
.online-service-style01 { display : none ; }
.online-service .wrapper { background-color : #FFF ; padding : 5px 0 ; }
.online-service .close, .online-service .button { -moz-user-select : none ; -o-user-select : none ; -webkit-user-select : none ; user-select : none ; }
.online-service.right .button div { padding-right : 5px ; text-align : right ; }
.online-service.left .button div { padding-left : 5px ; text-align : left ; }
.online-service .header, .online-service .footer { height : 25px ; line-height : 25px ; padding : 0 .5em ; }
.online-service .header { border-bottom : 1px solid #eee ; }
.online-service .footer { border-top : 1px solid #eee ; font-size : 12px ; }
.online-service.right .footer { text-align : right ; }
.online-service.left .footer { text-align : left ; }
.online-service .content { padding : .5em 1em ; }
.ol-qq-online .qq-btn { float : left ; margin-right : .5em ; }
.ol-qq-online .qq-btn img { float : left ; }
.ol-qq-online { line-height : 25px ; }
.ol-image img { width : 100% ; }
.online-service-style01 .qq-btn-mobile { display : none ; }
body > .online-service { display : block !important ; }
.imgStyle { box-sizing : border-box ; font-size : 0 ; height : 100% ; overflow : hidden ; width : 100% ; }
#image_style_01_1483155186626 .CompatibleImg img { height : auto ; margin-left : 0px ; width : 100% ; }
#image_style_01_1483155186626 a { cursor : default ; }
.imgStyle > a { height : 100% ; overflow : hidden ; width : 100% ; }
.imgStyle img { box-sizing : border-box ; }
.bannerStyle_9 { height : 100% ; position : relative ; width : 100% ; }
.bannerStyle_9 .main_visual { height : 100% ; overflow : hidden ; position : relative ; }
.bannerStyle_9 .main_image { height : 100% ; overflow : hidden ; position : relative ; }
.bannerStyle_9 .main_image ul { height : 100% ; left : 0 ; overflow : hidden ; position : absolute ; top : 0 ; width : 100% ; }
.bannerStyle_9 .main_image li { float : left ; height : 100% ; position : relative ; width : 100% ; }
.bannerStyle_9 .main_image li a { display : block ; height : 100% ; overflow : hidden ; position : relative ; width : 100% ; }
.bannerStyle_9 .main_image li a img { -moz-transform : translateX(-50%) ; -o-transform : translateX(-50%) ; -webkit-transform : translateX(-50%) ; height : 100% ; left : 50% ; position : absolute ; top : 0 ; transform : translateX(-50%) ; width : auto ; }
.bannerStyle_9 div.flicking_con { -moz-transform : translateX(-50%) ; -o-transform : translateX(-50%) ; -webkit-transform : translateX(-50%) ; bottom : 0px ; height : 65px ; left : 50% ; max-width : 1200px ; overflow : hidden ; position : absolute ; text-align : center ; text-overflow : ellipsis ; transform : translateX(-50%) ; white-space : nowrap ; width : 100% ; z-index : 999 ; }
.bannerStyle_9 div.flicking_con a.thexz { -moz-transition : all ease .3s ; -o-transition : all ease .3s ; -webkit-transition : all ease .3s ; background : rgba(255,255,255,.4) ; box-sizing : border-box ; float : left ; height : 100% ; margin : 0 1px ; overflow : hidden ; text-align : center ; transition : all ease .3s ; width : 50% ; }
.bannerStyle_9 div.flicking_con a.on > span { background : rgba(151,36,80,.8) ; color : #FFF ; }
.bannerStyle_9 div.flicking_con a.thexz > span { color : #FFF ; display : block ; font-size : 12px ; height : 100% ; line-height : 65px ; width : 100% ; }
.bannerStyle_9 #btn_prev, .bannerStyle_9 #btn_next { -moz-transform : translateY(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) ; border-radius : 100% ; display : none ; height : 30px ; opacity : .5 ; position : absolute ; top : 50% ; transform : translateY(-50%) ; transition : all .3s ; width : 30px ; z-index : 11111 ; }
.bannerStyle_9:hover #btn_prev, .bannerStyle_9:hover #btn_next { opacity : 1 ; }
.bannerStyle_9 #btn_prev { background : rgba(255,255,255,.5) url(../img/banner/style_09/hover_left.png) no-repeat center ; background-size : 80% ; left : 5px ; }
.bannerStyle_9 #btn_next { background : rgba(255,255,255,.5) url(../img/banner/style_09/hover_right.png) no-repeat center ; background-size : 80% ; right : 5px ; }
.bannerStyle_9 .miaoshu { display : block ; margin : 0 auto ; overflow : hidden ; padding : 0 10px ; width : calc(95% - 20px) ; }
.menu2Style_2 { position : relative ; width : 100% ; }
.menu2Style_2 * { -moz-transition : all ease .2s ; -o-transition : all ease .2s ; -webkit-transition : all ease .2s ; box-sizing : border-box ; transition : all ease .2s ; }
.menu2Style_2 ul, .menu2Style_2 li { list-style : none ; margin : 0px ; padding : 0 ; }
.menu2Style_2 .menu2Ul { position : relative ; text-align : center ; width : 100% ; }
.menu2Style_2 .menu2Ul li { position : relative ; }
.menu2Style_2 .menu2Ul li > a { border : 1px solid #8b5a5a ; box-sizing : border-box ; color : #8B5A5A ; display : block ; font-size : 14px ; height : 44px ; letter-spacing : normal ; line-height : 44px ; margin-bottom : 5px ; padding : 0 1em ; position : relative ; text-align : left ; text-decoration : none ; white-space : nowrap ; }
.menu2Style_2 .menu2Ul li > a i { -moz-transform : translateY(-50%) ; -o-transform : translateY(-50%) ; -webkit-transform : translateY(-50%) ; color : inherit ; font-size : inherit ; position : absolute ; right : 1em ; top : 50% ; transform : translateY(-50%) ; }
.menu2Style_2 .menu2Ul li > a:hover { background : #8b5a5a ; color : #FFF ; }
.menu2Style_2 .menu2Ul li > a:hover i { right : .5em ; }
.menu2Style_2 .menu2Ul a.subCurSet { background : #8b5a5a ; color : #FFF ; }
#image_style_01_1484188333895 .CompatibleImg img { height : auto ; margin-left : 0px ; width : 100% ; }
#image_style_01_1484188333895 a { cursor : default ; }