.w{ width: 1040px; margin: 0 auto; } img{ display: inline-block; height: 100%; width: 100%; } .bgc-f5f5f5{ background-color: #F5F5F5; } .visibility-hidden{ visibility: hidden; } .head{ width: 1040px; padding: 0 40px; height: 40px; color: #fff; position: absolute; z-index: 2; background-color: #08132b\9; left: 0; right: 0; margin: auto; } .head >div,.head >ul, .footer-box > div, .footer-box >ul{ display: inline-block; vertical-align: middle; } .head .logo{ background: url('../../default/pics/logo.png') no-repeat center; width: 154px; height: 40px; } ul.nav >li{ float: left; width: 70px; text-align: center; line-height: 40px; opacity: 0.5; filter: alpha(opacity=50); } ul.nav > li.active{ opacity: 1; filter: alpha(opacity=100); } ul.nav > li a{ color: #fff; } #sheyzuop a{ width: 25%; height: auto; } .input{ background:#fff; padding: 5px 10px 5px 5px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; width: 255px; margin-right: 80px; } .input .icon{ background: url('../images/Search-icon@2x.png') no-repeat center; display: inline-block; margin-top: -3px; width: 20px; height: 20px; margin-right: 5px; vertical-align: middle; } .login a{ color: #fff; } .login .head-box{ display: inline-block; width: 35px; height: 35px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin-right: 10px; border: 2px solid #ddd; } .login .head-box img{ -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } .login .register{ display: inline-block; width: 50px; text-align: center; background-color: #ff658c; height: 30px; line-height: 30px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-left: 20px; } .banner{ height: 590px; } .navbar{ height: 259px; } .navbar-box{ padding:40px; padding-left: 82px; } .navbar-box ul li{ float: left; width: 116px; padding: 0 30px; text-align: center; } .icon-box{ height: 105px; width: 105px; background: url('../images/1.png') no-repeat; position: relative; } .navbar-box ul li.active a{ color: #ff658c } .navbar-box ul li a{ color: #2e2e2e; font-size: 20px; } .navbar-box ul li.active .icon-box{ background: url('../images/2.png') no-repeat; } .navbar-box ul li p{ margin-top: 10px; } .navbar-box ul li .icon{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .navbar-box ul li .icon1 { background: url('../images/photo.png') no-repeat center; width: 53px; height: 53px; margin: auto; } .navbar-box ul li .icon2 { background: url('../images/model.png') no-repeat center; width: 53px; height: 53px; margin: auto; } .navbar-box ul li .icon3 { background: url('../images/photoer.png') no-repeat center; width: 53px; height: 53px; margin: auto; } .navbar-box ul li .icon4 { background: url('../images/production.png') no-repeat center; width: 53px; height: 53px; margin: auto; } .navbar-box ul li .icon5 { background: url('../images/organization.png') no-repeat center; width: 53px; height: 53px; margin: auto; } .navbar-box ul li.active .icon1{ background: url('../images/photo-active.png') no-repeat center; } .navbar-box ul li.active .icon2{ background: url('../images/model-active.png') no-repeat center; } .navbar-box ul li.active .icon3{ background: url('../images/photoer-active.png') no-repeat center; } .navbar-box ul li.active .icon4{ background: url('../images/production-active.png') no-repeat center; } .navbar-box ul li.active .icon5{ background: url('../images/organization-active.png') no-repeat center; } .announce { padding: 77px 60px 94px; text-align: center; color: #2e2e2e; background-color: #F5F5F5; } .announce h1{ font-size: 41px; font-weight: bolder; color: #d43f65; } .announce p{ font-size: 15px; text-align: left; margin-top: 10px; line-height: 1.7; } .module{ text-align: center; padding: 64px 40px; } .module h2{ font-size: 30px; } .module h2 a{ font-size: 30px; color: #000; } .module h3{ color: #6a6a6a; } .module .line{ width: 60px; height: 5px; margin: 0 auto; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background-color: #ff658c; margin-bottom: 50px; } .apply{ height: 284px; background-color:#ddd; position: relative; background: url('../images/0001.png') no-repeat center; background-size: cover; } .apply .btn{ height: 49px; width: 140px; background-color: #ff658c; color: #fff; font-size: 24px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-align: center; line-height: 49px; margin:auto; position: absolute; left: 0; right: 0; bottom: 50px; } .model-wrapper .model-box .model-item{ width: 142px; height: 142px; margin-bottom: 15px; margin-left: 10px; } .model-wrapper .model-box a{ display: inline-block; } .photoer-wrapper{ height:234px; } .photoer-wrapper .photoer-box .photoer-item{ width: 191px; height: 234px; margin-right: 19px; border: 1px solid #ddd; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; } .photoer-head{ height: 191px; width: 191px; } .photoer-msg{ border-top: 1px solid #ddd; height: 42px; background-color: #fff; padding: 10px; text-align: left; color: #2e2e2e; } .module.works{ padding: 64px 0; } .works .works-item{ width: 240px; height: 240px; float: left; } .operations .operations-item{ width: 141px; height: 141px; margin-right: 30px; margin-bottom: 35px; } .footer{ height: 210px; background: #08132b; } .footer-box{ padding:40px; } .footer-box .logo{ width: 103px; height: 103px; background: url('../images/LOGO-512@2x.png') no-repeat; margin-right: 64px; } .footer-box ul{ margin-right: 50px; } .footer-box ul li a{ color: #fff; font-size: 14px; line-height: 1.7; } .login-box{ height: 303px; background: url('../images/0006.png') no-repeat; background-size: cover; text-align: center; color: #fff; } .login-box .login-head{ padding:30px 0; } .login-box .login-head a{ display: inline-block; width: 60px; padding-bottom: 5px; color: #fff; font-size: 16px; } .login-box .login-head a.active{ border-bottom: 3px solid #fff; } .quick a{ display: inline-block; width: 100px; margin-top: 20px; color: #fff; } .quick a img{ width: 20px; height:auto; } .quick div p{ font-size: 14px; } .login-box input{ height: 32px; line-height: 32px; width: 241px; display: block; margin: 0 auto; margin-bottom: 12px; background-color: rgba(0,0,0, 0); border: 2px solid #fff; padding: 5px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; color: #fff; } .login-box input:focus{ background-color: #fff; color: #2e2e2e; } .login-box .btn{ display: block; width: 242px; height: 32px; line-height: 32px; background-color: #ff658c; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; margin: 0 auto; color: #fff; } .model-box a, .photoer-box a, .operations a{ display: inline-block; } /* featured-area */ #featured-area{height:307px;} .roundabout-holder{list-style:none;width:500px;height:300px;margin:0px auto;} .roundabout-moveable-item{font-size:12px!important;height:300px;width:600px;cursor:pointer;/*padding:5px;border:1px solid #aaaaaa;-webkit-border-radius:5px;-moz-border-radius:5px;*/background:#f9f9f9;} .roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;} .roundabout-in-focus{cursor:auto;} .roundabout-in-focus:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;} .roundabout-holder span{display:none;} .roundabout-in-focus:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;} .roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;} .roundabout li{margin:0} /*swiper*/ .pagination{ position: absolute; bottom: 15px; text-align: center; width: 100%; } .swiper-pagination-switch{ display: inline-block; width: 6px; height: 6px; background: url('../images/pagination.png') no-repeat; margin-right: 5px; } .swiper-active-switch{ display: inline-block; width: 40px; height: 6px; background: url('../images/pagination-active.png') no-repeat; } .arrow{ display: block; position: absolute; top: 50%; margin-top: -58px; width: 31px; height: 58px; z-index: 3; } .arrow.arrow-right{ background: url('../images/Arrow-next2@2x.png') no-repeat; right: 40px; } .arrow.arrow-left{ background: url('../images/Arrow-prev2@2x.png') no-repeat; left: 40px; } a.arrow2{ position: absolute; display: block; border: 1px solid #ddd; top: 100px; z-index: 2; height: 35px; width: 55px; background: #fff; color: #000; line-height:35px; } a.arrow-left1{ left: 10px; } a.arrow-right1{ right: 30px; } .search_list{ position: absolute; top: 33px; left: 0; z-index: 99; background: #fff; display: none; width: 270px; max-height: 400px; overflow-y: scroll; } .search_list li { padding: 2px 5px; color: #6a6a6a; } .head .input{ position: relative; } .search_list li a { color: #2d90c2; } .search_list li a img{ width:40px; height:40px; } .hub-header-dropdown a { background-color: #fff; color: #666; display: block; padding: 3px; } .picTxt .content { overflow: hidden; zoom: 1; } .picTxt .pic { float: left; margin-right: 10px; }