@charset "utf-8";
body{ font-family:Helvetica,"SourceHanSansCN-Normal","SourceHanSansCN"; 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,dt{ 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; }

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

/* 头部 */
.header {  
    /* z-index: 1000;
    -webkit-transition: all 1s; 
    -o-transition: all 1s; 
    -moz-transition: all 1s; 
    transition: all 1s; 
    -webkit-animation-duration: 1s; 
    -moz-animation-duration: 1s; 
    -o-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-name: fadeIn; 
    -moz-animation-name: fadeIn; 
    -o-animation-name: fadeIn; 
    animation-name: fadeIn; 
    -webkit-animation-fill-mode: both; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in-out; 
    -moz-animation-timing-function: ease-in-out; 
    -o-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out;  */
}
.header{ 
    position: relative;
    width: 100%;
    background: #fff;
}
.position{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}
.header .head{
    height: 118px;
}
.header .logo{ 
    float:left;
    width: 38.75%; 
    margin-top: 26px;
}
.header .logo img{ 
    max-width: 100%; 
    height: auto;
}
.header .searchbox{
    float: right;
    width: 258px;
    height: 35px;
    margin-top: 44px;
}
.searchbox form input.k{
    float: left;
    width: 200px;
    height: 33px;
    border: 1px solid #d9d8d8;
    border-right: none;
}
.searchbox form input.searchbtn{
    float:right;
    width: 58px;
    height: 33px;
    border-radius: none;
    background: url(../images/search.png) no-repeat center center #0355a1;
}
.header .navbox {
    width: 100%;
    height: 47px;
    background: #0355a1;    
}
.navbox .nav{
    height: 47px;
}
.navbox .nav li { 
    float: left;
    width: 11.08%;
    height: 47px; 
    text-align: center;
    position: relative; 
}
.nav li>a{
    display: block;
    font-size: 18px;
    color: #fff;
    line-height: 47px;
}
.nav li .subnav{
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 47px;
    z-index: 100;
    padding: 10px 0;
    background: rgba(238,238,238,.7);
    border-bottom: 2px solid #0355a1;
}
.nav li .subnav a{
    display: block;
    font-size: 15px;
    color: #333;
    line-height: 30px;
}
.nav li:hover{
    background: #025db9;
}
.nav li:hover>a{
    font-weight: 700;
}
.nav li.current{
    background: #025db9;
}
.nav li.current>a{
    font-weight: 700;
}
.nav li .subnav a:hover{
    color: #025db9;
}
.nav li:hover .subnav{
    display: block;
}
#section1 .index-banner { 
    width: 100%; 
    height: 100%; 
    position: relative; 
}
.index-banner{
    overflow: hidden;
    height: 450px;
}
.index-banner .swiper-slide{
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover;
}
.index-banner .swiper-slide img{
    max-width: 100%;
    height: auto;
    object-fit:cover;
    font-family: 'object-fit: cover';
}
.banner1 .bannerContent{ 
    text-align: left;
    padding-left: 25px;
}
.index-banner .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: #fafafa;
    /* border: 1px solid #fff; */
    opacity: 1;
    margin: 0 15px;
    position: relative;
}
/* .index-banner .swiper-pagination-bullet::before{
    position: absolute;
    content: " ";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
    left: -6px;
    top: -6px;
    background: transparent;
} */

.index-banner .swiper-pagination{
    width: 100%;
    bottom: 18px;
    /* display: none; */
}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 10px;
}
/* .index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
    
    border:1px solid #1363ad;
} */
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #025db9;
    /* border: 1px solid #025db9; */
}
.index-banner .swiper-slide-active>img {
    z-index: 9000;
	animation: anima_img 9s ease infinite;
    -webkit-animation: anima_img 9s ease infinite;
}
.index-banner .swiper-pagination span.swiper-pagination-bullet-active, .index-banner .swiper-pagination span.swiper-active-switch,.index-banner .pagination span.swiper-pagination-bullet-active,.index-banner .pagination span.swiper-active-switch { 
    color: #025db9; 
}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{
    opacity: 0;
    display: none;
    width: 38px; 
    height: 67px;
    -moz-background-size: 100%; 
    background-size: 100%; 
    position: absolute; 
    top: 50%;  
    z-index: 2; 
}    
.index-banner .swiper-button-next { 
    background: url(../images/banner-next.png) no-repeat center; 
    right: 5%; 
    /* opacity: 1;  */
}
.index-banner .swiper-button-prev { 
    background: url(../images/banner-prev.png) no-repeat center; 
    left: 5%;
}
.index-banner:hover .swiper-button-prev,.index-banner:hover .swiper-button-next{
    opacity: 1;
    transition: all 1s;
}

.str_wrap { 
    overflow:hidden;
    /* //zoom:1; */
    position:relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space:nowrap;
}
.str_move { white-space:nowrap; position:absolute; top:0; left:0; cursor:move; }
.str_move_clone {
    display:inline-block; 
    /*display:inline; zoom:1;*/ 
    vertical-align:top; position:absolute; left:100%; top:0;
}
.str_vertical .str_move_clone { left:0; top:100%; }
.str_down .str_move_clone { left:0; bottom:100%; }
.str_vertical .str_move,.str_down .str_move {white-space:normal; width:100%; }
.str_static .str_move,.no_drag .str_move,.noStop .str_move{ cursor:inherit;  }
.str_wrap img { max-width:none !important; }

