@charset "utf-8"; body {background-color: #fff} input::-webkit-input-placeholder{color:#4a4a4a} input::-moz-placeholder{color:#4a4a4a} input:-moz-placeholder{color:#4a4a4a} input:-ms-input-placeholder{color:#4a4a4a} .placeholder-white::-webkit-input-placeholder{color:#fff} .placeholder-white::-moz-placeholder{color:#fff} .placeholder-white:-moz-placeholder{color:#fff} .placeholder-white:-ms-input-placeholder{color:#fff} img {display: block; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } /** 载入字体 **/ @font-face { font-family: 'RTWSYueGothicTrialExtraLight'; src: url('../fonts/RTWSYueGothicTrialExtraLight.otf'); font-style: normal; } @font-face { font-family: 'BEBAS'; src: url('../fonts/BEBAS.TTF'); font-style: normal; } /** 设置清除浮动的元素 **/ .fl{float:left;} .fr{float:right;} ul:after, dl:after, ol:after, .clearfix:after, .container:after, .list:after, .table .tr:after {content:"\200B";display:block;height:0;clear:both; } .clearfix {*zoom:1;}/*IE/7/6*/ /* layout */ .visible-xs, .hidden {display: none;} .container {margin: 0 auto;} .text-center {text-align: center;} .text-right {text-align: right;} .m-30-0 {margin: 30px 0;} .mt-30 {margin-top: 30px;} .mt-60 {margin-top: 60px;} .mb-negative-50 {margin-bottom: -50px;} /* color */ a {display: inline-block;color: #333;} .bg-stratified {position: relative;} .bg-stratified>div {position: relative;z-index: 2;} .bg-stratified-blue {background-color: #eaf4f6;} .bg-stratified-blue:before {content: '';display: block;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 40%;background-color: #e7e7e7;} .bg-stratified-gray {background-color: #eaf4f6;} .bg-stratified-gray:before {content: '';display: block;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 40%;background-color: #dcdcdc;} .bg-stratified.article-thumbnail-container .text-content {padding-right: 20px;} .bg-emerald {background-color: #eaf4f6;} /* btn */ .btn {display: inline-block;} .btn-mid {padding: 0 50px;font-size: 18px;line-height: 54px;border-radius: 54px;} .btn-mid .iconfont {float: left;margin-right: 20px;font-size: 30px;line-height: 54px;} .btn-lg {padding: 0 50px;font-size: 16px;line-height: 60px;} .btn-lg .iconfont {float: left;margin-right: 20px;font-size: 30px;line-height: 60px;} .btn-radius.btn-lg {border-radius: 50px;} .btn-normal {color: #fff;background-color: #3381c2;} .btn-primary {color: #fffefe;background-color: #0062b3;} .btn-success {color: #fffefe;background-color: #6ebd00;} .btn-group-between {display: flex;justify-content: space-between;} /* btn-more */ /* 浏览更多 */ .btn-more, .btn-more:focus {padding: 0 55px;font-size: 16px;line-height: 42px;color: #535353;border: 1px solid #b6b6b6;border-radius: 42px;overflow: hidden;text-decoration: none;} .btn-more-primary {padding: 0 20px;font-size: 16px;line-height: 40px;color: #fff;background-color: #6ebd00;border-left: 7px solid #0061b3;} .btn-more-simplicity {font-size: 14px;line-height: 30px;color: #4c4c4c;} .btn-more-simplicity .iconfont {float: right;width: 22px;height: 22px;margin: 4px 0 0 8px;font-size: 12px;line-height: 22px;color: #fff;text-align: center;background-color: #6ebd00;border-radius: 50%;} .btn-more-redundancy {padding: 0 24px;font-size: 16px;line-height: 50px;color: #fff;background-color: #0062b3;border-radius: 10px;} .btn-more-redundancy .iconfont {float: right;width: 22px;height: 22px;margin: 14px 0 0 10px;font-size: 12px;line-height: 22px;color: #fff;text-align: center;background-color: #6ebd00;border-radius: 50%;} .btn-more-redundancy:hover {color: #fff;background-color: #6ebd00;} .btn-easing {position: relative;transition: all .6s;overflow: hidden;} .btn-easing span {position: relative;z-index: 2;display: inline-block;} .btn-easing:hover {color: #fff!important;border-color: #3381c2!important;} .btn-easing:before{position:absolute;content:'';z-index:1;background:#3381c2;top:0;left:0;width:100%;height:100%; -moz-transition:-moz-transform .6s cubic-bezier(.8,0,.2,1);-o-transition:-o-transform .6s cubic-bezier(.8,0,.2,1);-webkit-transition:-webkit-transform .6s cubic-bezier(.8,0,.2,1);-webkit-transition-delay:0s;transition:transform .6s cubic-bezier(.8,0,.2,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-webkit-transform:scale(0,1);transform:scale(0,1);-moz-transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;transform-origin:right top} .btn-easing:hover:before{-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1)} .btn-easing-normal:hover, .btn-easing.btn-success:hover {border-color: #0061b3!important;} .btn-easing-normal.btn-easing:before, .btn-easing.btn-success:before {background:#0061b3;} /* 展开按钮 */ .btn-expand-toggle{position:relative;width:30px;height:40px;cursor:pointer} .btn-expand-toggle span{display:block;position:absolute;top:50%;left:20%;width:60%;height:2px;background-color: #6ebd00;animation-duration:.5s;animation-fill-mode:both} .btn-expand-toggle span:first-child{transform:translateY(6px) rotate(0)} .btn-expand-toggle span:last-child{transform:translateY(-6px) rotate(0)} .btn-expand-toggle.active span:nth-child(1){animation-name:activefirst} .btn-expand-toggle.active span:nth-child(2){animation-name:activesecond} .btn-expand-toggle.active span:nth-child(3){animation-name:activethird} .btn-expand-toggle.cancel span:nth-child(1){animation-name:cancelfirst} .btn-expand-toggle.cancel span:nth-child(2){animation-name:cancelsecond} .btn-expand-toggle.cancel span:nth-child(3){animation-name:cancelthird} @keyframes activefirst{0%{transform:translateY(6px) rotate(0)}100%{transform:translateY(0) rotate(45deg)}} @keyframes activesecond{0%{opacity:1}100%{opacity:0}} @keyframes activethird{0%{transform:translateY(-6px) rotate(0)}100%{transform:translateY(0) rotate(-45deg)}} @keyframes cancelfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-6px) rotate(0)}} @keyframes cancelsecond{0%{opacity:0}100%{opacity:1}} @keyframes cancelthird{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(6px) rotate(0)}} /* form */ .form-title {margin-bottom: 20px;} .form-title h3 {font-size: 20px;line-height: 30px;color: #0062b3;} .form-title .small {margin-top: 10px;font-size: 14px;line-height: 26px;color: #747474;} .form-primary .form-group {margin-bottom: 18px;} .form-primary .form-control {display: block;width: 100%;padding: 8px 20px;font-size: 14px;line-height: 30px;color: #646464;border: 1px solid #cdcdcd;} .form-primary textarea.form-control {min-height: 166px;} .form-primary .btn-group .btn {padding: 0 60px;font-size: 16px;line-height: 44px;} .form-primary .row .col-sm-6:first-child {padding-right: 10px;} .form-primary .row .col-sm-6:last-child {padding-left: 10px;} /* table */ .table {width: 100%;text-align: center;} .table th, .table td, .table .th, .table .td {padding: 5px 3px;font-size: 14px;line-height: 30px;color: #797979;} .table th, .table .th {color: #4a4a4a;} .table .th, .table .td {float: left;} .table .tr {display: block;} .table-list .th:nth-child(1), .table-list .td:nth-child(1) {width: 7%;} .table-list .th:nth-child(2), .table-list .td:nth-child(2) {width: 12%;} .table-list .th:nth-child(3), .table-list .td:nth-child(3) {width: 25.4%;} .table-list .th:nth-child(4), .table-list .td:nth-child(4) {width: 28%;} .table-list .th:nth-child(5), .table-list .td:nth-child(5) {width: 12.4%;} .table-list .th:nth-child(6), .table-list .td:nth-child(6) {width: 15.2%;} .table-list .thead {background-color: #ececec;border-top: 1px solid #bcbcbc;border-bottom: 1px solid #bcbcbc;} .table-list .tbody .tr {border-bottom: 1px dashed #000;cursor: pointer;} .table-list .tbody .tr:hover {background-color: #f7f7f7;} .table-list .icon-enter {display: inline-block;width: 15px;height: 15px;font-size: 12px;line-height: 15px;color: #fff;background-color: #acbe01;border-radius: 50%;transition: all .3s;} .table-list .tbody .tr:hover .icon-enter {transform: translateX(4px);} /* title */ .title-vertical {position: relative;margin-bottom: 15px;} .title-vertical h3 {font-size: 32px;line-height: 40px;color: #0062b3;font-weight: bolder;} .title-vertical .small {margin-top: 5px;font-size: 20px;line-height: 34px;color: #272727;} .title-vertical.colorful h3 {color: #8dcb37;} .title-vertical.colorful .small {font-size: 24px;color: #0062b3;} .title-vertical-bolder {padding-bottom: 50px;} .title-vertical-bolder:after {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 2px;height: 42px;background-color: #6ebd00;} .title-vertical-primary {margin-bottom: 20px;padding-bottom: 54px;} .title-vertical-primary:after {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 3px;height: 30px;background-color: #6ebd00;} .title-vertical-primary h3 {font-size: 22px;line-height: 30px;text-transform: uppercase;} .title-vertical-primary .small {font-size: 24px;line-height: 36px;color: #0062b3;} .title-first {position: relative;margin-bottom: 30px;padding-top: 20px;text-align: center;} .title-first:before {content: '';display: block;position: absolute;top: 0;left: 50%;width: 70px;height: 6px;margin-left: -35px;background-color: #0062b3;} .title-first h3 {font-size: 32px;line-height: 54px;color: #0062b3;font-weight: bolder;text-transform: uppercase;} .title-first .small {font-size: 20px;line-height: 40px;color: #0062b3;} .title-second {margin-bottom: 30px;padding: 15px 0;color: #2e2e2e;text-align: center;} .title-second h3 {font-size: 22px;line-height: 40px;font-weight: bolder;text-transform: uppercase;} .title-second .small {font-size: 26px;line-height: 40px;} .title-second.white h3, .title-second.white .small {color: #fff;} .title-second.blue h3, .title-second.blue .small {color: #0062b3;} .title-third {margin-bottom: 30px;} .title-third h3 {font-size: 22px;line-height: 24px;color: #fff;font-weight: bolder;text-transform: uppercase;} .title-third .small {margin-top: 10px;font-size: 26px;line-height: 36px;color: #fff;} .title-third.white h3, .title-third.white .small{color: #fff;} .title-fourth {margin-bottom: 50px;text-align: center;} .title-fourth h3 {font-size: 26px;line-height: 39px;color: #0062b3;} /* nav */ .nav-tab {display: flex;} .nav-tab .item {margin: 0 5px;padding: 0 25px;font-size: 16px;line-height: 44px;color: #fff;border-radius: 44px;cursor: pointer;} .nav-tab .item.active, .nav-tab .item:hover {background-color: #1b7dcf;} .nav-tab-primary {justify-content: center;margin-bottom: 30px;} .nav-tab-primary .item {padding: 0 20px;font-size: 12px;line-height: 38px;color: #fff;text-align: center;background-color: #0062b3;border: 1px solid #0062b3;border-radius: 24px;} .nav-tab-primary .item.active, .nav-tab-primary .item:hover {color: #fff;background-color: #6ebd00;border-color: #6ebd00;} .nav-tab-primary.flex {display: flex;justify-content: space-between;flex-wrap: wrap;} .nav-tab-primary.flex .item {min-width: 165px;margin: 5px 0 0;} .nav-tab-primary.founder .item {border-radius: 0;} .nav-content-switch .nav-content-item:not(:first-child) {display: none;} /* 背景渐变 */ .gradient-black { filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=100%,finishy=100%) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#737374,gradientType=0); -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=100%,finishy=100%) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#000,endcolorstr=#737374,gradientType=0);/*IE8*/ background:#737374; background:-moz-linear-gradient(top, #000, #737374); background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#737374)); background:-o-linear-gradient(top, #000, #737374); } /* 图片 */ .thumbnail {position: relative;font-size: 0;line-height: 0;overflow: hidden;cursor: pointer;} .thumbnail img {width: 100%;transition: all .3s;} .thumbnail .content {width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;transition: all .3s;} .thumbnail:hover img, .thumbnail:hover .content {transform: scale(1.1);} .thumbnail-play .icon-play {position: absolute;top: 50%;left: 50%;width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;font-size: 40px;line-height: 40px;color: #fff;text-align: center;} .img-responsive {display: block;width: 100%;} /* 背景图 */ .bg-cover {background-repeat: no-repeat;background-size: cover;background-position: center;} /* 渐变动画 */ .header-middle .btn-leavemsg, .header-bottom .nav-list a, .nav-search .btn-search, .sliding-door .item, .sliding-door .thumbnail, .header .header-tools .item>.iconfont, #formNavSearch input {transition:all .35s;-moz-transition:all .35s;-webkit-transition:all .35s;-o-transition:all .35s;} /* 垂直居中 */ .middle-box{display: table;margin:0 auto; position:relative;} .middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%; text-align:center;} .middle-inner p{position:relative; *top:-50%; *left:-50%;} /* video */ /*暂停时显示播放按钮*/ /* video {width: 100%;} */ .vjs-paused .vjs-big-play-button, .vjs-paused.vjs-has-started .vjs-big-play-button { display: block; } .myVideo-dimensions {width: 100%;height: 100%;} /* PhotoSwipe */ .pswp .pswp__button--share {display: none;} .pswp .pswp__caption__center {text-align: center;} .pswp .pswp__bg {background: rgba(0,0,0,.8)} /** * ***** header ***** */ .header {position: relative;} /*.header-main {display: flex;justify-content: space-between;}*/ .header-main #menu {margin-left: 40px;} .header .logo {height: 58px;margin-top: 33px;font-size: 0;} .header .logo img {display: block;height: 100%;} .header .nav-list>li {float: left;} .header .nav-list>li>a {display: block;position: relative;padding: 47px 40px;font-size: 16px;line-height: 30px;color: #717171;} .header .nav-list>li:not(:first-child)>a:before {content: '';display: block;position: absolute;top: 54px;left: 0;width: 1px;height: 16px;background-color: #b3b3b3;} .header .nav-list>li.active>a, .header .nav-list>li:hover>a {color: #00428e;} .header .nav-list>li.active>a:after {content: '';display: block;position: absolute;bottom: 0;left: 50%;width: 64px;height: 4px;margin-left: -32px;background-color: #019fe9;} .header .nav-sub {display: none;position: absolute;top: 124px;left: 0;z-index: 2;width: 100%;padding-left: 50%;text-align: center;background-color: #00428e;} .header .nav-sub li {float: left;/*display: inline-block;*/margin: 0 10px;} .header .nav-sub li a {display: block;padding: 0 20px;font-size: 14px;line-height: 52px;color: #ffffff;} .header .header-tools {padding-top: 43px;font-size: 0;line-height: 0;} .header .header-tools .item {float: left;position: relative;margin-left: 4px;cursor: pointer;} .header .header-tools .item>.iconfont {display: block;position: relative;z-index: 2;width: 38px;height: 38px;font-size: 18px;line-height: 36px;color: #717171;text-align: center;background-color: #fff;border: 1px solid #a3a2a8;} .header .header-tools .item:hover>.iconfont {color: #fff;background-color: #00428e;border-color: #00428e;} #formNavSearch input {position: absolute;top: 0;right: 0;width: 0;height: 38px;padding: 0 15px;font-size: 14px;line-height: 36px;color: #717171;border: 1px solid #a3a2a8;} #formNavSearch:hover input {right: 42px;width: 150px;} @media (max-width: 1175px) { .header .nav-list>li>a {padding-left: 20px;padding-right: 20px;} } /** * ***** banner ***** */ .banner {min-height: 197px;font-size: 0;line-height: 0;background-repeat: no-repeat;background-size: auto 100%;background-position: center bottom;} .banner>img {display: block;width: 100%;} .banner-info {min-height: 342px;width: 100%;color: #00428f;} .banner-info .middle-inner {width: 100%;text-align: left;} .banner-info .title {display: flex;align-self: baseline;position: relative;font-size: 26px;line-height: 70px;vertical-align: bottom;} .banner-info .title span {font-size: 48px;} .banner-info .title:after {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 30px;height: 3px;background-color: #19458d;} .banner-info p {margin-top: 10px;font-size: 17px;line-height: 30px;} .banner-info.white .title, .banner-info.white p {color: #fff;} .banner-info.white .title:after {background-color: #fff;} .nav-banner {position: relative;z-index: 100;background-color: #0062b3;} .nav-banner .container {display: flex;justify-content: space-between;} .nav-banner .item {position: relative;} .nav-banner .item>a {display: flex;height: 60px;padding: 0 20px;font-size: 14px;line-height: 60px;color: #fff;} .nav-banner .item.active>a, .nav-banner .item:hover>a {background-color: #6ebd00;} .nav-banner .item>a .iconfont {margin-left: 3px;font-size: 12px;} .nav-banner .item span {display: inline-block;} .nav-banner .item .nav-sub {display: none;position: absolute;top: 60px;left: 0;width: 100%;background-color: #6ebd00;} .nav-banner .nav-sub li {position: relative;} .nav-banner .nav-sub a {display: block;font-size: 14px;line-height: 40px;color: #fff;text-align: center;} .nav-banner .nav-sub a:hover {background-color: #579600;} .nav-banner .nav-sun {display: none;position: absolute;top: 0;left: 100%;z-index: 2;width: 140px;background-color: #e9e9e9;} .nav-banner .nav-sun a {color: #575757;} .nav-banner .nav-sun a:hover {color: #0062b3;background-color: #b9b9b9;} .banner-tempo-container {min-height: 342px;width: 100%;padding-top: 35px;color: #00428f;} .banner-tempo-container .middle-inner {width: 100%;text-align: left;} .banner-tempo {display: flex;justify-content: center;text-align: center;} .banner-tempo .item {position: relative;cursor: pointer;} .banner-tempo .item:not(:first-child):before {content: '';position: absolute;top: 43px;left: -88px;width: 84px;height: 14px;background: url(../images/banner_linksymbol.png) no-repeat center / cover;} .banner-tempo .item:nth-child(odd):before {top: 29px;transform: rotateX(180deg);} .banner-tempo .item:not(:first-child) {margin-left: 92px;} .banner-tempo .icon {display: block;width: 86px;height: 86px;background-repeat: no-repeat;background-size: cover;background-position: center;border: 2px solid #aad1f2;border-radius: 50%;} .banner-tempo .title {margin-top: 5px;font-size: 16px;line-height: 26px;color: #fffcfc;} .banner-tempo .item:hover .icon {transform: scale(1.05);} /** * ***** main ***** */ .main {padding: 50px 0;} .main.p-0 {padding: 0;} .main .section {padding: 60px 0;} .main .section-lg {padding: 120px 0;} .main .section-top {padding-top: 1px;} .main .section-top .nav-tab {margin-top: 10px;} .main-content {width: 74%;padding-right: 35px;} .main-content.fr {padding-right: 0;} .main-aside {position: relative;width: 26%;padding-left: 35px;} .main-aside:before {content: '';display: block;position: absolute;top: 0;left: 0;width: 1px;height: 100%;background-color: #d0cece;} .main-aside .btn-group .btn {padding: 0 30px;font-size: 16px;line-height: 40px;} .main-nav {width: 20%;} .main-nav>li>a {display: block;position: relative;padding: 0 20px;font-size: 14px;line-height: 56px;color: #4b4b4b;background-color: #eff3ff;} .main-nav>li>a .iconfont {float: right;} .main-nav>li:hover>a, .main-nav>li.active>a {color: #fff;background-color: #0062b3;} .main-nav .nav-sub {display: none;border: 1px solid #d1d1d1;border-top: none;} .main-nav .nav-sub a {display: block;position: relative;padding: 0 20px 0 30px;font-size: 14px;line-height: 40px;color: #505050;} .main-nav .nav-sub a:before {content: '';display: block;position: absolute;top: 50%;left: 20px;width: 4px;height: 1px;background-color: #505050;} .main-nav .nav-sub a:hover {color: #fff;background-color: #0062b3;} /* 搜索-行内表单 */ .search-inner {position: relative;width: 308px;height: 40px;margin: 0 auto 30px;border-radius: 40px;} .search-inner input {width: 100%;height: 100%;padding: 0 70px 0 20px;font-size: 14px;line-height: 40px;color: #4a4a4a;border: 1px solid #adadad;border-radius: 40px;} .search-inner .btn-search {position: absolute;top: 0;right: 0;width: 56px;height: 100%;font-size: 18px;line-height: 40px;color: #fff;text-align: center;background-color: #0062b3;border-radius: 40px;} .search-inner .btn-search:hover {background-color: #6ebd00;} .main-nav .search-inner {width: 100%;} /* location */ .location-content {margin-top: -50px;/* margin-bottom: 30px; */background-color: #fff;border-bottom: 1px solid #bebebe;} .location {font-size: 14px;line-height: 64px;color: #6d6d6d;} .location:before {content: '您当前的位置:';float: left;} .location a {float: left;position: relative;color: #6d6d6d;} .location a:before {content: '-';float: left;margin: 0 3px;} .location a:first-child:before {content: none;} .location a:hover {color: #2a428b;} .location a:last-child:hover {color: #6d6d6d;} .main-nav-sub li {float: left;margin-left: 1px;} .main-nav-sub li a {display: block;padding: 0 28px;font-size: 14px;line-height: 70px;color: #4e4e4e;} .main-nav-sub li.active a, .main-nav-sub a:hover {color: #00428e;} .main-nav-sub li:last-child a {padding-right: 0;} /* 广告招租 */ .leasing-container {text-align: center;padding: 56px 0;background-color: #e1e1e1;} /* 画廊 */ .gallery-vertical {margin-top: 20px;text-align: center;} .gallery-vertical img {display: inline-block;margin: 20px 0;} /** * ***** footer ***** */ .footer {border-top: 5px solid #e4e9ef;} .footer.fixed {position: fixed;bottom: 0;z-index: 99;width: 100%;} .footer-top {padding: 50px 0;} .footer-nav h4 a {font-size: 18px;line-height: 46px;color: #0062b3;font-weight: bolder;} .footer-nav .item {float: left;} .footer-nav .item:not(:first-child) {margin-left: 60px;} .footer-nav li a {font-size: 14px;line-height: 36px;color: #6f6f6f;} .footer-nav a:hover {color: #6ebd00;} .footer-nav a .iconfont {float: left;margin-right: 8px;} .footer-logo {margin-top: 30px;} .footer-bottom {padding: 20px 0;color: #fff;background-color: #0062b3;} .footer-bottom .copy-right {font-size: 14px;line-height: 32px;} .footer-share>span {-webkit-text-stroke-width: 0;} .footer-share.social-share {font-size: 14px;} .footer-share.social-share .social-share-icon {margin: 0 10px 0 0;color: #b3cdf0;border-color: #b3cdf0;} .footer-share.social-share .social-share-icon:last-child {margin-right: 0;} /** * ***** aside ***** */ .aside-tool {display: none;position: fixed;left: 50%;bottom: 77px;z-index: 100;width: 76px;} @media (min-width: 1200px) { .aside-tool {margin-left: 620px} } .aside-tool li {position: relative;background-color: #0062b3;cursor: pointer;} .aside-tool li:not(:first-child) {border-top: 1px solid #fff;} .aside-tool li .icon-content {padding: 5px 0 10px;} .aside-tool li:hover .icon-content {background-color: #6ebd00;} .aside-tool li .iconfont {display: block;width: 100%;height: 42px;font-size: 30px;line-height: 42px;color: #fff;text-align: center;} .aside-tool .title {font-size: 13px;line-height: 20px;color: #fff;text-align: center;} .aside-tool .content {display: none;position: absolute;top: 0;right: 80px;width: 227px;padding: 10px 20px;font-size: 14px;line-height: 28px;color: #2a899a;background-color: #fff;border: 1px solid #6ebd00;box-shadow: -3px 3px 5px rgba(0,0,0,.1);} .aside-tool li:nth-child(2) .content {width: 150px;padding: 10px;} .aside-tool a {display: block;color: #6ebd00;} /** * ***** layer ***** */ .layer-content {display: none;position: relative;} /* 关闭 */ .layui-layer.layui-layer-close {position: fixed;} .layui-layer-close .layui-layer-setwin {top: 0;right: 0;} .layui-layer-close .layui-layer-setwin .layui-layer-close2 {top: 0;right: -36px;width: 36px;height: 36px;background: #626262 url(../images/icons/close_layer.png) center / 50% no-repeat;} .layui-layer-close .layui-layer-setwin .layui-layer-close2:hover {background-position: center;} /* 视频 */ #layerVideo {width: 100%;height: 100%;} /* .layui-layer.layui-layer-custom {border: 1px solid #343434;border-radius: 10px;overflow: hidden;} .layui-layer.layui-layer-custom .layui-layer-title {height: 46px;line-height: 46px;font-size: 18px;color: #ddba59;background-color: #232323;border-bottom: none} .layui-layer.layui-layer-custom .layui-layer-content {padding: 20px;color: #fff;background-color: #1c1c1c} .layui-layer.layui-layer-custom .layui-layer-btn {background-color: #1c1c1c} .layui-layer.layui-layer-custom .layui-layer-btn .layui-layer-btn0 {border-color: #ddba59;background-color: #ddba59;} .layui-layer.layui-layer-custom-msg {min-width: 100px;background-color: #000;filter: alpha(opacity=60);background-color: rgba(0,0,0,.6);color: #fff;border: none;} .layui-layer.layui-layer-custom-msg .layui-layer-content {padding: 12px 25px;text-align: center;background-color: rgba(0,0,0, .5)} */ @media (max-width: 768px) { /** * common */ .visible-xs {display: block;} .hidden-xs {display: none;} /* btn */ .btn-mid {padding: 8px 20px;font-size: 14px;line-height: 24px;} .btn-mid .iconfont {margin-right: 10px;font-size: 20px;line-height: 40px;} .btn-lg {padding: 0 20px;font-size: 14px;line-height: 50px;} .btn-lg .iconfont {margin-right: 10px;font-size: 20px;line-height: 50px;} .btn-more {font-size: 14px;line-height: 36px;} .btn-more-redundancy {line-height: 40px;} .btn-more-redundancy .iconfont {margin-top: 9px;} /* title */ .title-vertical {text-align: center;} .title-vertical h3 {font-size: 24px;line-height: 32px;} .title-vertical.colorful .small {font-size: 20px;line-height: 26px;} .title-vertical-bolder {padding-bottom: 0;} .title-vertical-bolder:after {content: none;} .title-vertical-primary {padding-bottom: 10px;} .title-vertical-primary h3 {font-size: 18px;line-height: 24px;} .title-vertical-primary .small {font-size: 20px;line-height: 30px;} .title-vertical-primary:after {left: 50%;width: 30px;height: 3px;margin-left: -15px;} .title-first {margin-bottom: 20px;padding-top: 15px;} .title-first:before {height: 4px;} .title-first h3 {font-size: 24px;line-height: 32px;} .title-first .small {font-size: 18px;line-height: 26px;} .title-second {margin-top: 10px;margin-bottom: 15px;padding: 10px;} .title-second h3, .title-second .small {font-size: 20px;line-height: 32px;} .title-third {margin-bottom: 15px;text-align: center;} .title-third h3 {font-size: 20px;} .title-third .small {font-size: 20px;line-height: 26px;} /* nav */ .nav-tab {flex-wrap: wrap;justify-content: center;} .nav-tab .item {margin-top: 5px;font-size: 14px;line-height: 36px;} .nav-tab-primary {margin-bottom: 10px;} .nav-tab-primary .item {font-size: 12px;line-height: 26px;} /* table */ .table th, .table td, .table .th, .table .td {font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .table-list {border-top: 1px dashed #000;} .table-list .thead {display: none;} .table-list .tr {position: relative;padding: 5px 0;} .table-list .td {padding-top: 0;padding-bottom: 0;} .table-list .td:nth-child(1) {width: 40%;text-align: left;} .table-list .td:nth-child(1):before {content: '序号:'} .table-list .td:nth-child(2) {width: 60%;text-align: left;padding-right: 40px;} .table-list .td:nth-child(2):before {content: '中文:'} .table-list .td:nth-child(3) {width: 40%;text-align: left;} .table-list .td:nth-child(4) {width: 40%;text-align: left;} .table-list .td:nth-child(5) {width: 20%;text-align: right;} .table-list .td:nth-child(6) {position: absolute;top: 5px;right: 0;text-align: right;} .title-fourth {margin-bottom: 20px;} .title-fourth h3 {font-size: 22px;line-height: 32px;} /* form */ .form-title {margin-bottom: 10px;text-align: center;} .form-title h3 {font-size: 18px;line-height: 24px;} .form-primary .form-group {margin-bottom: 10px;} .form-primary .form-control {padding: 5px 10px;} .form-primary .btn-group {text-align: center;} .form-primary .btn-group .btn {font-size: 14px;line-height: 36px;} .form-primary .row .col-sm-6 {padding: 0!important;} /** * header */ .header, .header-index {position: fixed;top: 0;z-index: 100;width: 100%;padding: 5px 10px;font-size: 0;text-align: center;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.5);} .header .wrap {padding: 0} .header-middle {padding: 0;} .header-index .logo, .header-index .logo img, .header .logo, .header .logo img {width: auto;height: 40px} .header .logo {margin-top: 0;} .header-index .btn-menu, .header .btn-menu {position: absolute;top: 0;right: 0;z-index: 10;width: 50px;height: 50px;background: url(../images/icons/menu.png) center/20px no-repeat;} .header-contact .item {float: none;padding: 10px 5px 10px 60px;} .header-contact .item .iconfont {left: 20px;top: 13px;color: #ccc;} .header-contact .item .title, .header-contact .item p {color: #ccc;font-weight: normal;} .header-contact .item:first-child:after{content:'';border-top:1px solid rgba(0,0,0,.5);display:block;width:100%;position:absolute;bottom:0;left:0;margin-left:20px} .header-contact .item:not(:first-child):before {content: none;} .nav-search input {width: 100%;padding: 0 40px 0 20px;line-height: 60px;background: none;} .nav-search .btn-search {position: absolute;top: 0;right: 0;width: 40px;height: 60px;line-height: 60px;} .header-middle .btn-leavemsg {position: fixed;bottom: 52px;right: 10px;margin: 0;padding: 0;font-size: 0;line-height: 0;border-radius: 50%;} .header-middle .btn-leavemsg .iconfont {width: 50px;margin-right: 0;line-height: 50px;} .header #menu, .header .header-tools, .header-index #menu, .header-index .header-tools {display: none;} #menu a .iconfont {display: none;} #menu li {float: none;} #menu .active a, #menu>li>a:hover {color: #fff;background-color: #6ebd00} #menu>ul>li {float: none;} #menu>ul>li>a, #menu>ul>li>a h4 {font-size: 15px;line-height: 26px;color: #ccc;text-align: left;} #menu ul ul {display: block;} #menu .header-contact .item .iconfont {display: block;} #menu .item:not(.tel)>.iconfont {display: block;width: 38px;height: 38px;font-size: 18px;line-height: 36px;color: #ccc;text-align: center;background-color: transparent;border: 1px solid #ccc;} #menu .item.tel {padding-left: 40px;} #menu .item.tel .iconfont {display: block;position: absolute;top: 10px;left: 20px;} #formNavSearch {padding: 10px 10px 10px 20px;} #formNavSearch input {position: static;top: 0;left: 0;padding: 0 48px 0 10px;width: 100%;color: #fff;background-color: transparent;} #formNavSearch:hover input {width: 100%;} #formNavSearch button {position: absolute;top: 10px;right: 10px;} .mm-highest a {text-indent: 20px;} .mm-list a.mm-subopen {height: 46px;} .mm-list a img {float: left;width: 14px;height: 11px;margin-top: 7px;margin-right: 10px;} .mm-menu .mm-list > li.active > a.mm-subopen:before, .mm-menu .mm-list > li.active > a.mm-subopen:after, .mm-menu .mm-list > li.active > a.mm-subclose:before, .mm-list > li.active:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after{margin-left: 0;border-color: #fff;} .mm-list a.mm-subclose {margin-top: 0;padding-top: 10px;} .mm-list a.mm-subclose:before {margin-bottom: -3px;} /** * banner */ /* .banner {margin-top: 50px;background-position: right -200px bottom;} */ .banner {margin-top: 50px;background-position: center bottom;} .banner, .banner-info, .banner-tempo-container {min-height: 100px;} .banner-tempo-container {padding-top: 0;} .banner-info .middle-inner {padding: 10px;text-align: center;} .banner-info .title {display: block;padding-bottom: 10px;font-size: 20px;line-height: 40px;color: #fff;} .banner-info .title:after {left: 50%;margin-left: -15px;background-color: #fff;} .banner-info .title span {font-size: 30px} .banner-info p {font-size: 14px;line-height: 30px;color: #fff;} .nav-banner-selected {position: relative;padding: 0 5px;background-color: #0062b3;border-bottom: 1px solid #fff;} .nav-banner-selected h4 {font-size: 15px;line-height: 40px;color: #fff;} .nav-banner-selected .btn-expand-toggle {position: absolute;top: 0;right: 0;width: 40px;} .nav-banner-selected .btn-expand-toggle span {background-color: #fff;} .nav-banner {display: none;max-height: 500px;overflow-y: auto;} .nav-banner .container {display: block;} .nav-banner .item {margin-bottom: 5px;border-bottom: 1px solid rgba(255, 255, 255, .5);} .nav-banner .item:not(:first-child) {border-top: 1px solid rgba(255, 255, 255, .5);} .nav-banner .item>a {height: 40px;padding: 0 10px;line-height: 40px;} .nav-banner .item>a .iconfont {font-size: 10px;margin-left: 7px;} .nav-banner .item .nav-sub {position: static;top: auto;left: auto;display: block;background: none;} .nav-banner .nav-sub {padding-bottom: 10px;} .nav-banner .nav-sub li {float: left;position: relative;width: 100%;} .nav-banner .nav-sub a {font-size: 12px;line-height: 34px;} .nav-banner .nav-sub>li:not(:first-child) {border-top: 1px dashed rgba(255, 255, 255, .3);} .nav-banner .nav-sub>li>a {padding-left: 30px;text-align: left;} .nav-banner .nav-sun {display: block;position: static;top: auto;left: auto;width: 100%;background: none;} .nav-banner .nav-sun li {float: left;width: 50%;} .nav-banner .nav-sun li:nth-child(even):before {content: '';display: block;position: absolute;top: 9px;left: 0;width: 1px;height: 16px;background-color: rgba(255, 255, 255, .5);} .nav-banner .nav-sun a {color: #fff;} .banner-tempo {flex-wrap: wrap;} .banner-tempo .icon {width: 50px;height: 50px;} .banner-tempo .title {font-size: 12px;line-height: 24px;} .banner-tempo .item:nth-child(3n+1) {margin-left: 0;} .banner-tempo .item:nth-child(3n+1):before {content: none;} .banner-tempo .item:not(:first-child):before {top: 25px;} .banner-tempo .item:nth-child(odd):before {top: 25px;transform: rotateX(0);} .banner-tempo .item:nth-child(3n):before {top: 11px;transform: rotateX(180deg);} .banner-tempo .item {margin-top: 10px;} .banner-tempo .item:nth-child(1), .banner-tempo .item:nth-child(2), .banner-tempo .item:nth-child(3) {margin-top: 0;} /** * main */ .main {padding: 0 0 20px;} .main .container {padding: 0 10px;} .main .section {padding: 20px 0;} .main .section-top>.fl, .main .section-top>.fr {float: none;} .main-content, .main-aside, .main-nav {float: none;width: 100%;padding: 0;} .main-aside {margin-top: 20px;} .main-aside:before {content: none;} /* 行内搜索 */ .search-inner {height: 34px;margin: 0 auto 20px;} .search-inner input {line-height: 34px;} .search-inner .btn-search {line-height: 34px;} /* location */ .location-content {margin-top: 0;/* margin-bottom: 10px; */} .main-nav-sub {float: none;padding: 10px 0 5px;text-align: center;font-size: 0;} .main-nav-sub li {float: none;display: inline-block;margin: 0 3px 5px 3px;} .main-nav-sub li a {padding: 0 15px;font-size: 12px;line-height: 30px;border: 1px solid #bfbaba;border-radius: 3px;} .main-nav-sub li:last-child a {padding-right: 15px;} .main-nav-sub li.active a {color: #fff;background-color: #00428e;border-color: #00428e;} .leasing-container {padding: 20px 0;font-size: 0;} .leasing-container.mb-negative-50 {margin-bottom: 0;} /** * footer */ .footer {border-top: none;} .footer-bottom {padding: 10px;text-align: center;} .footer .copy-right {float: none;font-size: 13px;line-height: 22px;} /** * footer */ .aside-tool {left: auto;bottom: 112px;right: 10px;width: 60px} .aside-tool li .iconfont {height: 30px;font-size: 20px;line-height: 30px;} .aside-tool .title {font-size: 12px;} .aside-tool .content {right: 62px;padding: 10px;} /** * layer */ .layui-layer.layui-layer-custom .layui-layer-content {padding: 10px} } /** * ***** bootstrap栅格系统 ***** */ .container{margin-right:auto;margin-left:auto} @media (min-width:1300px){ .container{width:1200px} } @media (max-width:992px){ .container{width:970px} .header-bottom .nav-list>li {margin-left: 10px;} .nav-search input {width: 160px;padding: 0 15px;} .nav-search .btn-search {width: 50px;} } @media (max-width:768px){ .container{width: 100%;} /* .header-bottom .nav-list>li {margin-left: 5px;} .header-bottom .nav-list>li>a {padding: 0 10px;} .nav-search input {width: 120px;padding: 0 15px;} .nav-search .btn-search {width: 40px;} */ } .container-fluid{margin-right:auto;margin-left:auto} .row{} .row:after,.row:before{display:table;content:" "} .row:after{clear:both} .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;} .col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left} .col-xs-12{width:100%} .col-xs-11{width:91.66666667%} .col-xs-10{width:83.33333333%} .col-xs-9{width:75%} .col-xs-8{width:66.66666667%} .col-xs-7{width:58.33333333%} .col-xs-6{width:50%} .col-xs-5{width:41.66666667%} .col-xs-4{width:33.33333333%} .col-xs-3{width:25%} .col-xs-2{width:16.66666667%} .col-xs-1{width:8.33333333%} .col-xs-pull-12{right:100%} .col-xs-pull-11{right:91.66666667%} .col-xs-pull-10{right:83.33333333%} .col-xs-pull-9{right:75%} .col-xs-pull-8{right:66.66666667%} .col-xs-pull-7{right:58.33333333%} .col-xs-pull-6{right:50%} .col-xs-pull-5{right:41.66666667%} .col-xs-pull-4{right:33.33333333%} .col-xs-pull-3{right:25%} .col-xs-pull-2{right:16.66666667%} .col-xs-pull-1{right:8.33333333%} .col-xs-pull-0{right:auto} .col-xs-push-12{left:100%} .col-xs-push-11{left:91.66666667%} .col-xs-push-10{left:83.33333333%} .col-xs-push-9{left:75%} .col-xs-push-8{left:66.66666667%} .col-xs-push-7{left:58.33333333%} .col-xs-push-6{left:50%} .col-xs-push-5{left:41.66666667%} .col-xs-push-4{left:33.33333333%} .col-xs-push-3{left:25%} .col-xs-push-2{left:16.66666667%} .col-xs-push-1{left:8.33333333%} .col-xs-push-0{left:auto} .col-xs-offset-12{margin-left:100%} .col-xs-offset-11{margin-left:91.66666667%} .col-xs-offset-10{margin-left:83.33333333%} .col-xs-offset-9{margin-left:75%} .col-xs-offset-8{margin-left:66.66666667%} .col-xs-offset-7{margin-left:58.33333333%} .col-xs-offset-6{margin-left:50%} .col-xs-offset-5{margin-left:41.66666667%} .col-xs-offset-4{margin-left:33.33333333%} .col-xs-offset-3{margin-left:25%} .col-xs-offset-2{margin-left:16.66666667%} .col-xs-offset-1{margin-left:8.33333333%} .col-xs-offset-0{margin-left:0} @media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left} .col-sm-12{width:100%} .col-sm-11{width:91.66666667%} .col-sm-10{width:83.33333333%} .col-sm-9{width:75%} .col-sm-8{width:66.66666667%} .col-sm-7{width:58.33333333%} .col-sm-6{width:50%} .col-sm-5{width:41.66666667%} .col-sm-4{width:33.33333333%} .col-sm-3{width:25%} .col-sm-2{width:16.66666667%} .col-sm-1{width:8.33333333%} .col-sm-pull-12{right:100%} .col-sm-pull-11{right:91.66666667%} .col-sm-pull-10{right:83.33333333%} .col-sm-pull-9{right:75%} .col-sm-pull-8{right:66.66666667%} .col-sm-pull-7{right:58.33333333%} .col-sm-pull-6{right:50%} .col-sm-pull-5{right:41.66666667%} .col-sm-pull-4{right:33.33333333%} .col-sm-pull-3{right:25%} .col-sm-pull-2{right:16.66666667%} .col-sm-pull-1{right:8.33333333%} .col-sm-pull-0{right:auto} .col-sm-push-12{left:100%} .col-sm-push-11{left:91.66666667%} .col-sm-push-10{left:83.33333333%} .col-sm-push-9{left:75%} .col-sm-push-8{left:66.66666667%} .col-sm-push-7{left:58.33333333%} .col-sm-push-6{left:50%} .col-sm-push-5{left:41.66666667%} .col-sm-push-4{left:33.33333333%} .col-sm-push-3{left:25%} .col-sm-push-2{left:16.66666667%} .col-sm-push-1{left:8.33333333%} .col-sm-push-0{left:auto} .col-sm-offset-12{margin-left:100%} .col-sm-offset-11{margin-left:91.66666667%} .col-sm-offset-10{margin-left:83.33333333%} .col-sm-offset-9{margin-left:75%} .col-sm-offset-8{margin-left:66.66666667%} .col-sm-offset-7{margin-left:58.33333333%} .col-sm-offset-6{margin-left:50%} .col-sm-offset-5{margin-left:41.66666667%} .col-sm-offset-4{margin-left:33.33333333%} .col-sm-offset-3{margin-left:25%} .col-sm-offset-2{margin-left:16.66666667%} .col-sm-offset-1{margin-left:8.33333333%} .col-sm-offset-0{margin-left:0} } @media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left} .col-md-12{width:100%} .col-md-11{width:91.66666667%} .col-md-10{width:83.33333333%} .col-md-9{width:75%} .col-md-8{width:66.66666667%} .col-md-7{width:58.33333333%} .col-md-6{width:50%} .col-md-5{width:41.66666667%} .col-md-4{width:33.33333333%} .col-md-3{width:25%} .col-md-2{width:16.66666667%} .col-md-1{width:8.33333333%} .col-md-pull-12{right:100%} .col-md-pull-11{right:91.66666667%} .col-md-pull-10{right:83.33333333%} .col-md-pull-9{right:75%} .col-md-pull-8{right:66.66666667%} .col-md-pull-7{right:58.33333333%} .col-md-pull-6{right:50%} .col-md-pull-5{right:41.66666667%} .col-md-pull-4{right:33.33333333%} .col-md-pull-3{right:25%} .col-md-pull-2{right:16.66666667%} .col-md-pull-1{right:8.33333333%} .col-md-pull-0{right:auto} .col-md-push-12{left:100%} .col-md-push-11{left:91.66666667%} .col-md-push-10{left:83.33333333%} .col-md-push-9{left:75%} .col-md-push-8{left:66.66666667%} .col-md-push-7{left:58.33333333%} .col-md-push-6{left:50%} .col-md-push-5{left:41.66666667%} .col-md-push-4{left:33.33333333%} .col-md-push-3{left:25%} .col-md-push-2{left:16.66666667%} .col-md-push-1{left:8.33333333%} .col-md-push-0{left:auto} .col-md-offset-12{margin-left:100%} .col-md-offset-11{margin-left:91.66666667%} .col-md-offset-10{margin-left:83.33333333%} .col-md-offset-9{margin-left:75%} .col-md-offset-8{margin-left:66.66666667%} .col-md-offset-7{margin-left:58.33333333%} .col-md-offset-6{margin-left:50%} .col-md-offset-5{margin-left:41.66666667%} .col-md-offset-4{margin-left:33.33333333%} .col-md-offset-3{margin-left:25%} .col-md-offset-2{margin-left:16.66666667%} .col-md-offset-1{margin-left:8.33333333%} .col-md-offset-0{margin-left:0} } @media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left} .col-lg-12{width:100%} .col-lg-11{width:91.66666667%} .col-lg-10{width:83.33333333%} .col-lg-9{width:75%} .col-lg-8{width:66.66666667%} .col-lg-7{width:58.33333333%} .col-lg-6{width:50%} .col-lg-5{width:41.66666667%} .col-lg-4{width:33.33333333%} .col-lg-3{width:25%} .col-lg-2{width:16.66666667%} .col-lg-1{width:8.33333333%} .col-lg-pull-12{right:100%} .col-lg-pull-11{right:91.66666667%} .col-lg-pull-10{right:83.33333333%} .col-lg-pull-9{right:75%} .col-lg-pull-8{right:66.66666667%} .col-lg-pull-7{right:58.33333333%} .col-lg-pull-6{right:50%} .col-lg-pull-5{right:41.66666667%} .col-lg-pull-4{right:33.33333333%} .col-lg-pull-3{right:25%} .col-lg-pull-2{right:16.66666667%} .col-lg-pull-1{right:8.33333333%} .col-lg-pull-0{right:auto} .col-lg-push-12{left:100%} .col-lg-push-11{left:91.66666667%} .col-lg-push-10{left:83.33333333%} .col-lg-push-9{left:75%} .col-lg-push-8{left:66.66666667%} .col-lg-push-7{left:58.33333333%} .col-lg-push-6{left:50%} .col-lg-push-5{left:41.66666667%} .col-lg-push-4{left:33.33333333%} .col-lg-push-3{left:25%} .col-lg-push-2{left:16.66666667%} .col-lg-push-1{left:8.33333333%} .col-lg-push-0{left:auto} .col-lg-offset-12{margin-left:100%} .col-lg-offset-11{margin-left:91.66666667%} .col-lg-offset-10{margin-left:83.33333333%} .col-lg-offset-9{margin-left:75%} .col-lg-offset-8{margin-left:66.66666667%} .col-lg-offset-7{margin-left:58.33333333%} .col-lg-offset-6{margin-left:50%} .col-lg-offset-5{margin-left:41.66666667%} .col-lg-offset-4{margin-left:33.33333333%} .col-lg-offset-3{margin-left:25%} .col-lg-offset-2{margin-left:16.66666667%} .col-lg-offset-1{margin-left:8.33333333%} .col-lg-offset-0{margin-left:0} } .row-padding>div {padding-left: 15px;padding-right: 15px;}