html,
body {
width: 100%;
position: relative;
font-family: "PingFang-SC-Regular";
}
span{
outline: none;
}
li,img,button{
cursor: pointer;
}
.box {
background: none
}
/*70周年*/
/*.zn{
width: 100%;
background: url(/70.png) no-repeat;
background-size: 100%;
position: absolute;
background-position: 0px 4.8rem;
}
*/
.news-tab-mid ul li.cur {
color: #004EA2
}
.show {
display: block !important;
}
.hide {
display: none;
}
/* 首页导航 */
.nav {
width: 100%;
height: 128px;
position: relative;
background:#fff
}
.nav .nav_logo {
width: 500px;
height: 38px;
position: absolute;
top: 16px;
}
.nav .nav_logo img {
position: absolute;
top: 0;
left: 0;
}
.nav_search {
position: absolute;
top: 28px;
right:0;
}
.nav_search ul li {
float: left;
font-size: 16px;
color: #999999;
margin-left: 20px;
height:20px;
line-height: 20px;
}
.nav_search .search {
width: 160px;
top:-4px;
height: 24px;
border-radius: 50px;
background: rgba(187, 186, 186, 0);
border: 1px solid rgba(112, 112, 112, 1);
position: relative;
}
.nav_search .search .search_inp {
width: 70%;
background: none;
border: none;
position: absolute;
top: 0;
left: 5px;
height: 18px;
color:#acacac;
}
.logo_wap{
display:none
}
.nav_search .search img{
position:absolute;
right: 0.5em;
top: 7px;
height:10px
}
.nav-tab {
position: absolute;
top: 85px;
right: 0;
}
.nav-tab ul li {
float: left;
font-size: 16px;
color: #2B2B2B;
margin-left: 0.3rem;
position:relative;
height:43px
}
.nav-tab ul li.active a,.nav-tab ul li:hover a{
color: #014e9e;
}
/* 轮播 */
.swiper {
width: 100%;
height: 3.64rem;
}
.swiper-container,
.swiper-wrapper {
width: 100%;
height: 100%;
}
.swiper-wrapper .swiper-slide,
.swiper-wrapper .swiper-slide img {
width: 100%;
height: 100%;
}
/* 内容 */
.cont {
width:1200px;
margin:0 auto;
position:relative
}
/* 新闻中心 */
.cont .cont-news {
width: 100%;
padding: 40px 0 0 0;
}
.tabs {
width: 100%;
height:46px;
line-height:46px;
background: #EEEEEE;
position: relative;
}
.tabs-left {
/* width: 1.52rem; */
/**/
position: absolute;
top: 15px;
left: 10px;
}
.tabs-right {
/* width: 0.36rem;
height: 0.14rem;*/
position: absolute;
top: 15px;
right: 0.2rem;
}
.news-tab-left {
/* width: 1.33rem;
height: 0.16rem;*/
position: absolute;
top: 0.22rem;
left: 0.2rem;
}
.news-tab-left img {
height: auto;
position: absolute;
top: 0;
left: 0;
max-width: inherit
}
.news-tab-mid {
position: relative;
top: 0rem;
left: 390px;
}
.news-tab-mid ul{
height: 48px;
}
.news-tab-mid ul li {
float: left;
font-size: 16px;
font-family: 'MicrosoftYaHei';
font-weight: 400;
color: rgba(43, 43, 43, 1);
margin-right: 0.38rem;
height:46px;
line-height:46px;
}
.news-tab-mid ul li:hover,.news-tab-mid ul li.cur:hover{
color: #E51C26;font-weight:bold;
}
.news-tab-right {
width: 36px;
height: 14px;
position: absolute;
top: 16px;
right: 8px;
}
.news-tab-right img {
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
}
.news-cont {
width: 100%;
padding: 12px 0 0rem 0;
position: relative;
/* display: none; */
/* visibility: hidden; */
}
.hide1{
visibility: hidden;
z-index: -1;
height: 0;
position: absolute;
}
.news-cont-left {
width: 44.5%;
/* margin-top: 0.1rem; */
margin-left: 0.11rem;
}
.news-cont-left ul li {
width: 100%;
height:26px;
line-height: 32px;
color: #444444;
font-size: 14px;
margin-bottom: 8px;
}
.news-cont-left-time {
color: #999999;
}
.news-cont-left ul li:hover a{
color: #004EA2;
font-size: 18px;
font-weight:bold
}
.news-cont-left ul li a{
color:#000
}
.now {
color: #004EA2;
font-size: 0.18rem;
}
.news-cont-right {
width: 51.7%;
height: 330px;
position: relative;
}
.article-title em{
margin-top:15px;
display:block;
color:#464646;
font-size:16px
}
.news-cont-right .swiper-slide img {
position: absolute;
top: 0;
left: 0;
}
.news-cont-right .swiper-slide .news-cont-right-nr a{
color:#fff
}
.news-cont-right .swiper-slide .news-cont-right-nr {
width: 100%;
height: 56px;
line-height:56px;
text-align: left;
color: #fff;
font-size: 0.14rem;
position: absolute;
bottom: 0;
left: 0;
background: rgba(8, 53, 121, 1);
opacity: 0.8;
padding: 0 2rem 0 0.21rem;
}
/* 轮播样式 */
.news-cont-right .swiper-pagination span {
width: 0.1rem !important;
height: 0.1rem !important;
}
.news-cont-right .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px !important;
}
.news-cont-right .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 0.2rem !important;
}
/* 主营业务 */
.cont .cont-type {
width: 100%;
padding: 8px 0;
overflow:hidden
}
.news-type {
width: 100%;
/*height: 278px*/
}
.news-type-left {
width: 0.45rem;
height: 185px;
margin-top: 0.06rem;
background: #EEEEEE;
position: relative;
}
.news-type-left img {
position: absolute;
top: 6px;
left:5px;
}
.news-type-mid ul li {
float: left;
width: 200px;
height: 185px;
position: relative;
}
.news-type-mid .cover_bot {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.news-type-mid .cover_bot img {
width: 60px;
height: 60px;
position: absolute;
top: 37px;
left: 50%;
margin-left: -30px
}
.news-type-mid .cover_bot span {
width: 100%;
text-align: center;
height: 60px;
position: absolute;
top: 110px;
left: 0rem;
color: #2B2B2B;
font-size: 18px;
}
.news-type-mid .cover_top {
width: 100%;
height: 98%;
position: absolute;
top: 0;
left: 0;
z-index: 999;
border-top: 6px solid #D6000F;
padding: 0;
}
.news-type-mid .cover_top_bj {
width: 100%;
height: 100%;
position: absolute;
top: 0rem;
left: 0rem;
}
.news-type-mid .cover_top_zx {
width: 60px;
height: 60px;
position: absolute;
top: 37px;
left: 50%;
margin-left: -30px
}
.news-type-mid .cover_top span {
width: 100%;
text-align: center;
height:60px;
position: absolute;
top: 110px;
left: 0rem;
color: #ffffff;
font-size: 18px;
}
.news_type_nr {
margin: 0.32rem auto;
display: none;
width: 100%;
}
.news_type_nr .news-types-left {
width: 398px;
height:240px;
margin-top: 0.06rem;
position: relative;
}
.news_type_nr .news-types-left span {
font-size: 14px;
width: 100%;
font-family: 'MicrosoftYaHei';
font-weight: 400;
color: rgba(0, 0, 0, 1);
line-height: 26px;
position: absolute;
top: 0;
left: 0;
}
.news_type_nr .news-types-left img {
width: 36px;
height: 14px;
position: absolute;
right: 0;
bottom: 20px;
}
.news-types-right ul li:nth-child(1) {
margin-left:0
}
.news-types-right ul li {
float: left;
width: 24%;
margin-left: 1.33%;
overflow: hidden;
}
.news-types-right ul li img {
width: 100%;
height: 100%;
}
/* 企业文化 */
.cont-culture {
width: 100%;
}
.culture-tab img {
margin:0 auto;
display:block;
position:relative;
top:15px
}
.culture-cont {
width: 100%;
height: 415px;
margin-top: 0.25rem;
position: relative;
}
.culture-cont div {
width: 100%;
height: 200px;
position: absolute;
bottom: 0;
left: 0;
background: #00348B;
}
.culture-cont span {
width: 576px;
height: 66px;
font-size: 14px;
font-family: 'MicrosoftYaHei';
font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: 26px;
position: absolute;
bottom: 67px;
right: 40px;
z-index: 99;
}
.culture-cont button a{
color: #fff;
}
.culture-cont button {
width: 1.13rem;
line-height: 0.35rem;
text-align: center;
background: #D6000F;
color: #fff;
font-size: 0.14rem;
position: absolute;
bottom: 22px;
right: 41px;
z-index: 99;
border: none;
outline: none;
}
.culture-cont .pic-left {
width:550px;
height: 415px;
position: absolute;
top: 0;
left: 0;
z-index: 999;
}
.culture-cont .pic-right {
width: 379px;
height: 252px;
position: absolute;
top: 8px;
right: 134px;
z-index: 999;
}
/* 专题专栏 */
.cont-special {
margin-top: 8px;
width: 100%;
overflow: hidden;
}
.cont-special-left {
width: 75%;
height: 100%;
}
.cont-special-left em{
margin-left:100px
}
.cont-special-left span{
display: inline-block;
height: 48px;
line-height: 48px;
color: #E51C26;
font-size: 18px;
font-weight: bold;
cursor: pointer;
margin-left:0.25rem
}
/*.cont-special-nr1{
position: absolute;
top: 0;
left: 2.28rem;
}
.cont-special-nr2{
position: absolute;
top: 0;
right: 3.56rem;
}
.cont-special-nr3{
position: absolute;
top: 0;
right: 2.16rem;
}
.cont-special-nr4{
position: absolute;
top: 0;
right: 1.18rem;
}
*/
.cont-special-pic {
width: 100%;
margin-top: 7px;
}
.cont-special-pic ul li {
float: left;
width: 24%;
height: 260px;
overflow: hidden;
}
.cont-special-pic ul li img {
width: 100%;
height: 100%;
}
.cont-special-pic ul li.li {
margin-left: 1.333%;
}
.cont-special-pic ul li.li:nth-child(1){
margin-left:0
}
.cont-special-right {
width: 23%;
height: 100%;
}
.cont-special-video {
width: 100%;
height: 265px;
margin-top: 7px;
}
.cont-special-video .swiper-slide {
width: 100%;
height: 100%;
position: relative;
}
.cont-special-video .swiper-slide .img {
width: 100%;
height:198px;
position: absolute;
top: 0;
left: 0;
}
.cont-special-video .swiper-slide .play {
width: 48px;
height: 48px;
position: absolute;
top: 35%;
left: 50%;
margin-left:-24px;
margin-top:-24px
}
.cont-special-video .swiper-slide span {
width: 100%;
text-align: left;
color: #444444;
font-size: 14px;
position: absolute;
top: 210px;
left: 0;
}
/* 中化风采 */
.cont-style {
margin-top: 6px;
width: 100%;
/* height: 270px;*/
}
.style-cont {
width: 100%;
/*height: 195px;*/
/*margin-top:12px;*/
margin : 10px 0;
}
.style-cont ul li {
width:280px;
height: 182px;
float: left;
}
.style-cont ul li img {
width: 100%;
height: 100%;
}
.style-cont ul li {
margin-left: 0.24rem;
}
/* 相关链接 */
.cont-relevant {
/*margin-top:18px;*/
width: 100%;
height: 46px;
}
.cont-relevant span {
color: #2B2B2B;
font-size:16px;
float:left
}
.cont-relevant select {
width: 105px;
height: 28px;
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(192, 192, 192, 1);
outline: none;
margin-left:15px;
}
/*.cont-relevant .relevant-tit {
position: absolute;
left: 505px;
}
.cont-relevant .relevant-sel {
position: absolute;
left:590px;
}
.cont-relevant .relevant-tit2 {
position: absolute;
right: 260px;
}
.cont-relevant .relevant-sel2 {
position: absolute;
right: 0.32rem;
}*/
.cont-relevant ul li{
width:200px;
float:left
}
.cont-relevant ul{
float:right
}
/* 尾部 */
.foot {
width: 100%;
margin-top: 10px;
}
.foot-top {
width: 100%;
height: 190px;
background: #313131;
position: relative;
}
.foot-logo {
position: absolute;
top: 42px;
left: 0;
}
.footer {
color: #999999;
font-size: 16px;
}
.footer span,.footer p{
font-size: 16px;
}
.foot-phone {
position: absolute;
top: 32px;
left: 230px;
border-left: 1px solid rgba(255, 255, 255, 0.2);
padding-left:40px
}
.footer p {
margin-bottom: 0.15rem;
}
.footer p a{
color:#999
}
.foot-phone span {
margin-right: 0.25rem;
}
.foot-nr {
width: 210px;
position: absolute;
top: 32px;
right: 0;
border-left: 1px solid rgba(255, 255, 255, 0.2);
padding-left:40px
}
.foot-sel {
position: absolute;
top: 42px;
right: 0;
width:345px
}
.foot-sel select {
width:250px;
height:30px;
background: none;
outline: none;
border: 1px solid rgba(153, 153, 153, 1);
color: rgba(153, 153, 153, 1);
}
.foot-sel span {
margin-right: 0.16rem;
}
.foot-bot span{
font-size:16px;
}
.foot-bot {
height: 50px;
line-height:50px;
background: #000;
padding: 0;
color: #999999;
font-size: 14px;
}
.team dt{
overflow:hidden
}
/* 动画 移上放大*/
.cont-special-pic ul li img,
.news-types-right ul li img,
.style-cont ul li img,.team dl img{
width: 100%;
transform: scale(1);
transition: .5s;
}
.news-types-right ul li:hover img,
.cont-special-pic ul li:hover img,
.style-cont ul li:hover img,.team dl:hover img{
width: 100%;
transform: scale(1.08);
transition: .5s;
}
.news-cont-left-nr{
overflow: hidden;
width: 77%;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-cont-left ul li,.cont-special-video .swiper-slide span{
font-size:16px;
}
#slides{
display:none
}
#slides {
display: none;
margin-top:-1px
}
#fslides {
display: none
}
#slides .slidesjs-navigation {
margin-top:3px;
}
#slides .slidesjs-previous {
margin-right: 5px;
float: left;
}
#slides .slidesjs-next {
margin-right: 5px;
float: left;
}
.slidesjs-pagination {
margin-top:-15px;
list-style: none;
position:absolute;
z-index:9998;
left:50%;
-webkit-transform: translate(-50%, -50%); /* for Chrome || Safari */
-moz-transform: translate(-50%, -50%); /* for Firefox */
-ms-transform: translate(-50%, -50%); /* for IE */
-o-transform: translate(-50%, -50%); /* for Opera */
}
.slidesjs-pagination li {
float: left;
margin: 0 3px;
}
.slidesjs-pagination li a {
display: block;
width: 10px;
height: 0;
padding-top: 5px;
overflow: hidden;
background:#fff
}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
background:#0850a4
}
.slidesjs-pagination li a:hover {
background-position: 0 -26px
}
#slides a:link,
#slides a:visited {
color: #333
}
#slides a:hover,
#slides a:active {
color: #9e2020
}
#slides{
width:100%;
z-index:1
}
.nav_hide.aa .elementor-background-overlay {
display: block;
}
.nav_hide .elementor-background-overlay, .nav_hide.aa.animate-show .elementor-background-overlay {
display: none;
}
.elementor-background-overlay {
background-color: #474747;
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0.37;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
z-index: 998;
}
.nav_hide.aa ul {
display: block;
}
.nav_hide ul{
position: fixed;
top: 0;
right: 0;
z-index: 999999999;
width: 200px;
height: 100%;
background: #fff;
transition: left .4s ease-in-out;
overflow-y: scroll;
display: none;
}
.nav_hide dl dd a {
text-indent: 1em;
display:block
}
/*.nav_hide dl dd,.nav_hide dl dt{
line-height:2.235rem
}*/
.nav_hide dl dd {
display: none;
}
.nav_hide ul li{
line-height:56px;
border-bottom:1px #eee solid
}
.nav_hide ul li.active a{
color:#014e9e
}
.nav_hide ul li img{
padding:0 1rem
}
.nav_hide ul li a{
font-size:16px;
padding-left:1rem
}
.wap_nav{
display:none
}
.search_hide{
background-color: #474747;
position:absolute;
top:50px;
z-index:9999998;
width:100%;
display:none
}
.search_hide.aa{
display:block
}
.search_hide p{
width:92%;
margin:1rem auto;
background:#fff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
height:40px;
line-height:40px;
position:relative
}
.search_hide p .text{
width:80%;
margin:0 1%;
height:36px;
line-height:36px;
border:none
}
.search_hide p img{
position:absolute;
right:1rem;
top:0.6rem
}
.search_hide em{
color:#fff;
float:right;
font-size:14px;
padding-right:4%;
padding-bottom:4%
}
#wap_slides,.wap_nav{
display:none
}
.pbusher {
background: #dce6f1;
}
.pbusher-name {
padding: 19px 0;
position: relative;
}
.pbusher-name .pageNam {
font-size: 24px;
font-weight: bold;
line-height: 32px;
}
.pbusher-name .pageNam .en {
color: #868686;
font-weight: normal;
padding-left: 10px;
text-transform: uppercase;
}
.pbusher-name .pageAct {
color: #4c545d;
padding-top: 10px;
}
.pbusher-name .pageAct a {
color: #4c545d;
}
.pbusher-name .pageAct span {
padding: 0 5px;
}
.pbusher-cnav {
background: #014e9e;
}
.pbusher-cnav a {
line-height: 44px;
height:44px;
min-width: 110px;
text-align: center;
color: #fff;
margin-left: 7px;
position: relative;
display:inline-block
}
.pbusher-cnav a .line {
background-color: #d6000f;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 0px;
}
.pbusher-cnav a i {
position: relative;
z-index: 1;
font-size:16px;
}
.pbusher-cnav a.active .line, .pbusher-cnav a:hover .line {
width: 100%;
transition: 300ms;
}
.pbusher-cnav a.active i, .pbusher-cnav a:hover i {
font-weight: bold;
color: #fff;
}
.clearfix::after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
i{
font-style: normal
}
.h_about .h_about_r h1{
font-size:1.625rem;
color:#333333
}
.h_about .h_about_r h2{
color:#333333;
margin:0.5rem 0 ;
text-transform : uppercase
}
.h_about .h_about_r p{
font-size:16px;
line-height:28px;
color:#797979;
margin-top:25px;
}
.h_about .h_about_r p img{
display:block
}
.hui_color{
background:#f7f7f7;
padding:25px 0;
}
.hui_color .about{
background:#fff;
padding:0 20px 25px 20px;
}
.fl_img{
float:left;
margin-right: 25px;
margin-bottom: 10px;
}
#public .cont-relevant{
margin-top:25px;
}
.team{
padding-top:20px;
}
.team dl{
overflow:hidden;
margin-bottom:30px;
}
.team dt{
float:left;
margin-right:35px;
}
.team dd{
padding-top:20px;
}
.team dd h2{
font-size:24px;
color:#3f3f3f;
margin-bottom:30px
}
.team dd h2 i{
font-size:16px;
color:#888888;
margin-left:25px
}
.team dd p{
font-size:16px;
color:#666666;
line-height:32px
}
.honour h1{
text-align:center;
padding-top:20px;
}
.service_tit {
text-align: center;
color: #666666;
font-size: 24px;
margin:30px auto
}
table{
border-collapse: collapse; width: 100%;
}
.tables table tr {
background: #f7f7f7;
}
.tables table tr th {
background: #093c8a;
color: #fff;
font-size: 16px;
font-weight: normal;
padding: 1.5% 0;
}
.tables table tr td {
text-align: center;
padding: 1.5% 0;
font-size:14px
}
.tables table tr:nth-child(2n) {
background: #fff;
}
#units{
padding:0
}
#units dl{
overflow:hidden
}
#units dl:nth-child(odd) dt{
float:left;
margin-right:3%
}
#units dl:nth-child(even) dd{
float:left
}
#units dl:nth-child(odd) dd{
float:right
}
#units dl:nth-child(even) dt{
float:right;
margin-left:3%
}
#units dd h2{
font-size:20px;
margin-bottom:20px;
padding-top:25px;
}
#units dd p{
font-size:16px;
color:#666666;
line-height:32px;
}
#units dt{
width:50%
}
#units dd{
width:41%;
padding:0 3%
}
#units dl:nth-child(even) dd{
text-align:right;
}
#units dl dt,.news_pub dl dt {
overflow:hidden
}
#units dl:hover img,.news_pub dl:hover dt img{
width: 100%;
transform: scale(1.08);
transition: .5s;
}
.course_box {
background: url(../img/course_bg1.jpg) repeat-y center top;
margin-top: 52px;
position: relative;
}
.course_box::before {
content: "";
position: absolute;
left: 50%;
top: 0;
margin-left: -13.5px;
width: 27px;
height: 27px;
background: url(../img/g_course_bg1.jpg) no-repeat center center;
}
.course_box ul {
padding-top: 35px;
}
.course_box ul li {
float: right;
width: 47%;
background: #eeeeee;
position: relative;
margin-bottom: 5%;
padding: 15px 0;
}
.course_box ul li::before {
content: "";
position: absolute;
left: -42px;
top: 50%;
margin-top: -7.5px;
width: 28px;
height: 17px;
background: url(../img/g_course_bg2.jpg) no-repeat center center;
}
.course_box ul li span {
color: #0f3f86;
font-size: 35px;
display: inline-block;
float: left;
width: 20%;
text-align: center;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
font-family:Arial, Helvetica, sans-serif
}
.course_box ul li .text {
float: right;
display: inline-block;
width: 75%;
padding: 20px;
}
.course_box ul li .text .bt {
color: #000000;
font-size: 20px;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.course_box ul li .text .t {
color: #666666;
/* font-size: 16px;*/
line-height: 20px;
}
.course_box ul li:first-child+li{
margin-top: 6%;
}
.course_box ul li:nth-child(2n){
float: left;
}
.course_box ul li:nth-child(2n)::before{
background: url(../img/g_course_bg3.jpg) no-repeat center center;
left: auto;
right: -42px;
}
.course_box ul li:nth-child(2n) span{
left: auto;
right: 0;
}
.course_box ul li:nth-child(2n) .text{
float: left;
text-align: right;
padding: 20px;
}
.historical{
padding:0 25px
}
.course_box ul li span i{
display:block;
font-size:13px;
font-weight:bold
}
.news_pub dl{
overflow:hidden;
border-bottom:1px #e5e5e5 dashed;
padding:25px 0
}
.news_pub dt{
float:left;
width:19%;
}
.news_pub dd{
width:79%;
float:right
}
.news_pub dd h2{
font-size:18px;
color:#333333
}
.news_pub dd p{
font-size:16px;
color:#7e7e7e;
line-height:26px;
margin:25px 0
}
.news_pub dd h3 i{
font-size:15px;
color:#aaaaaa;
line-height:26px;
position: relative;
top: 2px;
margin-left: 7px;
}
.news_pub dl:hover dd h2{
color:#014e9e
}
.fenyes {
text-align: center;
margin: 25px auto 0 auto;
}
.fenyes a:first-child {
display: none
}
.fenyes ul {
height: auto;
overflow: hidden;
}
.fenyes span, .fenyes a {
display: inline-block;
margin: 0 2px;
background: #efefef;
border-radius: 2px;
height:40px;
padding:0 20px;
line-height:40px;
text-align: center;
color: #000;
border: 1px #ededed solid;
font-size:14px
}
.fenyes span.current {
background: #014e9e;
border: 1px #014e9e solid;
color: #fff;
}
.fenyes a:hover {
background: #014e9e;
color: #fff;
border: 1px #014e9e solid
}
.fenyes b {
display: inline-block;
padding: 0 1.1875rem;
margin: 0 2px;
border-radius: 2px;
height: 40px;
line-height: 40px;
text-align: center;
background: #017acb;
color: #fff;
border: 1px #017acb solid
}
.news_pub dd p{
height:55px;
overflow:hidden
}
.news_pub dt img{
height:155px;
object-fit: cover;
width:100%
}
.interflow dl dt img,.video dt em img{
height:6rem;
/*height:2.5rem;*/
/*object-fit: cover;*/
width:100%
}
.glbox ul li {
float: left;
width: 100%;
background: #fff;
padding:2% 0;
border-bottom:1px #e5e5e5 dashed
}
.glbox ul li .data {
width: 17%;
padding: 2.7% 0 3.3%;
float: left;
text-align: center;
background: #f9f9f9;
transition: all .5s;
}
.glbox ul li .data p {
color: #014e9e;
font-size: 36px;
font-family: arial;
}
.glbox ul li .data span {
color: #014e9e;
font-size: 20px;
}
.glbox ul li .text {
float: right;
width: 77%;
padding-right: 3%;
}
.glbox ul li .text h3 {
color: #18478e;
font-size: 18px;
font-weight: normal;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
transition: all .5s;
}
.glbox ul li .text em {
display: none;
}
.glbox ul li .text p {
margin-top: 12px;
color: #777777;
font-size: 14px;
line-height: 24px;
height: 48px;
overflow: hidden;
}
.glbox ul li .text span {
margin-top: 15px;
display: inline-block;
border: 1px solid #e8e8e8;
line-height: 32px;
padding: 0 18px;
color: #999999;
font-size: 14px;
}
.glbox ul li:hover .text h3 {
color: #014e9e;
}
.glbox ul li:hover .data {
background: #124189;
}
.glbox ul li:hover .data p,
.glbox ul li:hover .data span {
color: #fff;
}
.glbox .more_btn {
margin: 1% auto 0;
width: 11%;
display: block;
}
.glbox .news_con {
background: #fff;
padding: 5% 4%;
}
.glbox .news_con h3 {
text-align: center;
color: #666666;
font-size: 24px;
font-weight: normal;
border-bottom: 1px solid #f1efef;
padding-bottom: 3%;
}
.glbox .news_con .name {
text-align: center;
color: #a8a8a8;
font-size: 14px;
margin-top: 2.2%;
}
.glbox .news_con .name span {
display: inline-block;
margin: 0 5px;
}
.glbox .news_con .con {
color: #666666;
font-size: 14px;
line-height: 24px;
padding: 4% 0 0;
}
.glbox .news_con .bottom {
margin-top: 4%;
}
.glbox .news_con .bottom ol {
float: left;
width: 85%;
}
.glbox .news_con .bottom ol li {
float: left;
padding: 2% 0;
width: 100%;
border-bottom: 1px dashed #e9e9e9;
}
.glbox .news_con .bottom ol li:last-child {
border-bottom: none;
}
.glbox .news_con .bottom ol li a {
display: inline-block;
color: #777777;
font-size: 14px;
}
.glbox .news_con .bottom ol li a span {
display: inline-block;
color: #333333;
font-size: 16px;
}
.glbox .news_con .bottom .return {
margin-top: 4%;
float: right;
display: inline-block;
background: #17478e;
color: #fff;
font-size: 14px;
line-height: 34px;
border-radius: 4px;
padding: 0 20px;
}
.glbox ul li:hover .text span{
background:#014e9e;
color:#fff
}
.article-title {
text-align: center;
padding: 25px 0 15px 0;
border-bottom: 1px #9c9c9c dashed;
margin-bottom:25px
}
.article-title .h {
font-size: 24px;
font-weight: bold;
color: #4c4b4b;
line-height: 32px;
}
.article-title .name {
font-size: 24px;
font-weight: bold;
color: #4c4b4b;
line-height: 32px;
text-align:left
}
.article-title .source {
padding: 25px 0 10px 0;
font-size:15px;
color:#aaaaaa
}
.article-title .source span.date {
background: url(../img/time.jpg) no-repeat left center;
padding-left: 25px;
}
.article-title .source span {
color: #aaaaaa;
margin: 0 25px;
display: inline-block;
}
.article-title .source span.browse {
background: url(../img/browse.jpg) no-repeat left center;
}
.cont_cont p{
font-size: 17px;
line-height: 30px;
color: #000;
margin-bottom:25px;
text-indent:2em;
font-family: PingFangSC-Regular, sans-serif;
}
/*兼容旧数据*/
#newcontent{
font-size: 17px;
line-height: 30px;
color: #000;
margin-bottom:25px;
text-indent:2em;
font-family: PingFangSC-Regular, sans-serif;
}
#newcontent div{
font-size: 17px;
line-height: 30px;
color: #000;
margin-bottom:25px;
text-indent:2em;
font-family: PingFangSC-Regular, sans-serif;
}
.article-page a{
color:#000
}
.cont_cont p img{
display: block;
text-align:center;
margin:0 auto
}
.article-page {
background: #ececec;
height: 46px;
line-height: 46px;
padding: 0 20px;
text-align: center;
}
.article-page .page-left, .article-page .page-right {
width: 495px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #717171;
font-size:14px
}
.article-page .page-left {
text-align: left;
}
.article-page .page-right {
text-align: right;
}
.article-page .page-return {
background: #b0b0b0;
width: 125px;
height: 46px;
display: inline-block;
color: #fff;
}
.article-page .page-return .ico {
background: url(../img/p-return.png) no-repeat center;
width: 35px;
height: 46px;
display: inline-block;
vertical-align: middle;
}
#cont .style-cont ul li,#cont .style-cont{
height:auto
}
.cont_cont.business dl{
width:23.5%;
margin-left:2%;
float:left;
position:relative
}
.dl_dl dl:nth-child(4n+1){
margin-left:0
}
.dl_dl dl dd:nth-child(2){
position:absolute
}
.s_yeji {
overflow: hidden;
}
.s_yeji li:nth-child(4n+1){
margin-left:0
}
.s_yeji li {
width:23.5%;
margin-left:2%;
margin-bottom: 2%;
}
.s_yeji li a .img {
width: 100%;
overflow: hidden;
position: relative;
}
.s_yeji li a .img .cont {
background: url(../img/dd.png) rgba(4,82,164,0.7) center center no-repeat;
position: absolute;
top: -100%;
left: 0px;
width: 100%;
height: 100%;
transition: all 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
}
.imglist li {
float: left;
}
.s_yeji li a:hover {
box-shadow: 0px 5px 20px #ccc;
-moz-box-shadow: 0px 5px 20px #ccc;
-ms-box-shadow: 0px 5px 20px #ccc;
-webkit-box-shadow: 0px 5px 20px #ccc;
}
.s_yeji li a:hover .img .cont {
top: 0px;
}
.interflow dt,.video dt{
overflow:hidden;
height:2.5rem;
}
.interflow dl:hover img,.video dl:hover em img{
width: 100%;
transform: scale(1.08);
transition: .5s;
}
.s_yeji li a:hover .img img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
opacity: 0.9;
}
.s_yeji li a .txt {
width: 100%;
line-height: 50px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
font-size: 16px;
text-align: center;
color: #333;
background: #FFF;
position: relative;background: #f5f5f5;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.s_yeji li a .txt span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding:0 15px
}
.s_yeji li a .txtbg {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background: #0452a4;
color: #FFF;
position: absolute;
bottom: -50px;
width: 100%;
transition: all 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
height: 50px;
display: flex;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.s_yeji li a .txtbg span {
display: block;
line-height: 20px;
align-self: center;
width: 100%;
text-align: center;
font-size:16px
}
.s_yeji li a:hover .txtbg {
bottom: 0px;
}
.interflow dl{
width:32.333%;
float:left;
margin-left:1.5%;
margin-bottom:1.5%;
position:relative
}
.interflow dl:nth-child(3n+1){
margin-left:0
}
.interflow dd{
position:absolute;
height:46px;
bottom:0;
color:#fff;
overflow:hidden;
text-align:center;
line-height:46px;
width:100%;
font-size:16px;
background-color:#014e9e;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
background-color:rgba(1,78,158,0.7); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */
}
.video{
padding-top:20px;
}
.video dl{
width:32.333%;
margin-left:1.5%;
float:left;
margin-bottom:1.5%
}
.video dl:nth-child(3n+1){
margin-left:0
}
.video dt i{
position:absolute;
width:100%;
height:100%;
background:#f00;
z-index:998;
top:0;
left:0;
background-color:#000;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
background-color:rgba(0,0,0,0.3); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */
}
.video dt {
position:relative
}
.video dt i img{
position:absolute;
left:50%;
top:50%;
margin-left:-32px;
margin-top:-32px;
}
.video dd{
position: relative;
z-index:999;
height:46px;
line-height:46px;
font-size:16px;
text-align:center;
background:#eee;
padding:0 10px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.video dl:hover dd{
color:#014e9e
}
#media{
margin-bottom:20px;
}
.contact{
padding-top:20px;
}
.scrollpic {
width: 100%;
margin:12px auto 0 auto;
}
#myscroll {
display: block;
width: 100%;
position: relative;
height: 200px;
overflow: hidden;
}
#myscroll #myscrollbox {
display: block;
float: left;
position: absolute;
left: 0;
top: 0;
/*width: 1000000px;*/
}
#myscroll ul {
display: block;
float: left;
list-style-type: none;
padding: 0;
margin: 0;
}
#myscroll ul li {
display: block;
float: left;
padding: 0;
}
#myscroll ul li a {
display: block;
float: left;
padding: 0;
position: relative;
color: #333;
}
#myscroll a .intro {
position: absolute;
left: 0;
z-index: 10;
background-color: #0057c4;
filter: alpha(opacity=70);
color: #fff;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
text-align: center;
}
#myscroll a .intro h5 {
padding: 0;
margin: 0;
font-size: 16px;
height: 40px;
line-height: 30px;
border-bottom: 1px solid #347fdc;
font-weight:100;
}
#myscroll a .intro p {
font-size: 13px;
line-height: 20px;
margin: 65px 70px;
height: 70px;
overflow: hidden;
}
#myscroll a .intro {
bottom: -211px;
}
#myscroll a:hover .intro {
bottom: 0px;
}
#mybtns {
margin: 10px 0;
width: 100%;
display: block;
height: 46px;
position:absolute;
top:-10px
}
#mybtns a {
width: 46px;
height: 46px;
display: block;
float: right;
margin-right: 1px;
background-color: #c1c1c1;
margin-left:10px;
}
#mybtns a:hover {
background-color: #004EA2;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#mybtns #left {
background-image: url(../img/jt_l.png);
background-position: 3px 2px;
}
#mybtns #right {
background-image: url(../img/jt_r.png);
background-position: 3px 2px;
}
#kinMaxShow {
visibility: hidden;
width: 100%;
overflow: hidden;
}
.sub-menu{
position:relative;
z-index:99999
}
.sub-menu{
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.sub-menu, .mega-menu {
left: -69px;
margin: 0;
display:none;
text-align:center;
position: absolute;
text-transform: capitalize;
font-size: 14px;
line-height: 17px;
text-align:center;
z-index:99999999999999;
top:41px;
background:#014e9e;
width:325%
}
.nav-tab .sub-menu li {
width: 100%;
float: left;
font-size: inherit;
line-height: inherit;
list-style-type: none;
height:auto;
margin-left:0;
}
.nav-tab li .sub-menu li a {
color: #fff;
line-height:32px;
position: relative;
display:block;
font-size:14px;
padding:0 10px
}
.sub-menu li a::before {
left: 0;
height: 0;
content: '';
z-index: -1;
width: 100%;
position: absolute;
}
.nav_hide li dd{
display:none
}
.nav_hide li.aa dd{
display:block
}
.c_pictures img{
display:block;
margin:0 auto;
text-align:center
}
.bbgg{
/* background:url(../img/bgbg.jpg) no-repeat;
background-attachment:fixed;
background-color: #fff;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-position: center 0;*/
}
.bbgg .news-cont,.news-type{
background:#fff;
overflow:hidden;
}
.foot .cont{
background:none
}
.foot_wer{
width: 120px;
position: absolute;
top: 33px;
left: 760px;
}
.add_flxed{
position:fixed;
z-index:9999999;
right:0;
bottom:100px;
}
#ads{
/*margin-top:8px*/
}
#cont table {
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
}
#cont table th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #dedede;
}
#cont table td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #ffffff;
}