/*----------------------电脑板式样式----------------------*/ /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { } #banner_style_01_1569727610403{width:34.25%;height:307px;position:absolute;top:96px;left:5.75%;} @media screen and (min-width:641px) and (max-width:1200px) {#banner_style_01_1569727610403{}} @media screen and (max-width:640px) {#banner_style_01_1569727610403{width:80.53333333333333%;height:226px;top:76px;left:9.733333333333334%;}} #homelink_style_02_1569728749822{width:53.666666666666664%;position:absolute;top:32px;left:5.75%;} @media screen and (min-width:641px) and (max-width:1200px) {#homelink_style_02_1569728749822{}} @media screen and (max-width:640px) {#homelink_style_02_1569728749822{width:96%;top:17px;left:2%;}} #homelink_style_02_1569728749822 .tabItemSet {font-family:Arial;font-size:15px;} #text_style_01_1569728996334{width:20.5%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:96px;left:49.20833333333333%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1569728996334{width:258px;}} @media screen and (max-width:640px) {#text_style_01_1569728996334{width:96%;font-size:12px;color:#333;line-height:1.6;top:342px;left:2%;}} #text_style_01_1569728996334>.view_contents {font-family:Arial;font-size:30px;font-weight:bold;color:#2d76ba;} #text_style_01_1569729363007{width:47.41666666666667%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:189px;left:49.20833333333333%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1569729363007{}} @media screen and (max-width:640px) {#text_style_01_1569729363007{width:96%;font-size:12px;color:#333;line-height:1.6;top:400px;left:2%;}} #text_style_01_1569729363007>.view_contents {font-family:Arial;font-size:18px;} #text_style_01_1569729575354{width:30.833333333333336%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:321px;left:49.20833333333333%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1569729575354{}} @media screen and (max-width:640px) {#text_style_01_1569729575354{width:96%;font-size:12px;color:#333;line-height:1.6;top:550px;left:2%;}} #text_style_01_1569729575354>.view_contents {font-family:Arial;font-size:28px;font-weight:bold;color:#000000;} #image_style_01_1569730210857{width:61.083333333333336%;height:1071px;position:absolute;top:420px;left:19.458333333333332%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1569730210857{height:841px;}} @media screen and (max-width:640px) {#image_style_01_1569730210857{width:96%;height:500px;top:604px;left:2%;}} #image_style_01_1569730210857 > .view_contents{overflow:visible;} #image_style_01_1569730361102{width:61.083333333333336%;height:822px;position:absolute;top:1491px;left:19.458333333333332%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1569730361102{left:calc(50% - 288.5px);top:1261px;height:645px;}} @media screen and (max-width:640px) {#image_style_01_1569730361102{width:96%;height:384px;top:1104px;left:2%;}} #image_style_01_1569730361102 > .view_contents{overflow:visible;} #image_style_01_1569730545902{width:61.083333333333336%;height:1070px;position:absolute;top:2312px;left:19.458333333333332%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1569730545902{left:calc(50% - 287.5px);top:1906px;width:575px;height:840px;}} @media screen and (max-width:640px) {#image_style_01_1569730545902{width:96%;height:500px;top:1489px;left:2%;}} #image_style_01_1569730545902 > .view_contents{overflow:visible;} #image_style_01_1569730624909{width:61%;height:1071px;position:absolute;top:3382px;left:19.541666666666664%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1569730624909{left:calc(50% - 287.5px);top:2746px;height:840px;}} @media screen and (max-width:640px) {#image_style_01_1569730624909{width:96%;height:501px;top:1990px;left:2%;}} #image_style_01_1569730624909 > .view_contents{overflow:visible;} #layout_1481159436328{height:4536px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1481159436328{height:3615px;}} @media screen and (max-width:640px) {#layout_1481159436328{height:2519px;}} #layout_1481159436328 > .view_contents{max-width:1200px;} #text_style_01_1569737190845{width:16.666666666666664%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:30px;left:41.66666666666667%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1569737190845{width:201px;left:calc(50% - 100.5px);top:31px;}} @media screen and (max-width:640px) {#text_style_01_1569737190845{width:96%;font-size:12px;color:#333;line-height:1.6;top:10px;left:2%;}} #text_style_01_1569737190845>.view_contents {font-family:Arial;font-size:30px;font-weight:bold;color:#2d76ba;} @media screen and (max-width:640px) { #text_style_01_1569737190845>.view_contents {font-size:18px;}} #text_style_01_1569737295781{width:17.25%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:122px;left:16.932291666666664%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1569737295781{width:207px;left:13.64329268292683%;top:122px;}} @media screen and (max-width:640px) {#text_style_01_1569737295781{width:96%;font-size:12px;color:#333;line-height:1.6;top:48px;left:2%;}} #text_style_01_1569737295781>.view_contents {font-family:Arial;font-size:20px;font-weight:bold;} @media screen and (max-width:640px) { #text_style_01_1569737295781>.view_contents {font-size:18px;}} #text_style_01_1569737665409{width:20.916666666666668%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:122px;left:65.59895833333333%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1569737665409{width:253px;top:122px;left:64.53638653234358%;}} @media screen and (max-width:640px) {#text_style_01_1569737665409{width:96%;font-size:12px;color:#333;line-height:1.6;top:86px;left:2%;}} #text_style_01_1569737665409>.view_contents {font-family:Arial;font-size:20px;font-weight:bold;} @media screen and (max-width:640px) { #text_style_01_1569737665409>.view_contents {font-size:18px;}} #download_style_01_1569739393109{width:37.333333333333336%;position:absolute;top:184px;left:6.291666666666666%;} @media screen and (min-width:641px) and (max-width:1200px) {#download_style_01_1569739393109{width:395px;left:3.5160392364793216%;top:184px;}} @media screen and (max-width:640px) {#download_style_01_1569739393109{width:96%;top:124px;left:2%;}} #download_style_01_1569739529180{width:41.66666666666667%;position:absolute;top:184px;left:55.223958333333336%;} @media screen and (min-width:641px) and (max-width:1200px) {#download_style_01_1569739529180{width:384px;left:57.59212619300106%;top:184px;}} @media screen and (max-width:640px) {#download_style_01_1569739529180{width:96%;top:207px;left:2%;}} #layout_1569737205873{height:455px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1569737205873{}} @media screen and (max-width:640px) {#layout_1569737205873{height:290px;}} #layout_1569737205873 > .view_contents{overflow:visible;max-width:1200px;} #download_style_01_1569739023693{width:56.58333333333333%;position:absolute;top:85px;left:21.708333333333336%;} @media screen and (min-width:641px) and (max-width:1200px) {#download_style_01_1569739023693{width:585px;left:calc(50% - 292.5px);top:75px;}} @media screen and (max-width:640px) {#download_style_01_1569739023693{width:96%;top:48px;left:2%;}} #text_style_01_1569739700896{width:16.75%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:3px;left:41.625%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1569739700896{width:202px;left:calc(50% - 101px);top:4px;}} @media screen and (max-width:640px) {#text_style_01_1569739700896{width:96%;font-size:12px;color:#333;line-height:1.6;top:10px;left:2%;}} #text_style_01_1569739700896>.view_contents {font-family:Arial;font-size:30px;font-weight:bold;color:#2d76ba;} @media screen and (max-width:640px) { #text_style_01_1569739700896>.view_contents {font-size:18px;}} #layout_1569738246449{height:705px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1569738246449{}} @media screen and (max-width:640px) {#layout_1569738246449{height:305px;}} #layout_1569738246449 > .view_contents{overflow:visible;max-width:1200px;} #floornavigation_style_01_1569730707809{width:210px;z-index:9999;position:fixed;top:409px;left:calc(50% + -598px);} @media screen and (min-width:641px) and (max-width:1200px) {#floornavigation_style_01_1569730707809{z-index:999999;width:21.875%;height:72px;top:105px;left:1.1963149522799577%;}} @media screen and (max-width:640px) {#floornavigation_style_01_1569730707809{width:55.26315789473685%;z-index:999999;top:141px;left:44.53333333333334%;height:72px;}} #floornavigation_style_01_1569730707809 > .view_contents{overflow:visible;} body, li, ul, ol, dl, dt, dd, form, input, textarea, h1, h2, h3, h4, h5, h6, p, select{ font-family: Arial; } body{-ms-text-size-adjust: 100% !important;-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;} .bannerStyle_1{width:100%; height:100%; position:relative;} .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{position:absolute; bottom:20px; left:0; z-index:999; width:100%; height:14px; text-align:center; z-index: 105;} .bannerStyle_1 div.flicking_con a{width:14px; height:14px; padding:0; background:none; border:1px solid white; display:inline-block; box-sizing:border-box; margin:0 3px; border-radius:100%; } .bannerStyle_1 div.flicking_con a.on{background:white; border:0;} .bannerStyle_1 .btn_prev,.bannerStyle_1 .btn_next{z-index:11111; position:absolute; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display:none;text-align: center;line-height: 1;font-size: 60px;color: #999;padding:0 20px;font-family: Arial;} .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{padding: 0 3px;box-sizing: border-box;} .bannerStyle_1 .ground_glass{display:none; position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; z-index:998; background-color:#fff;} @media screen and (min-width:326px) and (max-width:767px){ .bannerStyle_1 div.flicking_con a{width: 9px; height: 9px;} .bannerStyle_1 .btn_prev,.bannerStyle_1 .btn_next{font-size: 36px;padding:0 12px;} } @media screen and (max-width:640px){ .bannerStyle_1 div.flicking_con a{width: 9px; height: 9px;} } .bannerStyle_1 .main_image .img-list{width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0} .bannerStyle_1 .main_image .img-item{position:absolute; width:100%; height:100%; display:block; top:0;} .bannerStyle_1 .main_image .img-item span{display:block; width:100%; height:100%; background-size:cover !important;} .bannerStyle_1 .main_image .img-item a{display:block; width:100%; height:100%; overflow: hidden;box-sizing: border-box;} .bannerStyle_1.rotate-3d .img-part{ position: absolute; top: 0; width: calc(20% + 1px); height: 100%; background-color: #fff; transition: all .7s; transform-style: preserve-3d; } .bannerStyle_1.rotate-3d .img-part .img{ width: 100%; height: 100%; position: absolute; background-size: 500% auto; } .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{ position:absolute; width:100%; height:100%; left:0; top:0; display:block; z-index: 100;} #banner_style_01_1569727610403 .bannerStyle_1 .main_image .img-item .img_0{background: url('../img/upimages/20190929114325763.png') center top no-repeat;} #banner_style_01_1569727610403 .bannerStyle_1 .main_image .img-item .img_1{background: url('../img/upimages/20190929101115773.png') center top no-repeat;} #banner_style_01_1569727610403 .bannerStyle_1 .main_image .img-item .img_2{background: url('../img/upimages/20190929101114855.jpg') center top no-repeat;} #banner_style_01_1569727610403 .bannerStyle_1 .ground_glass{} #banner_style_01_1569727610403 .bannerStyle_1 .main_image .img-item span{background-size:auto 100%!important;} @media screen and (min-width:641px) and (max-width:1200px) { #banner_style_01_1569727610403 .bannerStyle_1 .main_image .img-item span{background-size:auto 100%!important;} } @media screen and (max-width:640px) { #banner_style_01_1569727610403 .bannerStyle_1 .main_image .img-item span{background-size:auto 100%!important;} } #banner_style_01_1569727610403 .hide_img{ display: none; width: 100%; vertical-align: top;} #banner_style_01_1569727610403 .bannerStyle_1 .main_image .img-item a{ position: relative; z-index: 10; } #banner_style_01_1569727610403 .main_image li img{width: auto;height: 100%;margin: 0;position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} @media screen and (min-width:641px) and (max-width:1200px) { #banner_style_01_1569727610403 .main_image li img{width: auto;height: 100%;margin: 0;position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} } @media screen and (max-width:640px) { #banner_style_01_1569727610403 .main_image li img{width: auto;height: 100%;margin: 0;position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} } .homelink_style02 { width: 100%;} .homelink_style02 .link_ul{font-size: 0;} .homelink_style02 .link_li { display: inline-block; position: relative; vertical-align: middle; font-size: 0;} .homelink_style02 .home-icon{ width: 20px; display: inline-block; vertical-align: middle;margin-right: 8px;} .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 { padding: 0 20px; position: relative; font-size: 14px; vertical-align: middle; box-sizing: border-box;} .homelink_style02 .link_li span{ color: #666;z-index: 100; font-size: 14px; vertical-align: middle;} .homelink_style02 .link_li.on>a,.homelink_style02 .link_li>a:hover{ color: #08f;} @media screen and (max-width:767px){ .homelink_style02 .link_ul{overflow-x: scroll;} .homelink_style02 .link_ul::-webkit-scrollbar{display: none;} .homelink_style02 .link_li .groupName{display: none;} }#homelink_style_02_1569728749822 .breadcrumb > li + li:before { content: "//\00a0"; } #homelink_style_02_1569728749822 .home-icon{width: px;} @media screen and (min-width:641px) and (max-width:1200px) { #homelink_style_02_1569728749822 .home-icon{width: px;} } @media screen and (max-width:640px) { #homelink_style_02_1569728749822 .home-icon{width: px;} } .imgStyle{font-size:0;} #image_style_01_1569730210857 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1569730210857 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1569730210857 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1569730210857 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_1569730361102 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1569730361102 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1569730361102 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1569730361102 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_1569730545902 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1569730545902 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1569730545902 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1569730545902 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_1569730624909 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1569730624909 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1569730624909 .CompatibleImg img{width:100%; height:100%}} #image_style_01_1569730624909 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) { } .download_style01>ul{ padding: 0; list-style: none; } .download_style01>ul>li{ box-sizing: border-box; clear: both; } .download_style01 .mia_li_item{box-sizing:border-box;padding: 12px;margin-bottom: 20px;font-size: 0;overflow: hidden;height: 100%;} .download_style01>ul>li .dow_img{ width: 120px; height: auto; float: left; box-sizing: border-box; background-color: #16c663; border: 10px solid #ebedf1; border-radius:80px; display: flex; justify-content: center; align-items: center; line-height: 100px; overflow: hidden; } .download_style01>ul>li img{ width: 100%; } .download_style01 .contect{ overflow: hidden; display: inline-block; width: calc(100% - 120px); } .download_style01>ul>li .title{ display: block; color: #111111; font-weight: bold; line-height: 28px; font-size: 16px; font-family: Arial; text-decoration: none; float: left; padding-left: 12px; } .download_style01>ul>li .title:hover{ text-decoration: underline; } .download_style01>ul>li .contect .brief{ display: block; font-size: 12px; color: #818182; font-family: Arial; clear: both; float: left; padding: 8px 0 8px 12px; } .download_style01 .contect .issinfo{ font-size: 12px; color: #bbbbbb; font-family: Arial; clear: both; float: left; } .download_style01 .contect>.issinfo>span{ margin-left: 12px; line-height: 28px; } .download_style01>ul>li .download{ width: 90px; height: 28px; line-height: 28px; float: right; border-width: 1px; border-style: solid; box-sizing: border-box; color: white; font-size: 12px; font-family: Arial; background-color: #16c663; text-align:center; } .download_style01>ul>li>.contect>hr{ clear: both; border-top-width: 0; border-bottom: #dddddd solid 1px; } .download_style01 .page_btn{ margin:0; } .download_style01 .autor{float:right;line-height:26px;color:#bbbbbb;} @media screen and (max-width: 480px) { .download_style01>ul>li .dow_img{ width: 60px; } .download_style01 .contect{ width: calc(100% - 60px); } .download_style01>ul>li .download{ display: none; } .download_style01>ul>li .contect .brief{ display: none; } .download_style01>ul>li{ clear: both; margin-bottom: 0px; } .download_style01>ul>li .title{ font-size: 14px; margin: 8px 0; float: left; } .download_style01>ul>li .issinfo{ margin-top: -10px; clear: both; } } #download_style_01_1569739393109 .download_style01>ul>li .dow_img{width:px;height:autopx;} #download_style_01_1569739393109 .download_style01>ul>li .contect{width:calc(100% - px);} @media screen and (max-width: 1024px){ #download_style_01_1569739393109 .download_style01>ul>li .dow_img{width:px;height:autopx;} #download_style_01_1569739393109 .download_style01>ul>li .contect{width:calc(100% - px);} } @media screen and (max-width: 768px){ #download_style_01_1569739393109 .download_style01>ul>li .dow_img{width:px;height:autopx;} #download_style_01_1569739393109 .download_style01>ul>li .contect{width:calc(100% - px);} } #download_style_01_1569739529180 .download_style01>ul>li .dow_img{width:px;height:autopx;} #download_style_01_1569739529180 .download_style01>ul>li .contect{width:calc(100% - px);} @media screen and (max-width: 1024px){ #download_style_01_1569739529180 .download_style01>ul>li .dow_img{width:px;height:autopx;} #download_style_01_1569739529180 .download_style01>ul>li .contect{width:calc(100% - px);} } @media screen and (max-width: 768px){ #download_style_01_1569739529180 .download_style01>ul>li .dow_img{width:px;height:autopx;} #download_style_01_1569739529180 .download_style01>ul>li .contect{width:calc(100% - px);} } #download_style_01_1569739023693 .download_style01>ul>li .dow_img{width:px;height:autopx;} #download_style_01_1569739023693 .download_style01>ul>li .contect{width:calc(100% - px);} @media screen and (max-width: 1024px){ #download_style_01_1569739023693 .download_style01>ul>li .dow_img{width:px;height:autopx;} #download_style_01_1569739023693 .download_style01>ul>li .contect{width:calc(100% - px);} } @media screen and (max-width: 768px){ #download_style_01_1569739023693 .download_style01>ul>li .dow_img{width:px;height:autopx;} #download_style_01_1569739023693 .download_style01>ul>li .contect{width:calc(100% - px);} } .floorNavStyle_1 *{/* 添加动画会导致闪烁 -webkit-transition: all linear .2s; -moz-transition: all linear .2s; -o-transition: all linear .2s; transition: all linear .2s; */ box-sizing: border-box;} .floorNavStyle_1{display: none;} /*right 右中*/ .floorNavStyle_1.right{position: fixed; right: 30px; bottom: 50%; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%);} .floorNavStyle_1.right .navItems{position: relative; cursor: pointer; height: 40px;} .floorNavStyle_1.right .navItems:after{content: ''; display: block; clear: both;} .floorNavStyle_1.right .navItems .navName{position: absolute; top: -6px; right: 30px; height: 28px; line-height: 28px; padding: 0 1em; opacity: 0; float: left; white-space: nowrap; background: #08f; color: #fff;} /*.floorNavStyle_1.right .navItems .navName:after{content: ''; display: block; width: 0px; height: 0px; border-bottom: 14px solid transparent; border-top: 14px solid transparent; border-left: 14px solid #08f; font-size: 0px; line-height: 0px; position: absolute; right: -14px; top: 0;}*/ .floorNavStyle_1.right .navItems i.crIco{display: block; float: left; width: 14px; height: 14px; border-radius: 100%; border: 1px solid #666; background: none;} .floorNavStyle_1.right .navItems:hover i.crIco, .floorNavStyle_1.right .navItems.current i.crIco{background: #08f; border: 0;} .floorNavStyle_1.right .navItems:hover .navName, .floorNavStyle_1.right .navItems.current .navName{right: 25px; opacity: 1;} /*rightB 右下*/ .floorNavStyle_1.rightB{bottom: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} /*rightT 右上*/ .floorNavStyle_1.rightT{bottom: auto; top: 30px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} /*left 左中*/ .floorNavStyle_1.left{position: fixed; left: 30px; bottom: 50%; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%);} .floorNavStyle_1.left .navItems{position: relative; cursor: pointer; height: 40px;} .floorNavStyle_1.left .navItems:after{content: ''; display: block; clear: both;} .floorNavStyle_1.left .navItems .navName{position: absolute; top: -6px; left: 30px; height: 28px; line-height: 28px; padding: 0 1em; opacity: 0; float: left; white-space: nowrap; background: #08f; color: #fff;} /*.floorNavStyle_1.left .navItems .navName:after{content: ''; display: block; width: 0px; height: 0px; border-bottom: 14px solid transparent; border-top: 14px solid transparent; border-right: 14px solid #08f; font-size: 0px; line-height: 0px; position: absolute; left: -14px; top: 0;}*/ .floorNavStyle_1.left .navItems i.crIco{display: block; float: left; width: 14px; height: 14px; border-radius: 100%; border: 1px solid #666; background: none;} .floorNavStyle_1.left .navItems:hover i.crIco, .floorNavStyle_1.left .navItems.current i.crIco{background: #08f; border: 0;} .floorNavStyle_1.left .navItems:hover .navName, .floorNavStyle_1.left .navItems.current .navName{left: 25px; opacity: 1;} /*leftB 左下*/ .floorNavStyle_1.leftB{bottom: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} /*leftT 左上*/ .floorNavStyle_1.leftT{bottom: auto; top: 30px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);} /*bottom 下*/ .floorNavStyle_1.bottom{position: fixed; left: 50%; bottom: 30px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .floorNavStyle_1.bottom .navItems{position: relative; cursor: pointer; height: 14px; float: left; margin: 0 10px;} .floorNavStyle_1.bottom .navItems:after{content: ''; display: block; clear: both;} .floorNavStyle_1.bottom .navItems .navName{position: absolute; top: -45px; left: 50%; height: 28px; line-height: 28px; padding: 0 1em; opacity: 0; float: left; white-space: nowrap; background: #08f; color: #fff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} /*.floorNavStyle_1.bottom .navItems .navName:after{content: ''; display: block; width: 0px; height: 0px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-top: 14px solid #08f; font-size: 0px; line-height: 0px; position: absolute; left: 50%; bottom:-8px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}*/ .floorNavStyle_1.bottom .navItems i.crIco{display: block; float: left; width: 14px; height: 14px; border-radius: 100%; border: 1px solid #666; background: none;} .floorNavStyle_1.bottom .navItems.current i.crIco{background: #08f; border: 0;} .floorNavStyle_1.bottom .navItems.current .navName{top: -40px; opacity: 1;} /*top 上*/ .floorNavStyle_1.top{position: fixed; left: 50%; top: 30px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .floorNavStyle_1.top .navItems{position: relative; cursor: pointer; height: 14px; float: left; margin: 0 10px;} .floorNavStyle_1.top .navItems:after{content: ''; display: block; clear: both;} .floorNavStyle_1.top .navItems .navName{position: absolute; top: 30px; left: 50%; height: 28px; line-height: 28px; padding: 0 1em; opacity: 0; float: left; white-space: nowrap; background: #08f; color: #fff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} /*.floorNavStyle_1.top .navItems .navName:after{content: ''; display: block; width: 0px; height: 0px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 14px solid #08f; font-size: 0px; line-height: 0px; position: absolute; left: 50%; top:-8px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}*/ .floorNavStyle_1.top .navItems i.crIco{display: block; float: left; width: 14px; height: 14px; border-radius: 100%; border: 1px solid #666; background: none;} .floorNavStyle_1.top .navItems.current i.crIco{background: #08f; border: 0;} .floorNavStyle_1.top .navItems.current .navName{top: 25px; opacity: 1;} @media screen and (max-width: 640px) { .floorNavStyle_1{display: none !important;} } /* 风格2 3 4 */