@charset "utf-8";
body{ font-family:'pingfang-r'; margin:0; padding:0; color: #444;}
p,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
li{ list-style:none;}
a{text-decoration:none;}
a:focus, a:hover{text-decoration:none;}
img{ border: none; outline: none;}
input{ border:none; outline:none; background: none;}
input::-moz-placeholder{ color: #aaa;}
input:-ms-input-placeholder { color: #aaa; }
input::-webkit-input-placeholder{ color:#aaa; }
input::placeholder{ color:#aaa; }
textarea::-moz-placeholder{color:#aaa; }
textarea:-ms-input-placeholder { color:#aaa; }
textarea::-webkit-input-placeholder{ color:#aaa; }
@font-face {
    font-family: pingfang-r;
    src: url(../fonts/PingFangSCRegular.ttf) format('truetype');
}
@font-face {
    font-family: pingfang-s;
    src: url(../fonts/PingFangSCSemibold.ttf) format('truetype');
}

.clear{clear: both; margin: 0; padding: 0;}
.clearfix:after{ content: ""; display:block; height: 0; clear: both; visibility: hidden;}
.clearfix{*zoom:1;}

/* 头部 */
.position{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
.header{
    width: 100%;
    height: 100px;
    background: #fff;
}
.header a.logo{
    float: left;
    width: 232px;
    margin-top: 32px;
}
.header a.logo img{
    max-width: 100%;
    height: auto;
}
.header .header-right{
    float: right;
    width: 78.5%;
    position: relative;
}
.header-right ul.nav{
    float: right;
}
.header-right ul.nav li{
    float: left;
    position: relative;
    height: 100px;
    margin-left: 1px;
}
.header-right ul.nav li>a{
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    line-height: 94px;
    height: 100px;
    padding-left:9px;
    padding-right:9px;
    border-bottom: 6px solid #fff;
}
.header-right ul.nav li .subnav{
    display: none;
    width:150px;
    padding:15px 15px;
    position: absolute;
    left: 0;
    top: 100px;
    border-radius: 0 0 10px 10px;
    z-index: 100;
    background: rgba(255,255,255,.8);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.header-right ul.nav li .subnav a{
    display: block;
    font-size: 14px;
    line-height: 32px;
    color: #444;
}
.header-right ul.nav li:hover>a{
    color: #004FC2;
    border-bottom: 6px solid #004FC3;;
}
.header-right ul.nav li.current>a{
    color: #004FC2;
    border-bottom: 6px solid #004FC3;;
}
.header-right ul.nav li .subnav a:hover{
    color: #004FC3;
}
.header-right .oa{
    float: right;
    color: #333;
    font-size: 16px;
    padding-left: 12px;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    margin-top: 40px;
    padding-right: 12px;
    height: 16px;
    line-height: 16px;
    font-family: 'arial';
}
.header-right .oa:hover{
    color: #004FC3;
}
.header-right .icon-mailbox{
    float: right;
    width: 24px;
    height: 16px;
    margin-left: 12px;
    margin-top: 40px;
    line-height: 16px;
    background-image: url(../images/icon-mail.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}
.header-right .icon-mailbox:hover{
    background-image: url(../images/icon-mail-r.png);
}
.header-right .formbox{
    float: right;
    margin-left: 8px;
    margin-right: 14px;
    height: 96px;
}
.formbox span.searchimg{
    display: block;
    width: 20px;
    height: 96px;
    cursor: pointer;
    background: url(../images/search.jpg) no-repeat center center;
}
.formbox img.closebtn{
    display: none;
    width: 16px;
    height: 16px;
    margin-top: 40px;
    cursor: pointer;
}
.formbox form.search_news{
    opacity: 0;
    display: none;
    /* width: 300px; */
    background: #fff;
    height: 40px;
    border: 1px solid rgb(160, 160, 162);
    margin-right: 28px;
    border-radius:4px;
    position: absolute;
    right: 50px;
    top: 80px;
    z-index: -1;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.formbox form.search_news input.search_text{
    width: 258px;
    float: left;
    height: 40px;
    font-size: 14px;
    color: #444;
    padding: 0 12px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.formbox form.search_news input.button{
    width: 40px;
    height: 38px;
    background: url(../images/search.jpg) no-repeat center center #fff;
    border-radius:0 4px 4px 0;
}

/*手机版导航*/
.mobileNav{ display:none;position:absolute; top:80px; z-index:10000; width:100%; height:auto;overflow: scroll; background:#004DC3;left:0;}
.mobileNav ul li{ position: relative;}
.mobileNav ul li span.addBtn{ display: inline-block;cursor: pointer; width:60px; height:50px; line-height: 50px; position: absolute;text-align:center;right: 0px; top: 0px; z-index: 100;}
.mobileNav ul li span.addBtn img{width: 20px; height: auto;}
.mobileNav ul li>a{ display:block; border-bottom:1px solid #fff; width:100%; line-height:50px; padding-left:22px; margin:auto; font-size:16px; color:#fff; }
.mobileNav ul li dl{ display:none; background:#fff;}
.mobileNav ul li dl dd{ margin:auto;  }
.mobileNav ul li dl dd a{ line-height:40px; color:#004DC3; border-bottom: 1px solid #ddd; display:block; font-size:15px; padding-left:34px;}

.bannerWrap{
    position: relative;
    clear: both;
}
.bannerbox{
    overflow: hidden;
}
.bannerbox .swiper-slide{
    width: 100%;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bannerbox .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit:cover;
    font-family: 'object-fit: cover';
}

.bannerbox .swiper-pagination-bullet{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: rgba(255,255,255,.5);
    opacity: 1;
}
.bannerbox .swiper-pagination{
    bottom: 10px;
    /* opacity: 0; */
}
.bannerbox.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 11px;
}
.bannerbox .swiper-pagination-bullet-active{
    background: rgba(255,255,255,.8);
}
.bannerbox .swiper-slide-active>img {
    z-index: 9000;
	animation: anima_img 9s ease infinite;
    -webkit-animation: anima_img 9s ease infinite;
	}

@keyframes anima_img {
    0% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
}
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}
.bannernav{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 32px;
    z-index: 100;
}
.bannernav li{
    float: left;
    width: 23.3%;
    height: 64px;
    margin-right: 2.2%;
    line-height: 64px;
    text-align: center;
    background: rgba(0,0,0,.8);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.bannernav li a{
    color: #fff;
    font-size: 20px;
}
.bannernav li.active{
    background: #004DC3;
}
.index-news{
    padding:40px 0 60px;
    background-image: url(../images/bg_news.png);
    background-repeat: no-repeat;
    background-position: left 22px;
    background-size: cover;
    overflow: hidden;
}
.index-news .container{
    overflow: hidden;
}
.index-news .news-left{
    float: left;
    width: 49%;
    /* padding-top: 35px; */
}
.tit{
    background-image: url(../images/NEWS.png);
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 40px;
    height: 54px;
    color: #333;
    font-weight: 500;
    line-height: 54px;
    background-size: auto 54px;
}
.index-news .tit{
    margin-bottom: 35px;
}
.news-left .swiper-slide a{
    display: block;
    overflow: hidden;
    position: relative;
}
.news-left .swiper-slide .imgbox{
    overflow: hidden;
}
.news-left .swiper-slide img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.news-left .swiper-slide .tit_news{
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 100px 0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: rgba(0,0,0,.8);
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.news-left .swiper-pagination{
    text-align: right;
    padding-right: 10px;
}
.news-left .swiper-pagination-bullet{
    background: #fff;
}
.index-news .news-right{
    width: 49%;
    float: right;
}
.news-right .news_tab{
    border-bottom: 1px solid #dfdfdf;
    overflow: hidden;
}
.news_tab a{
    display: inline-block;
    font-size: 20px;
    color: #333;
    padding: 10px 15px;
}
.news_tab a.active{
    background: #004DC3;
    color: #fff;
}
.tab_index{
    padding: 20px 0;
}
.tab_index ul{
    
}
.tab_index ul li{
    overflow: hidden;
    line-height: 32px;
    margin-top: 2px;
}
.tab_index ul li a{
    float: left;
    width: 80%;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tab_index ul li span{
    float: right;
    font-size: 16px;
    color: #999;
}

.news-left .indextab{
    overflow: hidden;
    margin-top: 54px;
}
.indextab a{
    float: left;
    width: 140px;
    height: 50px;
    font-size: 20px;
    color: #333;
    font-weight: 400;
    text-align: center;
    line-height: 50px;
    background: #EBEBEB;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.indextab a.current{
    background: #004DC3;
    color: #fff;
}
.index-news .videobox{
    float: right;
    width: 48.8%;
    overflow: hidden;
    margin-bottom: 32px;
}
.videobox video{
    width: 100%;
    height: 100%;
}
.videobox .video_cover{
    position: relative;
    overflow: hidden;
}
.video_cover img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform:scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}
.video_cover .playbtn{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/icon_bofang.png) no-repeat center center;
    z-index: 1;
    cursor: pointer;
}
.video_cover .video_title{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 54px;
    background: rgba(0,0,0,.5);
    font-size: 18px;
    padding: 0 44px;
    text-align: center;
    color: #fff;
    line-height: 54px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-news .index_list{
    overflow:hidden;
}
.index_list ul{
    overflow: hidden;
}
.index_list ul li{
    float: left;
    width: 23%;
    margin-right: 2.6%;
}
.index_list ul li .imgbox{
    overflow: hidden;
    margin-bottom: 16px;
}
.index_list ul li img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform:scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}
.index_list ul li span{
    font-size: 16px;
    color: #999;
}
.index_list ul li p{
    margin-top: 5px;
    font-size: 16px;
    color: #333;
    /* height: 52px;
    overflow: hidden; */
    line-height: 24px;
}
.index_info{
    background: #F9F9F9;
    padding: 60px 0 40px;
    overflow: hidden;
}
.index_info .info_left{
    width: 47.5%;
    float: left;
}
.infotitle{
    overflow: hidden;
}
.infotitle dl{
    float: left;
    overflow: hidden;
    background: #EBEBEB;
}
.infotitle dd{
    float: left;
    position: relative;
    width: 140px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #333;
    cursor: pointer;
    /* transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out; */
}
.infotitle dd::before{
    width: 1px;
    height: 30px;
    background: #dadada;
    position:absolute;
    content: " ";
    display: inline-block;
    top:12px;
    left:0;
    z-index: 1;
}
.infotitle dd:first-child::before{
    width: 0;
}
.infotitle dd.active{
    background: #004DC3;
    color: #fff;
}
.infotitle dd.active::before{
    background: #004DC3;
}
.infotitle a{
    float: right;
    font-size: 18px;
    color: #333;
    margin-top: 10px;
}
.index_info .info_right{
    float: right;
    width: 47.5%;
}
.info_list{
    padding-top: 36px;
}
.info_list ul{
    padding-left: 15px;
}
.info_list ul li{
    list-style: square;
    color: #ccc;
    clear: both;
    margin-bottom: 20px;
    line-height: 18px;
}
.info_list ul li a{
    float: left;
    font-size: 16px;
    color: #333;
    width: 84%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.info_list ul li span{
    float: right;
    font-size: 16px;
    color: #333;
}
/* 
.index_info{
    position: relative;
} */
/* .index_info::before{
    content: " ";
    display: block;
    position: absolute;
    right:450px;
    top: 0;
    width: calc(100% - 450px);
    height: 100%;
    background: #e6e6e6;
} */
.index-tabnews li{
    float: left;
    width: 31.6%;
    margin-right: 2.5%;
    background: rgba(20, 98, 215,.9);
    height: 200px;
    transition: all 0.3s;
    position: relative;
    transition: all 0.4s ease-in-out;
}
.index-tabnews li a{
    display: block;
    font-size: 20px;
    padding:80px 50px 0;
    color: #fff;
}
.index-tabnews li a::before{
    content: '............';
    font-size: 28px;
    line-height: 1;
    color: #fff;
    letter-spacing: 8px;
    display: block;
    margin-bottom: 10px;
    transition: all 0.4s ease-in-out;
}
.index-tabnews li:hover{
    background: #004DC3;
}
.sitePresence{
    padding: 60px 0 0;
}
.sitePresence .tit{
    background-image: url(../images/MIEN.png);
   
}
.sitePresence .index_pics{
    overflow: hidden;
    margin-top: 44px;
}
.index_pics li{
    float: left;
    width: 33.3%;
    position: relative;
    margin-bottom: 2px;
    overflow: hidden;
}
.index_pics li a{
    display: block;
    height: 100%;
    position: relative;
}
.index_pics li a::before{
    position: absolute;
    display: inline-block;
    content: " ";
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    z-index: 3;
    background: #fff;
}
.index_pics li .desc{
    position: absolute;
    top: -100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    background: rgba(0,0,0,.5);
}
.index_pics li .pics_title{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    z-index: 2;
    left: 0;
    font-size: 16px;
    padding: 0 5px;
    color: #fff;
    background: rgba(0,0,0,.5);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
/* .index_pics li.index0{
    width: 50%;
}
.index_pics li.index1{
    width: 25%;
}
.index_pics li.index2{
    width: 25%;
}
.index_pics li.index3{
    width: 25%;
}
.index_pics li.index4{
    width: 50%;
}
.index_pics li.index5{
    width: 25%;
} */
.index_pics li img{
    width: 100%;
    height: auto;
    transition: all .5s ease-in-out;
    transform: scale(1.2);
}
.footerbox{
    padding-top: 50px;
    background: url(../images/bg_dibu.png) no-repeat left top;
    background-size: cover;    
    padding-bottom: 20px;  
}
.footerbox .footer_left{
    
    float: left;
}
.footer_left h2{
    font-size: 20px;
    background: url(../images/square.jpg) no-repeat left center;
    padding-left: 14px;
    margin-bottom: 18px;
    color: #004DC3;
}
.footerbox p{
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.footer_left p{
    margin-left: 14px;
}
.footer_left .footer_link{
    margin-top: 36px;
    margin-left: 14px;
    width: 300px;
    height: 44px;
    border: 2px solid #666;
    position: relative;
}
.footer_link .link_title{
    width: 300px;
    height: 44px;
    font-size: 16px;
    color: #333;
    line-height: 44px;
    text-indent: 12px;
    cursor: pointer;
    background: url(../images/arrow_lianjie.png) no-repeat 94% center;
}
.footer_link .link_box{
    display: none;
    position: absolute;
    bottom: 40px;
    left: -2px;
    width: 300px;
    height: auto;
    overflow: auto;
    padding: 10px 12px;
    background: #fff;
    border: 2px solid #666;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.link_box a{
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #333;
}
.link_title.active{
    background: url(../images/arrow_lianjie_r.png) no-repeat 94% center;
}
.footerbox .ewm{
    float: right;
    width: 150px;
    text-align: center;
}
.ewm img{
    max-width: 100%;
    height: auto;
}
.ewm p{
    margin-top: 8px;
}
.footerbox .copyright{
    margin-top: 22px;
    padding-top: 26px;
    text-align: center;
    line-height:28px;
    border-top: 1px solid #ddd;
}
.footerbox a{
    font-size: 16px;
    
    color: #333;
}

/* 集团简介 */
.banner{
    position: relative;
}
.banner .imgbox{
    overflow: hidden;
}
.banner .imgbox img{
    width: 100%;
    height: auto;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}
.banner .menubox{
    position: absolute;
    width: 100%;
    height: 64px;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0,0,0,.5);
}
.menubox .newsnav{
    float: left;
    background: url(../images/home.png) no-repeat 10px center;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    color: #fff;
    padding-left: 40px;
}
.newsnav a{
    font-size: 16px;
    margin: 0 6px;
    color: #fff;
}
.newsnav a.active{
    opacity: .8;
}
.menubox .menunav{
    float: right;  
}
.menunav a{
    float: left;
    padding: 0 25px;
    line-height: 64px;
    color: #fff;
    font-size: 16px;
    margin-left: 1px;
}
.menunav a.current{
    background: #004DC3;
}
@keyframes banner_img{
    0%{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    100% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
}
.mainbox{
    padding-top: 40px;
    padding-bottom: 50px;
}
.mainbox .main_title{
    font-size: 40px;
    color: #333;
    height: 54px;
    line-height: 54px;
    font-family: 'pingfang-s';
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 54px;
}
.mainbox .about{
    padding-top: 40px;
    overflow: hidden;
}
.about .aboutleft{
    float: left;
    width: 48.8%;
    overflow: hidden;
}
.aboutleft .about_video{
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.about_video img{
    width: 100%;
    height: auto;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
}
.about_video .about_play{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/icon_bofang.png) no-repeat center center;
    z-index: 1;
}
.about .aboutright{
    float: right;
    width: 47.5%;
    border-radius: 8px;
    background: #E5EDF9;
    padding:36px 55px;
    min-height: 450px;
}
.aboutright p{
    color: #333;
    font-size:16px;
    line-height: 32px;
}
.aboutright p strong{
    font-family: 'pingfang-s';
}

/* 业务版块 */
.mainbox .business_info{
    margin-top: 36px;
    font-size: 16px;
    line-height: 32px;
    color: #333;
}
.mainbox .business_title{
    margin-top: 25px;
    font-size: 24px;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dbdbdb;
    color: #004DC3;
    font-family: 'pingfang-s';
}
.mainbox .businessbox{
    position: relative;
}
.businessbox .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.businessbox .swiper-slide .imgbox{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.businessbox .swiper-slide img{
    width: 100%;
    height: auto;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
}
.businessbox .swiper-slide h2{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 12px 15px;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 24px;
    background: rgba(0,0,0,.5);
    
}
.businessbox .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: -45px;
}
.businessbox .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: -45px;
}
.businessbox .swiper-pagination{
    display: none;
}

.businessbox li{
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 25px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    border-radius: 3px;
    overflow: hidden;
}
.businessbox li a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.businessbox li .imgbox{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.businessbox li img{
    width: 100%;
    height: auto;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
}
.businessbox li h2{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 12px 15px;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 24px;
    background: rgba(0,0,0,.5);
    
}

/* 业务版块内容 */
.businessWrap{
    padding: 40px 0 0;
}
.business_tit{
    text-align:center;
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dbdbdb;
}
.business_tit h1{
    font-size: 32px;
    color: #333;
    font-family: 'pingfang-s';
}
.businessContent{
    padding-bottom: 40px;
}
.business_brief{
    font-size: 16px;
    line-height: 32px;
    color: #333;
}
.business_brief img{
    max-width: 100%;
    height: auto;
    margin: 10px 0;
}
.flex-images{overflow:hidden;}
.flex-images .item{float:left;margin:4px;border:1px solid #eee;box-sizing:content-box;overflow:hidden;position:relative; }
.flex-images .item img{display:block;width:auto;height:100%;}

.business_pics{
    position: relative;
    margin-top: 40px;
}
.business_pics .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.business_pics .swiper-slide .imgbox{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.business_pics .swiper-slide img{
    width: 100%;
    height: auto;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
}
.business_pics .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    left: -45px;
}
.business_pics .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: -45px;
}
.business_pics .swiper-pagination{
    display: none;
}

/* 新闻中心 */
.mainbox .newsfirst{
    overflow: hidden;
    margin-top: 40px;
    padding-bottom: 25px;
    border-bottom: 1px solid #E4E4E4;
}
.newsfirst li{
    float: left;
    width: 46%;
    margin-right: 8%;
}
.newsfirst li a{
    display: block;
}
.newsfirst li .imgbox{
    overflow: hidden;
}
.newsfirst li img{
    width: 100%;
    height: auto;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
}
.newsfirst li .firstbox{
    overflow: hidden;
    margin-top: 21px;
}
.firstbox .date{
    float: left;
    width: 130px;
    border: 1px solid #004DC3;
    background: #004DC3;
    text-align: center;
}
.date span{
    display: block;
    /* background: #004DC3; */
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    height: 40px;
    line-height: 40px;
}
.date p{
    font-size: 16px;
    color: #004DC3;
    background: #fff;
    height:30px;
    line-height:30px;
}
.firstbox .firsttitle{
    float: right;
    width: 72%;
    font-size: 16px;
    color: #333;
    line-height:28px;
}
.mainbox .newslist{
    padding-top: 20px;
}
.newslist li{
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #E4E4E4;
}
.newslist li a{
    display: block;
}
.newslist li .date{
    width: 130px;
    float: left;
    background: #004DC3;
    border: 1px solid #004DC3;
    text-align: center;
}
.newslist li .newstitle{
    float: right;
    width: 87%;
    font-size: 16px;
    color: #333;
    line-height: 28px;
}
.pages{
    margin-top: 46px;
    text-align:  center;
}    
.pages a{
    display: inline-block;
    padding: 8px 14.5px;
    background: #DDDDDD;
    color: #333;
    font-size:16px;
    margin: 0 8px;
}
.pages b{
    display: inline-block;
    font-weight: normal;
    color: #fff;
    background: #004DC3;
    font-size: 16px;
    padding: 8px 14.5px;
    margin: 0 8px;
}

/* 新闻详情页 */
.newsContent{
    padding: 60px 60px;
}
.newsContent .titlebox{
    text-align: center;
    margin-bottom: 35px;
}
.titlebox h1{
    font-size:28px;
    color: #333;
    font-family: 'pingfang-s';
    font-weight: 500;
    margin-bottom: 20px;
}
.titlebox span{
    font-size: 16px;
    color: #333;
}
.newsContent .newstext{
    font-size: 16px;
    color: #333;
    line-height:32px;
}
.newstext p{
    font-size: 16px;
    color: #333;
    line-height:32px;
}
.newstext p img{
    max-width: 80%;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

/* 工地风采 */
.gdfc_pics{
    margin-top: 40px;
    overflow: hidden;
}
.gdfc_pics li{
    float: left;
    width: 49%;
    margin-right: 2%;
    position: relative;
    margin-bottom: 24px;
    overflow: hidden;
}
.picture{
    overflow: hidden;
}
.picture li{
    float: left;
    width: 32%;
    margin-right: 2%;
    position: relative;
    margin-bottom: 24px;
    overflow: hidden;
}
.gdfc_pics li a,.picture li a{
    display: block;
    height: 100%;
    position: relative;
}
.gdfc_pics li img,.picture li img{
    width: 100%;
    height: auto;
    transition: all .5s ease-in-out;
    transform: scale(1.2);
}
.gdfc_pics li .desc,.picture li .desc{
    position: absolute;
    top: -100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    background: rgba(0,0,0,.5);
}
.gdfc_pics li .picture_tit,.picture li .picture_tit {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    z-index: 2;
    left: 0;
    font-size: 16px;
    color: #fff;
    background: rgba(0,0,0,.5);
}

/* 领导班子 */
.leader{
    padding-top: 20px;
}
.leader li{
    padding: 40px 10px;
    border-bottom: 1px solid #f4f4f4;
    overflow: hidden;
}
.leader li .imgbox{
    float: left;
    width: 12%;
    text-align: center;
}
.leader li img{
    max-width: 100%;
    height: auto;
    /* border-radius:3px; */
    box-shadow: 0px 1px 5px 0 rgba(0,77,195,.4);
}
.leader li .leaderInfo{
    float: right;
    width: 85%;
}
.leaderInfo h2{
    font-size: 22px;
    margin-bottom: 10px;
    color: #333;
    font-family: 'pingfang-s';
}
.leaderInfo span{
    font-size: 16px;
    color: #666;
}
.leaderInfo .newstext p{
    margin-top: 10px;
    font-size: 16px;
    color: #999;
    line-height: 28px;
}


/* 党建动态 */
.mainbox .djStatus{
    padding-top: 16px;
}
.djStatus li{ 
    overflow: hidden;
    padding-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #E4E4E4;
}
.djStatus li .datetime{ 
    width:10%; 
    text-align: center; 
    height: 80px; 
    float: left; 
    background: #e1e1e1;
}
.datetime span{ 
    display: inline-block; 
    height: 54px; 
    line-height: 54px; 
    font-size:24px; 
    color: #333; 
}
.datetime p{ 
    font-size: 18px; 
    margin-top: -10px; 
    color: #333;
}
.djStatus li .dj_right{ 
    float: right; 
    width:88%;
    margin-top: 4px;
}
.dj_right h2{ 
    margin-bottom:8px; 
    font-size:16px; 
    color: #333;
    font-family: 'pingfang-s';
}
.dj_right p{ 
    font-size:14px; 
    line-height: 26px; 
    color: #666;
}

/* 党风廉政 */
.mainbox .pics-list{
   padding-top: 46px;
    padding-bottom: 16px;
}
.pics-list li{
    border: 2px solid #efefef;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 30px;
}
.pics-list li .imgbox{
    width: 13.1%;
    float: left;
    overflow: hidden;
}
.pics-list li img{
    width:100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}
.pics-list li .pics-right{
    width: 84%;
    float: right;
    padding-right: 18px;
    padding-top: 18px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.pics-list li h2{
    float: left;
    width: 90%;
    font-size: 16px;
    color: #333;
    font-family: 'pingfang-s';
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 8px;
}
.pics-list li span{
    font-size: 14px;
    color: #585858;
    float: right;
}
.pics-list li p{
    clear: both;
    font-size: 14px;
    line-height: 26px;
    color: #585858;
}

/* 群团活动 */
.mainbox ul.activity{
    padding-top: 80px;
}
.activity li{
    float: left;
    width: 30.6%;
    margin-right: 4%;
    margin-bottom: 35px;
}
.activity li a{
    display: block;
}
.activity li .imgbox{
    width: 100%;
    height: auto;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(29,29,29,.3);
    -webkit-box-shadow:0 0 10px 0 rgba(29,29,29,.3);
    -moz-box-shadow:0 0 10px 0 rgba(29,29,29,.3);
}
.activity li .imgbox img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}
.activity li h2{
    font-size: 18px;
    color: #333;
    margin-top: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.activity li:hover .imgbox img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}

/* 通用列表 */
.mainbox .commonlist{
    padding-top: 22px;
}
.commonlist li{
    overflow: hidden;
    background: url(../images/dots-h.png) no-repeat left 28px;
    background-size: 6px auto;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #ededed;
}
.commonlist li a{
    float: left;
    font-size: 16px;
    color: #333;
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.commonlist li span{
    float: right;
    font-size: 16px;
    color: #585858;
}

/* 媒体聚焦 */
.mainbox .mt_list{
    padding-top: 30px;
}

/* 人才理念 */
.ideaContent{
    margin-top: 40px;
    position: relative;
    padding-bottom: 120px;
}
.ideaContent img{
    width:100%;
    height: auto;
}
.ideaContent .ideaText{
    width: 400px;
    position: absolute;
    top: 50px;
    min-height: 420px;
    right: 50px;
    padding: 50px 40px;
    background: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-shadow: 2px 2px 15px #DEDEDE;
    -moz-box-shadow: 2px 2px 15px #DEDEDE;
    box-shadow: 2px 2px 15px #DEDEDE;
}
.ideaText h2{
    font-size: 24px;
    color: #333;
}
.ideaText span{
    display: block;
    width: 30px;
    height: 2px;
    background: #d6001d;
    margin: 20px 0;
}
.ideaText p{
    font-size: 16px;
    color: #333;
    line-height: 32px;
}
.mainbox .singleContent{
    padding-top: 40px;
    font-size: 16px;
    color: #333;
    line-height: 32px;
}
.singleContent p{
    font-size: 16px;
    color: #333;
    line-height: 32px;
}
.mainbox .singleContent img{
    max-width: 100%;
    height: auto;
}
/* 大事纪要 */
.mainbox .process{
    padding-top: 10px;
}
.mainbox .process .history-swiper1 { 
    position: relative; 
    margin: 44px 30px 0; 
    border-bottom: 2px solid #cacaca; 
}
.process .history-swiper1 .swiper-container { 
    margin-bottom: -10px; 
}
.process .history-swiper1 .swiper-slide {
    width: 380px; 
}
.process .history-swiper1 .swiper-slide.active-nav a { 
    color: #004DC3; 
    background: url(../images/histroy-icon01.png) no-repeat bottom center; 
}
.process .history-swiper1 .swiper-slide a { 
    display: inline-block; 
    font-size: 22px;
    color: #333; 
    padding-bottom: 30px; 
    height: 60px;
    margin: 0 140px; 
    background: url(../images/histroy-icon02.png) no-repeat bottom center; 
}
.process .history-swiper1 .swiper-slide a:hover{
    color: #004DC3;
    background: url(../images/histroy-icon01.png) no-repeat bottom center; 
}
.process .history-swiper1 .swiper-button-next, .process .history-swiper1 .arrow-right { 
    display: none; 
    position: absolute; 
    right: -25px;
    width: 10px; 
    height: 18px; 
    background: url("../images/arrow-right.png") no-repeat center; 
    margin-top: 10px; 
}
.process .history-swiper1 .swiper-button-next, .process .history-swiper1 .arrow-right:hover{
    opacity: 1 !important;
}
.process .history-swiper1 .swiper-button-prev, .process .history-swiper1 .arrow-left {
    display: none; 
    position: absolute; 
    left: -25px; 
    width: 10px; 
    height: 18px; 
    background: url("../images/arrow-left.png") no-repeat center; 
    margin-top: 10px;
}
.process .history-swiper1 .swiper-button-prev, .process .history-swiper1 .arrow-left:hover{
    opacity: 1 !important;
}
.process .history-swiper2 { 
    margin-top: 58px; 
    position: relative; 
}
.process .history-swiper2 .swiper-container { 
    height: auto !important;
}
.process .history-swiper2 .swiper-container .swiper-wrapper { 
    height: auto !important; 
}
.process .history-swiper2 .swiper-slide { 
    height: 20px !important; 
}
.process .history-swiper2 .swiper-slide.swiper-slide-active { 
    height: auto !important; 
}
.process .history-swiper2 .swiper-slide .history-year{
    padding: 0 60px;
}
.process .history-swiper2 .swiper-slide .history-year .years-tit { 
    width: 100%; 
    font-size: 40px; 
    font-weight: 500;
    color: #000; 
    font-family: arial;
}
.process .history-swiper2 .swiper-slide .history-year .years-tit span { 
    display: block;
    width: 30px; 
    height: 2px; 
    background: #d6001d;
    margin-top: 20px;
    margin-left: 70px; 
}
.process .history-swiper2 .swiper-slide .history-year .years-txt { 
    margin-top: 40px; 
}
.process .history-swiper2 .swiper-slide .history-year .years-txt .years-txt-item { 
    margin-bottom: 12px; 
}
.process .history-swiper2 .swiper-slide .history-year .years-txt .years-txt-item .month { 
    float: left; 
    width: 20%; 
    font-size: 20px; 
    color: #333; 
    position: relative; 
}
.process .history-swiper2 .swiper-slide .history-year .years-txt .years-txt-item .month i.line { 
    display: inline-block; 
    width: 68.4%; 
    height:1px; 
    background: #d2d2d2; 
    position: absolute; 
    top: 50%; 
    right: 0; 
}
.process .history-swiper2 .swiper-slide .history-year .years-txt .years-txt-item .days { 
    float: left; 
    width: 75%; 
    margin-left: 5%;
}
.process .history-swiper2 .swiper-slide .history-year .years-txt .years-txt-item .days p{
    background: url("../images/histroy-icon01.png") no-repeat left top 8px; 
    line-height: 32px; 
    padding-left: 60px; 
    margin-bottom: 20px; 
    font-size: 16px; 
    color: #333; 
}

.process .history-swiper2 .swiper-slide .history-year .years-txt .years-item-more { 
    padding-left: 25%; 
}
.process .history-swiper2 .swiper-slide .history-year .years-txt .years-item-more a {
    display: inline-block; 
    font-size: 14px; 
    color: #999; 
    padding-left: 20px; 
    background: url("../images/a-icon-jt.png") no-repeat left center; 
}
.process .history-swiper2 .swiper-slide .history-year .years-txt .years-item-more a.on { 
    background: url("../images/a-icon-jt02.png") no-repeat left center; 
    opacity: 1;
}
.process .history-swiper2 .swiper-button-next, .process .history-swiper2 .arrow-right { 
    position: absolute; 
    top: -82px; 
    right: 0; 
    width: 14px; 
    height: 23px; 
    background: url("../images/arrow-right.png") no-repeat center; 
    margin-top: 10px; 
}
.process .history-swiper2 .swiper-button-next, .process .history-swiper2 .arrow-right:hover{
    opacity: 1 !important;
}
.process .history-swiper2 .swiper-button-prev, .process .history-swiper2 .arrow-left { 
    position: absolute; 
    top: -82px; 
    left: 0; 
    width: 14px; 
    height: 23px; 
    background: url("../images/arrow-left.png") no-repeat center; 
    margin-top: 10px; 
}
.process .history-swiper2 .swiper-button-prev, .process .history-swiper2 .arrow-left:hover{
    opacity: 1 !important;
}

/* 最新招聘 */
.job_head{
    overflow: hidden;
    margin-top: 80px;
    height: 66px;
    line-height: 66px;
    background: #004DC3;
    font-size: 18px;
    color: #fff;
    font-family: 'pingfang-s';
}
.job_head span{
    float: left;
    text-align: center;
}
.joblist{
    border: 2px solid #f5f5f5;
    /* margin-bottom: 60px; */
}
.joblist li{
    border-bottom: 2px solid #f5f5f5;
}
.joblist li .job_box{
    overflow: hidden;
    padding-top: 28px;
    padding-bottom: 24px;
}
.joblist li span{
    float: left;
    font-size: 16px;
    color: #333;
    text-align: center;
}
.joblist li .jobInfo{
    display: none;
    padding: 20px 35px;
    border-top: 2px solid #f5f5f5;
    font-size: 16px;
    line-height: 32px;
    color: #333;
}
.job_head span.job_name{
    text-align: left;
}
.job_name{
    width: 25%;    
    padding-left: 35px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.joblist li span.job_name{
    font-size: 18px;
    font-weight: 600;
    text-align: left;
}
.joblist li span a{
    color: #333;
}
.academic{
    width: 18%;
}
.experience{
    width: 12%;
}
.release_time{
    width: 14%;
}
.job_number{
    width: 10%;
}
.job_status{
    width: 10%;
}
.operation{
    width: 11%;
}
.joblist li:hover .job_box{
    background: #f5f5f5;
}
.joblist li.active .job_box{
    background: #f5f5f5;
}


/* 联系我们 */
.mainbox .map{ height: 280px; margin-top: 40px;}
.mainbox .contact{
    padding-top: 40px;
}
.contact .contact_left{
    width: 44%;
    float: left;
}
.contact_left ul{
    margin-top: 10px;
    margin-bottom: 50px;
}
.contact_left ul li{
    padding-top: 15px;
    padding-bottom: 15px;
    background-position: left 14px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding-left: 58px;
    line-height: 32px;
    color: #333;
}
.contact_left ul li a{
    font-size: 16px;
    color: #333;
}
.contact_left img{
    width: 160px;
    height: auto;
}
.contact .contact_right{
    width: 53.3%;
    float: right;
}
.contact_right .swiper-slide img{
    width: 100%;
    height: auto;
}

/* 搜索 */
.mainbox .search_title{
    text-align: center;
   
}
.search_title h1 {
    color: #333;
    font-size: 32px;
    text-align: center;
    margin-bottom: 20px;
}
.search_title span {
    display: inline-block;
    width: 66px;
    height: 4px;
    background: #004DC3;
}
.mainbox .commonlist li a b{
    font-weight: normal;
    color: #ff0000;
}
.mainbox .commonlist.search_list{
    padding-top: 32px;
}

#fh5co-main { padding-top:0 !important; margin-top: -40px;}


@media screen and (min-width:768px) {
    .bannernav li:hover{
        background: #004DC3;
    }
    .indextab a:hover{
        background: #004DC3;
        color: #fff;
    }
    .video_cover:hover img,.index_list ul li:hover img,.news-left .swiper-slide:hover img,.about_video:hover img,.newsfirst li:hover img,.businessbox .swiper-slide:hover img,.businessbox li:hover img{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -moz-transform: scale(1.2);
    }
    .video_cover:hover .video_title{
        background: rgba(0,77,195,.5);
    }
    .index_list ul li:hover p,.infotitle a:hover,.info_list ul li:hover a,.tab_index ul li:hover a{
        color: #004DC3;
    }
    .infotitle dd:hover{
        background: #004DC3;
        color: #fff;
    }
    .infotitle dd:hover::before{
        background: #004DC3;
    }
    .index_pics li:hover .pics_title,.gdfc_pics li:hover .picture_tit,.picture li:hover .picture_tit{
        background: none;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .index_pics li:hover img,.gdfc_pics li:hover img,.picture li:hover img{
        transform: scale(1.1);
    }
    .link_box a:hover,.footerbox a:hover{
        color: #004DC3;
    }
    .banner .imgbox img{
        object-fit:cover;
        font-family: 'object-fit: cover';
        z-index: 10;
        animation: banner_img 15s ease-in-out infinite;
        -webkit-animation: banner_img 15s ease-in-out infinite;
        -o-animation: banner_img 15s ease-in-out infinite;
        -moz-animation: banner_img 15s ease-in-out infinite;
    }
    .newsnav a:hover{
        opacity: .8;
    }
    .menunav a:hover{
        background: #004DC3;
    }
    .newsfirst li:hover .firsttitle,.newslist li:hover .newstitle{
        color: #004DC3;
    }
    .pages a:hover{
        background: #004DC3;
        color: #fff;
    }
    .djStatus li:hover .datetime{ 
        background: #004DC3;
    }
    .djStatus li:hover .datetime span,.djStatus li:hover .datetime p{ 
        color: #fff;
    }
    .djStatus li:hover h2,.djStatus li:hover p{ 
        color: #004DC3;
    }
    .pics-list li:hover{
        background: #004DC3;
    }
    .pics-list li:hover img{
        transform: scale(1.25);
        -webkit-transform: scale(1.25);
        -o-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -ms-transform: scale(1.25);
    }
    .pics-list li:hover h2,.pics-list li:hover p,.pics-list li:hover span{
        color: #fff;
    }
    .activity li:hover .imgbox img{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
    }
    .activity li:hover h2,.commonlist li:hover a,.contact_left ul li a:hover{
        color: #004DC3;
    }
    .joblist li:hover span.job_name a{
        color: #004DC3;
        cursor:pointer;
    }
    .joblist li span.job_name a:hover,.joblist li span.operation a:hover{
        color: #004DC3;
        cursor:pointer;
    }
    .businessbox .swiper-slide:hover h2,.businessbox li:hover h2{
        background: rgba(0,77,195,.8);
    }
    .news-left .swiper-slide:hover .tit_news{
        background: rgba(0,77,195,.8);
    }
}
.navbar-toggle{
    background: #004DC3;
    margin-right: 0;
    margin-left: 15px;
    margin-top: 24px;
}
.navbar-toggle .icon-bar{
    background: #fff;
}
@media (min-width:992px) and (max-width:1220px) {
    .header a.logo{ width: 170px; margin-top: 36px;}
    .header .header-right{ width: 80.5%;}
    .header-right .oa{ padding-left: 10px;}
    .header-right .formbox{ margin-right: 10px;}
    .header-right ul.nav li>a{ padding-left: 4px; padding-right: 4px;}
}
@media screen and (max-width:767px) {
    .header{padding: 0 15px; height: 80px;}
    .header a.logo{ width: 50%; margin-top: 25px;}
    .header .header-right{ width: 50%;}
    .header-right .oa{margin-top: 32px;}
    .header-right .formbox{ height: 80px;}
    .formbox span.searchimg{ height: 80px;}
    .header-right ul.nav{ display: none;}
    .formbox form.search_news{ right: 110px;}
    .formbox form.search_news input.search_text{ width: 158px;}
    .formbox img.closebtn{ margin-top: 32px;}
    .bannerbox .swiper-pagination-bullet{ width: 8px; height: 8px;}
    .bannerbox.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
    .bannerbox .swiper-pagination{ bottom: 5px;}
    .index-news{ padding: 40px 15px 10px;}
    .tit{ font-size: 24px; line-height: 36px; height: 36px; background-size: auto 36px;}
    .index-news .tit{ margin-bottom: 25px;}
    .index-news .news-left{ float: none; width: 100%;}
    .news-left .swiper-pagination{ right: 0; width: auto; left: auto;}
    .index-news .news-right{ float: none; width: 100%; margin-top: 25px;}
    .news_tab a{ font-size: 18px;}
    .index_info{ padding: 40px 15px 20px;}
    .index_info .info_left{ width: 100%; float: none;}
    .infotitle dd{ width: 104px; height: 46px; line-height: 46px; font-size: 18px;}
    .infotitle a{ font-size: 16px; margin-top: 12px;}
    .index_info .info_right{ float: none; width: 100%; margin-top: 40px;}
    .sitePresence{ padding: 40px 15px 0;}
    .sitePresence .index_pics{ margin-top: 30px;}
    .index_pics li{width: 50%;}
    .index_pics li .pics_title{ padding: 5px 5px; height: auto; line-height: 24px; font-size: 15px;}
    .footerbox{ padding: 30px 15px 15px;}
    .footerbox .footer_left{ float: none;}
    .footer_left h2{ font-size: 16px; margin-bottom: 5px;}
    .footer_left p{ font-size: 14px; line-height: 24px;}
    .footer_left .footer_link{ margin-top: 15px;}
    .footerbox .ewm{ float: none; width: 95px; margin-top: 15px; margin-left: 14px;}
    .footer_left .footer_link{ width: 60%;height: 42px; border: 1px solid #666;}
    .footer_link .link_title{ width: 100%; height: 42px;line-height: 42px;}
    .footer_link .link_box{ width: 100%;border: 1px solid #666;left: -1px;}
    .footerbox .copyright{ margin-top: 15px; padding-top: 15px; }
    .footerbox p{font-size: 14px; line-height: 24px;}
    .footerbox a{ font-size: 14px;}

    /* 集团介绍 */
    .banner .menubox{ position: relative; height: auto;}
    .menubox .newsnav{ display: none;}
    .newsnav a{ font-size: 14px;}
    .menubox .menunav{ float: none;}
    .menunav a{ padding: 0; text-align: center; line-height: 44px; margin-left: 0;}
    .mainbox{ padding: 40px 15px;}
    .mainbox .main_title{ font-size: 24px; height: 36px; line-height: 36px; background-size: auto 36px;}
    .mainbox .about,.mainbox .singleContent{ padding-top: 30px;}
    .about .aboutleft{ float: none;  width: 100%;}
    .about .aboutright{ float: none; width: 100%;border-radius: 0;padding: 20px 10px;}

    /* 领导班子 */
    .leader li{ padding: 20px 0;}
    .leader li .imgbox{ width: 28%;}
    .leader li .leaderInfo{ width: 68%;}
    .leaderInfo h2{ font-size: 18px;}
    .leaderInfo span{ font-size: 15px;}
    .leaderInfo .newstext p{ margin-top: 5px; font-size: 14px; line-height: 24px;}

    /* 大事记要 */
    .mainbox .process{ padding-top: 0;}
    .mainbox .process .history-swiper1{margin: 34px 20px 0;}
    .process .history-swiper1 .swiper-slide{ width: 90px;}
    .process .history-swiper1 .swiper-slide a{ margin: 0 40px; font-size: 20px;}
    .process .history-swiper2 .swiper-slide .history-year{ padding: 0;}
    .process .history-swiper2 .swiper-slide .history-year .years-tit{ font-size: 20px;}
    .process .history-swiper2{ margin-top: 36px;}
    .process .history-swiper2 .swiper-button-prev, .process .history-swiper2 .arrow-left{ top: -60px;}
    .process .history-swiper2 .swiper-button-next, .process .history-swiper2 .arrow-right{ top: -60px;}
    .process .history-swiper2 .swiper-slide .history-year .years-txt{ margin-top: 20px;}
    .process .history-swiper2 .swiper-slide .history-year .years-txt .years-txt-item .month{ font-size: 16px; width: auto;}
    .process .history-swiper2 .swiper-slide .history-year .years-txt .years-txt-item .days{ width: 86%; margin-left: 3%;}
    .process .history-swiper2 .swiper-slide .history-year .years-txt .years-txt-item .month i.line{ display: none;}
    .process .history-swiper2 .swiper-slide .history-year .years-txt .years-txt-item .days p{background: url(../images/histroy-icon01.png) no-repeat left top 6px;line-height: 24px; padding-left: 24px;background-size: 10px auto; margin-bottom: 10px;font-size: 15px;}
    
    /* 业务版块 */
    .mainbox .business_info{ margin-top: 25px; font-size: 15px; line-height: 28px;}
    .mainbox .business_title{ margin-top: 12px; font-size: 20px;margin-bottom: 20px;padding-bottom: 15px;}
    .businessbox li{ width: 100%; margin-right: 0; margin-bottom: 20px;}

    /* 新闻详情 */
    .newsContent{ padding: 30px 15px;}
    .titlebox h1{ font-size: 22px; line-height: 28px; margin-bottom: 10px;}
    .newsContent .titlebox{ margin-bottom: 15px;}
    .newstext p img{ max-width: 100%;}
    
    /* 党建动态 */
    .djStatus li .datetime{ width: 25%; height: 70px;}
    .datetime span{ height: 38px; line-height: 48px; font-size: 18px;}
    .datetime p{ font-size: 15px; margin-top: 0;}
    .djStatus li .dj_right{ width: 70%; margin-top: 0;}
    .dj_right h2{ line-height: 24px;margin-bottom: 5px;}
    .dj_right p{display: none;} 
    .djStatus li{ padding-top: 20px; padding-bottom: 15px;}
    .pages{ margin-top: 20px;}

    /* 党风廉政 */
    .mainbox .pics-list{ padding-top: 15px; padding-bottom: 0;}
    .pics-list li{ margin-top: 15px;}
    .pics-list li .imgbox{ width: 30%;}
    .pics-list li .pics-right{ width: 66%; padding-right: 10px; padding-top: 5px;}
    .pics-list li h2{ width: 100%; float: none; margin-bottom: 5px;}
    .pics-list li span{ float: none;}
    .pics-list li p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

    /* 群团活动 */
    .mainbox ul.activity{ padding-top: 30px;}

    /* 集团要闻 */
    .commonlist li a{ width: 70%;}

    /* 工地风采 */
    .gdfc_pics{ margin-top: 8px;}
    .picture li{ width: 49%; margin-bottom: 8px;}
    .gdfc_pics li{ margin-bottom: 8px;}
    .gdfc_pics li .picture_tit, .picture li .picture_tit{ height: auto; line-height: 24px; padding: 5px 5px; font-size: 15px;}

    /* 工地风采详情页 */
    .businessWrap{ padding: 30px 15px;}
    .business_tit{ margin-bottom: 20px; padding-bottom: 20px;}
    .business_tit h1{ font-size: 24px;}
    .businessContent{ padding-bottom: 0;}
    .businessContent p img{ max-width: 100%; height: auto;}

    /* 人才理念 */
    .ideaContent{ margin-top: 30px; padding-bottom: 0;}
    .ideaContent .ideaText{ position: relative; top: 0; right: 0; width: 100%; padding: 30px 10px;}
    .ideaText h2{ font-size: 20px;}
    
    /* 最新招聘 */
    .job_name{padding-left: 10px;}
    .job_head{ font-size: 16px; margin-top: 30px; height: 50px; line-height: 50px;}
    .job_name{ width: 75%;}
    .release_time{ width: 25%;}
    .job_status,.academic,.operation,.job_number,.experience{ display: none;}

    /* 联系我们 */
    .mainbox .map{ margin-top: 30px; height: 200px;}
    .mainbox .contact{ padding-top: 10px;}
    .contact .contact_left{ width: 100%; float: none;}
    .contact_left ul li{ background-size: 28px auto; padding-top: 9px; font-size: 15px; line-height: 24px;padding-left: 40px;background-position: left 8px;}
    .contact_left ul{ margin-bottom: 20px;}
    .contact_left img{ width:110px;}
    .contact .contact_right{ width: 100%; float: none; margin-top: 30px;}

    .search_title h1{ font-size: 24px; margin-bottom: 15px;}
    .mainbox .commonlist.search_list{padding-top: 10px;}
}