.part_tit{font-weight: bold;color: #000;font-style: italic;}
/* 首页banner */
.banner {overflow: hidden;position: relative;margin-bottom: 5.208%;}
.banner li{overflow: hidden;}
.banner li>img{position: relative;z-index: 1;}
.banner li video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 2;}
.banner_text{color: #fff;width: 100%;opacity: 0;z-index: 3;left: 10%;
    transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;-ms-transition:all 1.5s;
}
.banner_p{padding-left: 5%;}
.banner_p h2 {font-size: 72px;line-height:80px;margin-bottom:20px;letter-spacing: 10px;}
.banner li.swiper-slide-active .banner_text{ opacity: 1;left: 0;}
.banner .lhl_but div{background: none;color: #fff;font-size: 60px;width: 44px;text-align: center;line-height: 44px;}
.banner .lhl_but .swiper-button-prev{left: 70px;}
.banner .lhl_but .swiper-button-next{right: 70px;}
.banner_div{position: absolute;left: 0;bottom: 0;width: 46%;background: url(/upload/static/images/banner_div.png) no-repeat;background-size: 100% 100%;height: 118px;
    line-height: 118px;color: #fff;z-index: 2;padding-left: 10%;box-sizing: border-box;}
.banner_div p{display: inline-block;margin-right: 10px;}
.banner .swiper-pagination{left: 0;bottom: 20px;width: 100%;}
.banner .swiper-pagination span{width: 15.2%;height: 2px;background: #fff;opacity:0.29;position: relative;margin: 0 5px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{background:#fff;opacity: 1;}



@media only screen and (min-width:1025px) {
   
}
@media only screen and (max-width:1660px) {
.banner_p h2 {font-size: 70px;line-height:80px;}
.banner_p{padding-left: 5%;}
}
@media only screen and (max-width:1440px) {
   .banner_p h2 {font-size:60px;line-height:70px;}
}
@media only screen and (max-width:1024px) {
    .banner_text h3{line-height: inherit;}
    .banner_p{height: auto;left: 0}
    .banner_div{height: 60px;line-height: 60px;width: 60%;padding-left: 7%;}
    .banner .lhl_but div.swiper-button-prev{left: 10px;}
    .banner .lhl_but div.swiper-button-next{right: 10px;}
	.banner_p h2 {font-size: 30px;line-height:40px;margin-bottom: 10px;}
    .banner .swiper-pagination span{width:10px;height: 10px;border-radius:50%;}
}
@media only screen and (max-width:767px) {
    .banner li{height: 220px!important;}
    .banner_text h2{font-size: 18px;font-weight: bold; line-height: 24px;max-height: 48px;margin-bottom: 10px;}
    .banner_text p{font-size: 12px;line-height: 20px;max-height: 40px;}
    .pub_more{margin-top: 20px;}
    .banner .lhl_but div{font-size: 30px;}
    .banner .lhl_but div.swiper-button-prev{left: 0px;}
    .banner .lhl_but div.swiper-button-next{right: 0px;}
    .banner_div{width: 100%;padding-left: 10px;}
    .banner_p{padding-left: 0;text-align: center;}
.banner li video{display: none !important;}
.banner .swiper-pagination span{    opacity: 1;width: 10px;height: 10px;    background: #a0a1a8;}
.banner .swiper-pagination span:after{display: none;}
.banner li>img{display: none;}
}
/* slogan */
.slogan{margin-bottom: 6.25%;}
.slogan img{width: 100%;}
/* hjc黄金城新闻 */
.index_part1{margin-bottom: 5.73%;}
.index_part1 .tab_wrap{color: #292929;line-height: 1.1;}
.index_part1 .tab_wrap span{padding: 0 30px;cursor: pointer;}
.index_part1 .tab_wrap span:first-child{padding-left: 0;}
.index_part1 .tab_wrap span.on{font-weight: bold;}
.index_part2 .tab_more,
.index_part3 .tab_more,
.index_part1 .tab_more{float: right;padding-left: 24px;font-size: 16px;background: url(/upload/static/images/icon01.png) 0 center no-repeat;margin-top: .5em;}
.index_part3 .tab_more a,
.index_part2 .tab_more a,
.index_part1 .tab_more a{color: #003586;display: none;}
.index_part3 .tab_more a.on,
.index_part2 .tab_more a.on,
.index_part1 .tab_more a.on{display: block;}
.index_part1 .list{margin-top: 3%;display: none;}
.index_part1 .list.on{display: block;}
.index_part1 .list .item{width: 48%;float: left;font-size: 14px;}
.index_part1 .list .item:nth-child(2n){float: right;}
.index_part1 .list .cont{position: relative;padding: 5% 6.25%;}
.index_part1 .list .cont::before{content:"";position: absolute;left: 0;top: 0;display: block;width: 1px;height: 27%;background-color: #000;}
.index_part1 .list .date{color: #686868;margin-bottom: 16px;}
.index_part1 .list .title{font-weight: bold;color: #292929;display: block;margin-bottom: 16px;}

.index_part1 .list .des{margin-bottom: 3.5%;}
.index_part1 .list .more{font-size: 16px;color: #003586;font-weight: bold;}
@media (any-hover: hover) {
  .index_part1 .list .title:hover{color: #003586;}
  .index_part1 .list .more:hover{opacity: .6;}
  .tab_more a:hover{opacity: .6;}
}
/* hjc黄金城产品展厅 */
.index_part2{background-color: #f6f6f7;padding: 4.1666% 0 5.21%;}
.index_part2 .btn_box{float: left;}
.index_part2 .btn_box span{line-height: 32px;padding: 7px 30px;font-size: 16px;margin: 0 18px;cursor: pointer;}
.index_part2 .btn_box span:first-child{margin-left: 0;}
.index_part2 .btn_box span.on{color: #fff;background-color: #0052c1;}
.index_part2 .tab_wrap{margin-top: 2.4%;}

.index_part2 .list{margin-top: 3.012%;}
.index_part2 .item{position: relative;display: none;}
.index_part2 .item.on{display: block;}
.index_part2 .item .text{color: #fff;left: 8.433%;z-index: 2;width: 50%;}
.index_part2 .item .text p{margin-top: 10px;}

/* 党的建设 */
.index_part3{padding: 5.73% 0 3.125%;}
.index_part3 .tab_more{margin-top: -1.5em;}
.index_part3 .list{margin-top: 3.012%;}
.index_part3 .item{width: 31.68%;float: left;margin-right: 2.48%;margin-bottom: 2.48%;}
.index_part3 .item:nth-child(3n){margin-right: 0;}
.index_part3 .item{position: relative;color: #fff;}
.index_part3 .item a{color: #fff;display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;overflow: hidden;}
.index_part3 .item .text{position: absolute;bottom: 20px;z-index: 6;width: 100%;padding: 0 35px;}
.index_part3 .item .img::before{content:"";display: block;position: absolute;left: 0;top: 0;z-index: 3;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));}

/* 企业文化 */
.index_part4 .list{position: relative;margin-top: 2.6%;}
.index_part4 .item{position: relative;background-size: cover;width: 50%;overflow: hidden;}

.index_part4 .item.rt,
.index_part4 .item.rb{position: absolute;right: 0;top: 0;width: 50%;height: 50%;}
.index_part4 .item.rb{top: 50%;}
.index_part4 .item .txt{position: absolute;z-index: 2;color: #fff;width: 78.125%;font-style: italic;}
.index_part4 .lf .txt{left: 13.54%;top: 7.3%;}
.index_part4 .txt a.more_btn{float: right;margin-top: .5em;display: block;color: #fff;padding-left: 24px;font-size: 16px;background: url(/upload/static/images/icon01.png) 0 center no-repeat;}
.index_part4 .lf .txt a.more_btn{background-image: url(/upload/static/images/icon02.png);}
.index_part4 .txt .txtarea{font-size: 16px;color: #fff;line-height: 2em;margin-top: 6.666%;}
.index_part4 .lf .txtarea{max-height: 310px;overflow: hidden;}
.index_part4 .rt .txt,
.index_part4 .rb .txt{left: 7.291%;top: 14.6%;}
.index_part4 .rb .txt{color: #000;max-width: 435px;}
.index_part4 .rb .txt .txtarea{color: #000;}
.index_part4 .rb .txt a.more_btn{float: left;color: #003586;margin-top: 6%;}

.index_part4 .rt .txt .txtarea{
  max-height: 190px;
  overflow: hidden;
}
.index_part4 .rb .txt .txtarea{
  max-height: 120px;
  overflow: hidden;
}
.index_part4 .video_box{
  margin-top: 2%;
  width: 100%;
}
.index_part4 .video_box video{
  display: block;
  width: 100%;
}
@media (any-hover: hover) {
  .index_part4 .txt a.more_btn:hover{opacity: .6;}
}
@media only screen and (max-width:1600px) {
  .footer_top .f_t_re a{margin-right: 3%;}
}
@media only screen and (max-width:1400px) {
  .footer_top .f_t_re a{margin-right: 1.5%;}
  .index_part4 .rt .txt .txtarea{height: 130px;}
}
@media only screen and (max-width:1200px) {
  .footer_top .f_t_le{float: none;}
  .footer_top .f_t_re{float: none;text-align: left;clear: both;width: 100%;max-width: 100%;margin-top: 3%;}
  .footer_top .f_t_re a{margin-bottom: 2%;}
}

@media only screen and (max-width:1024px) {
  .index_part1 .list .item{float: none;width: 100%;margin-bottom: 2%;}
  .index_part2 .btn_box span{padding: 7px 10px;margin-right: 5px;}
  .index_part2 .item .text{position: static;width: 100%;transform: none;background: #fff;color: #000;padding: 2% 4% 4%;}
  .index_part3 .item{
    float: none;
    width: 100%;
    margin: 0 0 2%;
  }
  .index_part4 .item{width: 100% !important;position: static !important;padding: 6%;height: auto !important;}
  .index_part4 .item .txt{position: static;transform: none;width: 100%;}
  .index_part4 .txt .txtarea{position: relative;height: auto !important;max-height: 100% !important;}
}
@media only screen and (max-width:768px) {
  .index_part2 .btn_box span{
    padding: 7px 0;
    margin-left: 3px;
  }
  .index_part2 .btn_box span.on{
    background: none;
    color: #0052c1;
  }
  .index_part2 .tab_more,
  /* .index_part3 .tab_more, */
  .index_part1 .tab_more{margin-top: 0;}

  .footer_top .f_t_re a{
    width: 33.3333%;
    text-align: center;
    margin-right: 0;
    float: left;
    margin-bottom: 4%;
  }
  .footer_top .f_t_re a .code.posfixed{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0,0,0,.6);
    transform: none;
    opacity: 1;
  }
  .footer_top .f_t_re a .code.posfixed img{
    width: 60%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .index_part1 .tab_wrap span{
    padding-right: 5px;
    padding: 5px;
  }
  .banner_p h2{letter-spacing: 4px;}
}
<!--0.0001521110534668-->