@charset "utf-8"; body {background-color: #fff;overflow-x: hidden;} 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} select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../images/select.png) no-repeat right 12px center / auto; } a {display: inline-block;} 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;*/ } /** 璁剧疆娓呴櫎娴姩鐨勫厓绱 **/ .fl{float:left;} .fr{float:right;} ul:after, dl:after, ol:after, .clearfix:after, .container:after, .container-fluid:after, .row:after, .tab-nav:after, .container-custom:after, .menu-list>li:after, .menu-sub:after, .location: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;} .pt-0 {padding-top: 0!important;} .mt-20 {margin-top: 20px;} /* color */ a {display: inline-block;color: #333;} /* btn */ .btn {display: inline-block;padding: 0 36px;font-size: 14px;line-height: 40px;color: #001670;border: 1px solid #001670;} .btn-default {color: #001670;background-color: #fff;} .btn-danger {color: #fff;background-color: #a71018;border-color: #a71018;} /* btn-more */ /* btn-easing */ .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: #a71018!important;} .btn-easing:before{position:absolute;content:'';z-index:1;background:#a71018;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: #a71018!important;} .btn-easing-normal.btn-easing:before, .btn-easing.btn-success:before {background:#a71018;} /* 灞曞紑鎸夐挳 */ .btn-expand-toggle{position:relative;width:30px;height:40px;cursor:pointer} .btn-expand-toggle span{display:block;position:absolute;top:50%;left:22%;width:46%;height:2px;background-color: #2a428b;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-control {width: 100%;height: 40px;padding: 0 10px;font-size: 14px;line-height: 40px;color: #404040;border: 1px solid #c5c5c5;} select.form-control {padding-right: 30px;} .form-search {position: relative;} .form-search .form-control {padding-right: 86px;} .form-search button {position: absolute;top: 0;right: 0;width: 76px;height: 40px;padding: 0;color: #fff;background-color: #2a428b;} .form-inline .form-control {margin-bottom: 10px;} /* table */ table {width: 100%;} .table-data {margin: 20px 0;font-size: 14px;line-height: 20px;color: #6c6a6a;text-align: center;border-left: 1px solid #fff;border-top: 1px solid #fff;} .table-data th, .table-data td {min-width: 100px;padding: 10px 15px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;} .table-data th {font-size: 15px;color: #fff;background-color: #77b3e1;} .table-data tr:nth-child(even) {background-color: #f2f3f3;} .table-data td:nth-child(2) {min-width: 160px;} .table-data td:nth-child(3) {text-align: left;} .table-default {text-align: center;background-color: #fff;border: 1px solid #d1d1d1;} .table-default tbody tr:not(:first-child) {border-top: 1px dotted #878787;} .table-default thead {background-color: #f3f3f3;} .table-default th, .table-default td {padding: 12px 10px;font-size: 14px;line-height: 24px;color: #404040;} .table-default th {color: #2a428b;} .table-default2 {text-align: center;background-color: #fff;border: 1px solid #d1d1d1;} .table-default2 tbody tr:not(:first-child) {border-top: 1px dotted #878787;} .table-default2 thead {background-color: #f3f3f3;} .table-default2 th, .table-default2 td {padding: 12px 55px;font-size: 14px;line-height: 24px;color: #404040;} .table-default2 th {color: #2a428b;} /* title */ .title-first {margin-bottom: 30px;text-align: center;} .title-first h3 {font-size: 22px;line-height: 26px;color: #184289;} .title-section {margin-bottom: 30px;} .title-section h3 {display: inline-block;position: relative;font-size: 22px;line-height: 26px;color: #184289;} .title-section h3:before {content: '';display: block;position: absolute;bottom: 0;right: -38px;width: 18px;height: 3px;background-color: #a71018;} .title-section .btn-more {float: right;font-size: 14px;line-height: 26px;color: #3e3e3f;} .title-section .btn-more .iconfont {float: left;margin-right: 3px;font-size: 18px;line-height: 26px;} .title-section .btn-more:hover {color: #a71018;} .title-section .btn-more:hover .iconfont {transform: rotate(90deg);} .title-gradient {margin-bottom: 10px;padding: 0 20px;font-size: 22px;line-height: 46px;color: #fff;background: url(../images/bg_title_gradient.png) repeat-y;background-size: 100% auto;} /* tab */ /* 鑳屾櫙娓愬彉 */ .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); } /* 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)} /* 鏂囧瓧婧㈠嚭闅愯棌 */ .text-overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .text-overflow2 {overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} /* 鍥剧墖 */ .thumbnail {position: relative;font-size: 0;line-height: 0;overflow: hidden;cursor: pointer;background-repeat: no-repeat;background-size: cover;background-position: center;} .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 .search .iconfont, .index-fastnav .item .info, .index-fastnav .item .title, .title-section .btn-more .iconfont, .article-leftover-content, .list-aside-nav .title .iconfont {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%;} /* PhotoSwipe */ .pswp .pswp__button--share {display: none;} .pswp .pswp__caption__center {text-align: center;} .pswp .pswp__bg {background: rgba(0,0,0,.8)} .pswp .pswp__caption__center {max-width: 620px;} /** * ***** header ***** */ .header {position: relative;z-index: 100;} .header-top .container {padding-top: 34px;padding-bottom: 34px;} .header .logo {height: 57px;font-size: 0;line-height: 0;} .header .logo img {display: block;height: 100%;} .header .language {margin-top: 17px;margin-left: 34px;font-size: 0;line-height: 0;border: 1px solid #132d7e;border-radius: 10px;overflow: hidden;} .header .language a {display: inline-block;min-width: 44px;font-size: 16px;line-height: 20px;color: #132d7e;text-align: center;border-left: 1px solid #132d7e;} .header .language a:first-child {border-left: none;} .header .language a.active, .header .language a:hover {color: #fff;background-color: #132d7e;border-color: #fff;} .header .search {margin-top: 8px;} .header .search form {position: relative;width: 315px;padding-right: 52px;} .header .search input {width: 100%;height: 40px;padding: 0 13px;font-size: 14px;line-height: 36px;color: #2a428b;border: 2px solid #2a428b;} .header .search button {position: absolute;top: 0;right: 0;width: 52px;height: 40px;background-color: #2a428b;} .header .search .iconfont {display: block;font-size: 20px;line-height: 40px;color: #fff;} .header .search button:hover .iconfont {margin-top: 2px;} .header-bottom {background-color: #2a428b;} .menu-list {position: relative;} .menu-list>li {float: left;margin-right: 1px;} .menu-list>li>a {display: block;min-width: 110px;padding: 0 34px;font-size: 14px;line-height: 60px;text-align: center;color: #fff;} .menu-list>li>a span {display: inline-block;} .menu-list>li>a .icon-dropdown {float: right;margin-left: 5px;font-size: 18px;line-height: 60px;} .menu-list>li.active>a, .menu-list>li:hover>a{background-color: rgba(70, 94, 166, .9);} .menu-sub {display: none;position: absolute;top: 60px;left: 0;padding: 30px;background-color: rgba(255, 255, 255, .95);} .menu-sub .item {float: left;width: 224px;margin-left: 30px;} .menu-sub .item:first-child {margin-left: 0;} .menu-sub .thumbnail {display: block;width: 100%;height: 110px;} .menu-sub .title {margin-bottom: 25px;font-size: 16px;line-height: 18px;color: #2a428b;font-weight: bolder;} .menu-sun {margin-top: 15px;} .menu-sun a {display: block;font-size: 12px;line-height: 30px;color: #4b4b4b;} .menu-sun a:hover {color: rgba(70, 94, 166, .9)!important;} /* 鐗规畩鏍峰紡 */ .menu-list>li:nth-child(2) .menu-sub .item:nth-child(1) li{float: left;width: 50%;} .menu-list>li:nth-child(3) .menu-sub .item:nth-child(1) li:last-child, .menu-list>li:nth-child(3) .menu-sub .item:nth-child(1) li {width: 100%;} .menu-list>li:nth-child(5) .menu-sub .item, .menu-list>li:nth-child(6) .menu-sub .item, .menu-list>li:nth-child(9) .menu-sub .item {width: 284px;} /* 浜у搧涓績 */ .menu-list>li:nth-child(7) .menu-sub {width: 100%;padding: 30px 0;} .menu-list>li:nth-child(7) .menu-sub .item {float: left;position: relative;width: 50%;margin-left: 0;padding: 0 30px;} .menu-list>li:nth-child(7) .menu-sub .item:nth-child(1) {width: 38%;} .menu-list>li:nth-child(7) .menu-sub .item:nth-child(2) {width: 62%;} .menu-list>li:nth-child(7) .menu-sub .item:nth-child(1):before {content: '';display: block;position: absolute;top: 0;right: 0;width: 1px;height: 100%;background-color: rgba(42, 66, 139, .25);} .menu-list>li:nth-child(7) .menu-sub .title {margin-bottom: 0;} .menu-list>li:nth-child(7) .menu-sun>li {margin-bottom: 20px;} .menu-list>li:nth-child(7) .menu-sub .item:nth-child(1) .menu-sun>li {float: left;width: 50%;} .menu-list>li:nth-child(7) .menu-sub .item:nth-child(1) .menu-sun>li:nth-child(odd) {padding-right: 16px;} .menu-list>li:nth-child(7) .menu-sub .item:nth-child(2) .menu-sun {position: relative;/* padding-right: 33.33%; */} .menu-list>li:nth-child(7) .menu-sub .item:nth-child(2) .menu-sun>li {float: left;width: 33.33%;padding-right: 16px;} /* .menu-list>li:nth-child(7) .menu-sub .item:nth-child(2) .menu-sun:nth-child(2)>li:nth-child(3) {position: absolute;top: 0;right: 0;width: 33.33%;padding-left: 20px;} */ .menu-list>li:nth-child(7) .menu-sun .title {position: relative;margin-bottom: 5px;padding-left: 13px;font-size: 14px;line-height: 18px;color: #2a428b;} .menu-list>li:nth-child(7) .menu-sun .title:before {content: '';display: block;position: absolute;top: 6px;left: 0;width: 6px;height: 6px;background-color: #2a428b;border-radius: 50%;} .menu-list>li:nth-child(7) .menu-sun a {padding: 6px 0;font-size: 12px;line-height: 17px;color: #565656;} .menu-list>li:nth-child(7) .menu-greatsun .title {margin-top: 15px;} .menu-list>li:nth-child(7) .menu-greatsun li:first-child .title {margin-top: 0;} /** * ***** banner ***** */ .banner {height: 392px;background: url(../images/banner/about.jpg) no-repeat center top / cover;} .banner .container {height: 100%;} .banner-text {width: 100%;height: 100%;color: #fff;} .banner-text .middle-inner {text-align: left;} .banner-text .content {position: relative;} .banner-text h3 {font-size: 50px;line-height: 60px;font-weight: bolder;text-transform: uppercase;} .banner-text h4 {margin-top: 24px;font-size: 30px;line-height: 40px;} .banner-text p {margin-top: 20px;font-size: 16px;line-height: 30px;} .banner-text .icon-down {position: absolute;bottom: 0;right: 0;width: 42px;height: 42px;font-size: 24px;line-height: 42px;text-align: center;border: 1px solid #fff;border-radius: 50%;} /* swiper-style */ .swiper-container .swiper-pagination {font-size: 0;} .swiper-slide a, .swiper-slide img {display: block;width: 100%;} .swiper-primary .swiper-button-next, .swiper-primary .swiper-button-prev {z-index: 11;width: 33px;height: 31px;font-size: 20px;line-height: 31px;color: #fff;text-align: center;background: #1f3583;} .swiper-primary .swiper-button-next:hover, .swiper-primary .swiper-button-prev:hover {background-color: #a71018;} .swiper-primary .swiper-container .swiper-pagination {bottom: 11px;} .swiper-primary .swiper-pagination-bullet-active {background-color: #1f3583;} /* banner-index */ .swiper-index {height: 581px;} .swiper-index .swiper-container, .swiper-index .swiper-wrapper, .swiper-index .swiper-slide {height: 100%;} .swiper-index .swiper-slide {background-repeat: no-repeat;background-size: auto 100%;background-position: center;} .swiper-index .swiper-container .swiper-pagination {right: 0;bottom: 40px;font-size: 0;} .swiper-index .swiper-pagination-bullet {width: 11px;height: 11px;margin: 0 5px;background-color: #fff;} /* banner-activity */ .swiper-activity {position: relative;padding-bottom: 40px;} .swiper-activity img {max-width: 1184px;} .swiper-activity .swiper-button-prev, .swiper-activity .swiper-button-next {width: 40px;height: 50px;margin-top: -25px;font-size: 40px;line-height: 50px;color: #545454;background: none;} .swiper-activity .swiper-button-prev {left: -40px;} .swiper-activity .swiper-button-next {right: -40px;} .swiper-activity .swiper-button-prev:hover, .swiper-activity .swiper-button-next:hover {color: #2a428b;} .swiper-activity .swiper-pagination {bottom: 0;left: 0;width: 100%;} .swiper-activity .swiper-pagination-bullet {width: 20px;height: 5px;margin: 0 5px;background-color: #2a428b;border-radius: 0;} /** * ***** main ***** */ .section-index {padding: 90px 0;} .main-content {width: 68%;padding-right: 50px;} .main-aside, .main-aside-nav {width: 32%;padding-left: 50px;} .main-container {padding: 50px 0;} .main-container .main-content {padding-right: 30px;} .main-container .main-aside {padding-left: 30px;} .main-container .main-content.fr {padding-left: 30px;padding-right: 0;} .main-container .main-aside-nav.fl {padding-left: 0;padding-right: 30px;} .main-aside-panel>.title {padding: 0 18px;font-size: 16px;line-height: 52px;color: #fff;background-color: #2a428b;} .main-aside-panel>.content {padding: 18px;border: 1px solid #c5c5c5;border-top: none;} .main-section .item {padding: 60px 0;} .main-section .item:not(:first-child) {border-top: 1px dotted #878787;} .main-section .item img {display: block;margin: 0 auto;} .main-section .title {margin-bottom: 30px;font-size: 18px;line-height: 26px;color: #2a428b;text-align: center;} /* main-鎺ㄨ崘 */ .main-recommend {margin-top: 60px;} .list-aside-nav .title {position: relative;font-size: 14px;line-height: 40px;color: #383838;cursor: pointer;} .list-aside-nav .title .iconfont {display: block;position: absolute;top: 10px;right: 0;width: 20px;height: 20px;font-size: 16px;line-height: 20px;text-align: center;transform: rotate(-90deg);} .list-aside-nav .title:hover {color: #2a428b;} .list-aside-nav>.active .title .iconfont, .list-aside-nav>.show .title .iconfont {transform: rotate(0);} .list-aside-nav>.active .list-sub {display: block;} .list-aside-nav .list-sub {display: none;margin-bottom: 10px;padding-left: 16px;} .list-aside-nav .list-sub li {margin-top: 10px;} .list-aside-nav .list-sub a {display: block;position: relative;padding-left: 10px;font-size: 14px;line-height: 24px;color: #6a6a6a;} .list-aside-nav .list-sub a:before {content: '';display: block;position: absolute;top: 11px;left: 0;width: 5px;height: 1px;background-color: #6a6a6a;} .list-aside-nav .list-sub a:hover, .list-aside-nav .list-sub .active a {color: #2a428b;} /* 鎼滅储-琛屽唴琛ㄥ崟 */ .search-inner {position: relative;width: 300px;height: 40px;margin-bottom: 20px;} .search-inner input {width: 100%;height: 100%;padding: 0 86px 0 20px;font-size: 14px;line-height: 40px;color: #4a4a4a;border: 1px solid #c5c5c5;} .search-inner .btn-search {position: absolute;top: 0;right: 0;width: 76px;height: 100%;font-size: 14px;line-height: 40px;color: #fff;text-align: center;background-color: #2a428b;} .search-inner .btn-search:hover {background-color: #A71018;} /* location */ .location-content {background-color: #f3f3f3;} .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: 64px;color: #6d6d6d;} .main-nav-sub li.active a, .main-nav-sub a:hover {color: #fff;background-color: #2a428b;} /* 鏂囩珷 */ .img-surround {float: left} .img-surround-r {float: right;margin-left: 20px;margin-bottom: 20px;} .main-article {padding: 50px 0 70px;} .main-article-header {padding-bottom: 30px;} .main-article-header .main-nav {font-size: 0;} .main-article-header .main-nav .item {position: relative;margin-right: 10px;padding: 0 35px;font-size: 14px;line-height: 40px;color: #4a4a4a;border: 1px solid #c8c8c8;} .main-article-header .main-nav .active, .main-article-header .main-nav a:hover {color: #fff;background-color: #2a428b;border-color: #2a428b;} .main-article-header .main-nav .active:before {content: '';display: block;position: absolute;bottom: -9px;left: 50%;width: 0;height: 0;margin-left: -9px;border-left: 9px solid transparent;border-top: 9px solid #2a428b;border-right: 9px solid transparent;} .main-article-content {padding-top: 50px;font-size: 14px;line-height: 36px;color: #7b7b7b;text-align: justify;border-top: 1px dotted #878787;} .main-article-content p {margin-bottom: 20px;} .text-indent p {text-indent: 2em;} .main-article-content .content-item:not(:first-child) {display: none;} /* 鏂囩珷闅愯棌鏇村 */ .article-leftover {position: relative;margin-bottom: 50px;padding-bottom: 80px;} .article-leftover-content {max-height: 500px;overflow: hidden;} .article-leftover .btn-show-leftover {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);} /* 鏂囩珷-鏂伴椈 */ .article-news {padding: 50px 0;} .article-news .content {position: relative;} .article-news>.content:before {content: '';display: block;position: absolute;top: 0;left: 68%;width: 0;height: 100%;border-left: 1px dotted #878787;} .article-header {position: relative;margin-bottom: 15px;padding-bottom: 20px;} .article-header:after {content: '';position: absolute;bottom: 0;left: 0;width: 97px;height: 1px;background-color: #d0d0d0;} .article-header .title {font-size: 20px;line-height: 26px;color: #2a428b;} .article-header .time {margin-top: 10px;font-size: 14px;line-height: 26px;color: #8c8c8c;} .article-header .time span {display: inline-block;margin-right: 24px;} .article-content {font-size: 14px;line-height: 36px;color: #717070;} .article-content p {margin-bottom: 10px;text-indent: 2em;text-align: justify;} .article-content img {display: block-;margin: 20px auto;} .article-content.img-0 img {margin: 0-;} .article-content .img-responsive {width: 100%;} .article-attach {position: relative;margin-top: 20px;padding-top: 20px;padding-right: 100px;border-top: 1px dotted #cbcbcb;} .article-attach .other a {display: block;position: relative;padding: 3px 0 3px 56px;font-size: 14px;line-height: 24px;color: #7c7c7c;text-decoration: none;} .article-attach .other a:hover {color: #a71018;} .article-attach .other .label {position: absolute;top: 3px;left: 0;display: block;padding: 0;font-size: 14px;line-height: 24px;color: #232323;font-weight: normal;} .article-attach .btn-back {position: absolute;top: 20px;right: 0;font-size: 14px;line-height: 30px;color: #7c7c7c;} .article-attach .btn-back .iconfont {font-size: 14px;line-height: 30px;color: #bfbfbf;} .article-attach .btn-back:hover, .article-attach .btn-back:hover .iconfont{color: #a71018} /* 鏂囩珷-绠€娲 */ .article-simple .article-header {margin-bottom: 50px;text-align: center;border-bottom: 1px dotted #878787;} .article-simple .article-header:after {content: none;} .article-simple .article-content {max-width: 860px;margin: 0 auto;padding: 30px;border: 1px solid #c5c5c5;} /* 鏂囩珷-鏋佺畝 */ .article-minimalist .article-header {margin-bottom: 0;padding: 13px;text-align: center;} .article-minimalist .article-header:after {content: none;} .article-minimalist .article-content {padding: 30px;line-height: 30px;border: 1px solid #c5c5c5;} /* 鏂囩珷-浜斿僵 */ .article-content-colorful .title1 {margin-bottom: 33px;padding: 7px 10px;height: 40px;font-size: 22px;line-height: 26px;color: #fff;background: url(../images/bg_title1.png) repeat-y;background-size: 100% auto;} .article-content-colorful .title1 i {float: left;min-width: 26px;margin-right: 10px;padding: 0 5px;font-style: normal;text-align: center;border: 1px solid #fff;} .article-content-colorful .title2 {margin-bottom: 40px;padding-left: 80px;font-size: 18px;line-height: 34px;color: #77b2e0;border-bottom: 2px solid #77b2e0;background: url(../images/bg_title2.png) no-repeat left center / auto 100%;} .article-content-colorful .title3 {margin-bottom: 20px;padding-left: 58px;font-size: 16px;line-height: 30px;color: #77b2e0;background: url(../images/bg_title3.png) no-repeat left center / auto 100%;} .article-content-colorful .title4 {position: relative;margin-bottom: 15px;padding-left: 18px;font-size: 16px;line-height: 24px;color: #77b3e1;} .article-content-colorful .title4:before {content: '';display: block;position: absolute;top: 9px;left: 0;width: 6px;height: 6px;background-color: #77b3e0;border-radius: 50%;} /* 鏂囩珷-骞抽摵 */ .article-full .article-header {padding-bottom: 40px;text-align: center;border-bottom: 1px dotted #878787;} .article-full .article-header:after {content: none;} .article-full .article-content {padding: 10px 30px;} .line {width: 100%;height: 0;margin: 40px 0;border-top: 1px dotted #878787;} /* 鍒嗛〉 */ .pagination {margin-top: 50px;font-size: 0;line-height: 0;text-align: center;color: #737373;} .pagination ul {display: inline-block} .pagination li {float: left;margin: 3px;font-size: 14px;line-height: 40px;} .pagination a {display: block;min-width: 40px;height: 40px;font-size: 14px;line-height: 40px;overflow: hidden;cursor: pointer;color: #737373;border: 1px solid #e3e3e3;border-radius: 3px;} .pagination .iconfont {display: block;width: 100%;height: 100%;font-size: 12px;line-height: 36px;cursor: pointer;} .pagination .active a, .pagination a:hover, .pagination .iconfont:hover {color: #fff;background-color: #2a428b;} .pagination .btn-page-prev a, .pagination .btn-page-next a {padding: 0 15px;} .pagination-content-bottom {position: absolute;bottom: 0;left: 0;width: 100%;} /* 鍒楄〃-鏂囧瓧 */ .list-text .item {padding: 5px 0;font-size: 14px;line-height: 20px;color: #8c8c8c;} .list-text .item:hover {color: #2A428B;} .list-text .item:not(:first-child) {margin-top: 10px;} /** * ***** footer ***** */ .footer {background-color: #eff3ff;} .footer-nav {display: flex;justify-content: space-between;padding: 60px 0;} .footer-nav .title {font-size: 18px;line-height: 30px;color: #3a3a3a;} .footer-nav ul {margin-top: 10px;} .footer-nav li a {margin-top: 10px;font-size: 14px;line-height: 30px;color: #797979;} .footer-nav li a:first-child {margin-top: 0;} .footer-nav a:hover {color: #2a428b;} .footer-bottom {padding: 10px 0;font-size: 13px;line-height: 24px;color: #a8a8a8;background-color: #3e3e3e;} .footer-bottom .container {position: relative;} .footer-bottom .item {display: inline-block;padding: 15px 0;border-bottom: 1px solid #555555;} .footer-bottom .item:last-child {border-bottom: 0;} .footer-bottom a {margin-right: 30px;color: #a8a8a8;} .footer-bottom a:last-child {margin-right: 0;} .footer-logo {position: absolute;top: 50%;right: 15px;margin-top: -30px;} /** * ***** aside ***** */ /** * ***** 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%;} @media (max-width: 768px) { /** * ***** common ***** */ .visible-xs {display: block;} .hidden-xs {display: none;} /* btn */ .btn {line-height: 34px;} /* title */ .title-first {margin-bottom: 20px;} .title-first h3 {font-size: 20px;} .title-section {margin-bottom: 20px;} .title-section h3 {font-size: 20px;} .title-section h3:before {right: -30px;} .title-gradient {font-size: 18px;line-height: 38px;} /* tab */ /* table */ .table-data {font-size: 12px;} .table-data th, .table-data td {min-width: 30px;} .table-data td:nth-child(2) {min-width: 100px;} .table-data th {font-size: 12px;} .table-default, .table-default tbody, .table-default tr {display: block;text-align: left;border: none;} .table-default thead {display: none;} .table-default tr {margin-bottom: 10px;padding: 5px 0;border: 1px solid #d1d1d1!important;} .table-default td {display: block;width: 100%;padding: 5px 10px;} .table-default td:nth-child(1):before {content: '椤圭洰棰嗗煙锛?} .table-default td:nth-child(2):before {content: '椤圭洰鐤剧梾锛?} .table-default td:nth-child(3):before {content: '鏍忕洰鍚嶇О锛?} .table-default td:nth-child(4):before {content: '浜岀骇鏍忕洰锛?} .table-default td:nth-child(5):before {content: '涓夌骇鏍忕洰锛?} .table-default2, .table-default2 tbody, .table-default2 tr {display: block;text-align: left;border: none;} .table-default2 thead {display: none;} .table-default2 tr {margin-bottom: 10px;padding: 5px 0;border: 1px solid #d1d1d1!important;} .table-default2 td {display: block;width: 100%;padding: 5px 10px;} .table-default2 td:nth-child(1):before {content: '浜у搧鍚嶇О锛?} .table-default2 td:nth-child(2):before {content: '鏂囦欢澶у皬锛?} .table-default2 td:nth-child(3):before {content: '涓嬭浇娆℃暟锛?} .table-default2 td:nth-child(4):before {content: '鏇存柊鏃堕棿锛?} .table-default2 td:nth-child(5):before {content: '鐐瑰嚮涓嬭浇锛?} /* form */ /** * ***** header ***** */ .header-top {position: fixed;top: 0;z-index: 100;width: 100%;height: 50px;font-size: 0;text-align: center;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.5);} .header .container {padding: 0;} .header .logo {height: 40px;margin-top: 5px;margin-left: 5px;} .header .language {margin-left: 10px;margin-top: 17px;} .header .language a {min-width: 30px;font-size: 12px;line-height: 16px;} .header .btn-menu {position: absolute;top: 0;right: 0;z-index: 10;width: 50px;height: 50px;} .header .search {float: none;border: 1px solid #fff;} .header .search form {width: 100%;} #menu {position: fixed;top: 0;left: 100%;z-index: 1;width: 100%;height: 100%;padding: 50px 10px 10px;background-color: #2a428b;overflow-y: auto;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;} #menu.active {left: 0;} #menu li {float: none;} .menu-list>li {position: relative;} .menu-list>li>a {display: inline-block;padding: 0 10px;line-height: 50px;text-align: left;} .menu-list>li.active>a, .menu-list>li:hover>a {background: none;} .menu-list>li.active, .menu-list>li:hover {background-color: rgba(70, 94, 166, .9);} .menu-list>li .icon-dropdown {position: absolute;top: 0;right: 10px;font-size: 18px;line-height: 50px;color: #fff;} .menu-sub {position: relative;top: 0;left: auto;right: auto;width: 100%;padding: 15px 10px 15px 30px;} .menu-sub>.item {width: 100%!important;margin-top: 15px;margin-left: 0;} .menu-sub>.item:first-child {margin-top: 0;} .menu-sub .thumbnail {display: none;} .menu-sub .title {display: block;margin-bottom: 10px;font-size: 15px;line-height: 16px;} .menu-sun {margin-top: 0;padding-left: 20px!important;} /* 浜у搧涓績 */ .menu-list>li:nth-child(7) .menu-sub {padding: 15px 10px 15px 30px;} .menu-list>li:nth-child(7) .menu-sub .item {float: none;width: 100%!important;padding: 0;} .menu-list>li:nth-child(7) .menu-sub .title {margin-bottom: 10px;} .menu-list>li:nth-child(7) .menu-sun>li {width: 100%!important;margin-bottom: 10px;padding: 0!important;} .menu-list>li:nth-child(7) .menu-sub .item:nth-child(2):before {content: none;} .menu-list>li:nth-child(7) .menu-sub .item:nth-child(2) .menu-sun {padding: 0;} .menu-list>li:nth-child(7) .menu-sub .item:nth-child(2) .menu-sun:nth-child(2)>li:nth-child(3) {position: static;top: auto;right: auto;} /** * ***** banner ***** */ .banner {height: 240px;margin-top: 50px;} .banner-text h3 {font-size: 26px;line-height: 30px;} .banner-text h4 {margin-top: 5px;font-size: 20px;line-height: 30px;} .banner-text p {margin-top: 10px;font-size: 14px;line-height: 28px;} .banner-text .icon-down {display: none;} .swiper-primary .swiper-button-next, .swiper-primary .swiper-button-prev {display: none;} .swiper-index {height: auto;} /** * ***** main ***** */ .main-content, .main-aside, .main-aside-nav {float: none;width: 100%;padding: 0!important;} .main-aside {margin-top: 20px;} .main-aside-nav {margin-bottom: 10px;} .main-aside-panel .title {font-size: 15px;line-height: 42px;} .main-aside-panel .content {padding: 15px;} .article-minimalist .article-content {padding: 15px;} .section-index, .main-container, .main-section .item {padding: 30px 0;} .main-section .title {margin-bottom: 20px;} /* main-鎺ㄨ崘 */ .main-recommend {margin-top: 60px;} .search-inner {width: 100%;} /* location */ .location-content .container {padding: 0 5px;} .location {line-height: 40px;} .location:before {content: none;} .main-nav-sub {position: relative;z-index: 10;} .main-nav-sub .selected {position: relative;padding-right: 36px;padding-left: 10px;} .main-nav-sub .selected h4 {font-size: 15px;line-height: 40px;color: #2a428b;} .main-nav-sub .btn-expand-toggle {position: absolute;top: 0;right: 0;} .main-nav-sub .btn-expand-toggle span {left: 10%;width: 80%;} .main-nav-sub ul {display: none;position: absolute;top: 40px;right: 0;width: 130px;text-align: center;border-top: 2px solid #a71018;box-shadow: -5px 5px 5px rgba(0,0,0,.3);} .main-nav-sub li {float: none;margin-left: 0;background-color: #fff;border-top: 1px solid #e5e5e5;} .main-nav-sub li:first-child {border-top: none;} .main-nav-sub li:before {content: none;} .main-nav-sub li a {line-height: 32px;} .main-nav-sub a {padding: 3px 15px!important;} /* 鏂囩珷 */ .img-surround {float: none;margin: 0 0 10px;} .main-article {padding: 20px 0;} .main-article-header {padding-bottom: 10px;} /* .main-article-header .main-nav {text-align: center;} */ .main-article-header .main-nav .item {margin: 3px;padding: 0 25px;font-size: 12px;line-height: 32px;} .main-article-header .main-nav .item:before {content: none;} .main-article-content {padding-top: 20px;line-height: 28px;} .article-leftover {margin-bottom: 30px;padding-bottom: 50px;} /* 鏂囩珷-鏂伴椈 */ .article-news {padding: 30px 0;} .article-news>.content:before {content: none;} .article-header {padding-bottom: 10px;text-align: center;} .article-header:after {left: 50%;margin-left: -58px;} .article-content {line-height: 28px;} .article-content p {margin-bottom: 5px;} .article-content img {width: 100%!important;} .article-aside {margin-top: 20px;padding-left: 0;border-left: none;} .article-attach {padding-right: 0;} /* 鏂囩珷-绠€娲 */ .article-simple .article-header {margin-bottom: 20px;} .article-simple .article-content {padding: 10px;} /* 鏂囩珷-浜斿僵 */ .article-content-colorful .title1 {height: 40px;margin-bottom: 20px;padding: 3px 10px;font-size: 16px;line-height: 34px;} .article-content-colorful .title1 i {margin-right: 5px;border: none;} .article-content-colorful .title2 {margin-bottom: 20px;padding-left: 50px;font-size: 16px;line-height: 30px;} .article-content-colorful .title3 {margin-bottom: 15px;} /* 鏂囩珷-骞抽摵 */ .article-full .article-header {padding-bottom: 20px;} .article-full .article-content {padding: 0;} .line {margin: 20px 0;} /* 鍒嗛〉 */ .pagination {margin: 20px;} .pagination li {line-height: 32px;} .pagination a {min-width: 32px;height: 32px;font-size: 12px;line-height: 32px;} /* 鍒楄〃-鏂囧瓧 */ .list-text .item:not(:first-child) {margin-top: 5px;} /** * ***** footer ***** */ .footer-bottom {font-size: 12px;text-align: center;} .footer-bottom .item {padding: 0;} /** * ***** layer ***** */ .layui-layer.layui-layer-custom .layui-layer-content {padding: 10px} } /** * ***** bootstrap鏍呮牸绯荤粺 ***** */ .container-custom {max-width: 1300px;margin: 0 auto;} .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} @media (min-width:768px){.container{width:750px}} @media (min-width:992px){.container{width:970px}} @media (min-width:1230px){ .container{width: 1230px} .menu-list>li>a {padding: 0 28px;} .menu-sub .item {width: 204px;} /* 鍖诲涓績璋冩暣涓?涓瓙鏍忕洰 */ .menu-list>li:nth-child(4) .menu-sub {width:879px;} .menu-list>li:nth-child(4) .menu-sub .item {width:186px;margin-left:25px;} .menu-list>li:nth-child(4) .menu-sub .item:first-child {margin-left: 0;} } @media (min-width:1330px){ .container{width:1330px} .menu-list>li>a {padding: 0 34px;} } .container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .row{margin-right:-15px;margin-left:-15px} .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, .col-sm-1-5 {position:relative;min-height:1px;padding-right:15px;padding-left:15px} .row:after,.row:before{display:table;content:" "} .row:after{clear:both} .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,.col-sm-1-5{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-1-5 {width: 20%;} .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} } @media (max-width: 768px) { .container, .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, .col-sm-1-5 {padding-left: 5px;padding-right: 5px;} .row {margin-left: -5px;margin-right: -5px;} }