.popover { max-width: 900px; } .popover ul li { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; color: #337ab7; } .popover h4 { padding-left: 10px; padding-bottom: 10px; font-weight: bold; color: #337ab7; } #b0 { margin-bottom: 10px; } #b0>.container { background: #fff; /* padding: 10px; */ } #b0 h1 { line-height: 66px; margin-bottom: 15px; font-weight: bold; font-size: 26px; } #b0 ul { font-size: 18px; } #b1 { text-align: left; } #b1>.container { background: #fff; } /**首页大图begin**/ .swiper-container { width: 100%; } .swiper-container img { width: 100%; } .pic_item { display: block; width: 100%; height: 100%; position: relative; z-index: 996; } .pic_item span, .pic_item i { display: block; position: absolute; padding: 0px 10px; height: 57px; line-height: 57px; bottom: 0px; left: 0px; right: 0px; z-index: 998; font-size: 1rem; color: #fff; font-style: normal; text-align: center; } .pic_item span { background: #000; z-index: 997; opacity: .3; filter: alpha(opacity=30); } .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 100%; background: #fff; margin: 0 3px; cursor: pointer; opacity: .7; filter: alpha(opacity=70); } .swiper-active-switch { background: #007aff; opacity: 1; } .focus_pic_block { position: relative; } .focus_pic_block .arrow-left { left: 10px; } .focus_pic_block .arrow-right { right: 10px; } .arrow-left,.arrow-right{ position: absolute; bottom: 10px; color: #fff; height: 30px; width: 17px; z-index: 999; font-size:18px; } .arrow-left:hover,.arrow-right:hover{ color: #fff; } .pagination_swiper.swiper-pagination-fraction{ position: absolute; z-index: 99; color: #fff; font-size: 1.125rem; left: 50px;; bottom: 14px; } .swiper-pagination-fraction{ width: 80%; } /**首页大图end**/ .top_title { padding-top: 0px; margin-top: 0px; padding-bottom: 12px; } .top_title a { font-size: 1.125rem; color: #fff; } .top_title a.title2 { color: #2d374b; margin-left: 5px; /* font-weight: normal; */ } .news_index { margin-top: 8px; font-size: 12px; } .news_index li { padding-left: 0px; padding-right: 0px; } .news_index li h3 { padding-left: 0px; } .news_index li:first-child h3 { padding-left: 10px; } #b2 { margin-top: 15px; } .list-inline { margin: 0px; padding: 0px; } #b2>.container { background: #fff; vertical-align: middle; } #b3 { margin-top: 15px; } #b3>.container { background: #fff; } .channelbg-block-red{ display: inline-block; height: 30px; line-height: 30px; width: 80px; background: #c11920; text-align: center; } .channelbg-block-blue{ display: inline-block; height: 30px; line-height: 30px; width: 80px; background: #4c8bb7; text-align: center; } #b4>.container,#b4-1>.container { padding: 10px; background: #fff; } #b4-1>.container>p{ padding: 20px; } #b4-1>.container>img{ width: 205px; margin: 0 auto; } #b4-1>.container>.row{ margin-bottom: 20px; } #b4-1 .panel-body>p{ padding: 20px 0; } #b4-1 .panel-title>a{ display: block; } #b4-1 .panel-title{ color: #337ab7; text-align: center; } #b4-1 .row>li{ text-align: center; } #mytab{ border: 1px solid #4c8bb7; } .nav-pills>li>a{ font-size: 19px; border-radius: unset; padding: 0 15px; margin: 10px 0; border-left: 1px solid #4c8bb7; } #mytab .active-next a{ border-left: none; } .nav-pills>li:first-child a{ border-left: none !important; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ background-color: #4c8bb7; margin: 0; padding: 10px 15px; } #mytab1.nav-pills>li{ display: inline; } #mytab1.nav-pills>li>a{ border: none; margin: 0; } #mytab1.nav-pills>li.active>a, #mytab1.nav-pills>li.active>a:focus, #mytab1.nav-pills>li.active>a:hover{ background: #fff; display: block; float: left; font-size: 1.5rem; font-weight: 600; color: #4372b0; line-height: 60px; border-top: 3px solid #ade7ff; padding: 0 5px; } #mytabcontent .col-md-4{ padding: 0 35px; text-indent: 2em; } #mytabcontent .col-md-8 .col-md-4{ text-indent: 0em; } #mytabcontent .col-md-4 img{ margin-top: 25px; margin-bottom: 22px; } #mytabcontent .col-md-4 p{ line-height: 28px; font-size: 16px; margin-bottom: 30px; } #mytabcontent .col-md-4 li{ width: 103px; height: 62px; float: left; border-right: 1px solid #dcdcdc; margin-bottom: 20px; text-align: center; } #mytabcontent .col-md-4 .border_no{ border: 0px solid #dcdcdc; } #mytabcontent .col-md-8{ padding: 0 30px; } #mytabcontent .col-md-8 h2{ font-size: 2.25rem; color: #4c8bb7; margin-top: 30px; margin-bottom: 25px; height: 39px; } #mytabcontent .col-md-8 p{ line-height: 24px; } #mytabcontent .col-md-3,#b4-1 .col-md-3{ margin-top: 40px; padding: 0; padding-left: 40px; } #mytabcontent .col-md-3:first-child,#b4-1 .col-md-3:first-child{ padding-left: 0; } #mytabcontent .col-md-3 .num,#b4-1 .col-md-3 .num{ color: #4c8bb7; font-size: 3.3125rem; font-family: arial; } #mytabcontent .col-md-8 .col-md-4 { margin-top: 40px; padding: 0; padding-left: 40px; } #mytabcontent .col-md-8 .col-md-4:first-child{ padding-left: 0; } #mytabcontent .col-md-8 .col-md-4 .num,#b4-1 .col-md-4 .num{ color: #4c8bb7; font-size: 3.3125rem; font-family: arial; } .icon-link{ width: 106px; height: 35px; display: block; background: url(/uploads/image/gxnimages/about_icon.png) no-repeat center; margin-bottom: 10px; } .icon-link2{ background-position: 33px 0; } .icon-link3{ background-position: -210px 0 } #mytabcontent .col-md-4 li a{ color: #666666; } #mytabcontent .col-md-4 li a:hover{ color: #4c8bb7; } #b6 .col-md-4{ padding-left: 0; } #b1>.container>.row{ padding: 10px 0; } .col-md-25{ float: left; min-height: 85px; box-sizing: border-box; width: 14%; text-align: center; } .servebg{ display: inline-block; height: 63px; width: 100%; background: url(/uploads/image/gxnimages/icon.png) no-repeat center center; background-position: 13px -92px; } .servebg2{ background-position: -127px -92px; } .servebg3{ background-position: -407px -92px; } .servebg4{ background-position: -268px -92px; } .servebg5{ background-position: -548px -92px; } .servebg6{ background: url(/uploads/image/gxnimages/sdwt.png) no-repeat center center; } .servebg7{ background: no-repeat center center; } .high-light .servebg6{background: url(/uploads/image/gxnimages/sdwton.png) no-repeat center center;} .high-light .servebg7{background: url(/uploads/image/gxnimages/stxzhs.png) no-repeat center center;} .high-light .servebg{ background-position-y: 0; } .high-light a{ color: #ba0e1c; } .active_row .row{ text-align: center; } .web-detail{ margin-top: 20px; } .web-detail li{ line-height: 1.5rem; } .img-responsive{ width: 100%; } #head_menu{ font-size: 0.875rem; } #function_panel{ font-size: 0.875rem; } .popover,.btn{ font-size: 0.875rem; } #b0 li { line-height: 18px; padding-bottom: 13px; } #b0 li:first-child { margin-right: 70px; } #b0 li a { font-size: 1.125rem; } #logo_container { padding: 15px 0px 35px; } .tab-content { min-height: 368px; } #mytabcontent1.tab-content { min-height: auto; } .navbar { min-height: 30px; background: #4c8bb7; margin-bottom: 0; } .navbar-right a { color: #777; } #b0 .text-center { background: #fff; } #b0 h1 a { font-size: 2.25rem; font-weight: bold; color: #337ab7; } #b0 h1 a:hover{ font-size: 2.25rem; font-weight: bold; color: #23527c; } #b4 #mytabcontent .tab-pane>.col-md-4 { min-height: 368px; } #b4 #mytabcontent .col-md-8 { min-height: 368px; } #b6 .container { background: #fff; padding: 10px 15px; } #b6 .row>div { min-height: 85px; } #b6 .col-xs-12{ display: none; } /**自定义响应式布局样式 begin**/ @media (min-width: 412px) { .top_title a.title2 { margin-left: 15px; font-size: 16px; } .pd-l-0{ padding-right: 0; padding-bottom: 20px; } .pd-r-0{ padding-left: 0; } #mytabcontent .col-md-3,#b4-1 .col-md-3{ text-align: left; } .navbar-toggle .icon-bar{ background: #888; } .nav>li{ text-align: center; } } @media (max-width: 768px) { #ad{ display: none; } #b0 li:first-child{ margin-right: 0; } #b0 h1{ line-height: 37px; } .pd-lr-0 .channel-title0{ float: none; } #b6 .col-xs-6{ padding: 0 10px; } #b6 .none{ display: none; } #b6 .col-xs-12{ margin: 10px 0; height: 2em; line-height: 2em; color: #fff; background: #4c8bb7; display: block; } #b4{ display: none; } #b4-1{ display: block; } .icon-link { background-position: -80px 0; } .icon-link3 { background-position: -204px 0; } .icon-link2 { background-position: 39px 0; } .servebg{ background-size: 520px 129px; background-position-y: -76px; } .servebg2{ background-position-x: -103px; } .servebg3{ background-position-x: -338px; } .servebg4{ background-position-x: -221px; } .servebg5{ background-position-x: -455px; } #mytabcontent .col-md-3, #b4-1 .col-md-3{ margin-top: 0; margin-bottom: 20px; } #b4-1 .col-md-4{ margin-bottom: 20px; } } /**尺寸大于ipad**/ @media (min-width: 768px) { #b1>.container>.row>.leader_action { padding-left: 0px; padding-right: 15px; } .news_index { font-size: 20px; } .zc_block { padding: 0px; } .navbar-brand img { max-width: 220px; max-height: 55px; } .nav-pills>li>a{ font-size: 1rem; } .nav-pills>li>.channel-title-small{ font-size: 1.25rem; font-weight: normal; } .pd-l-0{ padding-bottom: 20px; padding-right: 0; } .pd-r-0{ padding-left: 0; } #mytab1 .pd-lr-0 a{ width: 110px; } .xs-show{ display: none; } #b4-1{ display: none; } } /**尺寸大于ipad pro或者一般显示器**/ @media (min-width: 992px) { } /**pc宽屏显示器**/ @media (min-width: 1200px) { .top_title a.title2 { margin-left: 15px; font-size: 1.25rem; } .news_list{ margin-bottom: 7px; } .navbar-header img { max-width: 378px; max-height: 94px; } .pd-l-0{ padding-right: 15px; } .pd-r-0{ padding-left: 15px; } #mytabcontent .col-md-4 img{ width: 205px; margin: 20px auto; } #channel_panel { border-top: 1px solid #ccc; padding-top: 15px; font-size: 22px; } /* #zt .left{float: left;width: 55px;height: 100%;padding-top: 10px;padding-left: 10px;} #zt .left h3{border-left: none;padding-left: 0px;margin-bottom: 0px;padding-top: 0px;height: 100%;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;-ms-writing-mode: bt-lr;padding-left: 0px;padding-right:10px; border-right: 2px solid #4372b0;text-align: center;} #zt .right{float: left;width: 1145px;padding-top: 10px;padding-bottom: 10px;} */ } /**自定义响应式布局样式 end**/ .top_title { width: 100%; height: 38px; display: block; border-bottom: 2px solid #0054a1; } .top_title a { height: 38px; font-size: 16px; padding: 0 12px; color: #337ab7; display: inline-block; cursor: pointer; } .top_title a.act { /*! font-size: 1.6rem; */ color: #333; border-bottom: 2px solid #f00; line-height: 38px; } .top_title a.more{float: right;line-height: 38px; font-size: 12px;}