.miniMenu{display:none;} .menuStyle_10 .menuUl02 {opacity: 0; display: none; position: absolute; left: 50%; height: 0; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); background: #f5f5f5;} .menuStyle_10 .menuUl .rflex:hover .menuUl02 {opacity: 1; display: block; height: auto;} .menuStyle_10 .menuUl02 .subMenu02 { float: none; position: relative;} .menuStyle_10 .menuUl02 .subMenu02>a { display: block; color: #4d5158; width: 130px; font-size:14px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 15px;} .menuStyle_10 .menuUl02 .subMenu02>a:hover {background: #eee;} .menuStyle_10 .menuUl02 .subMenu02:hover .menuUl03{display: block;} .menuStyle_10 .menuUl03{position: absolute; background: #f5f5f5; left: 130px; top: 0; display: none;} .menuStyle_10 .menuUl03 .subMenu03{color: #333; width: 130px; padding: 0 15px; line-height: 40px;} .menuStyle_10 .menuUl03 .subMenu03:hover{background: #eee;} .menuStyle_10 .menuUl03 .subMenu03>a{ color: inherit; background: inherit; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .menuStyle_10 .rflex { position: relative;} @media screen and (max-width:640px) { .menuStyle_10 .menuUl, .menuStyle_10 .menuUl_box {display:none;} .menuStyle_10 .menuScroll{height: 84%; height: 84vh; width: 100%;} .menuStyle_10 .menuScroll>.menuUlCopy{width:100%; height: 100%; overflow-x: hidden; overflow-y: scroll; } .menuStyle_10 .menuLayout .miniMenu{display:block; position:relative; overflow:hidden; width: 100%; height:44px;} .menuStyle_10 .miniMenu .leftBox .sidebar{font-size:24px; line-height:44px; font-weight:normal;cursor:pointer;color:#4d5158; position:absolute; top:0; right:0px; width:44px; text-align:center;} .menuStyle_10 .miniMenu .leftBox .sidebar .fa{font-size: inherit; line-height: inherit; color: inherit;} .menuStyle_10 .miniMenu .leftBox .nav{width:100%; height:44px; } .menuStyle_10 .miniMenu.Mslide .leftBox .nav{border-bottom: 1px solid rgba(0,0,0,.05);} .menuStyle_10 .miniMenu .leftBox .menuUlCopy{padding:15px 0 15px 30px; clear: both;} .menuStyle_10 .miniMenu .leftBox .menuUlCopy .menuUlCopy{display: none;} .menuStyle_10 .miniMenu .leftBox .menuUlCopy li{width:100%; overflow: hidden;color:#4d5158;font-size:16px; line-height:44px;} .menuStyle_10 .miniMenu .leftBox .menuUlCopy li a{width:calc(100% - 50px); float: left; display:block; text-align:left;color:inherit; text-decoration:none; font-size:inherit; line-height:inherit; height: inherit; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;border-bottom:1px solid rgba(0,0,0,.1);} .menuStyle_10 .miniMenu .leftBox .menuUlCopy li .fa{color: inherit; display: none; font-size: inherit; float: left; width: 50px; text-align: center; line-height: inherit;} .menuStyle_10 .miniMenu .leftBox .menuUlCopy li .fa:active{background: rgba(0,0,0,.1);} .menuStyle_10 .menuLayout .miniMenu.Mslide{height:100% !important; height:100vh !important; background:rgba(255,255,255,.85); position: fixed; width: 100%; top: 0; left: 0;} .menuStyle_10 .menuLayout .miniMenu.Mslide .sidebar{color:#4d5158; background: rgba(0,0,0,.05);} .menuStyle_10 .menuLayout .miniMenu.Mslide .nav a{display:none !important;} } #image_logo_1516944405918{width:194px;height:54px;position:absolute;top:13px;left:0.8333333333333334%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_logo_1516944405918{left:0.6%;width:200px;top:14px;height:54px;}} @media screen and (max-width:640px) {#image_logo_1516944405918{width:146px;height:36px;top:4px;left:1.094258957654723%;}} .logoStyle *{box-sizing: border-box;} .logoStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;} .logoStyle>a{overflow: hidden; width: 100%;height: 100%; display: block;} #div_a_includeBlock_1517193662025{width:1200px;height:200px;position:absolute;top:80px;left:calc(50% - 600px);} @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1517193662025{width:99%;left:0.4766949152542373%;height:170px;}} @media screen and (max-width:640px) {#div_a_includeBlock_1517193662025{width:100%;height:20px;top:44px;left:0%;display:block;}} #div_a_includeBlock_1517193662025 {} #image_style_01_1517194253317 .CompatibleImg img{width:100%; height:100%}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1517194253317 .CompatibleImg img{width:100%; height:100%}}@media screen and (max-width:640px) {#image_style_01_1517194253317 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1517194253317 a{ cursor: default; } #image_style_01_1517194253317{width:21.083333333333336%;height:177px;position:absolute;top:10px;left:1.5833333333333335%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1517194253317{left:0.9408422459893049%;width:23.20855614973262%;top:15px;height:142px;}} @media screen and (max-width:640px) {#image_style_01_1517194253317{width:105px;height:73px;top:7px;left:2.96875%;display:none;}} #image_style_01_1517194253317 > .view_contents{overflow:visible;} .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;} .view_contents{position:relative; width:100%; margin:0 auto; padding:0; z-index:10; height:100%; overflow: hidden; box-sizing: border-box;/*添加后,模块的内边距和边框不会再溢出*/} #image_style_01_1517194744643{width:481px;height:135px;position:absolute;top:30px;left:53.25%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1517194744643{left:57.20086898395722%;width:41.283422459893046%;top:19.5px;}} @media screen and (max-width:640px) {#image_style_01_1517194744643{width:40%;height:37px;top:5.5px;left:57.275390625%;display:none;}} #image_style_01_1517194744643 > .view_contents{overflow:visible;} #image_style_01_1517194744643 .picSet {opacity:0.6;} @media screen and (max-width:640px) { #image_style_01_1517194744643 .picSet {opacity:0.8;}} #dh_style_10_1516944405907{width:767px;z-index:999;left:19.083333333333332%;top:18px;position:absolute;} @media screen and (min-width:641px) and (max-width:1200px) {#dh_style_10_1516944405907{width:520px;z-index:999;left:23.1%;top:18px;}} @media screen and (max-width:640px) {#dh_style_10_1516944405907{width:13.5%;z-index:999;left:86.4%;top:0px;display:block;}} #dh_style_10_1516944405907 > .view_contents{overflow:visible;} #dh_style_10_1516944405907 .mainMenuSet {color:#ffffff;font-size:16px;background:transparent;margin-left:10px;margin-right:10px;border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;} #dh_style_10_1516944405907 #hot>a {background:#53b9ed;} #dh_style_10_1516944405907 .subminSet {color:#191919;border-top-style:solid;border-top-width:0px;border-top-color:#ffffff;} #dh_style_10_1516944405907 .subMenuSet {color:#191919;background:#efefef;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#ffffff;} #dh_style_10_1516944405907 .thrMenuSet {border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#ffffff;border-left-style:solid;border-left-width:1px;border-left-color:#ffffff;} #dh_style_10_1516944405907 .mainMenuSet:hover {color:#ffff56;} #dh_style_10_1516944405907 .mainMenuSet:active {color:#ffff56;} #dh_style_10_1516944405907 .subMenuSet:hover {color:#ff5656;} #dh_style_10_1516944405907 .subMenuSet:active {color:#ff5656;} #dh_style_10_1516944405907 .thrMenuSet:active {color:#ff5656;} #dh_style_10_1516944405907 .thrMenuSet:hover {color:#ff5656;} #dh_style_10_1516944405907 .thrminSet {border-top-style:solid;border-top-width:0px;border-top-color:#ffffff;} @media screen and (max-width:640px) { #dh_style_10_1516944405907 .icoMenuSet {color:#ffffff;}} @media screen and (max-width:640px) { #dh_style_10_1516944405907 .columnSet {background:#666666;}} @media screen and (max-width:640px) { #dh_style_10_1516944405907 .mainMenuSet {padding-left:15px;}} @media screen and (max-width:640px) { #dh_style_10_1516944405907 .subMenuSet {color:#ffffff;padding-left:15px;background:#666666;}} #dh_style_10_1516944405907 .menuUl02 .subMenu02>a .fa{position: absolute;top: 0;right: 0;} #text_style_01_1517194534966{width:23.916666666666668%;font-size:32px;color:#333;line-height:1.8;font-family:瀹嬩綋;position:absolute;top:54px;left:24.666666666666668%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1517194534966{left:25.526403743315505%;width:29.946524064171122%;top:40px;}} @media screen and (max-width:640px) {#text_style_01_1517194534966{width:50.625%;top:4.5px;left:3.3935546875%;display:none;}} #text_style_01_1517194534966>.view_contents {box-sizing:border-box;font-family:Microsoft YaHei;color:#ffffff;font-size:38px;} #text_style_01_1517194534966 {opacity:0.8;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_01_1517194534966>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_01_1517194534966>.view_contents {box-sizing:border-box;font-size:22px;opacity:0.6;}} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{zoom:1} .online-service-style01{ display:none } .online-service .wrapper{ padding:5px 0; background-color:#fff } .online-service .close,.online-service .button{ -webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none; } .online-service.right .button div{ text-align:right; padding-right:5px } .online-service.left .button div{ text-align:left; padding-left:5px } .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% } /*----------------------电脑板式样式----------------------*/ body > .online-service{display:block !important;} /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { body > .online-service{display:block !important;} } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { body > .online-service{display:block !important;} } #text_default_1516948165375{width:15.25%;height:43px;position:absolute;top:21px;left:84%; } @media screen and (min-width:641px) and (max-width:1200px) {#text_default_1516948165375{width:172px;left:80.1%;top:20px;height:43px;}} @media screen and (max-width:640px) {#text_default_1516948165375{width:37.5%;height:19px;top:14px;left:49.8%;}} @media screen and (max-width: 640px){ .menuStyle_10 .miniMenu .leftBox .menuUlCopy li{ width: 90%; } .menuStyle_10 .miniMenu .leftBox .menuUlCopy li .fa{ position: absolute; right: 0; } } @media screen and (max-width:640px){ #div_a_includeBlock_1516944405777{ width: 100% !important; } }