.index-weather{ height: 56px; font-size: 16px; color: #444; line-height: 56px;
    background: #f4f5f6;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 /* background: #f4f4f6; */
}
.index-weather p{
    display: inline-block;
    padding-left: 10px; 
    margin-left: 28px;
}
.index-weather #weather{
    display: inline-block;
    margin-left: 43px;
}
.index-weather #weather li{ 
    display: inline-block;
    margin-right: 43px;
    padding-left: 20px;
    background: url(../images/dots-r.png) no-repeat left center;
}
.index-weather #weather li a{
    font-size: 16px;
    color: #444;
    margin-right: 20px;
}
.index-weather #weather li span{
    color: #444;
    font-size:16px;
}
.indexbox{
    padding-top: 38px;
    overflow: hidden;
    padding-bottom: 32px;
}
.indexbox .index_left{
    float: left;
    width: 63.2%;
}
.index-title{
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    border-bottom: 1px solid #888;
}
.index-title span{
    display: inline-block;
    margin-right: 45px;
    font-size: 20px;
    padding: 0 3px 13px;
    font-weight: bold;
    color: #7d868e;
    cursor: pointer;
    position: relative;
}
.index-title span::before{
    content: " ";
    display: inline-block;
    width: 0;
    height: 2px;
    background: #2668b6;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.index-title span.active{
    color: #0355a1;
}
.index-title span.active::before{
    width: 100%;
}
.index-title a{
    position: absolute;
    right: 0;
    bottom: 8px;
    font-size: 12px;
    color: #888;
}
.index_left .boxlist .swiper-container{
    float: left;
    width: 43.3%;
}
.index_left .boxlist .swiper-slide a{
    display: block;
    position: relative;
}
.imgbox{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.imgbox img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -moz-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;
}
.bigbox .boxlist{
    display: none;
}
.boxlist .swiper-slide .swiper-title{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 38px;
    padding: 0 45px;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    overflow: hidden;
    background: #2668b6;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #fff;
}
.boxlist .swiper-button-next,.boxlist .swiper-button-prev{
    width: 41px;
    height: 38px;
    bottom: 0;
    top: auto;
    margin-top: 0;
    background-size: 41px 38px;
}
.boxlist .swiper-button-next{
    right: 0;
    background: url(../images/arrow-next.png) no-repeat center center #215ba0;
}
.boxlist .swiper-button-prev{
    left: 0;
    background: url(../images/arrow-prev.png) no-repeat center center #215ba0;
}
.index_left ul{
    float: right;
    width: 54.7%;
    /* padding-top: 10px; */
}
.infolist li{
    background: url(../images/dots-r.png) no-repeat left center;
    padding-left: 14px;
    line-height: 36px;
    overflow: hidden;
}
.infolist li a{
    float: left;
    width: 82%;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.infolist li span{
    float: right;
    font-size: 16px;
    color: #888;
}
.index_left ul li a{
    width: 86%;
}
.indexbox .index_right{
    float: right;
    width: 33.3%;
}
.index_right .infolist li a{
    width: 86%;
}
.index_block{
    background: #fafafa;
    padding-top: 34px;
    padding-bottom: 10px;
}
.index_block h1{
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #0052a3;
}
.index_block .block_list{
    padding-top: 36px;
    padding-bottom: 36px;
}
.yw_box .block_list{
    height: 280px;
}
.block_list li{
    float: left;
    width: 18.75%;
    margin-top: 16px;
    background: #fff;
    text-align: center;
    margin-right: 1.5625%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
}
.block_list li a{
    display: block;
    padding-top: 32px;
    padding-bottom: 34px;
    position: relative;
}
.yw_box .block_list li a::after{
    content: " ";
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    opacity: 0;
    display: inline-block;
    background-image: url(../images/arrow-qy4_p.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.block_list li .imgbox{
    width:140px;
    height: 140px;
    margin: 0 auto;
    border-radius: 50%;
}
.block_list li img{
    width: 100%;
    height: auto;
    border-radius: 50%;   
}
.block_list li span{
    display: block;
    margin-top: 28px;
    font-size: 14px;
    color: #0066cc;
}
.block_list li h2{
    font-size: 20px;
    color: #111213;
}

.yw_box .block_list li.active{ margin-top: 16px; background: #025db9; box-shadow: 0 0 30px 15px rgba(0,0,0,0.05);}
.yw_box .block_list li h2{
    height: 56px;
}
.block_list li.active span,.block_list li.active h2{ color: #fff;}
.yw_box .block_list li.active a::after{opacity:1;}


.index_infolist{
    margin-top: 36px;
    padding-bottom: 28px;
}
.study_box{
    width: 100%;
    margin-bottom: 28px;
    background: url(../images/appbg.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 15px;
    padding-bottom: 13px;
    position: relative;
}

.study_box a{
    display: block;
    position: relative;
    padding-right: 94px;
    width: 100%;
    height:100%;
    overflow: hidden;
}
.study_text{
    float: right;
    width: 60.58%;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: justify;
}
.study_box h2{
    font-weight: 700;
    text-align: center;
    font-style: italic;
    font-size: 18px;
    color: #fff;
    margin-bottom: 5px;
}
.study_box img{
    max-width: 100%;
    height: auto;
}
.study_box .showapp{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    padding-top: 5px;
    top:0;background: rgba(0,0,0,.7);
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.study_box .showapp .appewm{
    display: inline-block;
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 5px;
    padding: 6px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.study_box .showapp .appewm img{
    width: 100%;
    height: auto;
}
.study_box .showapp p {
    display: inline-block;
    text-align: left;
    font-size: 16px;
    line-height: 28px;
    vertical-align: middle;
    margin-left: 15px;
}
.box{
    overflow: hidden;
}
.box .box_left{
    float: left;
    width: 48.3%;
}
.box .box_right{
    float: right;
    width: 48.3%;
}
.index_group{
    background: #fafafa;
    padding-top: 26px;
    padding-bottom: 38px;
}
.index_group .group_title{
    margin-bottom: 22px;
}
.index_group .group_title span.active{
    color:#7d868e;
}
.index_group .group_title span.active::before{
    height: 6px;
    width: 89px;
    background-color: none;
    background: url(../images/arrow_up.png) no-repeat center bottom;
}
.index_group .swiper-group{
    padding-bottom: 34px;
}
.swiper-group .swiper-slide a{
    display: block;
    width: 100%;
}
.swiper-group .swiper-slide .group_tit{
    background: #fff;
    color: #444;
    padding: 0 5px;
    height:52px;
    line-height:52px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}
.index_group .index_company{
    padding-top: ;
}
.index_company .swiper-slide a{
    display: block;
    width: 100%;
    position: relative;
    cursor: default;
    padding-left: 58px;
    text-align: left;
    line-height: 24px;
    /* line-height: 65px; */
    /* padding-top: 10px; */
    height: 65px;
    background: url(../images/logo_g.png) no-repeat 6px center #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.index_company .swiper-slide span{
    display: inline-block;
    font-size: 16px;
    position: absolute;
    top: 50%;
    word-break: break-all;
    transform: translate(0%,-50%);
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    /* font-weight: bold; */
    /* font-style: italic; */
    color: #b7b7b7;
}
.footer{
    padding-top: 50px;
    padding-bottom: 35px;
    background: #0052a3;
}
.footer a{
    font-size: 14px;
    color: #b5c3d1;
}
.footer .foot_up{
    overflow: hidden;
}
.foot_up .up_left{
    float: left;
}
.up_left dl{
    float: left;
    margin-right: 30px;
}
.up_left dl dt{
    margin-bottom: 8px;
}
.up_left dl dt a{
    color: #fff;
    font-size: 16px;
}
.up_left dl dd{
    line-height: 28px;
}
.foot_up .up_right{
    float: right;
    /* width: 130px; */
    margin-top: 4px;
    text-align: center;
}
.up_right h2{
    font-size: 16px;
    color: #b5c3d1;
    margin-bottom: 18px;
}
.foot_up .up_right ul li{
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}
.foot_up .up_right ul li img{
    width:100px;
    height: auto;
}
.up_right p{
    font-size: 14px;
    margin-top: 8px;
    color: #b5c3d1;
}
.foot_bottom{
    /* overflow: hidden; */
    padding-top: 46px;
}
.foot_bottom .bottom_left{
    float:left;
    /* vertical-align: middle; */
    font-size: 14px;
    line-height: 24px;
    color: #b5c3d1;
}
.bottom_left span{
    vertical-align: baseline;
    font-size: 16px;
}
.foot_bottom .bottom_right{
    width: 350px;
}
.bottom_right li{
    float: right;
    margin-left: 8px;
    width: 164px;
    height: 30px;
    border: 1px solid #9a9fb0;
    position: relative;
    background: rgba(255,255,255,.1);
}
.bottom_right li .link_title {
    width: 164px;
    height: 30px;
    font-size: 14px;
    color: #9bbbe0;
    line-height: 30px;
    text-indent: 12px;
    cursor: pointer;
    background: url(../images/arrow1.png) no-repeat 94% center;
}
.bottom_right li .link_box {
    display: none;
    position: absolute;
    bottom: 29px;
    left: -1px;
    width: 270px;
    height: auto;
    overflow: auto;
    padding: 10px 12px;
    background: rgba(255,255,255,.9);
    border: 1px solid #9a9fb0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.link_box a {
    display: block;
    font-size: 14px;
    line-height: 28px;
    padding-left: 10px;
    background: url(../images/dots-r.png) no-repeat left center;
    color: #111213;
}
.foot_bottom .bottom_right{
    float: right;
}
/*手机版导航*/
.mobileNav{ display:none;position:fixed; top:70px; z-index:10000; width:100%; height:100%;overflow-y: scroll; background:#0355a1;left:0;}
.mobileNav .container{ overflow-y: scroll; height: 100%;}
.mobileNav ul{ height: 90%; overflow-y:scroll;}
.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:#0355a1; border-bottom: 1px solid #ddd; display:block; font-size:15px; padding-left:34px;}

/* 纯单页内容 */
.bgColor{
    background: #fafafa;
}
.banner{
    clear: both;
    overflow: hidden;
    position: relative;
}
.banner 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;
    object-fit:cover;
    font-family: 'object-fit: cover';
    z-index: 1000;
    animation: anima_img 15s ease-in-out infinite;
    -webkit-animation: anima_img 15s ease-in-out infinite;
    -o-animation: anima_img 15s ease-in-out infinite;
    -moz-animation: anima_img 15s ease-in-out 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);
    }
    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);
    }
}

.main{ 
    position: relative; 
    margin-top:-100px; 
    margin-bottom: 50px;
    overflow: hidden;
}
.main .mainleft{ 
    float: left;
    width: 24%; 
    padding-bottom: 30px;
}
.mainleft .maintop{ 
    padding-top: 60px;
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    padding-left: 40px;
    height: 100px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.maintop h1{ 
    font-size: 24px; 
    color: #fff; 
    font-weight: bold; 
    position: relative;
}
.maintop h1::before{
    content: " ";
    display: block;
    position: absolute;
    width: 20px;
    height: 2px;
    background: #fff;
    top: -13px;
}
.mainleft ul{ 
    background:url(../images/mainbg.png) no-repeat left top;
    background-size: cover;
    
}
.mainleft ul li{ 
    padding: 0 6%; 
    height:48px; 
    margin-bottom: 1px;
}
.mainleft ul li a{ 
    display: block; 
    padding-left: 22px; 
    color: #333; 
    font-size: 18px; 
    line-height: 48px; 
    border-bottom: 1px solid #e7e7e7;
}
.mainleft ul li.current{ 
    background: url(../images/arrow-right.png) no-repeat 85% center #0355a1;
}
.mainleft ul li.current a{ 
    color: #fff;
}
.main .mainright{
    width: 74%;
    margin-top: 55px; 
    background: #fff;
    float: right;
    min-height: 500px;
    padding: 40px 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.mainright .columnname{ 
    border-bottom:2px solid #f1f1f1; 
    overflow: hidden; 
    padding-bottom: 15px;
}
.columnname h1{ 
    float: left; 
    font-size:24px; 
    color: #0355a1;
}
.newsnav{ 
    line-height: 28px;
    float: right; 
    font-size:14px; 
    color: #666; 
    background: url(../images/map.png) no-repeat left center; 
    padding-left: 20px;
}
.newsnav a{ 
    font-size:14px; 
    color: #666;
}
.newsnav a.current{ 
    color:#0355a1;
}
.mainright .singleContent{ 
    /* overflow: hidden; */
    padding-top: 25px;
}
.singleContent p{ 
    font-size:16px; 
    color: #333; 
    clear: both;
    margin-bottom: 10px;
    line-height:32px;
}
.singleContent p a{
    font-size:16px; 
    color: #333; 
}
.singleContent .aboutleft{ 
    float: left;
    width: 68%;
}
.singleContent .aboutright{
    float: right;
    width: 30%;
}
.singleContent img{ 
    max-width: 100%; 
    height: auto;
}

.zzjglist{
    width: 70%;
    margin: -10px auto 0;
    position: relative;
}

.zzjglist::before{
    content: " ";
    display: block;
    width: 90.5%;
    margin: 0 auto;
    height: 1px;
    background: #d5d5d5;
}
.zzjglist li{
    float:left;
    width: 9.6%;
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin-right:8.48%;
}
.zzjgtitle{
    background:#0355a1;
    height: 290px;
    padding-top: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
}
.singleContent span.line-a{
    width: 1px;
    height: 48px;
    margin-top: 0;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    background: #d5d5d5;
}
.zzjgtitle span{
    display: inline-block;
    width: 16px;
}
.singleContent span.line_b{
    width: 1px;
    height: 48px;
    opacity: 0;
    vertical-align: bottom;
    display: inline-block;
    position: relative;
    background: #d5d5d5;
}
.zzjglist li.on .zzjgtitle{
    box-shadow: 0 0 10px 0 rgba(19,99,173,.8);
}
.zzjglist li.on span.line_b{
    opacity: 1;
}
.zzjg_bottom{
    clear: both;
    height: 503px;
}
.zzjg_bottom .jglist{
    display: none;
    text-align: center;
    transition: all .5s;
}
.jglist .line-sub{
    height: 1px;
    background: #d5d5d5;
}
.jglist dl {
    margin-top: -5px;
}
.jglist dl dd {
    display: inline-block;
    width: 6.66%;
    margin: 0 2.4%;
    position: relative;
    vertical-align: top;
}
.jglist dl dd .sub-title{
    position: relative;
    padding-top: 25px;
    height: 435px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #0093d3;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.1);
}
.jglist dl dd .sub-title p{
    display: inline-block;
    font-size: 18px;
    width: 18px;
    margin: 0 8px;
    line-height: 24px;
    color: #fff;
    vertical-align: top;
}
.jglist.index0{
    
}
.jglist.index0 .line-sub{
    width: 37.7%;
    margin-left: 18.3%;
}

.jglist.index1 .line-sub{
    width: 71.5%;
    margin-left: 14.2%;
}
.jglist.index2 .line-sub{
    width: 47.7%;
    margin-left: 26.2%;
}
.jglist.index3 dl{
    transform: translateX(6.5%);
}
.jglist.index3 .line-sub{
    display: none;
}
.jglist.index3 span.line-a{
    display: none;
}
.jglist.index4 dl{
    transform: translateX(19%);  
}
.jglist.index4 .line-sub{
    display: none;
}
.jglist.index4 span.line-a{
    display: none;
}
.jglist.index5 .line-sub{
    width: 55.5%;
    margin-left: 26.2%;
}


/* 领导团队 */
.leader-list{
    padding-top: 30px;
}    
.leader-list li{ 
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}
.leader-list li .leader_top{
    overflow: hidden;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background: #fafafa;
    height: 40px;
    line-height: 40px;
}
.leader-list li h2{
    float: left;
    font-size:16px;
    color:#000; 
    line-height: 40px;
    /* font-weight: bold; */
}
.leader-list li h2 span{
    font-size: 14px; 
    margin-left: 10px;
    color: #444;
}
.leader-list li a{
    float: right;
    width: 20px;
    height: 40px;
    float: right;
    background: url(../images/read_more.png) no-repeat center center;
}
.leader-list li .leaderInfo{ 
    padding: 15px;
    display: none;
}
.leader-list li .leaderInfo p{
    font-size: 16px;
    line-height: 32px;
    color: #333;
}
.leader-list li.active .leader_top{
    background: #0355a1;
    cursor: pointer;
}
.leader-list li.active h2,.leader-list li.active span{
    color: #fff;
}
.leader-list li.active a{
    background: url(../images/read_more-r.png) no-repeat center center;
}


/* 大事纪要 */
.processBox{
    padding-top: 45px;
}
#historySwiper{
    width: 45.2%;  
}
#historySwiper .swiper-slide{ 
    text-align: center;
}
#historySwiper .swiper-slide a{ 
    display: inline-block; 
    font-size: 40px; 
    color: #dee4e4; 
    font-weight: bold;
    font-family: "Arial"; 
    text-align: center;
    cursor: pointer;
}
#historySwiper .swiper-slide-active a{ 
    color: #1363ad;
}
.processBox .timeline{ 
    position: relative;
}
.timeline .time-round{
    text-align: center; 
    margin-top: 10px;
}
.timeline ul.history::before{ 
    position: relative; 
    content: ""; 
    display: block; 
    width: 1px; 
    height: 70px; 
    margin: auto; 
    background: #7f7777;
}
.timeline ul.history li{
    position: relative; 
    width: 1px; 
    margin: 0 auto; 
    background: #7f7777;  
}
.timeline ul.history li::after {
    content: '';
    position: absolute;  
    left: 50%; 
    top:3px; 
    margin-left: -10.5px; 
    width: 21px;  
    height: 21px;  
    z-index: 2;
    background: url(../images/hisDots.png) no-repeat;
}
.timeline ul.history li>div {
    position: relative;
    bottom: 0;
    width:398px;
    overflow:hidden;
}
.timeline ul.history li>div .hisimg { 
    float: left; 
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #e6ebeb;
    padding: 5px 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.hisimg img{ 
    width: 100%; 
    height: 100%;
    border-radius: 50%;
}
.timeline ul.history li>div .his-r{ 
    float: right; 
    width: 73.3%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.his-r h2{ 
    text-align: right; 
    margin-bottom: 5px; 
    font-size: 22px; 
    color: #0355a1; 
    font-weight: bold;
}
.his-r p{ 
    line-height: 30px; 
    font-size: 16px; 
    color: #676565;
}
.his-r p strong{ 
    float: left;   
    font-weight: normal;
    color: #0355a1;
    margin-right: 10px;
}
.timeline ul.history li.hisleft{

}
.timeline ul.history li.hisleft>div .hisimg{ 
    float: right;
}
.timeline ul.history li.hisleft>div .his-r{ 
    float: left;
}
.timeline ul.history li.hisleft>div .his-r h2{ 
    text-align: left;
}

.timeline ul.history li:nth-of-type(even) > div { 
    left: 40px; 
}
.timeline ul.history li:nth-of-type(odd) > div {
    left: -424px; 
}
.timeline ul.history li>div { 
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.timeline ul.history li:nth-of-type(even)>div {
    transform: translate3d(100px, -10px, 0) rotate(10deg);
}
.timeline ul.history li:nth-of-type(odd)>div {
    transform: translate3d(-100px, -10px, 0) rotate(10deg);
}
.timeline ul.history li.in-view>div {
    transform: none; 
    visibility: visible; 
    opacity: 1;
}
.timeline ul.history li.hisleft>div {
    /* transform: none; 
    visibility: visible; 
    opacity: 1; */
}

@media screen and (max-width: 900px) {
    .timeline ul.history li>div { width: 250px; flex-direction: column; }
    .timeline ul.history li>div div { width: 80%;margin: 10px;}
    .timeline ul.history li:nth-of-type(odd) > div { left: -289px; }
}
@media screen and (max-width: 600px) {
    .timeline ul.history li { margin-left: 20px; }
    .timeline ul.history li div { width: calc(100vw - 91px); }
    .timeline ul.history li:nth-of-type(odd) > div { left: 45px; }
}

/* 资质荣誉列表 */
.mainright .honorlist{
    padding-top: 30px;
}
.honorlist li{
    width:32%;
    float: left;
    margin-right:2%;
    margin-bottom: 20px;
   
}
.honorlist li .imgbox{
    width:100%;
    height: auto;
    overflow: hidden;
}
.honorlist 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;
}
.honorlist li .h-title{
    text-align: center;
    padding: 8px;
    background: #fff;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* 成员企业封面 */
.mainright .companyInfo{
    margin-top:20px;
    font-size:16px;
    line-height: 32px;
    color: #333;
	padding:20px;
}
.cyqy{ 
    background: #f4f8fd;
    margin-top: 20px;
    overflow: hidden; 
    padding:0 20px 30px 0;
}
.mainright .company_tab{ 
    float: left; 
    width: 24.4%;
}
.company_tab li{ 
    padding-right: 14px; 
    margin-bottom: 2px; 
    background-size: 14px auto;
}
.company_tab li div{ 
    background: #c0d4eb; 
    padding-top:45px; 
    padding-bottom:45px; 
    font-size: 18px; 
    color: #0355a1; 
    font-weight: bold; 
    text-align: right; 
    padding-right:25px;
}
.company_tab li.active{ 
    background: url(../images/arrow-qy.png) no-repeat right center; 
    background-size: 14px auto;
}
.cyqy .qymlContent{ 
    width:70.4%; 
    float: right; 
    padding-top: 30px;
}
.qymlContent .qymlList{
    display: none;
}
.cyqy .qymlList li{ 
    margin-bottom: 9px;
}
.qymlList li h2{ 
    font-size:16px; 
    color: #0355a1; 
    padding: 12px 20px; 
    background:#fff;
}
.qymlList li div.qymlInfo{ 
    display: none; 
    background: #fff; 
    font-size:16px; 
    color: #444; 
    line-height:32px; 
    padding:20px; 
}
.company_tab li>div{ 
    color: #fff;
}
.company_tab li.index0>div{ 
    background:#0355a1;
}
.company_tab li.index1>div{ 
    background:#0268c6;
}
.company_tab li.index2>div{ 
    background:#0378e5;
}
.company_tab li.index0.active{
    background: url(/skin/default/images/arrow-qy1.png) no-repeat right center; 
    background-size: 14px auto;
}
.company_tab li.index1.active{
    background: url(/skin/default/images/arrow-qy2.png) no-repeat right center; 
    background-size: 14px auto;
}
.company_tab li.index2.active{
    background: url(/skin/default/images/arrow-qy3.png) no-repeat right center; 
    background-size: 14px auto;
}
.qymlList li.active h2{ 
    background: #0355a1; 
    color: #fff;
}

/* 核心板块列表 */
.mainbox{
    padding-top: 30px;
    /* background: #fdfdfe; */
    /* background-size: 100% 100%; */
    padding-bottom:40px;
}
.mainbox .commonbox{
    background: #fff;
    border: 3px solid #fafbfb;
    padding: 15px 25px 45px;
    border-radius: 3px;
    box-shadow: 0 0 4px 0 rgba(149,193,234,.2);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.commonbox .menubox{
    overflow: hidden;
    height: 80px;
    border-bottom: 2px solid rgba(98,98,98,.2);
}
.menubox .menu_name{
    float: left;
    font-size: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 24px;
    margin-top: 25px;
    padding-right: 32px;
    color: #0355a1;
    border-right: 1px solid #e0e0e0;
}
.menubox .menu_nav{
    float: left;
}
.menu_nav a{ 
    display: inline-block;
    padding: 25px 0 26px;
    margin:0 26px;
    font-size: 18px;
    color: #6b6b6b;
    position: relative;
    border-bottom: 2px solid transparent;
}
.menu_nav a.current{
    color: #0355a1;
    border-bottom: 2px solid #0355a1;
}
.menu_nav a::after{
    content: " ";
    position: absolute;
    width: 0;
    height: 2px;
    background: #0355a1;
    transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    left: 0;
    bottom:-2px;
}
.commonTitle{
    padding-top: 44px;
    padding-left: 16px;
}
.commonTitle.yw_common{ 
    overflow: hidden;
}
.commonTitle h3{
    font-size: 42px;
    text-transform: uppercase;
    font-family: arial;
    font-weight: 700;
    color: rgba(220,225,229,.2);
}
.commonTitle h2{
    font-size: 26px;
    position: relative;
    margin-top: -20px;
    color: #0355a1;
}
.yw_common .column_left{
    /*float: left;*/
}
.yw_common .column_right{
    /*float: right;*/
    /*width: 60%;*/
    font-size: 16px;
    line-height: 32px;
    color: #222;
    margin-top: 20px;
}
.yw_box{
    padding-top: 25px;
}
.yw_list li{
    float: left;
    width: 31.47%;
    margin-right: 2.795%;
    margin-bottom: 30px;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.1); 
}
.yw_list li a{
    display: block;
}
.yw_list li .imgbox{
    height: 308px;
    overflow: hidden;
}
.yw_list li .imgbox img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
}
.yw_list li .yw_title{
    padding: 15px 18px;
    height: 82px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.yw_list li .yw_title h2{
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
}
.yw_list li .yw_title p{
    font-size: 16px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.block_content{
    padding-top: 45px;
    min-height: 500px;
    transition: all .5s;
}

#ywnewstext{
   
}

/* 核心板块内容 */
.singleNav{
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 15px;
}
.mainbox .commonbox.yw_wrapbox{
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
.yw_wrapbox .yw_left_nav.DckfPosf{
    position: fixed;
    /* position: sticky; */
    left: 0;
    top: 0;
    height: 100%;
    padding-left: 100px;
    padding-top: 158px;
    z-index: 3;
}
.yw_wrapbox .yw_left_nav{
    float: left;
    width: 32.08%;
    padding-left: 25px;
    padding-right: 90px;
    padding-top: 40px;
    padding-bottom: 145px;
    background: #fafcfe;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.yw_left_nav h1{
    font-size: 18px;
    color: #141e31;
    font-weight: bold;
    margin-bottom: 24px;
}
.yw_left_nav span.line_yw{
    display: inline-block;
    width: 15px;
    height: 5px;
    background: #0355a1;
    margin-bottom: 14px;
}
.yw_left_nav .yw_info{
    /* display:none; */
    font-size: 16px;
    line-height: 32px;
    color: #222;
}
.yw_left_nav .case_nav{
    /* margin-top:50px; */
    margin-top:15px;
}
.case_nav a{
    display: block;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    color: #222;
    border-bottom:1px solid #e1e7ee;
}
.case_nav a.active{
    color: #0355a1;
    border-bottom: 1px solid #0355a1;
    background: url(../images/dckfJt.png) no-repeat right center;
}
.yw_left_nav .returnPrev{
    display: block;
    width: 100%;
    height: 52px;
    background: #0355a1;
    margin-top: 34px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 52px;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}
.yw_wrapbox .yw_right_box{
    float: right;
    width: 60.8%;
    padding-top: 40px;
    padding-right: 25px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.yw_right_box h2{
    font-size: 22px;
    color: #141e31;
    margin-bottom: 32px;
}
.yw_right_box span.line-small{
    display: inline-block;
    width: 15px;
    height: 5px;
    background: #0355a1;
    margin-bottom: 14px;
}
.yw_right_box .yw_newstext{
    font-size: 16px;
    line-height: 32px;
    color: #333;
    text-align: justify;
}
.yw_right_box .case_box{
    padding-top: 35px;
    margin-bottom: 30px;
    border-top: 1px solid #eaeaea;
}
.yw_right_box .yw_picsbox{
    padding-top: 0;
    border-top: none;
}
.yw_other p{ 
    font-size: 18px; 
    line-height: 32px; 
    color: #333;
    margin-bottom: 10px;
}
.yw_other p a{
    font-size: 16px; line-height: 32px;
    color: #333;
}
.xm_piclist{
    overflow: hidden;
}
.xm_piclist li.pic_li{
    width: 32.93%;
    float: left;
    margin-right: .6%;
    margin-bottom: 5px;
}
.xm_piclist li.pic_li img{
    width: 100%;
    height: auto;
}
/* 集团要闻列表 */
.mainright .newslistbox{
    padding-bottom: 40px;
    padding-top: 10px;
}
.newslistbox li{
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #f9f9f9;
}
.newslistbox li a{
    display: block;
}
.newslistbox li .imgbox{
    float: left;
    width: 20.86%;
    overflow: hidden;
}
.newslistbox li .imgbox img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
}
.newslistbox li .news-info{
    float: right;
    width: 76.2%;
    padding-top: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.newslistbox li .news-info h2{
    font-size: 16px;
    color: #000;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-bottom: 12px;
}
.newslistbox li .news-info .info_text{
    font-size: 14px;
    line-height: 26px;
    height: auto;
    overflow: hidden;
    padding-left: 0;
    color: #86898e;
    margin-bottom: 8px;
    transition: all 1s;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
}
.newslistbox li .news-info span{
    font-size: 15px;
    color: #b7b9bb;
    font-family: 'arial';
}

/* 新闻内容页 */
.location{
    background: #fff;
    height: 58px;
    border-bottom: 1px solid #e8e8e8;
}
.location .newsnav{
    float: left;
    height: 58px;
    line-height: 58px;
}
.location .menu_tab{
    float: right;
}
.menu_tab a{
    display: inline-block;
    font-size: 16px;
    color: #333;
    padding: 0 22px;
    line-height: 58px;
}
.menu_tab a.current{ 
    color: #0355a1;
    background: url(../images/arrow-up.png) no-repeat bottom center;
}
.mainContent{
    background: #fff;
    padding: 45px 40px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.mainContent h1{
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    font-size: 22px;
    color: #0355a1;
}
.mainContent .release{
    margin-top: 15px;
    font-size: 16px;
    color: #666;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 15px;
}
.mainContent .release span{
    margin: 0 10px;
}
.mainContent .newstext{
    margin-top: 30px;
    padding-bottom: 50px;
    font-size: 16px;
    line-height: 32px;
    color: #333;
}
.mainContent .newstext p{
    font-size: 16px;
    line-height: 32px !important;
    margin-bottom: 10px;
    color: #333;
}
.mainContent .newstext p img{
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 100%;
    height:auto;
}
.mainContent .nextpage{
    overflow: hidden;
    border-top: 1px solid #dfdfdf;
    padding-top: 40px;
}
.nextpage p{
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}
.nextpage p a{
    font-size: 16px;
    color: #333;
}

/* 通用新闻列表模板 */
.commonList{
    padding-top: 25px;
    padding-bottom: 40px;
}
.commonList li{
    overflow: hidden;
    border-bottom: 1px solid #f8f8f8;
    padding: 26px 0 26px 22px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}
.commonList li .date{
    float: left;
    width: 60px;
    height: 55px;
    background: #f7f8fa;
    border-radius: 5px;
    text-align: center;
}
.commonList li .date span{
    display: inline-block;
    width: 100%;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    color: #262626;
    font-family: 'arial';
    height: 20px;
    background: #eff0f1;
}
.commonList li .date i{
    font-size: 24px;
    color:#262626;
    font-style: normal;
}
.commonList li .title_r{
    width: 90.4%;
    float: right;
    height: 55px;
}
.commonList li .title_r h2{
    float: left;
    width: 90%;
    font-size: 16px;
    line-height: 55px;
    color: #333;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.commonList li .title_r h2 b{
    color: #0355a1;
}
.commonList li .title_r i.icon_arrow{
    float: right;
    width: 73px;
    height: 55px;
    border-left: 1px solid #f8f8f8;
    background: url(../images/arrow_news_r.png) no-repeat center center;
}

/* 集团文化 */
.singleContent .spirit_img{
    float: left;
    width: 37.75%;
}
.singleContent .spirit_img img{
    width: 100%;
    height: auto;
    margin-top: 10px;
}
.singleContent .spirit_info{
    float: right;
    width: 58.2%;
    margin-top: 10px;
    padding-top: 18px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.singleContent h2{
    font-size: 42px;
    font-weight: bold;
    font-family: 'arial';
    color: rgba(0,0,0,.03);
}
.singleContent h1{
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin-top: -22px;
    margin-bottom: 35px;
}
.singleContent .spirit_text{
    font-size: 16px;
    color: #333;
    text-align: justify;
    line-height:36px;
}

/* 员工风采 */
.picslist{
    padding-top: 30px;
}
.picslist li{
    float:left;
    width: 31.25%;
    margin-right: 3.125%;
    margin-bottom: 30px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
.picslist li a{
    display: block;
}
.picslist li .pics_title{
    padding: 10px 10px;
    line-height: 24px;
    min-height: 68px;
    font-size: 16px;
    color: #333;
}

/* 社会责任 */
.ideal_hr{
    background: url(../images/dutyBg.jpg) no-repeat right center;
    background-size: cover;
    padding-top: 65px;
    padding-bottom: 150px;
    padding-left: 75px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.ideal_hr h2{
    text-transform: uppercase;
    font-size: 60px;
    font-family: 'arial';
    font-weight: bold;
    color: rgba(255,255,255,.09);
}
.ideal_hr h1{
    font-size: 34px;
    color: #fff;
    font-weight: 600;
    margin-top: -20px;
    margin-bottom: 45px;
}
.ideal_hr p{
    font-size: 20px;
    line-height: 36px;
    font-weight: 500;
    color: #fff;
}

/* 卓越党建列表 */
.dj_status_list{
    padding-top: 30px;
    padding-bottom: 40px;
}
.dj_status_list li{
    overflow: hidden;
    border-bottom: 1px solid #f8f8f8;
    padding: 20px 0 20px 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}
.dj_status_list li .date{
    float: left;
    width: 60px;
    height:55px;
    border: 1px solid #e02d2a;
    border-radius: 5px;
    text-align: center;
}
.dj_status_list li .date span{
    display: inline-block;
    font-size: 14px;
    color: #e02d2a;
    font-family: 'arial';
    margin-top: 3px;
}
.dj_status_list li .date i{
    display: block;
    font-size:24px;
    color:#e02d2a;
    font-style: normal;
    margin-top: -4px;
}
.dj_status_list li .title_r{
    width: 90.4%;
    float: right;
    height: 55px;
}
.dj_status_list li .title_r h2{
    float: left;
    width: 90%;
    font-size: 16px;
    line-height:55px;
    color: #2d2f30;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dj_status_list li .title_r i.icon_arrow{
    float: right;
    width: 73px;
    height: 55px;
    border-left: 1px solid #f8f8f8;
    background: url(../images/arrow_news_r.png) no-repeat center center;
}

/* 最新招聘 */
.job_head{ 
    margin-top: 30px;
    background: #0355a1;
    color: #fff;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
}
.job_head span{
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
}
span.job_tit{
    width: 30%;
    text-indent: 15px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.job_degree{
    width: 25%;
}
.job_release{
    width: 15%;
}
.job_more{
    width: 15%;
}
span.job_ftit{
    width: 15%;
}
.joblist{
    border: 1px solid #f5f5f5;
}
.joblist li{
    
    border-bottom: 1px solid #f1f1f1;
}
.joblist li .hr_lis{
    overflow: hidden;
    padding: 20px 0;
    cursor: pointer;
}
.joblist li .hr_lis span{
    float: left;
    font-size: 16px;
    color: #333;
    text-align: center;
}
.joblist li .hr_lis span.job_tit{
    text-align: left;
}
.joblist li .job_content{
    display: none;
    padding: 15px;
    font-size: 16px;
    color: #333;
    line-height: 32px;
}
.joblist li .job_content p{
    line-height: 32px;
    margin-bottom: 10px;
}
.joblist li.active .hr_lis{
    background: #f5f5f5;
}
.joblist li.active span.job_tit{
    color: #0355a1;
}

/* 联系我们内容 */
.contactUs{
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 60px;
}
.contactUs .contact_left{
    float: left;
    width: 34.8%;
    height: 535px;
    padding-left: 28px;
    padding-right: 45px;
    padding-top: 60px;
    background: url(../images/contactBg.jpg) no-repeat left top #458ddf;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.contactUs #map{
    float: right;
    width: 65.2%;
    height: 535px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.contact_left h1{
    font-size: 24px;
    color: #fff;
    margin-bottom:38px;
}

.contact_left ul li{
    padding-left: 40px;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 24px;
    background-position: left 4px;
    background-repeat: no-repeat;
}
.contact_left ul li a{
    font-size: 16px;
    color: #fff;
}
.contact_left ul li.index0{
    background-image: url(../images/icon_contact1.png);
}
.contact_left ul li.index1{
    background-image: url(../images/icon_contact2.png);
}
.contact_left ul li.index2{
    background-image: url(../images/icon_contact3.png);
}
.contact_left ul li.index3{
    background-image: url(../images/icon_contact5.png);
}

/* 搜索 */
.mainbox .titlebox{
    padding-top: 20px;
    text-align: center;
    margin-bottom: 40px;
}
.titlebox h1{
    color: #000;
    font-size:32px;
    text-align:center;
    margin-bottom: 20px;
}
.titlebox span{
    display: inline-block;
    width: 66px;
    height: 4px;
    background: #0355a1;
}
.mainbox .newslists{
    padding-bottom: 40px;
}
.newslists li{
    overflow: hidden;
    background: url(../images/dots.png) no-repeat left 28px;
    background-size: 5px auto;
    padding-left: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #ededed;
}
.newslists li a{
    float: left;
    font-size: 16px;
    color: #292929;
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.newslists li a b{
    font-weight: normal;
    color: #ff0000;
}
.newslists li span{
    float: right;
    font-size: 16px;
    color: #8d8d8d;
}

.pages{
    text-align: center;
}
.pages a{
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 16px;
    font-family: 'arial';
    color: #5d5a59;
    margin: 0 5px;
}
.pages b{
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 16px;
    font-family: 'arial';
    color: #fff;
    border-radius: 50%;
    background: #1363ad;
    margin: 0 5px;
}

/* 员工风采 */
#fh5co-main {
    padding-top: 30px;
}
#fh5co-main .row{margin-left: 0; margin-right: 0;} 
#fh5co-board .item {
    margin: 10px 10px 20px 10px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
#fh5co-board .item a {
    display: block;
}
#fh5co-board .item .fh5co-desc {
    padding: 20px;
    float: left;
    line-height: 24px;
}
#fh5co-board .item .fh5co-item-title {
    font-family: "Montserrat", arial, sans-serif;
    font-size: 17px;
    line-height: 24px;
    margin: 0;
    padding: 0;
}
#fh5co-board .item img {
    max-width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
}
#fh5co-board .item .fh5co-board-img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
}
.js .animate-box {
    opacity: 1; 
}

pre {
background: #e9e9e9;
border: 1px solid #ccc;
}

/* 联系我们 */
.mainbox .commonbox.contactbox{
    padding-top: 0;
}
.contactbox .map{
    width: 100%;
    height: 390px;
    margin-top: 50px;
}
.contactContent{
    overflow: hidden;
    position: relative;
    margin-top: -38px;
}
.contactContent .contact_left{
    float: left;
    width: 43.478%;
    padding-top: 118px;
    padding-left: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.contact_left dd{
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 62px;
    line-height: 26px;
    margin-bottom: 32px;
}
.contact_left dd b{
    font-size: 24px;
    color: #1363ad;
    font-weight: bold;
}
.contact_left dd p{
    font-size: 16px;
    color: #3e3e3e;
}
.contactContent .contact_right{
    float: right;
    width: 50%;
    color: #fff;
    background-image: url(../../img/contactBg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding:72px 115px 108px 68px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.contact_right h2{
    font-size: 24px;
    margin-bottom: 32px;
}
.contact_right p{
    font-size: 16px;
    line-height: 30px;
    opacity: .9;
}

.searchBtn{
    display: none;
}
.spirit_phone_img{
    display: none;
}

@media screen and (min-width:768px){
    .swiper-container { width: 100%;height: 100%;}
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-slide{ box-sizing: border-box;background-repeat: no-repeat; background-size: cover; background-position: center center;}
  
    .index-weather #weather li:hover{ background: url(../images/dots.png) no-repeat left center;}
    .index-weather #weather li:hover a{ color: #0355a1; }

    .index-title span:hover{ color: #0355a1;}
    .index-title span:hover::before{ width: 100%;
        transition: all 1s;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
    }
    .index-title a:hover{ color: #0355a1;}
    .boxlist .swiper-slide:hover .imgbox img{
        transform: scale(1.25);
        -o-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -webkit-transform: scale(1.25);
        -ms-transform: scale(1.25);
    }
    .boxlist .swiper-slide:hover .swiper-title{ color:  #e6e6e6;}
    .infolist li:hover{ background: url(../images/dots.png) no-repeat left center; }
    .infolist li:hover a,.infolist li:hover span{ color: #025db9; }
    .block_list li:hover{ margin-top: 0; background: #025db9; box-shadow: 0 0 30px 15px rgba(0,0,0,0.05);}
    .yw_box .block_list li:hover{ margin-top: 16px; background: #025db9; box-shadow: 0 0 30px 15px rgba(0,0,0,0.05);}
    .block_list li:hover span,.block_list li:hover h2{ color: #fff;}
    .yw_box .block_list li:hover a::after{ opacity:1;}
    .swiper-group .swiper-slide: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);
    }
    .swiper-group .swiper-slide:hover .group_tit{ background: #025db9; color: #fff; }
    .index_company .swiper-slide:hover a{ background: url(../images/logo_r.png) no-repeat 6px center #fff; }
    .index_company .swiper-slide:hover span{ color: #444; }
    .link_box a:hover{ color: #025db9; background: url(../images/dots.png) no-repeat left center;}
    .up_left dl dd a:hover,.bottom_left a:hover{ color: #fff; }

    .mainleft ul li:hover{ background: url(../images/arrow-right.png) no-repeat 85% center #0355a1; }
    .mainleft ul li:hover a{ color: #fff; }
    .newsnav a:hover{ color:#0355a1; }
    #historySwiper .swiper-slide a:hover{ color: #1363ad; }
    .honorlist li:hover{
        box-shadow: 0 0 10px 4px rgba(172,184,212,.3);
        -webkit-box-shadow:0 0 10px 4px rgba(172,184,212,.3);
        -moz-box-shadow:0 0 10px 4px rgba(172,184,212,.3);
    }
    .honorlist li:hover 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);
    }

    .leader-list li:hover .leader_top{
        background: #0355a1;
        cursor: pointer;
    }
    .leader-list li:hover h2,.leader-list li:hover span{
        color: #fff;
    }
    .leader-list li:hover a{
        background: url(../images/read_more-r.png) no-repeat center center;
    }
    
    .case_nav a:hover{ color: #0355a1; border-bottom: 1px solid #0355a1; background: url(../images/dckfJt.png) no-repeat right center; }
    .qymlList li:hover h2{ background: #0355a1; color: #fff; }
    .yw_other p a:hover{ color: #0355a1; }
    .singleContent p a:hover, .nextpage p a:hover{ color: #0355a1; }

    .menu_nav a:hover{ color: #0355a1; }
    .menu_nav a:hover::after{ width: 100%;}
    .menu_tab a:hover{ color: #0355a1; background: url(../images/arrow-up.png) no-repeat bottom center;}
    
    .yw_list li:hover,.other_list li:hover{ box-shadow: 0 0 7px 0 rgba(19,99,173,.2); }
    .yw_list li:hover .imgbox img,.other_list li:hover .imgbox img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
    .yw_list li:hover h2,.other_list li:hover h3{ color: #0355a1;}
    .yw_left_nav .returnPrev:hover{ background: #0355a1;}

    .picslist li:hover .imgbox img{ opacity: .6;
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
    .picslist li:hover .pics_title{color: #0355a1;}
    .newslistbox li:hover .imgbox img,.leader_box li:hover img,.leader_list li:hover img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
    .leader_box li:hover h2,.leader_list li:hover h2{color: #0355a1;}
    
    .newslistbox li:hover h2{color:#0355a1; font-weight: 700;}
    .newslistbox li:hover .info_text{ padding-left: 30px;}
    .pages a:hover{ color: #fff;border-radius: 50%;background: #0355a1; }
    .commonList li:hover{ background: #fafbfb;}
    .commonList li:hover .date{ background: #025db9;}
    .commonList li:hover .date span{ background: #08559d; color: #fff;}
    .commonList li:hover .date i{ color: #fff;}
    .commonList li:hover .title_r h2{ color: #0355a1;}
    .commonList li:hover .title_r i.icon_arrow{background: url(../images/arrow_news_c.png) no-repeat center center;}
    .commonList.ljhx_list li:hover .title_r i.icon_arrow{background: url(../images/eye.png) no-repeat center center;}
    
    .dj_status_list li:hover{ box-shadow: 0 0 15px 0 rgba(30,118,199,.2); }
    .dj_status_list li:hover .date{ background: #e02d2a;}
    .dj_status_list li:hover .date span{ color: #fff;}
    .dj_status_list li:hover .date i{ color: #fff;}
    .dj_status_list li:hover .title_r h2{ color: #e02d2a;}
    .dj_status_list li:hover .title_r i.icon_arrow{background: url(../images/icon_dj.png) no-repeat center center;background-size: auto 100%;border-left: 1px solid transparent;}
    
    #fh5co-board .item .image-popup:hover img { opacity: .5;
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
    }
    #fh5co-board .item:hover .fh5co-desc{ color: #01488b;}

    .newslists li:hover a,.newslists li:hover a b{ color: #0355a1; }
    .joblist li:hover .hr_lis{ background: #f5f5f5; }
    .joblist li:hover span.job_tit{ color: #0355a1; }
    .joblist li:hover span.job_more{ color: #0355a1;}
}


@media (min-width: 768px) and (max-width:992px) {
    .indexbox .index_left{ float: none; width: 100%; overflow: hidden;}
    .indexbox .index_right{ float: none; width: 100%; margin-top: 20px;}
    .block_list li .imgbox{ width: 110px; height: 110px;}
    .index-title span{ margin-right: 20px;}
    .infolist li a{ width: 74%;}
}


@media (max-width:768px){
    /* 首页 */
    .header{ height:70px; 
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .header .head{ height: auto; padding:0 10px;}
    .header .logo{width: 62%; margin-top: 17px;}
    .header .navbox{ display: none;}
    .header .searchbox{ width:auto;  margin-top: 17px; margin-right: 15px;}
    .searchbox form{ 
        opacity: 0;
        display: none;
        /* width: 300px; */
        background: #fff;
        height:35px;
        /* border: 1px solid rgb(160, 160, 162); */
        margin-right: 10px;
        border-radius:4px;
        position: absolute;
        right: 88px;
        top:40px;
        z-index: -1;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
    }
    .searchbox form input.k{ width: 80%;}
    .searchbox form input.searchbtn{ width:20%;}
    .searchBtn{ display: block;}
    .searchbox span.searchimg{
        display: block;
        float: right;
        width: 21px;
        height: 35px;
        cursor: pointer;
        background: url(../images/i_gray_search.png) no-repeat center center;
        background-size: 21px auto;
    }
    .searchbox img.closebtn{
        display: none;
        width: 16px;
        height: 16px;
        margin-top: 10px;
        cursor: pointer;
    }
    .navbar-toggle{ background-color: #1363ad; margin-top: 17px; margin-right: 0;}
    .navbar-toggle .icon-bar{ background: #fff;}
    .index-banner{ height: 220px;}
    .index-banner .swiper-container{ height: 100%;}
    .index-banner .swiper-slide img{ max-width: 65%;}
    .banner1 .bannerContent{ text-align: center; padding-top: 80px;}
    .index-banner .swiper-button-next, .index-banner .swiper-button-prev{ width:15px; height:26px; background-size: 100% auto;}
    .index-banner .swiper-button-prev{ left: 10px;}
    .index-banner .swiper-button-next{ right: 10px;}
    .index-weather{ padding: 0 10px; font-size: 14px; line-height: 42px; height: 42px;}
    .index-weather p{ margin-left: 8px; padding-left: 0;}
    .index-weather #weather{ margin-left: 30px;}
    .index-weather #weather li{ margin-right: 25px;}
    .index-weather #weather li a,.index-weather #weather li span{ font-size:14px;}
    .indexbox{padding: 30px 10px;}
    .indexbox .index_left,.indexbox .index_right,.index_left .boxlist .swiper-container,.index_left ul{ float: none; width: 100%;}
    .index-title{ margin-bottom: 15px;}
    .index-title span{ margin-right: 15px; font-size: 18px;}
    .index-title a{ top: 3px; bottom: auto;}
    .indexbox .index_right{ margin-top: 20px;}
    .index_left .boxlist .swiper-container{ margin-bottom: 20px;}
    .index_block{ padding-bottom: 30px;}
    .index_block h1{ font-size: 22px;}
    .index_block .block_list{ padding: 24px 10px 0;}
    .block_list li{ width: 49.21875%; margin-top: 5px;}
    .block_list li a{ padding-top: 20px; padding-bottom: 16px;}
    .block_list li .imgbox{ width: 110px; height: 110px;}
    .block_list li span{ margin-top: 5px;}
    .block_list li h2{ font-size: 16px; margin-top: 5px;}
    .block_list li.index2,.block_list li.index3,.block_list li.index4{ width: 32.29%;}
    .block_list li.index3{margin-right: 1.5625% !important;}
    .block_list li.index4{ margin-right: 0;}
    .index_infolist{ margin-top: 0;}
    .box{ padding: 0 10px;}
    .box .box_left,.box .box_right{ width: 100%; float: none;}
    .box .box_right{ margin-top: 20px;}
    .infolist li a{ width: 75%;}
    .index_group{ padding: 26px 10px 30px;}
    .index_group .swiper-group{ padding-bottom: 28px;}
    .swiper-group .swiper-slide .group_tit{ height: 44px; line-height: 44px;}
    .index_company .swiper-slide span{ font-size: 15px;}
    .index_company .swiper-slide a{ height: 55px; line-height:20px; background-size: 28px auto; padding-left: 40px;}
    .footer{ padding: 20px 10px 20px;}
    .foot_up .up_left{ display: none;}
    .footer a{ font-size: 12px;}
    .foot_up .up_right{ float: none; width: 100%;}
    .up_right h2{ font-size: 14px; margin-bottom: 12px;}
    .up_right img{ width: 80px; height: auto;}
    .up_right p{ margin-top: 8px; font-size: 12px;}
    .foot_bottom{ padding-top: 10px;}
    .foot_bottom .bottom_left,.foot_bottom .bottom_right{ float: none; width: 100%;}
    .foot_bottom .bottom_right{ margin-top: 14px;}
    .bottom_right li{ float: none; display: inline-block;}
    .bottom_left p{ display: inline-block;}
    .foot_bottom .bottom_left{ font-size: 12px; line-height: 22px;}
    .bottom_right li{ margin-left: 0; margin-right: 8px;}

    /* 集团概况 */
    .banner img{ vertical-align: bottom;}
    .main{ margin-top:0; margin-bottom: 0;}
    .main .mainleft,.main .mainright{ float: none; width: 100%; }
    .main .mainleft{ padding-bottom: 0;}
    .mainleft .maintop{ display: none;}
    .mainleft ul{ overflow: hidden;}
    .mainleft ul li{ padding: 0 0; float: left;}
    .mainleft ul li a{ font-size: 16px; padding-left: 0; text-align: center;}
    .mainleft ul li.current{ background-image: none;}
    .main .mainright{ margin-top: 0; padding: 30px 10px; min-height: auto;}
    .newsnav{ display: none;}
    .mainright .columnname{ border-bottom: none; padding-bottom: 0;}
    .columnname h1{ float: none; text-align: center; font-size: 20px;}
    .singleContent .aboutleft{ float: none; width: 100%;}
    .singleContent .aboutright{ float: none; width: 100%; padding-top: 15px !important; padding-bottom: 15px; text-align: center;}

    /* 大事纪要 */
    #historySwiper .swiper-slide a{ font-size: 18px;}
    .processBox{ padding-top: 20px;}
    .timeline .time-round{ display: none;}
    .timeline ul.history{ margin-top: 20px;}
    .timeline ul.history::before{ display: none;}
    .timeline ul.history li{ margin-left: 5px;}
    .timeline ul.history li::after{ top: 0;}
    .timeline ul.history li:nth-of-type(odd) > div,.timeline ul.history li:nth-of-type(even) > div{ left: 15px;}
    .timeline ul.history li div{width: calc(100vw - 70px);}
    .timeline ul.history li>div .hisimg{ float: none; width: 80px; height: 80px;}
    .timeline ul.history li>div .his-r{ float: none; width: 100%;}
    .timeline ul.history li>div div{ width: 100%; margin: 10px 0;}
    .his-r h2{ text-align: left; font-size: 18px;}
    .timeline ul.history li.hisleft>div .hisimg,.timeline ul.history li.hisleft>div .his-r{ float: none;}

    /* 资质荣誉 */
    .mainright .honorlist{ overflow: hidden;}
    .honorlist li{ width:49%; margin-bottom: 10px;}

    /* 成员企业 */
    .cyqy{ padding-right: 0; padding-bottom: 10px;}
    .mainright .company_tab{ float: none; width: 100%; overflow: hidden;}
    .company_tab li{ padding-right: 0; float: left; width: 33.3%; padding-bottom: 14px;}
    .company_tab li.index2{ width: 33.3% !important;}
    .company_tab li div{ font-size: 16px; text-align: center; padding-right: 0; padding-top: 15px; padding-bottom: 15px;}
    .cyqy .qymlContent{ float: none; width: 100%; padding: 10px 10px;}
    .company_tab li.index0.active{background: url(/skin/default/images/arrow-qy1_p.png) no-repeat bottom center; background-size: 20px auto;}
    .company_tab li.index1.active{background: url(/skin/default/images/arrow-qy2_p.png) no-repeat bottom center; background-size: 20px auto;}
    .company_tab li.index2.active{background: url(/skin/default/images/arrow-qy3_p.png) no-repeat bottom center; background-size: 20px auto;}
    .qymlList li h2{ font-size: 16px;}
    .qymlList li div.qymlInfo{ padding: 10px; font-size: 15px; line-height: 30px;}

    /* 核心版块 */
    .mainbox{ padding:0; }
    .mainbox .commonbox{ padding:0 10px 25px; }
    .commonbox .menubox{ height: auto;border-bottom: 1px solid rgba(98,98,98,.2);}
    .menubox .menu_name{ float: none; text-align: center; font-size: 20px; padding-right: 0; border-right: none;}
    .menubox .menu_nav{ float: none; margin-top: 8px;}
    .menu_nav a{ width: 20%; font-size: 16px; padding: 15px 0; margin: 0; text-align: center;}
    .commonTitle{ padding-top: 15px; padding-left: 0;}
    .commonTitle h3{ font-size: 32px;}
    .commonTitle h2{ font-size: 18px;}
    .yw_common .column_left{ float: none;}
    .yw_common .column_right{ float: none; width: 100%; font-size: 14px; line-height: 24px;}
    .yw_box{ padding-top: 20px;}
    .yw_list li{ width: 48.6025%; margin-bottom: 10px;}
    .yw_list li .imgbox{ height: auto;}
    .yw_list li .yw_title{ padding: 10px 10px; height: auto;}
    .yw_list li .yw_title h2{ font-size: 16px; line-height: 24px; margin-bottom: 5px;}
    .yw_list li .yw_title p{ font-size: 14px;}

    /* 业务版块内容 */
    .mainbox .commonbox.yw_wrapbox{ padding-top: 20px;}
    .yw_wrapbox .yw_left_nav.DckfPosf{ position: inherit; padding-left: 0; padding-top: 0;}
    .yw_wrapbox .yw_left_nav{ background: #fff; text-align: center; float: none; width: 100%; padding-right: 10px; padding-left: 10px; padding-top: 20px; padding-bottom: 0;}
    .yw_left_nav h1{ margin-bottom: 15px; font-size: 20px;}
    .yw_left_nav span.line_yw{ width: 30px; height: 2px;}
    .yw_left_nav .yw_info,.yw_left_nav .case_nav{ display: none;}
    .yw_wrapbox .yw_right_box{ float: none; padding-left: 10px; padding-right: 10px; width: 100%; padding-top: 10px;}
    .yw_right_box h2{ font-size: 18px; margin-bottom: 5px;}
    .yw_right_box span.line-small{ height: 2px; margin-bottom: 5px;}
    .yw_right_box .yw_picsbox #ywSwiper{ padding-top: 10px; padding-bottom: 25px;}
    .yw_right_box .case_box{ margin-bottom: 20px; padding-top: 20px;}
    .yw_left_nav .returnPrev{ margin-top: 5px; line-height: 32px; height: 32px;}
    .yw_right_box .other_list{ padding-top: 10px;}
    .yw_other p,.yw_other p a{ font-size: 15px; line-height: 28px;}
    .yw_other p{ margin-bottom: 5px;}

    /* 集团新闻 */
    .mainright .newslistbox{ padding-top: 15px; padding-bottom: 25px;}
    .newslistbox li{ padding-top: 15px; padding-bottom: 15px;}
    .newslistbox li .imgbox{ width: 38%;}
    .newslistbox li .news-info{ width: 58%; }
    .newslistbox li .news-info h2{ font-size: 16px; margin-bottom: 5px;}
    .newslistbox li .news-info .info_text{ line-height: 22px; font-size: 14px; height: 44px; margin-bottom: 0;}
    .newslistbox li .news-info span{ font-size: 14px;}
    .pages a,.pages b{ border-radius: 0; font-size: 14px; width: auto; height: auto; line-height: normal; padding: 4px 10px; margin: 0 2px;}

    /* 新闻内容 */
    .location .menu_tab{ float: none;}
    .menu_tab a{padding: 0; text-align: center;}
    .mainContent{ margin-top: 0; padding: 30px 10px;}
    .mainContent h1{ font-size: 20px;}
    /* .content_title{ margin-bottom: 20px;}
    .content_title h1{ font-size: 20px; line-height: 28px; margin-bottom: 15px;}
    .content_title span{ font-size: 15px; margin: 0 5px;} */
    .mainContent .release{ font-size: 14px; border-bottom: none; padding-bottom: 0;}
    .mainContent .newstext{ margin-top: 14px; padding-bottom: 30px;}
    .mainContent .nextpage{ padding-top: 20px;}
    .nextChange p a{display: inline-block; width: 78%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
  
    /* 党建动态 */
    .dj_status_list,.commonList{ padding-top: 10px; padding-bottom: 20px;}
    .dj_status_list li,.commonList li{ padding:10px 0;}
    .dj_status_list li .date,.commonList li .date{height: 54px;}
    .dj_status_list li .date i,.commonList li .date i{ font-size: 18px; margin-top: 0;}
    .dj_status_list li .title_r,.commonList li .title_r{ width: 80.4%; height: 54px;}
    .dj_status_list li .title_r h2,.commonList li .title_r h2{width: 86%; font-size: 16px; line-height: 54px;}
    .dj_status_list li .title_r i.icon_arrow,.commonList li .title_r i.icon_arrow{ width: 36px;}

    /* 集团文化 */
    .singleContent .spirit_img{ display: none;}
    .singleContent .spirit_info{ float: none; width: 100%; margin-top: 0; padding-top: 0;}
    .singleContent .spirit_info h2,.singleContent .spirit_info h1{ display: none;}
    .spirit_phone_img{ display: block; text-align: center; margin-top: 15px;}
    .singleContent .spirit_phone_img img{ max-width: 80%;}

    /* 员工风采 */
    .picslist li{ width:48.4375%; margin-bottom: 15px;}
    .picslist li .pics_title{ padding: 10px 10px;}

    /* 社会责任 */
    .ideal_hr{ padding-top: 20px; padding-bottom: 30px; padding-left: 20px;background-size: 100% 100%;}
    .ideal_hr h2{ font-size: 24px;}
    .ideal_hr h1{ font-size: 20px; margin-top: -12px; margin-bottom: 30px;}
    .ideal_hr p{ font-size: 16px; line-height: 32px;}

    /* 人力资源 */
    .job_head{ overflow: hidden; font-size: 16px;}
    .job_degree,span.job_ftit{ display: none;}
    span.job_tit{ width: 45%;}
    .job_release{width: 30%;}
    .job_more{ width: 25%;}
   
    /* 联系我们 */
    .contactbox{ padding: 0 10px;}
    .contactbox .commonTitle h2{ font-size: 20px;}
    .contactUs{ padding-top: 30px; padding-bottom: 30px;}
    .contactUs .contact_left,.contactUs #map{ float: none; width: 100%;}
    .contactUs .contact_left{ padding: 25px 15px; height: auto;}
    .contactUs #map{ height: 300px;}
    .contact_left h1{ font-size: 18px; margin-bottom: 20px;}
    .contact_left ul{padding-left: 0;}
    .contact_left ul li{ padding-left: 32px; font-size: 15px; line-height: 30px; margin-bottom: 12px; background-size: 23px auto;}

    /* 搜索 */
    .mainbox .titlebox{ margin-bottom: 10px;}
    .titlebox h1{ font-size: 20px; margin-bottom: 10px;}
    .titlebox span{ height: 2px;}
    .mainbox .newslists{ padding-bottom: 20px; padding-left: 10px; padding-right: 10px;}
    .newslists li a{ width:76%;}
}
@media (max-width:380px){
    .header .logo{ margin-top: 20px;}
    .index-banner{ height: 200px;}
    .index_company .swiper-slide a{ height: 80px;}
}
@media (max-width:330px){
    .index-title span{ font-size: 16px; margin-right: 10px;}
    .boxlist .swiper-slide .swiper-title{ font-size: 14px;}
    .infolist li a,.infolist li span{ font-size: 14px;}
    .infolist li a{ width: 72%;}
    .index_block h1{ font-size: 18px;}
    .block_list li h2{ font-size: 14px;}
    .block_list li span{ font-size: 12px;}
    .block_list li .imgbox{ height: 80px; width: 80px;}
    .index_company .swiper-slide span{ font-size: 14px;}
    .swiper-group .swiper-slide .group_tit{ font-size: 14px;}
    .bottom_right li,.bottom_right li .link_title,.bottom_right li .link_box{ width: 138px;}
    .bottom_right li .link_title{ font-size: 12px;}
    .singleContent p,.singleContent p a{ font-size: 14px; line-height: 28px;}
    .leader-list li h2,.leader-list li .leaderInfo p{ font-size: 14px;}
    .leader-list li h2 span{ font-size: 12px;}
    #historySwiper{ width: 66.2%;}
    .his-r h2{ font-size: 16px;}
    .his-r p,.mainright .companyInfo{ font-size: 14px; line-height: 26px;}
    .honorlist li .h-title,.newslistbox li .news-info h2{ font-size: 14px;}
    .qymlList li h2{ font-size: 14px; line-height: 22px; padding: 10px 10px;}
    .menu_nav a{ font-size: 13px; padding: 10px 0;}
    .commonTitle{ padding-left: 0;}
    .commonTitle h3{ font-size: 24px;}
    .commonTitle h2{ font-size: 16px;}
    
    .yw_common .column_right{ font-size: 12px; line-height: 22px;}
    .yw_list li{ width: 100%; margin-right: 0;}
    .yw_list li .yw_title h2{ font-size: 15px;}
    .yw_list li .yw_title p{ font-size: 12px;}
    .yw_left_nav h1{ font-size: 18px;}
    .yw_left_nav .returnPrev{ width: 80%; margin: 0 auto; font-size: 14px;}
    .yw_right_box h2{ font-size: 16px;}
    .yw_right_box .yw_newstext,.yw_other p a,.mainContent .newstext p{ font-size: 14px; line-height: 28px;}
    .yw_right_box .yw_other{ margin-bottom: 0;}
    .yw_other p{ font-size: 14px; line-height: 28px; margin-bottom: 0;}
    .yw_other p a{display: inline-block;vertical-align: middle;color: #222; width: 65%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
    .xm_piclist li.pic_li{ width: 32.93%; margin-bottom: 2px;}
   
    .newslistbox li{ padding-bottom: 10px;}
    .newslistbox li .news-info .info_text{ font-size: 12px; line-height: 18px; height: 34px;}
    .newslistbox li .news-info span{ font-size: 12px;}

    .nextpage p,.nextpage p a{ font-size: 14px;}
    .mainContent{ padding-bottom: 10px;}
    .picslist li .pics_title{ padding: 5px 5px; font-size: 14px; line-height: 22px;}

    .dj_status_list li .date, .commonList li .date{ height: 48px; width: 54px;}
    .dj_status_list li .date span,.commonList li .date span{ font-size: 12px;}
    .dj_status_list li .date i, .commonList li .date i{ font-size: 16px;}
    .dj_status_list li .title_r, .commonList li .title_r{ width:78.4%; height: 48px;}
    .dj_status_list li .title_r h2, .commonList li .title_r h2{ width:87%; font-size: 14px; line-height: 48px;}
    .dj_status_list li .title_r i.icon_arrow, .commonList li .title_r i.icon_arrow{ width:20px; height: 48px;}

    .job_head{ height: 50px; line-height: 50px; font-size: 14px;}
    .joblist li .hr_lis{ padding: 10px 0;}
    .joblist li .hr_lis span{ font-size: 14px;}
    .joblist li .job_content{ font-size: 14px; line-height: 28px;}

    .contentbox{ padding-top: 20px;}
    .content_title{ margin-bottom: 15px;}
    .content_title h1{ font-size: 18px; line-height: 26px; margin-bottom: 10px;}
    .content_title span{ font-size: 13px;}
    .contentbox .newstext,.contentbox .newstext p, .contentbox .newstext span{ font-size: 14px !important; line-height: 28px !important;}
   
    .mainbox .commonbox{ padding-bottom: 10px;}
    .contact_left h1{ font-size: 16px;}
    .contact_left ul li{ font-size: 14px; line-height: 28px;}
    .newslists li a{ width:70%; font-size: 14px;}
    .newslists li span{ font-size: 14px;}
}