@charset 'utf-8'; body{font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft yahei", arial, "PingFangSC-Regular", sans-serif;} a{color:#333} a:hover{color:#c81b0a} a,.btn,button {outline: none;transition: all 300ms ease-in-out 0s} /** * ############### * 公共类样式 * ############### **/ .well_code{color: #888888;border: 1px solid #F3F3F3;padding: 10px;margin: 10px auto 0;line-height: 23px;background: none repeat 0 0 #F6F6F6;} .well_code strong{color: #000;margin-right: 10px;} .clearfix{clear:both} /** * ############### * 覆盖bootstrap * ############### **/ .container{width:1600px;} .navbar{margin-bottom:0px;border-radius:0px;} .media img{max-width:none;} /* * ############### * 幻灯片:淡入淡出的方式切换 * ############### */ .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;} .carousel-fade .carousel-inner .active{opacity: 1;} .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left: 0;opacity: 0;} .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;} /* * ############### * 窗口模块 * ############### */ .i-box{} .i-box-hd{position:relative;} .i-box-hd sub{color: #c5c3c3;bottom: 0px;font-weight: 400;} .i-box-bd{} .i-box-bd .list {margin:0px;padding:0;} .i-box-bd .list li{margin:0px;list-style:none;} .i-box-foot{} /** * ############### * 头部文件 * ############### **/ .hg-header{} /** 顶部导航 **/ .hg-header-top{height:80px;overflow:hidden;background-color:#222222;position:relative;} .hg-header-top .welcome{display:inline-block;line-height:80px;color:#797572;font-size:16px;padding-left:440px;} .hg-header-top .hg-header-top-searchList{color:#333;width:300px;right:15px;top:20px;position:absolute;} .hg-header-top .hg-header-top-searchList .form-control{background-color: #fff;} /** 菜单 **/ .hg-header-menu{background-color: #fff;border-width:0px;} .hg-header-menu-logo{width:420px;height:220px;position: absolute;top:-60px;z-index:5;border-radius: 65px 0 85px 0; background:#D61020; background: linear-gradient(to right, #E2141E, #B80F24);} .hg-header-menu-logo .pic{display:block;margin-top:30px;padding-left:20px;padding-right:40px;} .hg-header-menu-logo .pic img{width:100%;} .hg-header-menu .navbar-collapse{} .hg-header-menu .navbar-nav{float:right;} .hg-header-menu .navbar-nav>li{width:118px;margin-left:1px;margin-right:1px;} .hg-header-menu .navbar-nav>li:first-child{} .hg-header-menu .navbar-nav>li>a{text-align:center;font-size:16px;letter-spacing:2px; padding-top:25px;padding-bottom:20px;} .hg-header-menu .navbar-nav li a span{display:block;margin:auto;text-align:center;margin-bottom:10px;} .hg-header-menu .navbar-nav li a span.fa{} .hg-header-menu .navbar-nav li a span.title{font-weight:400;} .hg-header-menu .navbar-nav>li:first-child>a{} .hg-header-menu .navbar-nav>li>a:focus, .hg-header-menu .navbar-nav>li>a:hover {background:#D40F20;color:#7c171f;} .hg-header-menu .navbar-nav>.open>a, .hg-header-menu .navbar-nav>.open>a:focus, .hg-header-menu .navbar-nav>.open>a:hover {background:#D40F20;color:#7c171f;} .hg-header-menu .navbar-nav>.active>a, .hg-header-menu .navbar-nav>.active>a:focus, .hg-header-menu .navbar-nav>.active>a:hover{background:#D40F20;color:#fff;} .hg-header-menu .dropdown-menu{border:none;font-size: 16px;background-color: #ffffffd6;} .hg-header-menu .dropdown-menu li:last-child{border-bottom-width:0;} .hg-header-menu .dropdown-menu>li{} .hg-header-menu .dropdown-menu>li>a{padding-top:12px;padding-bottom:12px;text-align: center;letter-spacing: 0px;} .hg-header-menu .dropdown-menu>li>a:focus, .hg-header-menu .dropdown-menu>li>a:hover {background-color: #e8e8e8; background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%); background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8)); background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); background-repeat: repeat-x;} /*** 扩展显示多级菜单 ***/ .dropdown-submenu {position: relative;} .dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top: -6px;margin-left: -1px;-webkit-border-radius: 0 6px 6px 6px;-moz-border-radius: 0 6px 6px;border-radius: 0 6px 6px 6px;} .dropdown-submenu:hover>.dropdown-menu {display: block;} .dropdown-submenu>a:after {display: block;content:" ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #ccc;margin-top: 5px;margin-right: -10px;} .dropdown-submenu:hover>a:after {border-left-color: #fff;} .dropdown-submenu.pull-left {float: none;} .dropdown-submenu.pull-left>.dropdown-menu {left: -100%;margin-left: 10px;-webkit-border-radius: 6px 0 6px 6px;-moz-border-radius: 6px 0 6px 6px;border-radius: 6px 0 6px 6px;} /** banner **/ .hg-header-banner{margin-bottom:15px;min-height: 200px;overflow: hidden;} .hg-header-banner img{width:100%;} /** 幻灯片 **/ .hg-header-flash{min-height:200px;overflow:hidden;margin-bottom:15px;} .hg-header-flash .carousel-inner>.item>a>img, .hg-header-flash .carousel-inner>.item>img{width:100%;min-height:400px;} .hg-header-flash .carousel-indicators{} .hg-header-flash .carousel-indicators li {width:24px;height:24px;margin:0px;border-width:0;background:none;border-radius:100%;position: relative;} .hg-header-flash .carousel-indicators li:before{content:" ";display:block;width:10px;height:10px;border-radius:100%;background:#fff; position: absolute;left: 6px;top: 6px;} .hg-header-flash .carousel-indicators li.active{border:#fff solid 1px;} .hg-header-flash .carousel-indicators li.active:before{background-color: #fff;} .hg-header-flash .carousel-control .glyphicon{font-size:60px;} /** * ############### * 友情链接 * ############### **/ .hg-friends{color:#fff;background:#404040;padding-top:25px;} .hg-friends dl{margin-bottom:0px;} .hg-friends dl>dt{width:100px;letter-spacing:1px;} .hg-friends dl>dt .title{font-size:18px;font-weight:400} .hg-friends dl>dd{margin-left:120px;} .hg-friends dl>dd ul{padding:0px;} .hg-friends dl>dd ul li{list-style:none;display:inline-block; margin-bottom:15px;} .hg-friends dl>dd ul li+li:before {content:"/\00a0";padding-right:5px;padding-left:5px} .hg-friends dl>dd ul li>a{font-size:16px;font-family:"SimSun","宋体","PingFang SC","Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,Helvetica,Arial,sans-serif;color:#B3B2B2;} /** * ############### * 尾部样式 * ############### **/ .hg-footer{height:auto;overflow: hidden;padding:30px 0px 20px;background:#303030;border-top: #5A5A5A solid 2px;} .hg-footer .hg-footer-info{color:#fff;padding-left:5px;} .hg-footer .hg-footer-info h3{margin-bottom:25px;font-size:18px;letter-spacing: 2px;;} .hg-footer .hg-footer-info p{font-size: 14px;color: #B3B2B2;} .hg-footer .hg-footer-info p a{color:#B3B2B2;} .hg-footer .hg-footer-img{} .hg-footer .hg-footer-img li{width:150px;float:right;list-style:none;margin:auto;text-align:center;} .hg-footer .hg-footer-img:after{content:"";clear:both;} .hg-footer .hg-footer-copyrighgt{border-top:1px solid #5A5A5A;margin-top:15px;padding-top:15px;} .hg-footer .hg-footer-copyrighgt p{font-size: 16px;color: #B3B2B2;} /** * ############### * 返回 * ############### **/ .side-toolbar {width:60px;right:20px;bottom: 60px;z-index: 1001;margin-top: -60px;position: fixed;} .side-toolbar-list{margin:0px;padding:0px;font-size: 16px;} .side-toolbar-list li{display:block;width:60px;list-style:none;cursor: pointer;position: relative;background: #fff;padding-top:15px;padding-bottom:15px;margin:auto;margin-bottom: 6px;text-align: center;} .side-toolbar-list li a{color:#023ec3;} .side-toolbar-list li a span.title{display:block;line-height:1em;margin:auto;margin-top:5px;text-align:center;font-size:14px;letter-spacing:2px;font-weight:800;} .side-toolbar-list li:hover{background-color:#023ec3;} .side-toolbar-list li:hover a{color:#fff;} .side-toolbar-list li.active{background-color:#023ec3;color:#fff;} .side-toolbar-list li.active a{color:#fff;} /*返回按钮*/ .side-toolbar-back_up{position: relative;width: 60px;padding-top:15px;padding-bottom:15px;overflow:hidden;font-size: 16px;text-align:center; background:#EDEDED;color:#999999;cursor:pointer} .side-toolbar-back_up span.title{display:block;font-size:10px;line-height:1.6em;margin:auto;margin-top:0px;text-align:center;} /** * ############### * 主要内容 * ############### **/ .hg-main{min-height:600px;} /** 新闻聚焦 **/ .hg-xyxw{min-height:400px;padding-top:15px;padding-bottom: 25px;margin: 25px auto;} .hg-xyxw .i-box{position: relative;} .hg-xyxw .i-box-hd{width:510px;position: absolute;left: 20px;padding-left:0px;z-index:1;} .hg-xyxw .i-box-hd .title{font-size:22px;font-weight:800;position: relative;} .hg-xyxw .i-box-hd .title::before{display: block;content: "";width:60px;height:3px;background-color: #9A0E16;position: absolute;left: 0px;bottom:-10px;;} .hg-xyxw .i-box-hd .title_en{color:#aaaaaa;text-transform:uppercase;margin-left:10px;font-size:18px;;font-weight: 200;} .hg-xyxw .i-box-hd .more{float:right;font-size:16px} .hg-xyxw .i-box-hd::after{content:"";clear: both;} .hg-xyxw .i-box-bd{} .hg-xyxw .i-box-bd::after{content:"";clear: both;} /*** 头条 ***/ .hg-xyxw-headnews{border-left: #d8d6d6 solid 1px;margin-left: 15px;padding-left: 25px;position: relative;} .hg-xyxw-headnews .pic{width: 460px;height: 350px;overflow:hidden;} .hg-xyxw-headnews .pic img{width:100%;min-height: 100%;} .hg-xyxw-headnews .info{width:520px;position: absolute;right:45px;bottom: 0px;z-index: 1;} .hg-xyxw-headnews .title{height: 120px;overflow: hidden;padding-left:95px;padding-right:25px;} .hg-xyxw-headnews .title h3{height:60px;line-height: 30px;overflow:hidden;font-size: 24px;} .hg-xyxw-headnews .title p{color:#d40f20} .hg-xyxw-headnews .desc{height:240px;letter-spacing: 1px;background-color: #D40F20;padding:35px 45px; background-image: url("../images/logo-bai.png"); background-position: 340px 90px; background-size: 250px;background-repeat:no-repeat;} .hg-xyxw-headnews .desc p{height:120px;line-height:1.6em;overflow: hidden;color:#f3b5a0;font-size: 16px;margin-bottom: 15px;font-family:"SimSun","宋体","PingFang SC","Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,Helvetica,Arial,sans-serif; } /*** 列表 ***/ .hg-xyxw .hg-xyxw-list {margin-top:65px} .hg-xyxw .hg-xyxw-list ul{padding:0px;} .hg-xyxw .hg-xyxw-list ul>li{height:34px;line-height: 34px;overflow: hidden;list-style:none;position:relative;padding-left:15px;} .hg-xyxw .hg-xyxw-list ul>li::before{content:"";width:6px;height:6px;border-radius:100%;background-color:#d9d8d8;position:absolute;left: 0;top: 14px;} .hg-xyxw .hg-xyxw-list ul>li::after{display:block;content:"";clear:both;} .hg-xyxw .hg-xyxw-list ul>li span{float:right;color: #999;} .hg-xyxw .hg-xyxw-list ul>li a{display:block;font-size:16px;} /**素质成果*/ .hg-szcg{min-height: 200px;overflow:hidden;/* background-color:#F4F4F4; */padding-top: 45px;padding-bottom: 45px;} .hg-szcg .i-box-hd {margin-bottom:35px;} .hg-szcg .i-box-hd .title{font-size:22px;font-weight:800;position: relative;} .hg-szcg .i-box-hd .title::before{display: block;content: "";width:60px;height:3px;background-color: #9A0E16;position: absolute;left: 0px;bottom:-10px;;} .hg-szcg .i-box-hd .title_en{color:#aaaaaa;text-transform:uppercase;margin-left:10px;font-size:18px;;font-weight: 200;} .hg-szcg .i-box-hd .more{float:right;font-size:16px;} .hg-szcg .i-box-hd::after{content:"";clear:both;} /*** 头条 ***/ .hg-szcg-headnews{height:auto;overflow: hidden;border-right:#d8d6d6 solid 1px;position: relative;} .hg-szcg-headnews-pic{float:left;width: 380px;height: 420px;overflow:hidden;} .hg-szcg-headnews-pic img{min-width: 100%;height: 100%;max-width: inherit;} .hg-szcg-headnews-info{padding-left:420px;padding-right: 15px;} .hg-szcg-headnews-info .title{height:60px;line-height: 30px;overflow:hidden;font-size: 24px;font-weight:800;margin-bottom:15px;} .hg-szcg-headnews-info .desc{height:80px;line-height:26px;;overflow: hidden;font-size: 16px;margin-bottom: 15px;font-family:"SimSun","宋体","PingFang SC","Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,Helvetica,Arial,sans-serif;} .hg-szcg-headnews-info .datetime{margin-bottom:15px;} .hg-szcg-headnews-info .more{color:#e00} .hg-szcg-list ul{margin:0px;padding:0;} .hg-szcg-list ul>li{list-style:none;position: relative;background-color: #fff;padding: 5px 15px;margin-bottom: 15px;;} .hg-szcg-list ul>li .date{left: 18px;top: 26px;position:absolute;text-align:center;border-right: #ddd solid 1px;padding-right: 15px;} .hg-szcg-list ul>li .date-day{font-size: 32px;letter-spacing: 1px;color:#e91e63;} .hg-szcg-list ul>li .date-ym{font-size: 12px;color: #999;} .hg-szcg-list ul>li .title{padding-left:80px;} .hg-szcg-list ul>li .title a{display:block;font-size:18px;font-weight: 800;font-size: 16px;color: #333;margin-top: 15px;margin-bottom: 15px;;} .hg-szcg-list ul>li .title p{color:#888;font-size:14px;text-align: justify;font-family:"SimSun","宋体","PingFang SC","Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,Helvetica,Arial,sans-serif;} /* .hg-szcg .swiper-slide .pic{width: 180px;height:130px;overflow:hidden;} .hg-szcg .swiper-slide .pic img{width:100%;min-height:100%;} .hg-szcg .swiper-slide .title {height:30px;line-height:30px;overflow:hidden;text-align:center;display: none;} .hg-szcg .swiper-slide .title a{font-family:"SimSun","宋体","PingFang SC","Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,Helvetica,Arial,sans-serif;} */ /**通知公告*/ .hg-tzgg{min-height: 400px;padding-top: 35px;padding-bottom: 35px;background: #f4f4f4;} .hg-tzgg .i-box-hd {margin-bottom:35px;} .hg-tzgg .i-box-hd .title{font-size:22px;font-weight:800;position: relative;} .hg-tzgg .i-box-hd .title::before{display: block;content: "";width:60px;height:3px;background-color: #9A0E16;position: absolute;left: 0px;bottom:-10px;;} .hg-tzgg .i-box-hd .title_en{color:#aaaaaa;text-transform:uppercase;margin-left:10px;font-size:18px;;font-weight: 200;} .hg-tzgg .i-box-hd .more{float:right;font-size:16px;} .hg-tzgg .i-box-hd::after{content:"";clear:both;} .hg-tzgg-list{} .hg-tzgg-list .item{height:aut80px;overflow: hidden;list-style: none;position: relative;} .hg-tzgg-list .item .date{left: 18px;top: 26px;position:absolute;text-align:center;border-right: #ddd solid 1px;padding-right: 15px;} .hg-tzgg-list .item .date-day{font-size: 32px;letter-spacing: 1px;color:#e91e63;} .hg-tzgg-list .item .date-ym{font-size: 12px;color: #999;} .hg-tzgg-list .item .info{padding-left:80px;} .hg-tzgg-list .item .info .title{display:block;font-size:18px;font-weight: 800;font-size: 16px;color: #333;margin-top: 15px;margin-bottom: 15px;;} .hg-tzgg-list .item .info p{color:#888;font-size:14px;text-align: justify;font-family:"SimSun","宋体","PingFang SC","Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,Helvetica,Arial,sans-serif;} .hg-tzgg .nav{} .hg-tzgg .nav li{} .hg-tzgg .nav li a{font-size: 20px;} .hg-tzgg .tab-pane{padding-top:15px;} .hg-tzgg .tab-pane .list{padding:0px;height: 340px;overflow: hidden;} .hg-tzgg .tab-pane .list>li{list-style:none;border-bottom:#ccc dashed 1px;position:relative;} .hg-tzgg .tab-pane .list>li:last-child{border-width:0px;} .hg-tzgg .tab-pane .list>li .date{left: 5px;top: -2px;position:absolute;text-align:center;/* background: #ffffff; */padding:5px;/* color: #00bcd4; *//* text-transform: uppercase; *//* outline: 2px solid #b1b1b1; *//* outline-offset: 2px; *//* border-radius:2px; */} .hg-tzgg .tab-pane .list>li .date-day{font-size: 28px;letter-spacing: 1px;color: #333;} .hg-tzgg .tab-pane .list>li .date-ym{font-size: 12px;color: #999;} .hg-tzgg .tab-pane .list>li .title{height: 64px;line-height: 20px;overflow:hidden;padding-left:70px;} .hg-tzgg .tab-pane .list>li .title a{font-size: 16px;color: #333;text-align: justify;/* font-family:"SimSun","宋体","PingFang SC","Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,Helvetica,Arial,sans-serif; *//* font-weight: 600; */} .hg-tzgg .tab-pane .list-tz>li .date{/* background-color:#009688; *//* outline-color:#009688; */} /** * 面包屑 */ .hg-breadcrumb{padding-bottom:20px;margin-top:35px;background:none;color: #333;border-bottom: 1px solid #ebebeb;padding-left: 0px;border-radius: 0px;position: relative;font-family:宋体} .hg-breadcrumb:after{content:"";display:block;width: 60px;height: 4px;position:absolute;bottom: 0px;left: 0px;z-index: 0;} .hg-breadcrumb li{font-size:16px;} .hg-breadcrumb.breadcrumb>li+li:before{color: #f5e5e6;content: "/\00a0";padding-right: 0px;} .hg-breadcrumb li a{color: #333;} .hg-breadcrumb li.home{color:#bb0f23} .hg-breadcrumb li.home img{margin-top:-5px;} .hg-breadcrumb li.active{color: #bbb5b5;} /** * 侧栏 */ .hg-sidebar{margin-top: -140px;padding: 15px;} .hg-sidebar .i-box-hd{background: #bb0f23;padding: 45px 25px 25px;} .hg-sidebar .i-box-hd .title{font-size: 28px;font-weight: 400;color: #fff;} .hg-sidebar .i-box-hd .title .glyphicon{top:5px;} .hg-sidebar .i-box-bd{min-height:300px;background: #e5e5e5;padding: 15px;padding-right:0px;} .hg-sidebar .list{height:auto;overflow:hidden;} .hg-sidebar .list li{position:relative;padding-left:18px;padding-right:15px;padding-top:10px;padding-bottom:10px;} .hg-sidebar .list li:before{display:block;content:"";width:5px;height:5px;background-color:#999;position:absolute;left:5px;top: 20px;} .hg-sidebar .list li:last-child{border:0px} .hg-sidebar .list li a{display:block;font-size: 18px;text-align: justify;font-weight: 200;} .hg-sidebar .list li.active{background-color:#fff;border-left:#d53807 solid 3px;padding-top: 15px;padding-bottom: 15px;font-weight: 800;} .hg-sidebar .list li.active:before{display:none;} .hg-sidebar .list li.active a{font-weight:800;color:#bb0f23} @media screen and (min-width: 300px) and (max-width: 1600px) { html,body{width:1600px;} }