@charset "UTF-8";
@font-face {
    font-family: 'OPPOSans-B';
    src: url("../font/OPPOSans-B.ttf");
}
@font-face {
    font-family: 'OPPOSans-H';
    src: url("../font/OPPOSans-H.ttf");
}
@font-face {
    font-family: 'OPPOSans-M';
    src: url("../font/OPPOSans-M.ttf");
}
@font-face {
    font-family: 'OPPOSans-R';
    src: url("../font/OPPOSans-R.ttf");
}
@font-face {
    font-family: 'arial';
    src: url("../font/arial.ttf");
}
@font-face {
    font-family: '方正小标宋简体';
    src: url("../font/FZXBSJT.ttf");
}
@font-face {
    font-family: '文星仿宋';
    src: url("../font/WXFS.TTF");
}
*{margin: 0;padding: 0;}
body{
    position: relative;
    margin: 0;
    overflow-x: hidden;
}
body::-webkit-scrollbar{
    width:0;
}
ul,li{
    list-style:none;
    display: inline;
}
a{
    text-decoration:none;
}
.c_black{color: #000000;}
.c_white{color: #FEFEFE;}
.c_blue{color: #032596;}
.c_red{color: #B9161D;}
.c_grey1{color: #474443;}
.c_grey2{color: #4D4D4D;}
.c_grey3{color: #484443;}
.mt1{margin-top: 1rem;}
.mt20{margin-top: 20px !important;}
.mt40{margin-top: 40px !important;}
.mt60{margin-top: 60px !important;}
.mt5{margin-top: 5rem;}
.mt9{margin-top: 9rem;}
.mf15{margin-left: 1.5rem;}
.mb2{margin-bottom: 2rem;}
.mr15{margin-right: 1.5rem;}
.lh8{
    line-height: 8rem;
}
.row1_a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.row1{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.row2{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.row3{
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.title_quote{
    width: 4.4rem;
    height: 0.45rem;
}
.blueBg{
    background-color: #042596;
}
.redBg{
    background-color: #BE3132;
}
.title{
    font-family: OPPOSans-H;
    font-size: 3.96rem;
}
/*头部*/
.head{position: absolute;width: 100%;z-index: 9999;}
.head_bg{background-color: rgba(255, 255, 255, 0.4);}
.head_blue_bg{background-color: rgba(4, 37, 150, 0.4);}
.head_red_bg{background-color: rgba(190, 49, 50, 0.4);}
.head .head_main{
    display: flex;
    justify-content: space-between;
    padding: 2.5rem 17.1rem;
}
.head .head_main .logo{
    width: 100%;
}
.head .head_main li{
    width: 7rem;
    margin-left: 6.6rem;
}
.head .head_main li a{
    font-size: 2.373rem;
    line-height: 52px;
    font-family: OPPOSans-M;
    font-weight: 500;
}
.head .head_main li a:hover{
    color: #0101A1 !important;
}
.head .head_main .active{
    color: #0101A1 !important;
}
/*轮播图*/
.banner_swiper{
    --swiper-pagination-bullet-inactive-color:#ffffff;
    --swiper-pagination-bullet-inactive-opacity:1;
    height: 100vh;
    width: 100%;
}
.banner_swiper .banner_img{
    width: 100%;
}
/*集团简介*/
.groupProfile{
    padding-top: 70px;
    padding-right: 16.5rem;
    padding-left: 16.5rem;
}
.groupProfile .groupProfile_main{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 45px;
}
.groupProfile .groupProfile_main .groupProfile_left{
    width: calc(50% - 7.3rem);
    margin-right: 7.3rem;
}
.groupProfile .groupProfile_main .groupProfile_left p{
    line-height: 40px;
    font-size: 2.489rem;
    color: rgba(71, 68, 67, 1);
    font-family: OPPOSans-R;
    margin-bottom: 37px;
}
.groupProfile .groupProfile_main .groupProfile_left img{
    width: 100%;
}
.groupProfile .groupProfile_main .groupProfile_right{
    width: calc(50% - 7.3rem);
    margin-left: 7.3rem;
}

.groupProfile .groupProfile_main .groupProfile_right img{
    width: 100%;
    height: 100%;
}
.groupProfile .groupProfile_buttom{
    margin-top: 189px;
    width: 100%;
}
.groupProfile .groupProfile_buttom img{
    width: 100%;
}

/*新闻中心*/
.newsCenter{
    background: url("../images/home_newsBg.png");
    padding-top: 130px;
    padding-right: 16.5rem;
    padding-left: 16.5rem;
}
.newsCenter .newsColumn a{
    font-family: OPPOSans-M;
    font-size: 2.15rem;
    color: #4D4D4D;
}
.newsCenter .newsCenter_main{
    margin-top: 58px;
}
.newsCenter .newsCenter_main .news{
    display: flex;
    justify-content: space-between;
}
.newsCenter .newsCenter_main .news .newsPicture{
    width: 80rem;
    height: 40rem;
}
.newsCenter .newsCenter_main .news .newsPicture img{
    width: 100%;
    height: 100%;
}
.newsCenter .newsCenter_main .news .newsText{
    width: calc(100% - 80rem);
    height: 40rem;
    padding-left: 11rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.newsCenter .newsCenter_main .news .newsText .newsDate{
    font-family: OPPOSans-R;
    font-size: 1.78rem;
    color: #474443;
}
.newsCenter .newsCenter_main .news .newsText .newsTitle{
    font-family: OPPOSans-B;
    font-size: 3.9rem;
    color: #4D4D4D;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 4rem;
}
.newsCenter .newsCenter_main .news .newsText .newsDescribe{
    font-family: OPPOSans-R;
    font-size: 2.4rem;
    color: #474443;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.newsCenter .newsCenter_main .news .newsText img{
    width: 16.2rem;
    height: 4.2rem;
}
.news_slide{
    position: relative;
}
.news_slide img{}
.news_slide p{
    position: absolute;
    bottom: 0;
    background: transparent;
}
.news_swiper{
    position: relative;
}
.news_slide img{}
.news_slide p{
    position: absolute;
    bottom: 0;
    background: transparent;
}
.news_swiper {
    position: relative;
    overflow: hidden;
    padding-bottom: 10rem;
    margin-top: 90px;
}
.zl_sw {
    height: 30rem;
    align-items: flex-end;
}
.zl_slide {
    height: 30rem;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
}

.news_swiper .swiper-button-next{right: 40%;}
.news_swiper .swiper-button-prev{left: 40%;}
.news_swiper .swiper-button-next, .news_swiper .swiper-button-prev{
    color: #fff;background-color: #bbb;border-radius: 100%;
    width: 44px;height: 44px;

    top: 35rem;
}
.news_swiper .swiper-button-next::after, .news_swiper .swiper-button-prev::after{
    font-size: 30px
}
.zl_sw_c{position: relative;}
.news_titleImg{
    position: absolute;
    top: 20%;
    padding: 0 30px;
    color: #000D8A;
    font-size: 30px;
    text-align: center;
    font-family: OPPOSans-B;
}
.zl_sw_c img {
    width: 100%;
    height: 100%;
}
.zl_p{
    position: absolute;
    text-align: center;
    font-family: OPPOSans-B;
    z-index: 100;
    bottom: 0;
    font-size: 17px;
    color: #FEFEFE;
    padding-right: 3rem;
    padding-left: 3rem;
    width: calc(100% - 6rem);
    background-color: rgb(3, 37, 150,0.5);
}
.mask{position: absolute;z-index: 10; bottom: 0;left: 0;top: 0;right: 0;background-color: #fff;opacity: .6;}

/*业务板块*/
.businesssector{
    background: url("../images/home_businesssBg.png");
    padding-top: 186px;
    padding-right: 16.5rem;
    padding-left: 16.5rem;
}
.businesssector .module{
    display: flex;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 166px;
}
.businesssector .module .moduleItem{
    position: relative;
    width: 266px;
    height: 631px;
}
.businesssector .module .icon_text{
    display: flex;
    width: 100%;
    height: calc(100% - 114px);
    text-align: center;
    padding-top: 57px;
    padding-bottom: 57px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.businesssector .module .icon_text img{
    margin-bottom: 1rem;
    width: 4.7rem;
    height: 4.7rem;
}
.businesssector .module .icon_text .cname{
    font-family: OPPOSans-B;
    color: #ffffff;
    font-size: 2.902rem;
}
.businesssector .module .icon_text .ename{
    font-family: OPPOSans-B;
    color: #ffffff;
    font-size: 2.488rem;
}
.businesssector .moduleItem .moduleInfo{
    position: absolute;
    width: 220%;
    height: 100%;
    top: 0;
    display: none;
    padding: 0 40%;
}
.businesssector .moduleItem .moduleInfo img{
    width: 5.8rem;
    height: 5.8rem;
    margin-top: 21.4rem;
    margin-bottom: 1.2rem;
}
.businesssector .moduleItem .moduleInfo p{
    color: #FFFFFF;
}
.businesssector .moduleItem .moduleInfo .moduleName{
    font-family: OPPOSans-B;
    font-size: 2.07rem;
}
.businesssector .moduleItem .moduleInfo .moduleTitle{
    font-family: OPPOSans-M;
    font-size: 2.94rem;
    margin: 2.2rem 0;
}
.businesssector .moduleItem .moduleInfo .moduleDescribe{
    font-family: OPPOSans-R;
    font-size: 1.76rem;
    text-indent:3.52rem;
    line-height: 2.8rem;
    letter-spacing: 0.1rem;
}
.businesssector .module .active{
    display: block !important;
    z-index: 9999;
}

.businesssector .coal{
    background: url("../images/business/business_1.png");
    background-size: 100% 100%;
}
.businesssector .coal_info{
    background: url("../images/business/business_1_bg.png");
    background-size: 100% 100%;
}
.businesssector .agriculture{
    background: url("../images/business/business_2.png");
    background-size: 100% 100%;
}
.businesssector .agriculture_info{
    background: url("../images/business/business_2_bg.png");
    background-size: 100% 100%;
}
.businesssector .lronOre{
    background: url("../images/business/business_3.png");
    background-size: 100% 100%;
}
.businesssector .lronOre_info{
    background: url("../images/business/business_3_bg.png");
    background-size: 100% 100%;
}
.businesssector .steel{
    background: url("../images/business/business_4.png");
    background-size: 100% 100%;
}
.businesssector .steel_info{
    background: url("../images/business/business_4_bg.png");
    background-size: 100% 100%;
}
.businesssector .oilProducts{
    background: url("../images/business/business_5.png");
    background-size: 100% 100%;
}
.businesssector .oilProducts_info{
    background: url("../images/business/business_5_bg.png");
    background-size: 100% 100%;
}
.businesssector .ferrousMetal{
    background: url("../images/business/business_6.png");
    background-size: 100% 100%;
}
.businesssector .ferrousMetal_info{
    background: url("../images/business/business_6_bg.png");
    background-size: 100% 100%;
}
/*底部*/
.footer{
    position: relative;
    width: 100%;
    background: linear-gradient(to bottom, #e5eafc, #4482d5);
}
.footer .footer_main{
    display: flex;
    justify-content: space-between;
    padding-top: 80px;
    padding-bottom: 160px;
    padding-right: 16.5rem;
    padding-left: 16.5rem;
}
.footer .footer_main .logo{
    display: flex;
    flex-direction: column-reverse;
}
.footer .footer_main .logo p{
    font-family: OPPOSans-B;
    font-size: 30px;
    color: #000000;
    margin-top: 50px;
    margin-bottom: 22px;
}
.footer .footer_main .logo .wttx{
    margin-right: 1.2rem;
}
.footer .footer_main .logo .clqq{
    margin-left: 1.2rem;
}
.footer .footer_main .logo img{
    width: 272px;
    height: 48px;
}
.footer .footer_main .menu{
    display: flex;
    flex-direction: column-reverse;
    margin-left: 44px;
    margin-right: 83px;
    margin-bottom: 22px;
}
.footer .footer_main .menu li{
    margin-right: 4rem;
}
.footer .footer_main .menu li:last-child{
    margin-right: 0;
}
.footer .footer_main .menu a{
    font-family: OPPOSans-M;
    font-size: 2.373rem;
    color: #000000;
}
.footer .footer_main .code{
    display: flex;
}
.footer .footer_main .code .codeLeft{
    display: flex;
    flex-direction: column-reverse;
    margin-right: 18px;
}
.footer .footer_main .code .codeRight{
    display: flex;
    flex-direction: column-reverse;
    margin-left: 18px;
}
.footer .footer_main .code p{
    text-align: center;
    color: #000000;
    font-size: 1.2rem;
    font-family: OPPOSans-B;
    line-height: 1.44rem;
    margin-top: 0.8rem;
}
.footer .footer_main .code img{
    width: 97px;
    height: 97px;
}
.footer .copyright{
    position: absolute;
    background-color: #4482d5;
    width: 100%;
    height: 100px;
    bottom: 0;
    padding-top: 25px;
    text-align: center;
}
.copyright p{
    text-align: center;
    color: #000000;
    font-family: OPPOSans-S;
    font-size: 1.4rem;
    line-height: 30px;
    text-align: center;
}
.copyright p a{
    color: #000000;
}
.copyright .gaba{
    width: 20px;
    height: 20px;
}
/*关于我们*/
.aboutUs-headBg img{
    width: 100%;
    height: 100%;
}
.aboutUs-ht{
    width: 112rem;
    height: 10.3rem;
    margin-left: 31.9rem;
}
.aboutUs-ht img{
    width: 100%;
    height: 100%;
}
.aboutUs-headBg .head_content{
    text-align: center;
}
.aboutUs-headBg .head_content .title{
    font-family: OPPOSans-H;
    font-size: 9.9rem;
    color: #0000A3;
}
.aboutUs-headBg .head_content .describe{
    font-family: OPPOSans-R;
    font-size: 3.47rem;
    color: #0000A3;
    margin: 6rem 0;
}
.aboutUs-headBg .head_content .describe .ls{
    letter-spacing: 7rem;
}
.aboutUs-headBg .head_content .describe .mr{
    margin-right: 14rem;
}
.aboutUs-headBg .head_content img{
    width: 8.6rem;
    height: 10.4rem;
    margin-top: 1rem;
}
/*企业文化*/
.aboutUs-culture{
    padding-top: 97px;
    padding-right: 16.5rem;
    padding-left: 16.5rem;
    background: url("../images/aboutUs/culture_Bg.png");
    background-size: 100%;
    background-repeat: repeat-x;
}
.aboutUs-culture .culture_main{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.aboutUs-culture .culture_main .culture_main_item{
    position: relative;
    background: url("../images/aboutUs/culture_item.png");
    background-size: 100% 100%;
    width: 376px;
    height: 393px;
}
.aboutUs-culture .culture_main .culture_main_item .f1{
    text-align: center;
    font-family: OPPOSans-B;
    font-size: 2.469rem;
    color: #032596;
    line-height: 40px;
    margin-top: 90px;
}
.aboutUs-culture .culture_main .culture_main_item .f2{
    position: absolute;
    bottom: 85px;
    width: 100%;
    text-align: center;
    font-family: OPPOSans-B;
    font-size: 3.319rem;
    color: #FEFEFE;
}
/*企业优势*/
.aboutUs-advantage{
    padding-top: 160px;
    padding-right: 16.5rem;
    padding-left: 16.5rem;
    background: url("../images/aboutUs/advantage_bg.png");
    background-size: 100% 100%;
}
.aboutUs-advantage .advantage_main{
    display: flex;
    margin-top: 60px;
}
.aboutUs-advantage .advantage_main .pr{
    width: calc(50% - 5.5rem);
    padding-right: 5.5rem;
}
.aboutUs-advantage .advantage_main .pl{
    width: calc(50% - 5.5rem);
    padding-left: 5.5em;
}
.aboutUs-advantage .f1{
    font-family: OPPOSans-B;
    font-size: 2.489rem;
    color: #032596;
}
.aboutUs-advantage .f2{
    font-family: OPPOSans-R;
    font-size: 1.764rem;
    line-height: 30px;
    color: #474443;
    margin-top: 11px;
}
.aboutUs-advantage .advantage_main .lx{
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.aboutUs-advantage .advantage_main img{
}
.aboutUs-advantage .map{
    margin-top: 120px;
    padding-bottom: 278px;
}
.aboutUs-advantage .map img{
    margin-top: 37px;
    width: 553px;
}
/*意义和目标任务*/
.aboutUs-task{
    padding-right: 16.5rem;
    padding-left: 16.5rem;
    position: relative;
    height: 320px;
}
.aboutUs-task .task_content{
    position: absolute;
    z-index: 99;
    width: calc(100% - 340px);
}
.aboutUs-task .task_main{
    display: flex;
    margin-top: 60px;
}
.aboutUs-task .task_main .pr{
    width: calc(100% - 90.3rem);
}
.aboutUs-task .task_main .pl{
    width: 83.4rem;
    height: 20.3rem;
    margin-left: 7rem;
}
.aboutUs-task .task_main .pl img{
    width: 100%;
    height: 100%;
}
.aboutUs-task .f2{
    font-family: OPPOSans-R;
    font-size: 1.764rem;
    line-height: 30px;
    color: #474443;
}
.aboutUs-task .map_bg{
    position: absolute;
    width: 1920px;
    height: 493px;
    top: 110px;
    right: 0;
    z-index: 1;
    background: url("../images/aboutUs/map_bg.png");
    background-size: 100% 100%;
}
/*业务板块*/
.aboutUs-plate{
    background: url("../images/aboutUs/aboutUs-plate_bg.png");
    background-size: 100% 100%;
    padding-right: 16.5rem;
    padding-left: 16.5rem;
    margin-top: 200px;
    padding-bottom: 100px;
}
.aboutUs-plate .f2{
    font-family: OPPOSans-R;
    font-size: 1.764rem;
    line-height: 30px;
    color: #474443;
}
.aboutUs-plate .plate_main{
    display: flex;
    justify-content: space-between;

}
.aboutUs-plate .plate_item{
    position: relative;
    /* width: 45%;
     height: 31rem;
     padding: 12.5rem 4.5rem 0 4.5rem;*/
}
.aboutUs-plate .plate_item .bg{
    width: 100%;
    height: 100%;
}
.aboutUs-plate .plate_item .plate_item_content{
    position: absolute;
    top: 13rem;
    padding: 0 6rem;
}
.aboutUs-plate .plate_item .iconTitle{
    display: flex;
}
.aboutUs-plate .plate_item .plate_icon{
    width: 70px;
    height: 70px;
}
.aboutUs-plate .plate_item .plateName{
    font-family: OPPOSans-B;
    font-size: 2.968rem;
    line-height: 60px;
    color: #ffffff;
}
.aboutUs-plate .plate_item .plateName .e{
    font-size: 2.403rem;
}
.aboutUs-plate .plate_item .plateKeyword{
    font-family: OPPOSans-M;
    font-size: 2.365rem;
    color: #ffffff;
    margin-top: 1rem;
    line-height: 60px;
}
.aboutUs-plate .plate_item .plateDe{
    font-family: OPPOSans-R;
    font-size: 1.784rem;
    color: #EAEAEA;
    line-height: 25px;
}
.aboutUs-plate .coal{
    background: url("../images/aboutUs/plate1.png");
    background-size: 100% 100%;
}
.aboutUs-plate .agriculture{
    background: url("../images/aboutUs/plate2.png");
    background-size: 100% 100%;
}
.aboutUs-plate .lronOre{
    background: url("../images/aboutUs/plate3.png");
    background-size: 100% 100%;
}
.aboutUs-plate .steel{
    background: url("../images/aboutUs/plate4.png");
    background-size: 100% 100%;
}
.aboutUs-plate .oilProducts{
    background: url("../images/aboutUs/plate5.png");
    background-size: 100% 100%;
}
.aboutUs-plate .ferrousMetal{
    background: url("../images/aboutUs/plate6.png");
    background-size: 100% 100%;
}
.aboutUsPlate_swiper{
    margin-top: 44px;
    padding-bottom: 150px;
}
/*先去掉默认样式*/
.aboutUsPlate_swiper .swiper-button-prev:after,.aboutUsPlate_swiper .swiper-button-next:after{
    display: none;
}
/*再自定义样式*/
.aboutUsPlate_swiper .swiper-button-next{
    top: 87%;
    left: 89px;
    width: 90px;
    height: 90px;
    background:url('../images/swiper_next.png') no-repeat;
    background-size: 100% 100%;
}
.aboutUsPlate_swiper .swiper-button-prev{
    top: 87%;
    left: 0;
    width: 90px;
    height: 90px;
    background: url('../images/swiper_prev.png') no-repeat;
    background-size: 100% 100%;
}
/*列表*/

.news_head{
    width: 192rem;
    height: 94rem;
}
.xw{
    background: url("../images/news/xw_bg.png");
    background-size: 100% 100%;
}
.zg{
    background: url("../images/news/zg_bg.png");
    background-size: 100% 100%;
}
.zt{
    background: url("../images/news/zt_bg.png");
    background-size: 100% 100%;
}
.dj{
    background: url("../images/news/dj_bg.png");
    background-size: 100% 100%;
}
.news_head .columnName{
    font-family: OPPOSans-H;
    font-size: 9.9rem;
    padding-top: 39rem;
}
.news_head .message{
    font-family: OPPOSans-R;
    font-size: 4.57rem;
    line-height: 10rem;
    letter-spacing: 0.4rem;
}
.news_main{
    background-color: #ffffff;
    padding-right: 16.5rem;
    padding-left: 16.5rem;
}
.dj_list_bg{
    background: url("../images/news/dj_list_bg.png");
    background-size: 100% 100%;
}
.news_main .news_column{
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 70px;
}
.news_main .news_column .column_second{
    position: relative;
    width: 100%;
    height: 110px;
    text-align: center;
    background-color: #ffffff;
    line-height: 110px;
    font-family: OPPOSans-B;
    font-size: 3.319rem;
    margin: 0 15px;
    box-shadow: 0px 5px 20px 0px #888888;
}
.news_main .news_column .column_second:first-child{
    margin-left: 0!important;
}
.news_main .news_column .column_second:last-child{
    margin-right: 0!important;
}
.activeBlue{
    background-color: #042596!important;
    color: #FEFEFE!important;
}
.activeBlue::after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 1.8rem solid transparent;
    border-top-color: #032596;
    bottom: -3.4rem;
    left: calc(50% - 1.8rem);
}
.activeRed{
    background-color: #B9161D!important;
    color: #FEFEFE!important;
}
.activeRed::after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 1.8rem solid transparent;
    border-top-color: #B9161D;
    bottom: -3.4rem;
    left: calc(50% - 1.8rem);
}
.news_main .news_column .c_blue:hover{
    background-color: #042596;
    color: #FEFEFE;
}
.news_main .news_column .c_red:hover{
    background-color: #B9161D;
    color: #FEFEFE;
}
.news_main .news_tj{
    display: flex;
    justify-content: space-between;
}
.news_main .news_tj .news_picture{
    position: relative;
    width: 40.5rem;
    height: 40.5rem;
    margin: 0 auto;
}
.news_main .dh{
    position: absolute;
    z-index: 999;
    width: 48.1rem;
    height: 34.4rem;
    background: url("../images/news/dh.png");
    background-size: 100% 100%;
    bottom: -12.5rem;
    right: -10rem;
}
.news_main .news_tj .news_picture img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.news_main .news_tj .news_info{
    position: relative;
    width: 65%;
    padding-left: 15px;
}
.news_main .news_tj .news_info .newsDate{
    font-family: OPPOSans-R;
    font-size: 2.11rem;
    margin-top: 8.8rem;
}
.news_main .news_tj .news_info .newsTitle{
    font-family: OPPOSans-B;
    font-size: 2.904rem;
    margin-top: 5rem;
    margin-bottom: 40px;
}
.news_main .news_tj .news_info .newsDescribe{
    font-family: OPPOSans-R;
    font-size: 2.238rem;
}
.news_main .news_tj .news_info .tj_more{
    position: absolute;
    width: 19rem;
    height: 5rem;
    bottom: 10px;
}
.dj_tj_more{
    background: url("../images/more_red.png");
    background-size: 100% 100%;
}
.xw_tj_more{
    background: url("../images/more_blue.png");
    background-size: 100% 100%;
}
.news_list{
    margin-top: 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.news_list .list_item{
    position: relative;
    width: 52rem;
    height: 36rem;
    background-color: #ffffff;
    margin-top: 2.5rem;
    border: 1px solid #dddddd;
}
.list_item .news_picture{
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0.7;
}
.list_item_content{
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 4rem;
    height: calc(100% - 8rem);
}
.list_item .newsDate{
    font-family: OPPOSans-R;
    font-size: 2.11rem;
}
.list_item .xtitle{
    font-family: OPPOSans-H;
    font-size: 2.8rem;
}
.list_item .newsTitle{
    font-family: OPPOSans-B;
    font-size: 2.5rem;
    margin: 3rem 0;
}
.list_item .list_more{
    width: 12rem;
    height: 3rem;
}
.list_item .dj_list_more{
    background: url("../images/more_red.png");
    background-size: 100% 100%;
}
.list_item .xw_list_more{
    background: url("../images/more_blue.png");
    background-size: 100% 100%;
}
/*.dj_item:hover{
    background-color: rgba(185, 22, 29, 0.7);
    color: #FEFEFE;
}
.dj_item:hover .news_picture,.xw_item:hover .news_picture{
    display: block!important;
}
.xw_item:hover{
    background-color: rgba(4, 37, 150, 0.7);
    color: #FEFEFE;
}
.list_item:hover .dj_list_more{
    background: url("../images/more_white_red.png");
    background-size: 100% 100%;
    width: 12rem;
    height: 3rem;
}
.list_item:hover .xw_list_more{
    background: url("../images/more_white_blue.png");
    background-size: 100% 100%;
    width: 12rem;
    height: 3rem;
}
*/
.dj_item{
    background-color: rgba(185, 22, 29, 0.7);
    color: #FEFEFE;
}
.dj_item .news_picture,.xw_item .news_picture{
    display: block!important;
}
.xw_item{
    background-color: rgba(4, 37, 150, 0.7);
    color: #FEFEFE;
}
.list_item .dj_list_more{
    background: url("../images/more_white_red.png");
    background-size: 100% 100%;
    width: 12rem;
    height: 3rem;
}
.list_item .xw_list_more{
    background: url("../images/more_white_blue.png");
    background-size: 100% 100%;
    width: 12rem;
    height: 3rem;
}
.page{
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 100px;
}
.page .ui-pagination-container .ui-pagination-page-item {
    font-size: 2.8rem;
    border-radius: 3px;
    background-color: #FEFEFE;
    color: #5F5D5D;
    line-height: 5rem;
    padding: 0.5rem 1.5rem;
    margin: 0 0.5rem;
    text-align: center;
}
.xw_page .ui-pagination-container .ui-pagination-page-item.active {
    background: #042596;
    border-color: #042596;
    color: #fff;
}
.dj_page .ui-pagination-container .ui-pagination-page-item.active {
    background: #B9161D;
    border-color: #B9161D;
    color: #fff;
}
.page .pageBtn1{
    display: inline-block;
    width: 20rem;
    height: 5rem;
    background-color: #FEFEFE;
    text-align: center;
    font-family: OPPOSans-M;
    font-size: 3.38rem;
    color: #5F5D5D;
    line-height: 5rem;
}
.page .pageNum a{
    display: inline-block;
    margin: 0 0.5rem;
}
.xw_page a:hover{
    color: #FEFEFE !important;
    background-color: #042596 !important;
    border-color: #042596!important;
}
.dj_page a:hover{
    color: #FEFEFE !important;
    background-color: #B9161D !important;
    border-color: #B9161D!important;
}
/*清廉物产*/
.qlwc{
    background: url("../images/qlwc/qlwc_bg.png");
    background-size: 100% 100%;
    width: 100%;
    height: 100vh;
}
.qlwc .main{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 17rem;
}
.qlwc .qlwc{
    background: url("../images/qlwc/qlwc.png");
    background-size: 100% 100%;
    width: 52rem;
    height: 14.5rem;
}
.qlwc .msjd{
    font-family: OPPOSans-M;
    font-size: 5.82rem;
    color: #4D647B;
    line-height: 9rem;
    padding-top: 2rem;
}
.qlwc .qlwc_code{
    background: url("../images/qlwc/qlwc_code.png");
    background-size: 100% 100%;
    width: 22.6rem;
    height: 22.6rem;
    margin-bottom: 5rem;
}
.qlwc .jbfs{
    font-family: OPPOSans-R;
    font-size: 3.22rem;
    color: #4D647B;
    line-height: 5rem;
}

.newsInfo_title{
    font-size: 30px;
    color: #333;
    text-align: left;
    font-weight: 400;
    text-align: center;
    font-family: 方正小标宋简体
}
.newsInfo_date{
    font-size: 1.6rem;
    color: #adadad;
    text-align: center;
    line-height: 8rem;
}
.newsInfoContent{
    font-size: 16px;
    font-family: 文星仿宋
}

#videoWin{
    height: unset !important;
}

.b_1{width: 192rem;}
.icon{position: relative;}
.top{position: relative;}
.icon{position: absolute;top: 15.6rem;left: 14rem;width: 76rem;height: 74rem;}
.icon img{width: 10.5rem;height: 10.5rem;position: absolute;z-index: 100;display: none;}
.img_1{left: 0;top: 25rem;}
.img_2{left: 13rem;top: 1.6rem;}
.img_3{left: 41.5rem;top: 0rem;}
.img_4{right: 0;top: 14rem;}
.img_5{right: 0;top: 42rem;}
.img_6{right: 15rem;bottom: 0rem;}
.icon .img_1 , .icon .img_3, .icon .img_5 {width: 8rem;height: 8rem;}
.line{
    position: absolute;top: 26.4rem;left:28rem; width: 52rem;height: 52rem;
    z-index: 100;
}
.line img{width: 52rem;height: 52rem;}
@keyframes ani {
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}
.img_7{ animation: ani 5s linear infinite;}


.navIcon{
    width: 40px;
    margin-right: 10px;
    display: inline-block;
    border: none;
    vertical-align: middle;
}


/*聚焦*/
.jujiao{display: flex;padding-top: 120px;padding-bottom: 60px;padding-right: 16.5rem;padding-left: 16.5rem;height: 27.3rem;}
.jujiao .jj_title{position: relative;background: #E62129;font-size: 3.96rem;font-family: OPPOSans-B;text-align: center;width: 8.9rem;height: 100%;}
.jujiao .jj_title span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-40%);color: #ffffff;}
.jujiao .jj_article{position:relative;width: calc(100% - 8.9rem - 80px);margin-left: 80px;}
.jujiao .jjTitle{margin-top: 20px;font-size: 4.148rem;font-family: OPPOSans-H;}
.jujiao .jjms{margin-top: 30px;font-size: 2.489rem;font-family: OPPOSans-R;line-height: 45px;}
.jujiao .aMore{position: absolute;bottom: 0;}
.jujiao .jj_article a{text-decoration: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #E62129;}

.search{
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 70px;
    margin: 2.5rem 0;
    cursor: pointer;
    background-image: url('../images/search.png');
    background-size: 30px 30px;
}
.search_form{
    position: absolute;
    display: none;
    right: 0;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 15px;
}