.page-header{height:70px;border-bottom:0;padding-bottom:0;margin-top:0;margin-bottom:28px;} .page-header .title{font-size:30px;color:#0061b6;line-height:67px;border-bottom:4px solid #0061b6;} .page-header .more{margin-top:20px;} .page-header .more a{display:block;color:#666;border:1px solid #e5e5e5;padding:5px 15px;} .headline{padding:20px 0 0;} .headline .row{margin-left:0;margin-right:0;} .headline .padding{padding:0;} .headline-title{height:94px;background: url(/uploads/image/sgc/newbg.png) no-repeat;background-size: cover;text-align:center;} .headline-title h3{font-size:20px;color:#fff;font-weight:bold;padding:17px 30px;line-height: 30px;letter-spacing: 5px;} .headline-content{background-color:#f5faff;} .news-title{text-align:center;background:#0146ae;} .news-title h3{color:#fff;font-size:20px;line-height:50px;} .news-content{height:50px;padding:0 20px;background:#f2f7ff;} .news-tab,.tabs{position:relative;} .news-tab .hd{width:100%;height:46px;margin-bottom:10px;border-bottom:3px solid #0146ae;position:relative;} .news-tab .hd .title{height:43px;line-height:43px;float:left;color:#fff;font-size:20px;padding:0 20px;background:#0146ae;} .news-tab .hd .title a{color:#00479d;} .news-tab .hd ul{float:left;} .news-tab .hd li{float:left;height:43px;line-height:43px;color:#232323;font-size:20px;padding:0 20px;} .news-tab .hd li a{display:block;color:#232323;} .news-tab .hd li.on a{color:#0146ae;} .tabs-list,.links-list{display:none;} .tabs .hd{height:40px;margin-bottom:8px;background: url(/uploads/image/sgc/hdbg.png) left center repeat-x;} .tabs .hd .title{height:40px;line-height:40px;color:#0146ae;font-size:26px;float:left;padding-right:20px;font-weight:bold;background:#fff;} .tabs .hd .title a{color:#0146ae;} .tabs .hd ul{float:left;} .tabs .hd ul li{line-height:40px;float:left;background:#ffffff;} .tabs .hd ul li a{display:block;color:#5d5d5d;font-size:18px;padding:0 10px;} .tabs .hd ul li.on a,.tabs .hd ul li a:hover{color:#0146ae;} .tabs .hd .tabs-nav li a{color:#6e8bb7;font-size:26px;padding:0 20px 0 0;font-weight:bold;} .tabs .news-more{padding:10px 5px;background:#fff;position:absolute;top:0;right:0;} .tabs .news-more a{color:#00479d;display:block;width:23px;height:17px;background: url(/uploads/image/sgc/more.png) no-repeat;text-indent:-99999px;} .banner img,.news-pic img{width:100%;height:auto;} .special-title{width:54px;height:145px;float:left;background:#0146ae;} .special-title h3{color:#fff;padding:20px 10px 0 10px;text-align:center;} .special-list{height:145px;padding:20px 15px;margin-left:54px;background:#f3f3f3;} .rili{display:block;display:none \9} .rili .sankey { position: relative; background-color: #fff; overflow: hidden; margin: 0 auto; height: 100%; } .rili .dbcal { position: relative; height:auto; overflow: hidden; width: 100%; margin: 0 auto; } .rili .dbcal > div { height: 600px; overflow: hidden; background-color: #fff; width:100%; margin: 0 auto; position: relative; } .rili .dbcal .xit { color: #fff; background-color: #0146ae;border-bottom: 1px solid #487ac5;height: 100px;margin-bottom:10px;text-align:center;} .rili .dbcal .xit img { padding:25px 30px 0 30px;max-width:100%;height:auto;float:left;} .rili .dbcal .xit .xit-title {padding-top:25px;margin-left:112px;line-height:28px;} .rili .cols {position: relative;width: 100%;} .rili .cols .c2 {width: 28%;color: #fff;background-color: #0146ae;} .rili .cols .col {float: left;height: 600px;} .rili .cols .r {font-size:16px;cursor: pointer;height: 52px;position: relative;line-height: 52px;text-align:center;} .rili .cols .r.on {background-color: #52a8e9;color: #fff;} .rili .cols .r .n {width: 20px;height: 20px;display: inline-block;right:25px;text-align: center;font-size: 14px;line-height: 22px;position: absolute;top:16px;background: url(/uploads/image/sgc/arr.png) center center no-repeat;} .rili .cols .col-pic{margin:16px 15px 0 15px;text-align:center;} .rili .cols .col-pic img{width:100%;max-width:160px;height:auto;border-radius:3px;} .rili .cols .c3 {width: 72% !important;border: 2px solid #ececec;margin-top: 0;padding-left: 15px;} .rili .cols .c3 .tph { width: 100%; position: relative; padding: 22px 0; font-size: 18px; } .rili .cols .c3 .tph .vb { display: inline-block; margin-right: 3px; width: 5px; background-color: #005edb;line-height: 34px; height:34px; vertical-align: middle; margin-right: 10px; } .rili .cols .c3 .tph .tp { font-weight: bold; display: inline-block; line-height: 26px; height: 26px; } .rili .cols .c3 .tph .num { float: right; margin-right: 38px; /* display: none; */ } .rili .cols .c3 .tph .big { margin: 0 8px; color: #1587d9; line-height: 18px; } .rili .cols .c3 .rows { overflow-y: auto; height:540px; padding-right: 14px; overflow-x: hidden; } .rili .cols .c3 .row { margin:0;padding-left:39px; position: relative; padding-bottom: 19px; padding-right: 12px; } .rili .cols .c3 .row:last-child { padding-bottom: 2px; } .rili .cols .c3 .rc1 { position: absolute; left: 0; width: 39px; height: 39px; background-color: #d12626; border-radius: 20px; line-height: 39px; font-size: 14px; text-align: center; color: #fff; top: 0px;font-weight:bold;} .rili .cols .c3 .rc2 { border-left: 2px solid #d2d2d2; height: 100%; position: absolute; top: 5px; left:6px; } .rili .cols .c3 .rc2 > span { width:14px; height: 14px; background-color: #fff; border-radius:50%; display: block; position: absolute; top: 0; border: 2px solid #d2d2d2; left: -8px;} .rili .cols .c3 .rc3 { background-color: #e8eff2; padding: 21px; border-radius: 2px; } .rili .cols .c3 .rc3 .b { line-height: 2; color: #212020;font-size:16px;} .rili .cols .c3 .rc3 .b img { display: block; margin-top: 25px; max-width:100%;height:auto;pointer-events: none; } .rili .cols .c3 .rc3 .b p{margin-top:12px;} .rili .cols .c3 .rc3 .h{margin-bottom:20px;} .rili .cols .c3 .rc3 .h a { text-decoration: none; color: #212020; font-size: 20px; font-weight:bold;} .rili .cols .c3 .rc3 .b{padding:0 10px;} .section-box .hd{height:40px;margin-bottom:8px;background: url(/uploads/image/sgc/hdbg.png) left center repeat-x;} .section-box .hd.mb15,.tab8 .hd.mb15{margin-bottom:15px;} .section-box .hd .title{height:40px;line-height:40px;color:#0146ae;font-size:26px;padding-right:20px;font-weight:bold;background:#fff;} .section-box .hd .title a{color:#0146ae;} .section-box .hd .more{padding:10px 5px;background:#fff;} .section-box .hd .more a{color:#00479d;display:block;width:23px;height:17px;background: url(/uploads/image/sgc/more.png) no-repeat;text-indent:-99999px;} .library{width:100%;height:346px;background: url(/uploads/image/sgc/bg.png) no-repeat;background-size: cover;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:center;-ms-flex-align:center;align-items:center;} .library a{color:#fff;font-size:20px;font-weight:bold;} .library a img{display:block;margin:20px auto;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .library a:hover img{-webkit-transform:rotatey(180deg);transform:rotatey(180deg);} .img-box1{height:480px;position:relative;} .img-box .pic{width:100%;height:100%;overflow:hidden;} .img-box .pic img{width:100%;height:100%;transition: transform linear 0.3s;} .img-box .text{width:100%;height:70px;line-height:70px;position:absolute;left:0;bottom:0;background: rgba(2,84,204,.55);} .img-box .text a{color:#fff;font-size:18px;display:block;position:relative;} .img-box .text a img{margin:0 20px;} .img-box2{height:225px;position:relative;margin-bottom:28px;} .img-box2 .pic{width:100%;height:100%;overflow:hidden;} .img-box2 .pic img{width:100%;height:100%;transition: transform linear 0.3s;} .img-box2 .text{width:100%;height:45px;line-height:45px;position:absolute;left:0;bottom:0;background: rgba(15,132,222,.84);} .img-box2 .text2{background: rgba(2,84,204,.68);} .img-box2 .text3{background: rgba(0,102,183,.59);} .img-box2 .text4{background: rgba(15,132,222,.59);} .img-box2 .text a{color:#fff;font-size:18px;display:block;text-align:center;position:relative;} .img-box2 .text a img{position:absolute;top:3px;left:50px;} .img-box:hover .pic img,.img-box2:hover .pic img {transform: scale(1.05);} @media (min-width: 992px){ .news-left{width:12%;} .news-right{width:88%;} } @media (max-width: 1439px){ .headline-title h3{padding:28px 15px;} } @media (max-width:1199px){ .headline-title h3,.news-tab .hd li,.tabs .hd ul li a,.tabs .hd .tabs-nav li a{font-size:18px;} .news-tab .hd li{padding:0 10px;} .tabs .hd ul li{margin:0;} } @media (max-width: 991px){ .links-list li{width:33.333%;} } @media (max-width: 767px){ .navbar-header{width:auto;} .headline-title{height:auto;} .headline-title h3{padding:10px 10px;} .tabs .hd .title,.section-box .hd .title{font-size:18px;} .tabs .hd ul li a{font-size:15px;} .quick li{width:50%;} .quick li a{margin:10px;font-size:15px;} .quick li a img{width:50%;margin-bottom:10px;} .links .bd{margin:10px;} .links .hd .title,.links .hd li{padding:0 10px;} .links-list li{width:100%;} .links-list li a{padding:10px 10px;} }