@media screen and (max-width: 1440px) { /*探索页开始*/ .explore .carousel-inner { /*height: 605px;*/ } .explore .carousel-inner img { width: 100%; /*height: 605px;*/ } #myNiceCarousel1 .carousel-inner { height: auto; } .vr-video-warper { /*padding: 106px 0;*/ padding-left: 190px; height: 583px; } .event-info1 h3 { font-size: 28px; } .explor-vr-video h2, .nice-warper h2 { font-size: 28px; } .explore-intro-info { line-height: 28px; margin-top: 52px; font-size: 14px; color: #333333; } .explore-intro-info1 { margin-top: 27px; font-size: 14px; } .explor-vr-video a { font-size: 13px; } .event-info1 a { font-size: 13px; margin-top: 43px; } .img-change { left: 504px; width: 980px; margin-top: -184px; } .img-change ul { height: 367px; } .img-change li { width: 245px; height: 367px; margin: 0px 0 10px 10px; } .left-right { /*width: 140px;*/ left: 442px; } .center-grid { height: 278px; /*background-position: -350px -180px;*/ padding: 50px 0 20px; } .center-grid p { font-size: 23px; } .now-upload { width: 136px; height: 43px; margin-top: 35px; } .center-grid button { font-size: 16px; } .vr-choose li { font-size: 13px; } .nice-warper { margin: 41.5px auto 114px; } .author-info-1 { width: 25%; height: 60%; top:20%; right:10%; padding: 4% 5% 2% 5%; } .author-info-1 h3 { font-size: 28px; } .author-info-1 p:nth-child(2) { font-size: 14px; margin: 12px 0 0; } .explore-intro-info { font-size: 13px; margin-top: 27px; } #vr-event { height: 369px; } #vr-event img { width: 557px; height: 369px; } .company-event { width: 100%; height: 369px; margin: 152px 0 131px; } .event-info1 { left: 240px; padding: 0 83px 0 31px; height: 369px; width: 326px; } .event-info1 h3 { font-size: 22px; } #left-right-1 { left: 504px; } .footer { height: 75px; font-size: 12px; clear: both; } .footer ul { height: 75px; line-height: 75px; } .footer-logo { height: 75px; line-height: 75px; } .footer-logo img { /*width: 127px;*/ /*height: 46px;*/ } .cooperative { text-align: right; padding-top: 18px; } .cooperative p:nth-child(2) { font-size: 12px; } .qurode { width: 67px; height: 75px; line-height: 75px; margin-left: 38px; } /*探索页结束*/ /*头部导航*/ .navbar-inverse .navbar-nav > li > a { font-size: 14px; line-height: 60px; padding: 0 20px; } .vr-pics > li { margin-right: 51px; } #top .nav-login > li > a { font-size: 14px; } .author-intro p { font-size: 10px; } .vrvideo_warper { padding-top: 19px; min-height: 900px; } .vrvideo-info h3 { font-size: 18px; margin-top: 26px; height: 26px; } .vrvideo-info p:nth-child(2) { font-size: 10px; margin-top: 14px; } .vrvideo-info p:nth-child(3) { font-size: 14px; margin-top: 14px; } /*vrpic*/ .grid-warper { padding-top: 14px; min-height: 900px; /*border: 1px solid green;*/ } .type { width: 92px; height: 30px; line-height: 30px; text-align: center; } .event-info1 a { font-size: 13px; position: absolute; bottom: 40px; } .author-info-1 a { font-size: 13px; bottom: 35px; } .author-acount { font-size: 14px; } .author-items { margin-top: 21px; } .explor-vr-video{ margin-top: 106px; } .author-portrait { top: 81%; } .grid-region{ min-height: 800px; } /*关于我们start*/ .aboutus-block1{ height:400px; } .aboutus-block-text > div:nth-child(1){ font-size:42px; height:42px; line-height:42px; } .aboutus-block-text > div:nth-child(2){ font-size:28px; height:28px; line-height:28px; margin-top:30px; } .aboutus-block2{ height:400px; line-height:550px; } .aboutus-block2-text > div:nth-child(1){ font-size:36px; line-height:36px; } .aboutus-block2-text > div:nth-child(2){ font-size:20px; line-height:40px; margin-top:30px; } .aboutus-block3{ height:400px; } .aboutus-block3-row{ margin-top:-70px; margin-left:-375px; } .aboutus-block3-row > .cube{ width:250px; } .aboutus-block3-row > .cube > img{ width:80px; height:80px; line-height:80px; } .aboutus-block3-row > .cube > .title{ font-size:24px; line-height:24px; margin-top:15px; } .aboutus-block3-row > .cube > .content{ font-size:12px; line-height:12px; margin-top:5px; } .aboutus-block4{ height:400px; line-height:550px; } .aboutus-block4-text > .content > div:nth-child(1){ font-size:25px; line-height:25px; } .aboutus-block4-text > .content > div:nth-child(2){ font-size:16px; line-height:30px; margin-top:30px; } .aboutus-block5{ height:400px; line-height:400px; } .aboutus-block5-text{ padding-left:750px; margin-top:-118px; } .aboutus-block5-text > .title{ font-size:26px; line-height:26px; } .aboutus-block5-text > .content{ font-size:18px; line-height:30px; margin-top:30px; } /*关于我们end*/ } @media screen and (max-width: 767px) { /*探索页及导航*/ .navbar-toggle { z-index: 22222; position: absolute; left: 0; height: 92%; width: 105px; padding:0; margin: 0; text-align: right; } .navbar-inverse { height: 3.5rem; } .navbar-inverse .navbar-nav > li > a { color: #aaa; font-size: 12px; line-height: 2rem; box-sizing: border-box; text-align: center; } .navbar-inverse .navbar-nav > .active > a { height: auto; font-size: 12px; } .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:active, .navbar-inverse .navbar-nav > li > a:hover { color: #aaa; } .navbar-inverse .navbar-nav > li:hover { color: #aaa; border-bottom: none; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { border-bottom: none; color: #aaa; } #bs-navbar .navbar-nav > li > a { /*padding: 0;*/ line-height: 40px; height: 40px; padding: 0; } .navbar-nav { margin: 0; } .navbar-nav .open .dropdown-menu { position: absolute; background: #0c0c0c; right: 0; } .nav-login { right: 0; display:none; } .nav-login > li { float: left; } #top .nav-login > li > a { font-size: 10px; padding: 10px 10px; color: #aaa; } #headerusermsg { height: 42px; } #top .nav-login > li > a:hover { color: #aaa; } #top .container { padding-left: 0; height: 3.5rem; } #logo { width: 79px; margin-left: 2%; height: 100%; padding-top: 6px; } #logo img { width: 100%; height: auto; margin: 0; } #header_photo_address { width: 20px; height: 20px; } #header_nick_name { height: 2rem; line-height: 1.5rem; top: 1rem; } .navbar-collapse { background: #000; position: absolute; width: 35%; } .container > .navbar-collapse, .container > .navbar-header { margin-left: 0; height: 3.5rem; } .search { right: 15px; width: 20px; height: 20px; /*float: right;*/ top: 12px; position: absolute; } .search img { width: 15px; height: 15px; margin-top: 0; top: 0; } .modal-350 { margin: 0 auto; } #headerusermsg > a:first-child { padding-top: 0px } .explore .carousel-inner { height: auto; } .explore .carousel-inner img { height: auto; } .direct { width: 5%; margin-left: -2.5%; bottom: 5%; } .middle-img { width: 20%; } .explore .carousel-control { opacity: 1; } .img-change { left: 46.5%; width: 980px; height: auto; margin-top: -146px; } .img-change ul { height: auto; } .left-right { width: 64px; left: 38%; height: auto; } .left-right > div { width: 30px; height: 30px; } .left-right > div { width: 30px; height: 30px; line-height:30px; background-color:#fde428; text-align:center; display:inline-block; } .left-right > div > img{ width:12px; } .explor-vr-video { height: 281px; width: 40%; margin-top: -140px; top: 50%; position: absolute; } .explor-vr-video h2, .nice-warper h2 { font-size: 16px; margin-top: 0; } .explore-intro-info { font-size: 10px; margin-top: 4px; line-height: 20px; } .explor-vr-video a { font-size: 0.8rem; margin-top: 20px; } .center-grid p { font-size: 1.5rem; } .center-grid button { font-size: 0.8rem; } .now-upload { width: 8rem; height: 2rem; margin-top: 2rem; } .center-grid { height: 15rem; padding-top: 3rem; } .vr-choose { margin: 0 0 10px; } .vr-choose li { padding: 0.3rem 1rem; font-size: 0.8rem; } .nice-warper { width: 70%; margin: 15px auto 14px; } /*.nice-warper .row img {*/ /*height: 10rem;*/ /*}*/ .author-info-1 h3 { font-size: 16px; } .author-info-1 p:nth-child(2) { font-size: 10px; margin: 0; } .author-info-1 { width: 100%; right: 0; top: 100%; padding: 20px; height: auto; } .explor-more{ display: none; } .author-info-1 p:nth-child(2) { } .author-info-1 a { font-size: 0.8rem; bottom: 6px; } #myNiceCarousel1 .carousel-inner { height: auto; } #myNiceCarousel1 .carousel-inner > div { height: auto; } .explore .carousel-inner { top: 0; } .company-event { height: 270px; margin: 170px 0 30px; } #vr-event img { width: 357px; height: 279px; } #top .caret { border-top-color: #fff; border-bottom-color: #fff; margin-top:2px; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { font-size: 10px; color: #aaa; line-height: 1; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #aaa; } .footer { width: 100%; height: 87px; font-size: 10px; } .footer ul { margin-top: 10px; } .footer ul li a { padding: 0 3px; font-size: 10px; } .cooperative { padding-top: 5px; width: 55%; text-align: left; line-height: 12px; margin-left: 13px; height: 55px; } .cooperative p:nth-child(2) { font-size: 0.8rem; } .explore-intro-info1 { line-height: 14px; height: 41%; text-overflow: ellipsis; overflow: hidden; margin-top: 4px; font-size: 10px; } .explore-pic-vr-picture div img { height: 200px; /*height: 100px;*/ } /*.nice-warper .row div{*/ /*margin-bottom: 3px;*/ /*}*/ .qurode { width: 40px; margin-left: 10px; line-height: 87px; margin-top: -25px; } .footer ul { margin-left: 10px; width: 50%; height: auto; line-height: normal; } .footer-logo { height: auto; line-height: 87px; padding-left: 5px; width: 22%; } .footer-logo a { width: 100%; } /*.footer-logo img {*/ /*/!*width: 6.5rem;*!/*/ /*/!*height: 3.2rem;*!/*/ /**/ /*}*/ .footer-warper { margin: 0 auto; width: 100%; overflow: hidden; } #vr-event { height: 269px; } .event-info1 h3 { font-size: 16px; margin-top: 0; } .event-info1 { left: 178px; padding: 0 10px; height: 100%; width: 200px; } .event-info1 a { bottom: 20px; font-size: 0.8rem; } #left-right-1 { left: 148px; } .scroll-img li { } .search input { display: none; } .img-change li { width: 187px; height: auto; margin: 5px 0 5px 5px; } .vr-video-warper { padding-left: 1%; height: 360px; top: 40px; margin-bottom: 40px; } .carousel-caption { display: none; } .explore { height: auto; top: 40px; } .explore .carousel-control.left { top: 0; } .explore .carousel-control.right { top: 0; } @-webkit-keyframes bounce-down { 25% { -webkit-transform: translateY(-5px); } 50%, 100% { -webkit-transform: translateY(0); } 75% { -webkit-transform: translateY(5px); } } @-moz-keyframes bounce-down { 25% { -moz-transform: translateY(-5px); } 50%, 100% { -moz-transform: translateY(0); } 75% { -moz-transform: translateY(5px); } } @-o-keyframes bounce-down { 25% { -o-transform: translateY(-5px); } 50%, 100% { -o-transform: translateY(0); } 75% { -o-transform: translateY(5px); } } @-ms-keyframes bounce-down { 25% { -ms-transform: translateY(-5px); } 50%, 100% { -ms-transform: translateY(0); } 75% { -ms-transform: translateY(5px); } } /*vr视频*/ .vr-all { margin-top: 40px; } .vr-pics { height: auto; } .vr-pics > li { height: 30px; width: 20%; float: left; margin: 2.5%; } .vr-pics > li > a { line-height: 20px; font-size: 10px; font-weight: 600; padding: 4px 0; } .vrpic .dropdown-menu > li > a { /*color: white;*/ } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 5px 10px 5px 10px; } #order-by > li > a, #city > li > a, #pcs > li > a, #pc > li > a { padding: 0; height: 30px; font-size: 10px; line-height: 30px; } .vr-pics .dropdown-menu > li > a { padding: 0; /*height: auto;*/ font-size: 10px; line-height: 30px; } /*.city{*/ /*left: -60px;*/ /*}*/ #city { min-width: 145px; z-index: 1052; left: -40px; } #order-by { min-width: 30%; } /*.vr-pics li:nth-child(3) ul li{*/ /*min-width: 30%;*/ /*}*/ .vrpic .dropdown-menu { min-width: 80px; } .vrpic .navbar-nav .open .dropdown-menu { background: #fff; } .vrvideo_warper .col-md-6 { width: 100%; } .vrvideo-direct { width: 40px; height: 40px; top: 25%; left: 50%; margin-left: -20px; } .vrvideo-author-info span { width: 50%; font-size: 10px; } .vrvideo-author-info { width: 30%; } .vrvideo-info h3 { margin-top: 20px; height: 13px; font-size: 18px; } .vrvideo-info p:nth-child(2){ /*margin-top: 18px;*/ } .vrvideo-info p:nth-child(3){ margin-top: 10px; } .vrvideo-label { background: #fde428; color: black; position: absolute; text-align: center; bottom: 110px; margin: 0; width: 62px; height: 20px; line-height: 20px; left: 10px; font-size: 10px; } .vrvideo-info { padding: 5px 10px 10px 10px; height: 120px; } /*专题*/ .subject_part { width: 100%; position: relative; } .img-left { width: 45%; height: auto; } .subject-info { margin-left: 4%; } .subject-right { margin-left: 0; } .img-left img { height: auto; } .subject-info p { font-size: 10px; line-height: 1.5; max-height: 120px; margin-top: 10px; margin-bottom: 10px; overflow: hidden; } .subject-info button { width: 64px; height: 23px; font-size: 6px; position: absolute; bottom: 15px; } .subject-info h3 { font-size: 18px; color: white; height: 18px; margin: 10px 0; } /*作者*/ .author_warper .col-md-6, .focusMeDiv .col-md-6 { margin-bottom: 10px; width: 100%; margin-right: 0; } .author_warper button { font-size: 10px; } .grid { width: 100%; } .author-img img { width: 60px; height: 60px; } .author-name { margin: 0; } .author-name h3 { font-size: 14px; } .grid-warper { width: 96%; margin: 0 auto; padding-top: 14px; } /*作者主页*/ .author-pano { position: absolute; top: 40px; bottom: 70px; left: 0; right: 0; background: #dbdbdb } .author-portrait { width: 6rem; height: 6rem; left: 50%; top: 82%; margin-left: -3rem; } .author_level { width: 6rem; height: 20px; line-height: 20px; bottom: 12px; font-size: 10px; } .author-detaile-info h3 { font-size: 18px; } .author-detaile-info p:nth-child(2) { font-size: 12px; width: 100%; margin: 17px auto 0; } .author-detaile-info p:nth-child(3) { font-size: 10px; margin-top: 5px; } .add-like button:nth-child(1) { width: 60px; height: 25px; line-height: 25px; padding: 0; text-align: center; font-size: 10px; } .add-like button:nth-child(2) { width: 60px; height: 25px; line-height: 25px; padding: 0; text-align: center; font-size: 10px; } .add-like button:nth-child(3) { width: 60px; height: 25px; line-height: 25px; padding: 0; text-align: center; font-size: 10px; } .author-data-info { position: relative; height: 147px; } .add-like { width: 200px; text-align: center; position: absolute; bottom: 0; left: 50%; margin-left: -100px; } .author-items ul li { padding: 0 2%; } .author-items ul li a { font-size: 10px; } .author-item-info { padding: 20px 0; min-height: 500px; } .author-detaile-info { margin-top: 20px; } .author-material { width: 100%; padding-left: 10%; padding-right: 10%; } .author-material-left { width: 40%; } .author-material-left p { font-size: 10px; } .author-material-right { width: 30%; height: auto; } .head-upload { display: none; } /*app*/ .app-warper { margin-top: 40px; } .app-left { /*border: 1px solid red;*/ width: 45%; height: auto; background: url("/website/images/APP-small.png") no-repeat left top; background-size: 100% 100%; float: left; /* margin-left: 300px; */ margin-top: 150px; /* padding: 0 30% 10% 0; */ } .app-left .carousel-indicators li { width: 10px; height: 10px; } .app-left .carousel-indicators .active { width: 10px; height: 10px; } .app-left .carousel-indicators { /*border: 1px solid red;*/ width: 100px; } .app-right { float: left; width: 50%; margin-left: 5%; margin-top: 120px; text-align: center; opacity: 0.8; /*border: 1px solid red;*/ } .app-right h2 { font-size: 18px; font-weight: normal; margin-top: 40px; line-height: 24px; } .app-right p { font-size: 10px; line-height: 22px; margin-top: 30px; width: 100%; } .app-warper-middle { width: 90%; } .app-choose button { width: 103px; height: 30px; font-size: 10px; margin-right: 10px; } .app-choose button img{ width:10px; height: 12px } /*.app-left .carousel-inner > .item img {*/ /*width: 124px;*/ /*height: 221px;*/ /*}*/ .app-right img { width: 84px; height: auto; } /*.app-left .item.active{*/ /*width: 30%;*/ /*}*/ /*搜索*/ .info-count{ font-size: 6px; margin-top: 6px; padding: 0; margin-left: 5px; } select#typeSel{ font-size: 12px; } .search-button{ font-size: 10px; padding: 8px 12px 7px; } .search-warper { padding-left: 20px; padding-right: 10px; } .navbar-all{ margin-top: 40px; } .app{ display: none; /*border: 1px solid red;*/ } /*关于我们*/ .about-warper{ margin-top: 40px; padding-top: 100px; } .about-warper h1{ font-size: 18px; } .about-container{ min-width: 0; } .about-warper .down img{ width: 20px; height: 12px; } .about-warper .down { margin-top: 50px; } .about-container .container { max-width: 100%; } .about-vrvideo{ padding-left: 3%; padding-right: 3%; } .about-vrvideo-left{ width: 40% } .about-vrvideo-right{ width: 55% } .about-vrvideo-right h3{ font-size: 18px; /*margin-top: 10px;*/ } .contact-us h3{ margin-top: 10px; } .first-h3{ margin-top: 10px; } .about-vrvideo-right p { font-size: 10px; line-height: 15px; margin-top: 15px; width:100%; } .about-vrvideo-share{ height: auto; } .last-img{ margin-top: 20px; } .last-img-1{ margin-top: 10px; } .last-second-img{ margin-top: 40px; } .international{ margin-top:30px; } .contact-us{ margin-top: 10px;; } .phone-left{ width: 80%; } #vrvideo .col-md-6 { width:100%; margin-right: 0; } .author-info{ opacity: 1; } .author-info h3{ width: 60%; } .explore-pic-vr-picture>div{ margin-left:1px; margin-right: 1px; margin-bottom: 2px; } .explore-pic-vr-picture>div:hover{ opacity: 1; } .relative-info:hover{ opacity: 1; } .explore-author-info{ display: none; } .play-vrvideo{ display: none; } .grid-region{ min-height: 400px; } .vrshow_container_1_min { width: 30px; } .vrshow_container_1_min div { width: 30px; height: 30px; background-size: 30px 30px; } .vrshow_container_logo { height: 30px; /*line-height: 30px;*/ } .vrshow_container_logo img { width: 30px; height: 30px; float:left; } .vrshow_logo_title { font-size: 10px; margin-top: 0; float:left; } .img_desc_container_min { /*width: 30px;*/ margin-left: 0px; margin-right: 0px; /*position:relative;*/ } .img_add{ margin-left: 4px; } .vrshow_container_2_min span, .vrshow_container_2_min img, .vrshow_container_3_min span, .vrshow_container_3_min img { width: 30px; height: 30px; } .img_desc_min { height: 12px; line-height: 12px; text-shadow: 1.5px 1.5px 1.5px #000; font-size: 6px; /*width:50px; position: absolute; left:-10px;*/ } .scene-choose-width { width: 30px; } #loginModal .modal-dialog { width: auto; } .home-account{ display:none; } .navbar-inverse .navbar-nav > li:hover > a { background: none; border-bottom: none; height:auto; } } #pictextContent embed{ width:100%; }