/*----------------------电脑板式样式----------------------*/ /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { } #text_style_02_1502350231062{width:64.16666666666667%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:252px;left:17.916666666666668%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1502350231062{top:162px;left:9.75609756097561%;width:759px;}} @media screen and (max-width:640px) {#text_style_02_1502350231062{width:100%;top:68px;left:0%;}} #text_style_02_1502350231062>.view_contents {box-sizing:border-box;color:#eaeaea;font-size:25px;text-align:center;line-height:40px;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1502350231062>.view_contents {box-sizing:border-box;font-size:20px;}} @media screen and (max-width:640px) { #text_style_02_1502350231062>.view_contents {box-sizing:border-box;font-size:14px;line-height:30px;}} #text_style_01_1569393753631{width:30.833333333333336%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:173px;left:34.58333333333333%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1569393753631{left:calc(50% - 145.5px);top:97px;}} @media screen and (max-width:640px) {#text_style_01_1569393753631{width:96%;font-size:12px;color:#333;line-height:1.6;top:10px;left:2%;}} #text_style_01_1569393753631>.view_contents {color:#ffffff;font-size:35px;font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;font-weight:bold;text-align:center;} #layout_1502349743865{height:478px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1502349743865{height:315px;}} @media screen and (max-width:640px) {#layout_1502349743865{height:127px;}} #layout_1502349743865 > .view_contents{overflow:visible;max-width:1200px;} #layout_1502349743865 {background: url(../img/upimages/pkgimg/web/91791.jpg);background-repeat:no-repeat;background-size:100% auto;} #text_style_02_1502352311173{width:99.81311652281134%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:2px;left:0.1875%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1502352311173{}} @media screen and (max-width:640px) {#text_style_02_1502352311173{width:100%;top:0px;left:0%;}} #text_style_02_1502352311173>.view_contents {box-sizing:border-box;color:#909090;font-size:20px;line-height:30px;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1502352311173>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1502352311173>.view_contents {box-sizing:border-box;font-size:14px;line-height:20px;}} #text_style_02_1502352311188{width:99.81311652281134%;font-size:46px;color:#333;line-height:50px;font-family:microsoft yahei;position:absolute;top:32px;left:0.1875%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_02_1502352311188{}} @media screen and (max-width:640px) {#text_style_02_1502352311188{width:100%;top:25px;left:0%;}} #text_style_02_1502352311188>.view_contents {box-sizing:border-box;color:#262626;font-size:35px;line-height:40px;text-align:center;} @media screen and (min-width:641px) and (max-width:1200px) { #text_style_02_1502352311188>.view_contents {box-sizing:border-box;}} @media screen and (max-width:640px) { #text_style_02_1502352311188>.view_contents {box-sizing:border-box;font-size:25px;line-height:30px;}} #div_blank_1502352311199{width:6%;height:0px;position:absolute;top:87px;left:47.02093397745571%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_1502352311199{}} @media screen and (max-width:640px) {#div_blank_1502352311199{width:10%;height:1px;top:70px;left:45%;}} #div_blank_1502352311199 > .view_contents{overflow:visible;} #div_blank_1502352311199 {box-sizing:border-box;background:transparent;border-top-style:dotted;border-top-width:6px;border-top-color:#0066cc;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_1502352311199 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_1502352311199 {box-sizing:border-box;}} #div_includeBlock_1502352310997{width:51.74999999999999%;height:96px;position:absolute;top:50px;left:24.125%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_includeBlock_1502352310997{width:64.26299045599151%;left:17.868504772004243%;}} @media screen and (max-width:640px) {#div_includeBlock_1502352310997{width:96%;height:81px;top:30px;left:2.7548209366391188%;}} #image_style_11_1502354331406{width:94.08333333333333%;position:absolute;top:168px;left:2.9583333333333357%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_11_1502354331406{width:96%;left:2%;}} @media screen and (max-width:640px) {#image_style_11_1502354331406{width:96%;top:131px;left:2%;}} #image_style_11_1502354331406 > .view_contents{overflow:visible;} #image_style_11_1502354331406 .titSet {color:#ffffff;font-size:16px;background:#0066cc;} /*----------------------电脑板式样式----------------------*/ #image_style_11_1502354331406 .imgItems:hover{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_style_11_1502354331406{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #image_style_11_1502354331406{ } } #image_style_11_1575601037841{width:94.08333333333333%;position:absolute;top:800px;left:2.9583333333333335%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_11_1575601037841{width:96%;}} @media screen and (max-width:640px) {#image_style_11_1575601037841{width:96%;top:178px;left:4%;}} #image_style_11_1575601037841 > .view_contents{overflow:visible;} #image_style_11_1575601037841 .titSet {color:#ffffff;font-size:16px;background:#0066cc;} /*----------------------电脑板式样式----------------------*/ #image_style_11_1575601037841 .imgItems:hover{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_style_11_1575601037841{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #image_style_11_1575601037841{ } } #image_style_11_1575858228932{width:94.08333333333333%;position:absolute;top:1484px;left:2.9583333333333335%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_11_1575858228932{width:96%;}} @media screen and (max-width:640px) {#image_style_11_1575858228932{width:96%;top:810px;left:4%;}} #image_style_11_1575858228932 > .view_contents{overflow:visible;} #image_style_11_1575858228932 .titSet {color:#ffffff;font-size:16px;background:#0066cc;} /*----------------------电脑板式样式----------------------*/ #image_style_11_1575858228932 .imgItems:hover{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_style_11_1575858228932{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #image_style_11_1575858228932{ } } #div_blank_new01_1575858414802{width:99.91666666666667%;height:45px;position:absolute;top:1421px;left:0.125%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_new01_1575858414802{}} @media screen and (max-width:640px) {#div_blank_new01_1575858414802{width:24.752475247524753%;height:50px;top:0px;left:37.62376237623762%;}} #div_blank_new01_1575858414802 {box-sizing:border-box;background:#0066cc;} #div_blank_new01_1575858414802 .modSet {background:#0066cc;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_new01_1575858414802 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_new01_1575858414802 {box-sizing:border-box;}} #text_style_01_1575858504098{width:26.25%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:1421px;left:0.20833333333333334%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1575858504098{}} @media screen and (max-width:640px) {#text_style_01_1575858504098{width:50%;font-size:12px;color:#333;line-height:1.6;top:0px;left:25%;}} #text_style_01_1575858504098>.view_contents {font-size:25px;color:#ffffff;font-weight:normal;font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;} #div_blank_new01_1575858686490{width:99.91666666666667%;height:45px;position:absolute;top:1797px;left:0.0416666666666643%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_new01_1575858686490{}} @media screen and (max-width:640px) {#div_blank_new01_1575858686490{width:24.752475247524753%;height:50px;top:1431px;left:3.7953795379537953%;}} #div_blank_new01_1575858686490 {box-sizing:border-box;background:#0066cc;} #div_blank_new01_1575858686490 .modSet {background:#0066cc;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_new01_1575858686490 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_new01_1575858686490 {box-sizing:border-box;}} #text_style_01_1575858699949{width:26.25%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:1797px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1575858699949{}} @media screen and (max-width:640px) {#text_style_01_1575858699949{width:50%;font-size:12px;color:#333;line-height:1.6;top:1431px;left:4.125412541254125%;}} #text_style_01_1575858699949>.view_contents {font-size:25px;color:#ffffff;font-weight:normal;font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;} #image_style_11_1575859204859{width:94.08333333333333%;position:absolute;top:1863px;left:2.9583333333333335%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_11_1575859204859{width:96%;}} @media screen and (max-width:640px) {#image_style_11_1575859204859{width:96%;top:1494px;left:4%;}} #image_style_11_1575859204859 > .view_contents{overflow:visible;} #image_style_11_1575859204859 .titSet {color:#ffffff;font-size:16px;background:#0066cc;} /*----------------------电脑板式样式----------------------*/ #image_style_11_1575859204859 .imgItems:hover{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_style_11_1575859204859{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #image_style_11_1575859204859{ } } #div_blank_new01_1575859411669{width:99.91666666666667%;height:45px;position:absolute;top:2176px;left:0.0416666666666643%;} @media screen and (min-width:641px) and (max-width:1200px) {#div_blank_new01_1575859411669{}} @media screen and (max-width:640px) {#div_blank_new01_1575859411669{width:24.752475247524753%;height:50px;top:1807px;left:3.4653465346534658%;}} #div_blank_new01_1575859411669 {box-sizing:border-box;background:#0066cc;} #div_blank_new01_1575859411669 .modSet {background:#0066cc;} @media screen and (min-width:641px) and (max-width:1200px) { #div_blank_new01_1575859411669 {box-sizing:border-box;}} @media screen and (max-width:640px) { #div_blank_new01_1575859411669 {box-sizing:border-box;}} #text_style_01_1575859427194{width:26.25%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:2176px;left:0%;} @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1575859427194{}} @media screen and (max-width:640px) {#text_style_01_1575859427194{width:50%;font-size:12px;color:#333;line-height:1.6;top:1807px;left:3.3003300330033%;}} #text_style_01_1575859427194>.view_contents {font-size:25px;color:#ffffff;font-weight:normal;font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;} #image_style_11_1575861169604{width:94.08333333333333%;position:absolute;top:2246px;left:2.9583333333333357%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_11_1575861169604{width:96%;}} @media screen and (max-width:640px) {#image_style_11_1575861169604{width:96%;top:1873px;left:4%;}} #image_style_11_1575861169604 > .view_contents{overflow:visible;} #image_style_11_1575861169604 .titSet {color:#ffffff;font-size:16px;background:#0066cc;} /*----------------------电脑板式样式----------------------*/ #image_style_11_1575861169604 .imgItems:hover{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_style_11_1575861169604{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #image_style_11_1575861169604{ } } #image_style_11_1575861188999{width:94.08333333333333%;position:absolute;top:2876px;left:2.9583333333333335%;} @media screen and (min-width:641px) and (max-width:1200px) {#image_style_11_1575861188999{width:96%;}} @media screen and (max-width:640px) {#image_style_11_1575861188999{width:96%;top:2256px;left:4%;}} #image_style_11_1575861188999 > .view_contents{overflow:visible;} #image_style_11_1575861188999 .titSet {color:#ffffff;font-size:16px;background:#0066cc;} /*----------------------电脑板式样式----------------------*/ #image_style_11_1575861188999 .imgItems:hover{ } /*----------------------平板板式样式----------------------*/ @media screen and (min-width:641px) and (max-width:1200px) { #image_style_11_1575861188999{ } } /*----------------------手机板式样式----------------------*/ @media screen and (max-width:640px) { #image_style_11_1575861188999{ } } #layout_diy_1484042021{height:3503px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_diy_1484042021{height:682px;}} @media screen and (max-width:640px) {#layout_diy_1484042021{height:632px;}} #layout_diy_1484042021 > .view_contents{max-width:1200px;overflow:visible;} #layout_1496218744606{height:63px;} @media screen and (min-width:641px) and (max-width:1200px) {#layout_1496218744606{}} @media screen and (max-width:640px) {#layout_1496218744606{height:30px;}} #layout_1496218744606 > .view_contents{overflow:visible;max-width:1200px;} 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;} .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%;} } /*pc*/ #image_style_11_1502354331406 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1502354331406 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1502354331406 ul li{width: 30%;} #image_style_11_1502354331406 ul li.imgItems{margin-bottom:5%;} .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){/*ipad*/ #image_style_11_1502354331406 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1502354331406 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1502354331406 ul li{width: 32%;} #image_style_11_1502354331406 ul li.imgItems{margin-bottom:2%;} } @media screen and (max-width: 768px){/*mobi*/ #image_style_11_1502354331406 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1502354331406 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1502354331406 ul li{width: 49%;} #image_style_11_1502354331406 ul li.imgItems{margin-bottom:2%;} .imgShowBox img{border-width: 10px;} .imgShowBox.scroll img{top:5%; margin-bottom: 10vh;} } /*pc*/ #image_style_11_1575601037841 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1575601037841 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1575601037841 ul li{width: 30%;} #image_style_11_1575601037841 ul li.imgItems{margin-bottom:5%;} .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){/*ipad*/ #image_style_11_1575601037841 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1575601037841 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1575601037841 ul li{width: 32%;} #image_style_11_1575601037841 ul li.imgItems{margin-bottom:2%;} } @media screen and (max-width: 768px){/*mobi*/ #image_style_11_1575601037841 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1575601037841 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1575601037841 ul li{width: 49%;} #image_style_11_1575601037841 ul li.imgItems{margin-bottom:2%;} .imgShowBox img{border-width: 10px;} .imgShowBox.scroll img{top:5%; margin-bottom: 10vh;} } /*pc*/ #image_style_11_1575858228932 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1575858228932 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1575858228932 ul li{width: 30%;} #image_style_11_1575858228932 ul li.imgItems{margin-bottom:5%;} .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){/*ipad*/ #image_style_11_1575858228932 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1575858228932 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1575858228932 ul li{width: 32%;} #image_style_11_1575858228932 ul li.imgItems{margin-bottom:2%;} } @media screen and (max-width: 768px){/*mobi*/ #image_style_11_1575858228932 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1575858228932 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1575858228932 ul li{width: 49%;} #image_style_11_1575858228932 ul li.imgItems{margin-bottom:2%;} .imgShowBox img{border-width: 10px;} .imgShowBox.scroll img{top:5%; margin-bottom: 10vh;} } .blank_new01{width:100%;height:100%;} .blank_new01 .roundcs{width:100%;height:100%;background:rgba(7,126,244,0.7);box-sizing: border-box;} /*pc*/ #image_style_11_1575859204859 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1575859204859 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1575859204859 ul li{width: 30%;} #image_style_11_1575859204859 ul li.imgItems{margin-bottom:5%;} .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){/*ipad*/ #image_style_11_1575859204859 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1575859204859 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1575859204859 ul li{width: 32%;} #image_style_11_1575859204859 ul li.imgItems{margin-bottom:2%;} } @media screen and (max-width: 768px){/*mobi*/ #image_style_11_1575859204859 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1575859204859 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1575859204859 ul li{width: 49%;} #image_style_11_1575859204859 ul li.imgItems{margin-bottom:2%;} .imgShowBox img{border-width: 10px;} .imgShowBox.scroll img{top:5%; margin-bottom: 10vh;} } /*pc*/ #image_style_11_1575861169604 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1575861169604 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1575861169604 ul li{width: 30%;} #image_style_11_1575861169604 ul li.imgItems{margin-bottom:5%;} .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){/*ipad*/ #image_style_11_1575861169604 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1575861169604 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1575861169604 ul li{width: 32%;} #image_style_11_1575861169604 ul li.imgItems{margin-bottom:2%;} } @media screen and (max-width: 768px){/*mobi*/ #image_style_11_1575861169604 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1575861169604 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1575861169604 ul li{width: 49%;} #image_style_11_1575861169604 ul li.imgItems{margin-bottom:2%;} .imgShowBox img{border-width: 10px;} .imgShowBox.scroll img{top:5%; margin-bottom: 10vh;} } /*pc*/ #image_style_11_1575861188999 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1575861188999 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1575861188999 ul li{width: 30%;} #image_style_11_1575861188999 ul li.imgItems{margin-bottom:5%;} .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){/*ipad*/ #image_style_11_1575861188999 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1575861188999 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1575861188999 ul li{width: 32%;} #image_style_11_1575861188999 ul li.imgItems{margin-bottom:2%;} } @media screen and (max-width: 768px){/*mobi*/ #image_style_11_1575861188999 .imgStyle_11 .imgCont{height: calc(100% - 30px)} #image_style_11_1575861188999 ul li .ratio{margin-top: calc(67%); float: left;} #image_style_11_1575861188999 ul li{width: 49%;} #image_style_11_1575861188999 ul li.imgItems{margin-bottom:2%;} .imgShowBox img{border-width: 10px;} .imgShowBox.scroll img{top:5%; margin-bottom: 10vh;} }