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

/* 头部 */
#pageBtn.swiper-pagination{
    /* top: 30%; */
    top: 48%;
    width: auto;
    /* left: 50px; */
    left: 18px;
    right: auto;
    transition: all .2s linear;
}
#pageBtn .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border: 1px solid #1363ad;
    background: transparent;
    margin:20px auto;
    border-radius: 50%;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    position: relative;
    opacity: 1;
}
/* #pageBtn li.swiper-pagination-custom::after{
    content: " ";
    width: 2px;
    height: 0;
    display: inline-block;
    background-color: #1363ad;
    position: absolute;
    top:-48px;
    left:10px;
    opacity: 0;
} */

/* #pageBtn li.swiper-pagination-custom.active{
    color: #1363ad;
    font-size: 20px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
} */
/* #pageBtn li.swiper-pagination-custom.active::after{opacity: 1;
    height: 45px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    
} */
#pageBtn .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #1363ad;
    width: 14px;
    height: 14px;
    
}
/* #pageBtn li.swiper-pagination-custom.active.on::after{opacity: 0;} */


.header .logo{ width: 22.08%; margin-top: 26px;}
.header .logo img{ max-width: 100%; height: auto;}
.header { 
    width: 100%; 
    height: 105px; 
    padding: 0 90px;
    background: #fff; 
    border-bottom: 1px solid #e5e5e5; 
    position: relative; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.header .container {  }

.header .logo { 
    float: left; 
    width: 25%;
    margin-top: 26px; 
}
.header .logo a img { display: block; max-width: 100%; height: auto;}

.header .nav { float: right; }

.header .nav ul { float: right; }

.header .nav ul li { float: left; height: 105px; position: relative; }

.header .nav ul li a.f { display: block; font-size: 18px; color: #333; padding: 40px 12px; }

.header .nav ul li a.f:hover { 
    color: #1363ad; 
}
.header .nav ul li.current a.f{
    color: #1363ad; 
}

.header .nav ul li:hover .nav-child-list { 
    display: block; 
}
.header .nav ul li .nav-child-list { 
    display: none; 
    width: 120px; 
    position: absolute; 
    top: 105px; 
    left: 50%; 
    margin-left: -60px; 
    z-index: 4; 
    background: rgba(255,255,255,.8); 
    border-top: 2px solid #1363ad; 
}

.header .nav ul li .nav-child-list .nav-child-list-con { max-width: 1080px; margin: 0 auto; padding: 10px 0; -webkit-box-shadow: 2px 2px 5px 2px #C9C8C7; -moz-box-shadow: 2px 2px 5px 2px #C9C8C7; box-shadow: 2px 2px 5px 2px #C9C8C7; }

.header .nav ul li .nav-child-list .nav-child-list-con dl dt { padding: 8px 10px; text-align: center; }

.header .nav ul li .nav-child-list .nav-child-list-con dl dt:nth-child(4) { margin-right: 0; }

.header .nav ul li .nav-child-list .nav-child-list-con dl dt:nth-child(8) { margin-right: 0; }

.header .nav ul li .nav-child-list .nav-child-list-con dl dt:hover { 
    background: #1363ad; 
}

.header .nav ul li .nav-child-list .nav-child-list-con dl dt:hover a { color: #fff; }

.header .nav ul li .nav-child-list .nav-child-list-con dl dt a { display: block; font-size: 16px; color: #333; }

.searchWrap { float: right; margin-top: 32px; margin-left: 17px;}

.searchWrap .searchCon { float: left; width: 234px; height:38px; overflow:hidden; border: 1px solid #1765ae; -webkit-border-radius: 38px; -moz-border-radius: 38px; border-radius: 38px; position: relative; }

.searchWrap .searchCon .k { float: left; width: 84%; height: 38px; appearance: none; line-height: 38px; border: none; outline: none; background: none; text-indent: 10px; }

.searchWrap .searchCon .btn { 
    width: 28px; 
    height: 38px; 
    background: url("../../img/search-btn.png") no-repeat center; 
    border: none; 
    outline: none; 
    cursor: pointer; 
    position: absolute; 
    top: 0; 
    right: 8px; 
}
.logo_top{
    position: absolute;
    left:100px;
    top: 50px;
    z-index: 2;
}
.logo_top a{
    display: block;
}
.logo_top a img{
    max-width: 100%;
    height: auto;
}
.aj_menu{
    position: absolute;
    right: 100px;
    top: 30px;
    z-index: 2;
    width: 58px;
    height: 58px;
    display: block;
    cursor: pointer;
    z-index: 110;
    border-radius: 50%;
    background-color: #fff;
    pointer-events: auto;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.aj_menu img{
    width: 100%;
    height: auto;
    margin-top: 3px;
}
.aj_menu::after{
    width: 58px;
    height: 58px;
    box-sizing: border-box;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    border: 4px solid #a2bccc;
    border-radius: 50%;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-name: menu_circle;
    animation-name: menu_circle;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes menu_circle {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    80% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
}
/* 首页 */
.headerCon { 
    position: fixed; 
    width:100%;
    top: -100%; 
    z-index: 9; 
    background: #fff; 
    -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: fadeInRight; 
    -moz-animation-name: fadeInRight; 
    -o-animation-name: fadeInRight; 
    animation-name: fadeInRight; 
    -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; 
}
.position{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
#section1 .index-banner { 
    width: 100%; 
    height: 100%; 
    position: relative; 
}

.index-banner{
    overflow: hidden;
}
.index-banner .swiper-slide{
    width: 100%;
    height: 100%;
    position: relative;
}
.index-banner .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit:cover;
    font-family: 'object-fit: cover';
}
.index-banner .bannerContent{
    position: absolute;
    /* left: 9.8%;   */
}
.index-banner .bannerContent img{
    max-width: 100%;
    height: auto;
}
.banner1 .bannerContent{
    width: 59.2%;
    right: 3.6%;
    top: 25.6%;
    text-align: left;
}
.banner2 .bannerContent{
    width:43.54%;
    right:4.54%;
    top: 23.9%;
}
.banner3 .bannerContent{
    left:9.6%;
    width:55.2%;
    top: 32.4%;
    text-align: left;   
}
.banner1 .bannerContent img{
    max-width:100%;
    height: auto;
}
.banner2 .bannerContent img{
    /* max-width:105%;
    height: auto; */
}
.banner3 .bannerContent img{
    /* max-width:40%;
    height: auto; */
}
.banner4 .bannerContent{
    left: 0;
    width: 100%;
    top: 30.85%;
    text-align: center;   
}
.banner4 .bannerContent img{
    max-width:45.78125%;
    height: auto;
}
.banner5 .bannerContent{
    left: 0;
    width: 100%;
    top:14%;
    text-align: center;   
}
.banner7 .bannerContent{
    text-align: center;
}
.banner5 .bannerContent img{
    max-width:60.5%;
    height: auto;
}
.banner5 a,.banner6 a{
    display:block;
    width:100%;
    height:100%;
}
.banner6 .bannerContent{
    left:0;
    width: 100%;
    top:24%;
    text-align: center;   
}
.banner6 .bannerContent img.banner8img{
    max-width:78%;
    height: auto;
}
.banner6 .bannerContent img.enterbtn{
    width:auto;
    display: block;
    max-width:100%;
    height: auto;
    margin:0 auto;
    margin-top:70px;
}
.bannerContent h1{
    font-size: 40px; 
    color: #fff; 
    letter-spacing: 10px; 
    font-weight: normal; 
}
.bannerContent span{
    font-size: 64px;
    margin: 0 15px;
}
.index-banner .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    background: transparent;
    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;
}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 22px;
}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
    
    border:1px solid #1363ad;
}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #1363ad;
}
.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, .index-banner .pagination span { 
    /* display: inline-block; 
    font-size: 16px; 
    color: #222; 
    width: 12px; 
    height: 12px; 
   
    opacity: 1; 
    margin: 0 40px; 
    cursor: pointer;  */
}
.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: #1363ad; 
}
.index-banner .swiper-button-next { 
    width: 23px; 
    height: 41px; 
    background: url(../../img/index-btn-r.png) no-repeat center; 
    -moz-background-size: 100%; 
    background-size: 100%; 
    position: absolute; 
    top: 50%; 
    right: 5%; 
    opacity: 0.4; 
    z-index: 2; 
    
}
.index-banner .swiper-button-next:hover { opacity: 1; }
.index-banner .swiper-button-prev { 
    width: 23px; 
    height: 41px; 
    background: url(../../img/index-btn-l.png) no-repeat center; 
    -moz-background-size: 100%; 
    background-size: 100%; 
    position: absolute; 
    top: 50%; 
    left: 5%; 
    opacity: 0.4; 
    z-index: 2; 
}
.index-banner .swiper-button-prev:hover { opacity: 1; }
#section h2.index-tit { 
    text-align: left;
    font-size: 28px; 
    color: #000; 
    font-weight: 500;
    margin-bottom: 38px;
}
#section h2.index-tit a {
    font-size: 28px; 
    color: #000; 
    font-weight: 500;
}
#section h2.index-tit span { 
    font-size: 20px;
    color: #777;
    font-family: 'arial';
    margin-left: 12px;
}
#section2,#section4,#section5,#section6{
    padding-top: 105px;
}

#section2.swiper-slide-active .s1-con-l { 
    -webkit-animation-duration: 1.2s; 
    -moz-animation-duration: 1.2s; 
    -o-animation-duration: 1.2s; 
    animation-duration: 1.2s; 
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp; 
    -o-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
    -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; 
}
#section2.swiper-slide-active .s1-con-r { 
    -webkit-animation-duration: 1s; 
    -moz-animation-duration: 1s; 
    -o-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-name: fadeInRight; 
    -moz-animation-name: fadeInRight; 
    -o-animation-name: fadeInRight; 
    animation-name: fadeInRight; 
    -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; 
}




#section2 .indexNews{
    text-align: left;
}

.indexNews .s1-con-l { 
    float: left; 
    width: 54%; 
}
.s1-con-l .newsImg {
    width: 100%; 
    position: relative; 
}
.s1-con-l .newsImg .swiper-slide .imgbox{
    overflow: hidden;  
    height: 382px;
    position:relative;
}
.s1-con-l .newsImg img { 
    display: block; 
    width: 100%; 
    vertical-align: bottom;
    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);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}
.s1-con-l .newsImg .swiper-slide:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}
.s1-con-l .newsImg .swiper-wrapper{
    height: auto !important;
}
.s1-con-l .newsImg .swiper-slide{
    height: auto !important;
}
.s1-con-l .newsImg .swiper-slide a{
    display: block;
    width:100%;
    height: auto;
    position: relative;
}
.s1-con-l .newsImg .news-z { 
    width: 100%; 
    text-align: left;
    height: 44px;
    background: #1363ad; 
    font-size: 18px;
    line-height: 44px;
    overflow: hidden;
    color: #fff;
    padding: 0 100px 0 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.s1-con-l .newsImg .pagination{
    position: absolute;
    bottom: -10px;
    right: 10px;
    left: auto;
    width: auto;
    z-index: 1;
}
.s1-con-l .newsImg .pagination span{
    display:inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin: 0 3px;
    border: 1px solid #fff;
    cursor: pointer;
    opacity: 1;
    background: transparent;
}
.s1-con-l .newsImg .pagination span.swiper-pagination-bullet-active{
    background: #fff;
}

.indexNews .s1-con-r { 
    float: right; 
    width: 42%;
}
.s1-con-r .s1-con-r-tab{
    margin-bottom: 18px;
}
.s1-con-r .s1-con-r-tab a{
    display: inline-block;
    padding: 0 16px;
    height: 50px;
    cursor: pointer;
    line-height: 50px;
    margin-right: 1px;
    color: #333;
    font-size: 22px;
}
.s1-con-r .s1-con-r-tab a:hover{
    background: #1363ad;
    color: #fff;
}
.s1-con-r-tab a.active{
    background: #1363ad;
    color: #fff;
}
.s1-con-r .news-item{
    display: none;
}
.s1-con-r .news-item .first_isgood{
    background: #f0f0f2;
    padding: 26px 24px;
    max-height: 220px;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.s1-con-r .news-item .first_isgood a{
    display: block;
}
.s1-con-r .news-item .first_isgood .isgood-l{
    width: 75.2%;
    float: left;
}
.s1-con-r .news-item .first_isgood .isgood-l h1{
    overflow: hidden;
    font-size: 20px;
    color: #333;
    margin-bottom: 16px;
    font-weight: 600;
    padding-bottom: 15px;
    border-bottom:1px solid #e4e4e4;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}
.s1-con-r .news-item .first_isgood .isgood-l h1::after{
    content: " ";
    display: block;
    width: 0;
    height: 1px;
    background: #1363ad;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
.s1-con-r .news-item .first_isgood .isgood-l h1:hover{
    color: #1363ad;
}
.s1-con-r .news-item .first_isgood:hover .isgood-l h1::after{
    width: 100%;
}
.s1-con-r .news-item .first_isgood .isgood-l p{
    font-size: 16px;
    color: #222;
    line-height:30px;
    height: 58px;
    overflow: hidden;
}
.s1-con-r .news-item .first_isgood .isgood-r{
    float: right;
    text-align: right;
    margin-top: -10px;
}
.s1-con-r .news-item .first_isgood .isgood-r span{ 
    color: #999;
    font-weight:600;
    font-size: 40px;
}
.s1-con-r .news-item .first_isgood .isgood-r p{
    margin-top:-6px;
    font-size: 14px;
      color: #999;
}
.s1-con-r .news-item ul {
    padding-top: 28px;
}
.s1-con-r .news-item ul li { 
    overflow: hidden; 
    font-size: 18px;
    color: #222;
    line-height: 42px;
    padding-left: 25px;
    background-image:url(../../img/index-c.png);
    background-position: left 18px;
    background-repeat: no-repeat;
}
.s1-con-r .news-item ul li a { 
    float: left;
    width: 70%;
    font-size: 18px; 
    color: #222; 
    white-space: nowrap; 
    overflow: hidden; 
    -o-text-overflow: ellipsis; 
    text-overflow: ellipsis; 
}
.s1-con-r .news-item ul li span{
    float: right;
}
.s1-con-r .news-item ul li:hover a{
    color: #1363ad;
}

/* 手风琴 */
#section3 .s2-con{
    width: 100%;
    padding-top: 105px;
}
.business{
  width:100%;
  text-align: center;
  position: relative;
  margin-top: -20px;
}
.yyCenterNav{ 
  /* width: 58.3%; */
  width:70.3%;
  /* margin-right: 9.4%; */
  margin-right: 2.9%;
  float: right;
}
.yyCenterNav .step {
	position: relative;
	cursor: pointer;
}
.yyCenterNav .step i {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: transparent;
	transition: 1s linear;
}
.yyCenterNav .step.active i {
	width: 18x;
	height: 18px;
	border-radius: 50%;
	background: #d4e0ff;
	position: relative;
}
.yyCenterNav .step i::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #eeeeee;
	opacity: 1;
	transition: 0.6s linear;
}
.yyCenterNav .step.active i::after {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #1363ad;
	opacity: 1;
	display: inline-block;
}
.yyCenterNav .step::before {
	content: "";
	position: absolute;
	top: 8px;
	left: 70%;
	width: 60%;
	height: 2px;
	background: #eeeeee;
}
.yyCenterNav .step::after {
	content: "";
	position: absolute;
	top: 8px;
	left: 70%;
	width: 0%;
	height: 2px;
	background: #01458e;
}
.yyCenterNav .step.active::after {
	content: "";
	position: absolute;
	top: 8px;
	left: 70%;
	width: 60%;
	height: 2px;
	background: #01458e;
	transition: width 0.8s linear;
}
.yyCenterNav .step span {
	font-size: 20px;
	color: #222;
	margin-top: 14px;
}
.yyCenterNav .step div {
	width: 39px;
	height: 34px;
	margin-top: 10px;
	font-size: 36px;
	color: #ccc;
	font-weight: bold;
	transition: background 0.6s linear;
}
.yyCenterNav .step.active div{
	color: #01458e;
}
.yyCenterBox{
  clear: right;
  background: #dedede;
  /* padding-left: 12.35%; */
}
.yy_wrap{ 
  position: relative; 
  /* height: 526px;  */
  height: 400px;
  margin-top: 40px;}
.item_box { 
  width: 100%;
  /* overflow: hidden; */
}
.yyCenterBox .box10{
	/* height: 526px; */
    height: 400px;
	padding: 0;
	position: relative;
}
.yyCenterBox .item_box_wp{
	height: 100%;
	width: 100%;
}
.yyCenterBox .voice_2{
	height: 100%;
	width: 100%;
	left:0;
    position: relative;
	margin: 0
}
.yyCenterBox .voice_2 ul{
	height: 100%;
}
.yyCenterBox .voice_2 ul li {
    float: left; 
    display: inline;
	height: 100%;
    cursor: pointer; 
    position: relative;
    color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.yyCenterBox .voice_2 ul li a{
    display: block;
    width:100%;
    height:100%;
}
.yyCenterBox .voice_2 ul li .unfold{
	width: 100%;
	height: 100px;
    background: rgba(19,99,173,.7);
    display: none; 
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
    padding: 14px 5.5%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.yyCenterBox .voice_2 ul li .unfold a {
	font-size: 14px;
	color: #fff;
	position: relative;
	padding-top: 40px;
	display: inline-block;
}
.yyCenterBox .voice_2 ul li .fold{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.yyCenterBox .voice_2 ul li .unfold dl{
    color: #fff;
    text-align: left;
    padding-top: 5px;
}
.yyCenterBox .voice_2 ul li .unfold dt{ 
  font-size: 20px;  
  margin-bottom: 5px;
  font-weight: normal;
}
.yyCenterBox .voice_2 ul li .unfold dl dd{
	font-size: 16px;
	line-height: 32px;
	animation: none;
	transform: none;
	transition: none;
}
.yyCenterBox .voice_2 ul li .unfold dl dd.un_text{
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yyCenterBox .voice_2 ul li:hover .unfold{
    /* display: block; */
    background: rgba(19,99,173,1);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.yyCenterBox .voice_2 ul li:hover .fold{ display: none;}
.yyCenterBox .voice_2 ul li.index0 .fold{
    z-index: 16;
}
.yyCenterBox .voice_2 ul li.index1 .fold{
    z-index:15;
}
.yyCenterBox .voice_2 ul li.index2 .fold{
    z-index: 14;
}
.yyCenterBox .voice_2 ul li.index3 .fold{
    z-index: 13;
}

.yyCenterBox .voice_2 ul li.index4 .fold{
    z-index: 12;
}
.yyCenterBox .voice_2 ul li.index5 .fold{
    z-index: 11;
}
.yyCenterBox .voice_2 ul li.index6 .fold{
    z-index: 10;
}
#section4 .videoCenter { 
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 50px auto 0; 
    position: relative; 
}
#section4 .videoCenter .videoCon {
    
}
#section4 .videoCenter .videoCon.swiper-slide-prev .v-playBtn, #section4 .videoCenter .videoCon.swiper-slide-next .v-playBtn { 
    background: rgba(255,255,255,.5); 
}
#section4 .videoCenter .swiper-slide .v-playBtn{
    display: inline-block; 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top: 0; 
    left: 0;
}
#section .videoCenter .videoCon.swiper-slide-active { z-index: 99; border-radius: 10px; }
#section4 .videoCenter .videoCon.swiper-slide-active a img{border-radius: 10px; width: 100%; height:auto;}
#section4 .videoCenter .videoCon.swiper-slide-active .video-js { 
    opacity: 1; 
    box-shadow: 0 0 10px 0 rgba(19,99,173,.3);
    border-radius: 10px;
}
#section4 .videoCenter .videoCon.swiper-slide-active .v-playBtn { 
    /*display: none; */
    
}

#section4 .videoCenter .videoCon .videoBg { 
    display: block; 
    width: 100%; 
}
#section4 .videoCenter .videoCon video {
    width: 100%; 
    height: 100%; 
}
.videoCenter .swiper-slide-active .v-playBtn{
    background:url(../../img/icon-play.png) no-repeat center center rgba(0,0,0,.5); 
    background-size: 90px auto;
    
}
#section4 .videoCenter .videoCon .video-js {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;  
    opacity: 0;
} 
#section4 .videoCenter .videoCon .video-js.active { 
    /* display: block;   */
    opacity: 1;
}
.showVideo{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
.video_project{
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    padding: 3vw 2vw 0;
    top: 0;
}
.videobg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.75);
}
.video_close{
    position: absolute;
    top: 1vw;
    right: 1vw;
    cursor: pointer;
    z-index: 2;
}
.video_close img{
    width: 25px;
    height: auto;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
}
.video_close img:hover{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.video_content{
    width: 100%;
    clear: both;
    height: calc(100% - 3vw);
    position: relative;
    z-index: 2;
}    
.video_content video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#section4 .videoCenter .videoCon img { 
    display: block; 
    width: 100%; 
}
/* #section4 .videoCenter .swiper-container { height: auto !important; z-index: 8; }
#section4 .videoCenter .swiper-container .swiper-wrapper { height: auto !important; }
#section4 .videoCenter .videoCon.swiper-slide-active { z-index: 99; }
#section4 .videoCenter .swiper-pagination, #section4 .videoCenter .pagination { position: inherit; width: 100%; text-align: center; margin-top: 30px; }
#section4 .videoCenter .swiper-pagination span, #section4 .videoCenter .pagination span { display: inline; font-size: 16px; color: #333; width: inherit; height: inherit; background: none; opacity: 1; margin: 0 40px; padding: 6px; cursor: pointer; position: relative; }
#section4 .videoCenter .swiper-pagination span.swiper-pagination-bullet-active, #section4 .videoCenter .swiper-pagination span.swiper-active-switch, #section4 .videoCenter .pagination span.swiper-pagination-bullet-active, #section4 .videoCenter .pagination span.swiper-active-switch { color: #c2021a; }
#section4 .videoCenter .swiper-pagination span:last-child i, #section4 .videoCenter .pagination span:last-child i { display: none; }
#section4 .videoCenter .swiper-pagination span i, #section4 .videoCenter .pagination span i { display: inline-block; width: 75px; height: 2px; background: #f3f3f3; position: absolute; top: 50%; left: 30px; } */


.videoCenter .swiper-container {
	padding-bottom: 60px;
    /* padding-top: 10px; */
}
.s3-con{
    padding-top:20px;
}
.videoCenter .swiper-slide {
	width: 70%;
    
	height: 472px;
	background: #fff;
	box-shadow: 0 6px 10px 0 rgba(20, 34, 67, .1);
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
	cursor: pointer;
	overflow:hidden;
}

.videoCenter .swiper-slide img {
	width:100%;
	display: block;
}

.videoCenter .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

.videoCenter .swiper-pagination {
	width: 100%;
	bottom: -85px;
    display: none;
}

.videoCenter .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #030000;
	width: 10px;
	height: 10px;
	opacity: .6;
}

.videoCenter .swiper-pagination-bullets .swiper-pagination-bullet-active {
	width: 34px;
	display: inline-block;
	height: 10px;
	border-radius: 10px;
	transition: width .4s cubic-bezier(.4, 0, .2, 1);
	background-image: linear-gradient(80deg, #0989c5, #995cb6);
	opacity: 1;
}

.videoCenter .swiper-button-prev {
	left: 350px;
	top: 700px;
	width: 45px;
	height: 45px;
}

.videoCenter .swiper-button-next {
	right: 350px;
	top: 700px;
	width: 45px;
	height: 45px;
}



#section5{
    background-image: url(../../img/indexBg1.jpg);
    background-position: center top 55px;
    background-size: cover;
    text-align: left;
}
#section5 h2.index-tit span,
#section5 h2.index-tit a{
    color:#c00005;
}
#section5.swiper-slide-active .business-dj{ 
    -webkit-animation-duration: 1s; 
    -moz-animation-duration: 1s; 
    -o-animation-duration: 1s; animation-duration: 1s;
    -webkit-animation-name: fadeInUp; 
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
    -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; 
}
#section5.swiper-slide-active .business-list .business-l { 
    -webkit-animation-duration: 1.2s; 
    -moz-animation-duration: 1.2s; 
    -o-animation-duration: 1.2s; 
    animation-duration: 1.2s; 
    -webkit-animation-name: fadeInUp; 
    -moz-animation-name: fadeInUp; 
    -o-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
    -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; 
}
#section5.swiper-slide-active .business-list .business-r { 
    -webkit-animation-duration: 1.4s; 
    -moz-animation-duration: 1.4s; 
    -o-animation-duration: 1.4s; 
    animation-duration: 1.4s; 
    -webkit-animation-name: fadeInUp; 
    -moz-animation-name: fadeInUp; 
    -o-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
    -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; 
}
#section5 .business-list { 
    margin-top: 80px; 
    /*overflow: hidden;*/
}
#section5 .business-list .business-dj{
    float: left;
    width: 27.9%;
    position: relative;
}
#section5 .business-list .business-dj a{
    display: block;
    overflow: hidden;
}
#section5 .business-list .business-dj 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);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}
#section5 .business-list .business-dj .dj_more{
    position: absolute;
    left: 35px;
    bottom: 42px;
    z-index: 4;
    padding-left: 25px;
    border-left: 2px solid #fff;
}
#section5 .business-list .business-dj .dj_more p{
    font-size: 22px;
    color: #fff;
    margin-bottom: 10px;
}
#section5 .business-list .business-dj .dj_more span{
    color: #fff;
    font-size: 12px;
    font-family: 'arial';
}
#section5 .business-list .business-dj:hover img{
    transform: scale(1.02);
    
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
}
#section5 .business-list .business-right{
    float: right;
    width: 71.28%;
}
#section5 .business-list .business-right .business-l{
    width: 49.5%;
    float: left;
}
#section5 .business-list .business-right .business-r{
    width: 49.5%;
    float: right;
}
#section5 .business-list .business-item { 
    background: #fff;
    margin-bottom: 15px;
}
#section5 .business-list .business-item a{
    display: block;
    padding:26px 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#section5 .business-list .business-item h2{
    font-size: 18px;
    font-weight: normal;
    color: #333;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#section5 .business-list .business-item .business-txt{
    font-size:16px;
    color: #222;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    margin-bottom: 25px;
}
#section5 .business-list .morebox::before{
    content: " ";
    display: block;
    width: 0;
    height: 1px;
    background: #e02d2a;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
#section5 .business-list .morebox{
    overflow: hidden;
    border-top: 1px solid #e4e4e4;
    padding-top: 15px;
    position: relative;
}
#section5 .business-list .business-item:hover .morebox::before{
    width:100%;
}
#section5 .business-list .morebox .time-t{
    float: left;
    font-size: 18px;
    color: #222;
}
#section5 .business-list .morebox .arrow-j{
    float: right;
    width: 20px;
    height: 20px;
    background: url(../../img/arrow-red.png) no-repeat left top;
    background-size: 20px auto;
}
#section5 .business-list .index_dj_lists li{
    background: #fff;
    margin-bottom: 12px;
}
#section5 .business-list .index_dj_lists li a{
    display: block;
    padding: 28px 25px;
}
#section5 .business-list .index_dj_lists li h2{
    font-size: 18px;
    color: #333;
    line-height: 28px;  
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#section5 .business-list .index_dj_lists li .morebox{
    border-top: none;
}
#section5 .business-list .business-item:hover h2,#section5 .business-list .index_dj_lists li:hover h2{
    color: #e02d2a;
}
.dj-2oda{
    width:100%;
    height:auto;
    margin-bottom:13px;
}
.dj-2oda a{
    display:block;
    width:100%;
    height:auto;
}
.dj-2oda img{
    width:100%;
    height:auto;
}
.index_dj_nav{

}
.index_dj_nav dd{
    float: left;
    width: 49%;
    position: relative;
    transition: all 1s;
    border-radius:9px;
    overflow: hidden;
    background:url(../../img/bg-indexdj.jpg) no-repeat center center;
    background-size:cover;
}
.index_dj_nav dd a{
    height: 150px;
    padding-top:35px;
    display: block;
    text-align:center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.index_dj_nav dd .imgs{
    text-align:center;
    margin-bottom:20px;
}
.index_dj_nav dd.ds_edu{
    /*width: 57.48%;*/
    /*background-image: url(../../img/djbg1.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size: contain;*/
    /*z-index: 3;*/
    margin-right:2%;
}
.index_dj_nav dd.ds_edu a{
    /*background-image: url(../../img/icon_index1.png);*/
    /*background-position: 60% center;*/
    /*background-repeat: no-repeat;*/
}
.index_dj_nav dd.ds_study{
    /*width: 54.4%;*/
    /*margin-left: -11.88%;*/
    /*background-image: url(../../img/dsbg2.png);*/
    /*background-position: 80% top;*/
    /*background-repeat: no-repeat;*/
    /*background-size: contain;*/
    /*z-index: 2;*/
}
.index_dj_nav dd.ds_study a{
    /*background-image: url(../../img/icon_index2.png);*/
    /*background-position: 88% center;*/
    /*background-repeat: no-repeat;*/
}
.index_dj_nav dd span{
    font-size: 22px;
    color: #c00005;
    font-weight: 600;
    display: block;
}
.index_dj_nav dd.ds_edu span{
    /*text-indent: 24%;*/
}
.index_dj_nav dd.ds_study span{
    /*text-indent: 36%;*/
}
.index_dj_nav dd.ds_edu:hover{
    z-index: 4;
    /*background-image: url(../../img/dsbg1-r.png);*/
}
.index_dj_nav dd.ds_study:hover{
    /*z-index: 5;*/
    /*background-image: url(../../img/dsbg2-r.png);*/
}
.index_dj_nav dd:hover{
    box-shadow:0 0 10px rgba(192,0,5,.3);
    
}
.index_dj_nav dd:hover span{
    /*color: #fff;*/
}

/* 首页集团风采 */
#section6 { 
   
}
#section6 .groupSlide { 
    margin-top: 20px; 
    margin-left: 80px; 
}
#section6 .groupSlide .groupSlide-item { 
    width: 100%;
}
#section6 .groupSlide .groupSlide-item.first-child { 
    position: relative; 
    z-index: 9999; 
}
#section6 .groupSlide .groupSlide-item .tempWrap { 
    overflow: inherit !important; 
}
#section6 .groupSlide .groupSlide-item ul { 
    width: 100%; 
    overflow: inherit !important; 
}
#section6 .groupSlide .groupSlide-item ul li { 
    width: 293px; 
    position: relative; 
}
#section6 .groupSlide .groupSlide-item ul li a{
    display: block;
}

#section6 .groupSlide .groupSlide-item ul li img { 
    display: block; 
    width: 100%; 
    height: 168px; 
    max-width: inherit; 
    position: relative; 
}
#section6 .groupSlide .groupSlide-item ul li span.zz { 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: rgba(0, 0, 0, 0.4);
    position: absolute; 
    top: 0; 
    left: 0; 
}
  
#section6 .groupSlide .groupSlide-item ul li .pic_tit{
    display: none;
    position: absolute;
    left: -73px;
    bottom: -43px;
    z-index: 100;
    width: 150%;
    height: 56px;
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,.4);
    line-height: 56px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* 底部 */
#section7{
    height: auto !important;
    padding-top:20px;
}
.sub-footer{
    width: 100%;
    height:100%;
    background: #fff url("../../img/indexBg2.jpg") no-repeat bottom; 
    -moz-background-size: 100%;
    background-size: 100%; 
   
}
.footer{

}
.footer .f-link { 
    padding-bottom: 40px; 
    border-bottom: 1px solid #e4e4e4; 
}
.footer .f-link .linkbox{
    margin-top: 30px;
    overflow: hidden;
}
.linkSwiper ul{
    text-align: left;
}
.linkSwiper ul li{ 
    display: inline-block;
    line-height: 38px;
}
.linkSwiper ul li a{
    margin-right: 53px;
    font-size:18px; 
    color:#222;
}
.linkSwiper ul li a:hover{ 
    color: #1363ad;
}
.footer .f-nav { 
    padding: 50px 0; 
    overflow: hidden; 
}
.footer .f-nav ul { 
    float: left; 
    width: 68%; 
}
.footer .f-nav ul li { 
    float: left; 
    width: 16.6%; 
    text-align: left;
}.footer .f-nav ul li.index2{
    width: 22.6%;
}
.footer .f-nav ul li h4 { 
    font-size: 28px; 
    color: #222; 
    font-weight: 600;
}
.footer .f-nav ul li h4 a{
    font-size: 18px; 
    color: #222; 
    font-weight: 600;
}
.footer .f-nav ul li dl { 
    margin-top: 10px; 
}
.footer .f-nav ul li dl dd { 
    line-height: 38px; 
}
.footer .f-nav ul li dl dd a { 
    display: inline-block; 
    font-size: 16px; 
    color: #222; 
}
.footer .f-nav ul li dl dd a:hover,.footer .f-nav ul li h4 a:hover{ 
    color: #1363ad; 
}
.footer .f-nav .f-qrImg { 
    float: right;
    width: 30%; 
    /* text-align: center;  */
    text-align:right;
}
.footer .f-nav .f-qrImg p { 
    display: inline-block; 
    /* margin: 0 10px; */
    margin-left:20px;
}
.footer .f-nav .f-qrImg p img { 
    display: inline-block; 
    width: 120px; 
}
.footer .f-nav .f-qrImg p span{
    display: block;
    font-size: 16px;
    margin-top: 12px;
    color: #222;
    text-align: center;
}
.footer-copy { 
    /*height: 85px; */
    height: 106px;
    background: rgba(51,51,51,.5); 
    width:100%;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
   
}
.footer-copy ul{
    overflow: hidden;
    padding-top: 12px; 
}
.footer-copy ul li { 
    float:left; 
    display: inline-block; 
    line-height: 24px; 
    
    position: relative; 
}
.footer-copy ul li:hover > a{ 
    color: #188df9; 
}
.footer-copy .copyRight a:hover{
    color: #5eb1fd; 
}
.footer-copy ul li:hover dl { 
    display: block;
}
.footer-copy ul li > a { 
    display: inline-block; 
    font-size: 16px; 
    color: #fff; 
}
.footer-copy ul li span { 
    display: inline-block;
    color: #fff; 
    font-size: 16px; 
    font-style: light;
    margin: 0 18px;
}
.footer-copy .copyRight{
    float: left;
    width: 80%;
    text-align: left;
}

.footer-copy p { 
    font-size:16px; 
    color: #fff; 
    /*margin-top: 10px; */
    margin-top: 5px;
}
.footer-copy .copyRight p a{
    font-size:16px; 
    color: #fff; 
    margin-left: 10px;
}
.footer-copy p span.ali{
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left:60px;
}
.footer-copy p span.line-span{
    vertical-align: text-bottom;
    margin-left: 5px;
}
.footer-copy p span.pv6{
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 0 3px;
    margin-left: 5px;
}
.footer-copy .goTop { 
    width: 120px; 
    height:106px; 
    float: right;
}
.footer-copy .goTop a { 
    display: block; 
    width: 100%; 
    height: 100%; 
    font-size: 16px; 
    color: #fff; 
    line-height: 106px; 
    text-align: center; 
    background: #1363ad; 
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}
.footer-copy .goTop a:hover{
    background: #034b8e; 
}

.footer-copy .copyRight p a.icon-ga{
    
}
.footer-copy .copyRight p a.icon-ga img{
    vertical-align: sub;
    display: inline-block;
    margin-right: 4px;
}


/*手机版导航*/
.mobileNav{ display:none;position:fixed; top:80px; z-index:10000; width:100%; height:auto;overflow: scroll; background:#1363ad;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:#1363ad; border-bottom: 1px solid #ddd; display:block; font-size:15px; padding-left:34px;}

.banner{
    clear: both;
    overflow: hidden;
    position: relative;
}
.bannerCover{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../img/bannerBgCover.png) no-repeat left bottom;
    background-size: cover;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.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);
    }
    /* 25% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(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);
    }
}
.raindrops{
    height: 50px;
    margin-top: -50px;
}
.mainbox{
    padding-top: 32px;
    background: url(../../img/aboutBg.png) no-repeat center bottom #fdfdfe;
    background-size: 100% 100%;
    padding-bottom:180px;
}
.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: 87px;
    border-bottom: 2px solid rgba(98,98,98,.2);
}
.commonbox .menubox.menubox2024{
    height: auto;
}
.menubox .columnName{
    float: left;
    font-size: 28px;
    height: 28px;
    line-height: 28px;
    margin-top: 25px;
    padding-right: 32px;
    color: #1363ad;
    border-right: 1px solid #e0e0e0;
}
.menubox .menu_nav{
    float: left;
}
.menu_nav a{ 
    display: inline-block;
    padding: 25px 0 30px;
    margin:0 26px;
    font-size: 20px;
    color: #6b6b6b;
    position: relative;
    border-bottom: 2px solid transparent;
}
.commonbox .menubox.menubox2024 .menu_nav a{
    margin:0 14px;
}
.menu_nav a.current{
    color: #2668b6;
    border-bottom: 2px solid #1363ad;
}
.menu_nav a::after{
    content: " ";
    position: absolute;
    width: 0;
    height: 2px;
    background: #1363ad;
    transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    left: 0;
    bottom:-2px;
}
.menu_morenav li{
    display:inline-block;
    position:relative;
    margin: 0 26px;
    border-bottom: 2px solid transparent;
}
.menu_morenav li>a{
    display: inline-block;
    padding: 25px 0 30px;
    font-size: 20px;
    color: #6b6b6b;
    position:relative;
}
.menu_morenav li .morenavbox{
    display:none;
    position:absolute;
    left: 0;
    top: 86px;
    background: #fff;
    box-shadow: 0 2px 5px #C9C8C7;
    width: max-content;
    padding: 8px 15px;
}
.menu_morenav li .morenavbox a{
    display:block;
    font-size: 16px;
    color: #333;
    line-height:36px;
}
.menu_morenav li.act{
    border-bottom:2px solid #2668b6;
}
.menu_morenav li:hover .morenavbox{
    display:block;
}

.commonTitle{
    padding-top: 44px;
    padding-left: 16px;
}
.commonbox .menubox.menubox2024 .commonTitle{
    padding-top: 15px;
}
.commonTitle.yw_common{ 
    overflow: hidden;
}
.commonTitle h3{
    font-size: 50px;
    font-family: arial;
    font-weight: 700;
    color: rgba(220,225,229,.6);
    text-transform: uppercase;
}
.commonTitle.yw_common h3{
    font-size:30px;
}
.commonTitle h2{
    font-size: 28px;
    position: relative;
    margin-top: -14px;
    color: #1363ad;
}
.commonTitle h2 span{
    margin-left:5px;
    font-size:18px;
}
.aboutBox{
    overflow: hidden;
    padding-top: 54px;
    background-image: url(../../img/aboutLogo1.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 260px auto;
}
.aboutBox .about_left{
    /* width: 39.13%; */
    float: left;
    width: 40.5%;
    overflow: hidden;
}
.about_left .swiper-wrapper{
    transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
}
.about_left .swiper-container{
    /* float: left; */
    /* width: 49.3%; */
    /* width: 92.37%; */
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.about_left .swiper-slide img{
    width: 100%;
    height: auto;
    
}
.about_left .swiper-pagination{
    display: none;
}
.about0303{
    position: relative;
}
.about_left .about_bg{
    /* float: right; */
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 48.2%;
    height: 230px;
    background: #fff;
    padding: 10px 10px 0;
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.about_bg li{
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    text-align: center;
    height: 220px;
    padding-top: 52px;
    padding-bottom: 52px;
    background-image: url(../../img/aboutlibg.jpg);
    /* margin-bottom: 16px; */
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.about_bg li img{
    width: auto;
    height: 100%;
}
.about_bg li p{
    font-size: 22px;
    color: #fff;
    line-height: 38px;
}
/* .about_bg li.index0{
    height: 207px;
    background-color: #f2f5f5;
} */
/* .about_bg li.index1{
    height: 250px;
    padding-top: 66px;
    padding-bottom: 66px;
    background-image: url(../../img/aboutlibg.jpg);
} */

.about_left .num-top{ margin-top:22px;}
.num-top li{
    float: left;
    border-bottom: 1px solid #cbcbcb;
    text-align: center;
    width: 21.7%;
    margin-right: 4.4%;
}
.num-top li h2{
    color:#1363ad;
    font-size:20px;
    font-weight:bold;
}

.num-top li h2 i{
    font-size: 40px;
    font-style: normal;
}
.num-top li p{
    height: 52px;
    font-size: 16px;
    line-height:52px;
    color: #6b6b6b;
    /* margin-top: 12px; */
}
.num-top li p.cntt{
    line-height: 25px;
}
.aboutBox .about_right{
    float: right;
    width: 56.2%;
    /* width: 56.52%; */
    
}
.about_right p{
    font-size: 18px;
    color: #222;
    line-height: 38px;
    text-align: justify;
}
.aboutLogo{ 
    text-align: center;
    margin-top: 50px;
}
.aboutLogo img{
    max-width: 100%;
    height: auto;
    opacity: .2;
}
.mainbg{
    display: none;
}
.mainbg img{
    width: 100%;
    height: auto;
}
.footer_in{
    width: 100%;
    padding-top: 25px;
    /* background-image: url(../../img/footBg.jpg); */
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #1363ad;
    position: relative;
    z-index: 11;
}
.footer_in .footImgbox{
    overflow: hidden;
    padding-bottom: 10px;
    text-align: center;
}
.footImgbox .footLogo{
    /* float: left; */
    width: 32%;
    margin-right: 35px;
    display: inline-block;
    /* text-align: right; */
    /* margin-top: 28px; */
}
.footImgbox img{
    max-width: 100%;
    height: auto;
}
.footEwm{
    /* float: right; */
    display: inline-block;
    vertical-align: middle;
    /* width: 40.16%; */
    overflow: hidden;
}
.footEwm li{
    /* float: left; */
    display: inline-block;
    /* width: 50%; */
    margin: 0 35px;
    text-align: center;
}
.footEwm li .imgbox{
    width:74px;
    height: 74px;
    /* margin: 0 auto; */
    padding-top: 4px;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.footEwm li img{
    width: 66px;
    height: auto;
}
.footEwm li p{
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
}
.footer_in .copyRight_in{
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 16px;
    color: #bfd9f1;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,.2);
}
.copyRight_in a{
    font-size: 16px;
    color: #bfd9f1;
    margin-left: 10px;
}
.copyRight_in p:last-child{
    margin-top: 4px;
}
.copyRight_in p span.ali{
    display: inline-block;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left:60px;
}
.copyRight_in p span.line-span{
    vertical-align: text-bottom;
    margin-left: 5px;
}
.copyRight_in p span.pv6{
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 0 3px;
    margin-left: 5px;
}
.footer_in a.icon-ga{
    
    
}
.footer_in a.icon-ga img{
    vertical-align:sub;
    display: inline-block;
    margin-right: 4px;
}

/* 集团架构 */
.structure{
    padding-top: 24px;
}
.structure .jgImg{
    /*width: 68.5%;*/
    width: 100%;
    margin:0 auto;
    height: auto;
}
.structure .jgImg img{
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
.structure .solidbg{
    width: 90.6%;
    height: 6px;
    margin:0 auto;
    background: url(../../img/jgsolid.png) repeat-x top left;
}
.structure .jg_list{
    position: relative;
    padding-top: 40px;
}
.structure .jg_list::before{
    /* content: "";
    display: inline-block;
    width: 6px;
    height: 29px;
    position: absolute;
    left: 4.7%;
    top: 0;
    background: url(../../img/solide_line.png) no-repeat left top; */
}
.structure .jg_list::after{
    /* content: "";
    visibility: visible;
    display: inline-block;
    width: 6px;
    height: 29px;
    position: absolute;
    right: 4.7%;
    top: 0;
    background: url(../../img/solide_line.png) no-repeat right top; */
}
.structure .jg_list li{
    float: left;
    width: 13.565%;
    height: 250px;
    margin-right:.84%;
    border-radius: 8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.structure .jg_list li a{
    display: block;
    height: 100%;
    padding-bottom: 28px;
    border-radius: 8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #e7f1f7;
    overflow: hidden;
    transition: all 1s ease;
}
.structure .jg_list li .imgbox{
    width: 100%;
    height: 94px;
    text-align: center;
    transition: all 1s ease;
}
.structure .jg_list li img{
    width: 100%;
    height: auto;
    border-radius: 8px 8px 0 0;
}
.structure .jg_list li h2{
    font-size: 18px;
    color: #2668b6;
    margin: 24px 0 10px;
    padding-left: 55px;
    height: 36px;
    font-weight: bold;
    line-height: 36px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position:14px center;
}
.structure .jg_list li .jgtext{
    color: #6e6e6e;
    font-size: 16px;
    padding: 0 8px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    transition: all 1s ease;
}
.structure .jg_list li .jgtext span{
    display: block;
    width: 100%;
    height: 20px;
    background-image: url(../../img/arrow.png);
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: right center;
}
.structure .jg_list li.index6{
    margin-right: 0;
}
.structure .jg_list li.index0 h2{
    background-image: url(../../img/icon_jg1.png);
}
.structure .jg_list li.index1 h2{
    background-image: url(../../img/icon_jg2.png);
}
.structure .jg_list li.index1 h2{
    background-image: url(../../img/icon_jg2.png);
}
.structure .jg_list li.index2 h2{
    background-image: url(../../img/icon_jg3.png);
}
.structure .jg_list li.index3 h2{
    background-image: url(../../img/icon_jg4.png);
}
.structure .jg_list li.index4 h2{
    background-image: url(../../img/icon_jg5.png);
}
.structure .jg_list li.index5 h2{
    background-image: url(../../img/icon_jg6.png);
}
.structure .jg_list li.index6 h2{
    background-image: url(../../img/icon_jg6.png);
}

/* 集团领导 */
.leader_box{
    padding-top: 50px;
}
.leader_box li{
    width: 160px;
    margin: auto;
    text-align: center;
    margin-bottom: 44px;
}
.leader_box li a,.leader_list li a{
    display: block;
}
.leader_box li .imgbox,.leader_list li .imgbox{
    width: 160px;
    height: 160px;
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    background: #1363ad;
    margin-bottom: 18px;
}
.leader_box li img,.leader_list li img{
    width: 160px;
    height: 160px;
    border-radius: 50%;
    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;
}
.leader_box li h2,.leader_list li h2{
    font-size: 22px;
    color: #303030;
    text-align: center;
    font-weight: 700;
    margin-bottom: 15px;
}
.leader_box li span,.leader_list li span{
    display: block;
    width: 30px;
    height: 2px;
    background: #1363ad;
    margin: 0 auto;
    margin-bottom: 10px;
}
.leader_box li p,.leader_list li p{
    font-size: 16px;
    color: #222;
    line-height: 28px;
}
.leader_list li{
    display: inline-block;
    text-align: center;
    margin-bottom: 44px;
    width: 16.3%;
}

/* 大事记 */
.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;
}
#historySwiper .swiper-slide a:hover{
    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:15px; 
    margin-left: -10.5px; 
    width: 21px;  
    height: 21px;  
    z-index: 2;
    background: url(../../img/hisDots.png) no-repeat;
}
.timeline ul.history li>div {
    position: relative;
    bottom: 0;
    width:538px;
    overflow:hidden;
}
.timeline ul.history li>div .hisimg { 
    float: left; 
    width: 100px;
    height: 100px;
    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: 76.3%;
    padding-top: 12px;
    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: 26px; 
    color: #1363ad; 
    font-weight: bold;
}
.his-r p{ 
    line-height: 30px; 
    font-size: 16px; 
    color: #676565;
}
.his-r p strong{ 
    float: left;   
    font-weight: normal;
    color: #1363ad;
    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: -585px; 
}
.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: 680px; 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; }
}
/* 业务版块 */
.yw_common .column_left{
    float: left;
}
.yw_common .column_right{
    float: right;
    width: 56%;
    font-size: 16px;
    line-height: 28px;
    color: #222;
    margin-top: 10px;
}
.yw_box{
    padding-top: 54px;
}
.yw_box.singleyw_content img{
    max-width:100%;
    height:auto;
}
.yw_box .yw_list{
    
}
.yw_list li{
    float: left;
    width: 31.47%;
    margin-right: 2.795%;
    margin-bottom: 40px;
    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;
}

/* 业务内容 */
.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: 52px;
    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: #1363ad;
    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: #1363ad;
    border-bottom: 1px solid #1363ad;
    background: url(../../img/dckfJt.png) no-repeat right center;
}
.case_nav a:hover{ 
    color: #1363ad;
    border-bottom: 1px solid #1363ad;
    background: url(../../img/dckfJt.png) no-repeat right center;
}
.yw_left_nav .returnPrev{
    display: block;
    width: 100%;
    height: 52px;
    background: #1363ad;
    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: 50px;
    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: #1363ad;
    margin-bottom: 14px;
}
.yw_right_box .yw_newstext{
    font-size: 16px;
    line-height: 32px;
    color: #222;
    text-align: justify;
}
.yw_right_box .case_box{
    padding-top: 50px;
    margin-bottom: 44px;
    border-top: 1px solid #eaeaea;
}
.yw_right_box .yw_picsbox{
    padding-top: 0;
    border-top: none;
}
.yw_right_box .yw_picsbox #ywSwiper{
    padding-top: 15px;
    padding-bottom: 35px;
}
.yw_right_box .yw_picsbox #ywSwiper .swiper-slide img{
    width: 100%;
    height: auto;
}
.yw_right_box .yw_picsbox .swiper-pagination{
    bottom: 0;
}
.yw_right_box .yw_picsbox .swiper-pagination-bullet{
    width: 25px;
    height: 3px;
    background: #d0d0d0;
    border-radius: 0;
    opacity: 1;
    margin: 0 4px;
}
.yw_right_box .yw_picsbox .swiper-pagination-bullet-active{
    background: #1363ad;
}
.yw_right_box .other_list{
    padding-top: 25px;
}
.other_list li{
    float: left;
    width: 48.9%;
    margin-right: 2.2%;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.1); 
}
.other_list li a{
    display: block;
}
.other_list li .imgbox{
    overflow: hidden;
}
.other_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;
}
.other_list li .other_title{
    padding: 15px 18px;
    /* height: 82px; */
    height: 52px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.other_list li .other_title h3{
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
}
.other_list li .other_title p{
    display: none;
    font-size: 16px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.yw_other p{ 
    font-size: 18px; 
    line-height: 32px; 
    color: #222;
    margin-bottom: 10px;
}
.yw_other p a{
    font-size: 16px; line-height: 32px;
    color: #222;
}
.yw_other p a:hover{
    color: #1363ad;
}
.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;
}
/* 集团要闻列表 */
.newsIsgood{
    margin-top: 54px;
    background: #f7f8fa;
    position: relative;
}
.newsIsgood #newsSwiper{
    
}
#newsSwiper .swiper-slide a{
    display: block;
    overflow: hidden;
}
#newsSwiper .swiper-slide .news_img{
    float: left;
    width: 46.4%;
    overflow: hidden;
}
#newsSwiper .swiper-slide .news_img 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;
}
#newsSwiper .swiper-slide .news_right{
    float: right;
    width: 50.86%;
    padding-right: 28px;
    padding-top: 50px;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#newsSwiper .swiper-slide .news_right span{
    font-size: 16px;
    font-family: 'arial';
    
    color: #337ab7;
}
#newsSwiper .swiper-slide .news_right h2{
   
    margin-top: 22px;
    font-size: 24px;
    color: #000;
    line-height:36px;
    margin-bottom: 10px;
}
#newsSwiper .swiper-slide .news_right p{
    font-size: 16px;
    line-height: 30px;
    color: #86898e;
    height: 56px;
    overflow: hidden;
}
.newsIsgood .swiper-pagination{
    right: 28px;
    bottom: 40px;
}
.newsIsgood .swiper-pagination-bullet{
    border: 1px solid #d9dadb;
    opacity: 1;
    background: transparent;
    margin: 0 4px;
}
.newsIsgood .swiper-pagination-bullet-active{
    border: 1px solid #122b8b;
    background: #122b8b;
}
.newsIsgood .swiper-button-next,.newsIsgood .swiper-button-prev{
    top: auto;
    bottom: 28px;
    right: 47.85%;
    background-image: none;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    color: #8a8a8b;
    font-family: arial;
    font-weight: bold;
    border-radius: 50%;
    border: 2px solid #e4e5e5;
    z-index: 1;
}
.newslistbox{
    padding-top: 35px;
    padding-bottom: 40px;
}
.newslistbox li{
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
    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: 75.2%;
    padding-top: 10px;
    padding-right: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.newslistbox li .news-info h2{
    font-size: 20px;
    color: #000;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-bottom: 22px;
}
.newslistbox li .news-info .info_text{
    font-size: 16px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    padding-left: 0;
    color: #86898e;
    margin-bottom: 13px;
    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: 16px;
    color: #b7b9bb;
    font-family: 'arial';
}

/* 通用标题列表 */
.commonList{
    padding-top: 40px;
    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: 60px;
    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: 30px;
    color:#262626;
    font-style: normal;
}
.commonList li .title_r{
    width: 92.4%;
    float: right;
    height: 60px;
}
.commonList li .title_r h2{
    float: left;
    width: 90%;
    font-size: 20px;
    line-height: 60px;
    color: #2d2f30;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.commonList li .title_r h2 b{
    color: #1363ad;
}
.commonList li .title_r i.icon_arrow{
    float: right;
    width: 73px;
    height: 60px;
    border-left: 1px solid #f8f8f8;
    background: url(../../img/arrow_news_r.png) no-repeat center center;
}

/* 党建动态列表 */
.dj_status_list{
    padding-top: 40px;
    padding-bottom: 40px;
}
.dj_status_list 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;
}
.dj_status_list li .date{
    float: left;
    width: 60px;
    height: 60px;
    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: 30px;
    color:#e02d2a;
    font-style: normal;
    margin-top: -7px;
}
.dj_status_list li .title_r{
    width: 92.4%;
    float: right;
    height: 60px;
}
.dj_status_list li .title_r h2{
    float: left;
    width: 90%;
    font-size: 20px;
    line-height: 60px;
    color: #2d2f30;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dj_status_list li .title_r i.icon_arrow{
    float: right;
    width: 73px;
    height: 60px;
    border-left: 1px solid #f8f8f8;
    background: url(../../img/arrow_news_r.png) no-repeat center center;
}

.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;
}

/* 新闻内容 */
.contentbox{
    padding-top: 40px;
}
.content_title{
    text-align: center;
    margin-bottom: 40px;
}
.content_title h1{
    font-size: 24px;
    color: #000;
    margin-bottom: 10px;
}
.content_title h3{
    font-size: 22px;
    color: #000;
    margin-bottom: 15px;
}
.content_title span{
    color: #666;
    font-size: 16px;
    margin: 0 10px;
}

.audiobox{display:none; width: 70%; margin: 0 auto; margin-bottom: 24px;}
.audiobox audio{ display: block; width: 100%; height: 40px;}
.audiobox audio:focus{ outline: none;}

.contentbox .newstext{
    font-size: 16px !important;
    line-height: 32px !important;
    color: #222;
}
.contentbox .newstext p,.contentbox .newstext div { text-indent: 32px;}
.contentbox .newstext p,.contentbox .newstext span{
    font-size: 16px !important;
    line-height: 32px !important;
    color: #222;
}
.contentbox .newstext img{
    display: inline-block;
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.contentbox .nextbox{
    overflow: hidden;
    margin-top: 30px;
    border-top: 1px solid #dfdfdf;
    padding-top: 40px;
}
.nextChange{
    /* float: left; */
}
.nextChange p{
    font-size: 16px;
    color: #222;
    margin-bottom: 10px;
}
.nextChange p a{
    font-size: 16px;
    color: #222;
}
.addSwiper{
    width:66.67%;
    margin:0 auto;
}
/* 海兴精神内容 */
.spiritBox{
    padding-top: 54px;
    overflow: hidden;
}
.spiritBox .spiritText{
    float: left;
    /* margin-top: 32px; */
    width: 50.4%;
    padding: 70px 60px 80px 60px;
    background: #f2f5f5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.spiritText h2{
    font-size: 36px;
    line-height: 52px;
    color: #1363ad;
    margin-bottom: 16px;
    font-weight:bold;
}
.spiritText p{
    font-size: 18px;
    line-height: 38px;
    color: #222;
    text-align:justify;
}
.spiritBox .spiritImg{
    float: right;
    width: 49.6%;
    padding-right: 20px;
    margin-top:75px;
    padding-bottom: 26px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: url(../../img/spritBg.png) no-repeat right bottom;
    background-size: 83.9% auto;
}
.spiritImg img{
    width:100%;
    height:auto;
}

/* 员工风采 */
#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;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#fh5co-board .item .fh5co-desc span.item-tit{
    float: left;
    width: 90%;
}
#fh5co-board .item .fh5co-desc span.imgdetail{
    float: right;
    background: url(../../img/arrow.png) no-repeat center center;
    width: 20px;
    height: 20px;
    background-size: 100% auto;
    margin-top: 3px;
}
#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;
}
#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;
}
.js .animate-box {
    opacity: 1;
}

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


/* 纯单页内容 */
.singleContent{
    padding-top: 50px;
}
.singleContent p{
    font-size: 16px;
    line-height: 32px;
    color: #222;
}
.singleContent p img{
    max-width: 100%;
    height: auto;
}



/* 联系我们 */
.mainbox .commonbox.contactbox{
    padding-top: 0;
}
.contactbox .map{
    width: 100%;
    height: 390px;
    margin-top: 50px;
    z-index: 10;
}
.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;
}

/* 网站地图 */
.webnavbox{
    overflow: hidden;
    padding-top: 50px;
    width: 95%;
    margin: auto;
}
.webnavbox li{
    width: 23.3%;
    float: left;
    margin-right: 2.26%;
    min-height: 180px;
    margin-bottom: 30px;
}
.webnavbox li>a{
    display: block;
    line-height: 38px;
    height: 38px;
    font-size: 16px;
    padding: 0 10px;
    color: #000;
    border-top: 2px solid #A7A7A7;
    border-bottom: 1px solid #A7A7A7;
}
.webnavbox li .subnav{
    padding:10px 15px;
}
.webnavbox li .subnav a{
    display: block;
   
    font-size: 14px;
    color: #222;
    line-height:28px;
    background: url(../../img/index-c.png) no-repeat left center;
    background-size: 5px auto;
    padding-left: 15px;
}
.webnavbox li a:hover{
    color: #1363ad;
}
.phone_business{ 
    display: none;
}
.phone_business li{
    overflow: hidden;
    margin-bottom: 25px;
}
.phone_business li a{ 
    display: block;
}
.phone_business li .imgbox{ 
    float: left;
    width: 50%;
}
.phone_business li .imgbox img{
    max-width: 100%;
    height: auto;
}
.phone_business li .phone_businessInfo{
    float: right;
    width:46%;
    margin-top: 5px;
}
.phone_business li h2{
    font-size: 16px;
    color: #1363ad;
    font-weight: bold;
    margin-bottom:8px;
}
.phone_business li p{
    font-size: 14px;
    color: #222;
    line-height: 22px;
}
.phone_business li.active .imgbox{
    float: right;
}
.phone_business li.active .phone_businessInfo{
    float: left;
}

@media (min-width:2040px) and (max-width:2480px){
    .yy_wrap{ height: 747px;}
    .yyCenterBox .box10{ height: 747px;}
}
@media (min-width:1560px) and (max-width:1680px) {
    .banner1 .bannerContent{ width:50%;}
    /* .banner1 .bannerContent img{ max-width: 75%;} */
    /* .banner2 .bannerContent img{ max-width: 85%;} */
    /* .banner3 .bannerContent img{ max-width: 45%;}
    .banner4 .bannerContent img{ max-width: 38%;} */
    .banner5 .bannerContent img{ max-width:70.5%;}
    .header .logo{ margin-top: 32px;}    
    #section3 .s2-con{ padding-top: 135px;}
    .business{ margin-top: -60px;}
    #section4 .videoCenter{ margin:60px auto 0;}
}
@media screen and (max-width:1560px){
    .banner5 .bannerContent img{ max-width: 60.5%;}
    .banner7 .bannerContent img{ max-width: 80.5%;}
    .header .logo{ margin-top: 34px;}
    .header .nav ul li .nav-child-list{ width: 120px;margin-left: -60px;}
    #section h2.index-tit a,#section h2.index-tit a{ font-size: 24px;}
    .s1-con-r .news-item .first_isgood .isgood-l p{ font-size: 14px;}
    .s1-con-r .news-item ul li{ font-size: 16px; line-height: 40px;}
    .s1-con-r .news-item ul li a{ font-size: 16px;}
    .yy_wrap{ height: 370px;}
    .yyCenterBox .box10{ height: 370px;}
    .yyCenterNav .step span{ font-size: 18px;}
    .yyCenterBox .voice_2 ul li .unfold{ height: 85px;}
    .yyCenterBox .voice_2 ul li .unfold dl{ padding-top: 0;}
    .yyCenterBox .voice_2 ul li .unfold dt{ font-size: 18px; margin-bottom: 0;}
    #section4 .videoCenter{margin-top: 30px;}
    #section5 .business-list{ margin-top: 40px;}
    #section2, #section4, #section5, #section6{ padding-top:115px;}
    #section6 .groupSlide{ margin-top:0;}
    #section6 .groupSlide .groupSlide-item ul li img{ height:138px;}
    #section6 .groupSlide .groupSlide-item ul li .pic_tit{ bottom:-36px; height: 48px;line-height: 48px; font-size: 16px;}
    .footer .f-link .linkbox{ margin-top: -15px;}
    .footer .f-link{ padding-bottom: 20px;}
    .linkSwiper ul li{ line-height: 34px;}
    .linkSwiper ul li a{ font-size: 16px;}
}

@media (min-width:1380px) and (max-width:1560px){
    .logo_top{ top: 30px;}
    .logo_top a img{ max-width: 80%;}
    .header .nav ul li a.f{ font-size: 16px; padding: 40px 8px;}
    /* .index-banner .bannerContent{ left: 2.8%;} */
    /* .banner1 .bannerContent img{ max-width: 75%;} */
    /* .banner2 .bannerContent img{ max-width: 85%;} */
    /* .banner3 .bannerContent img{ max-width: 45%;} */
    /* .banner4 .bannerContent img{ max-width: 38%;} */
    .searchWrap{ margin-top:32px;}
    #section h2.index-tit span{ font-size: 18px;}
    .s1-con-r .s1-con-r-tab a{ padding: 0 20px; font-size: 18px;}
    .s1-con-r .news-item .first_isgood .isgood-l h1{ font-size: 18px;}
    
}


@media (min-width:992px) and (max-width:1380px){
    .logo_top a img{ max-width: 55%;}
    .logo_top{top: 25px;}
    .header .logo{ height: 24px;margin-top: 17px;}
    .header{ height: 68px;padding: 0 50px;}
    .searchWrap{ margin-top: 20px;margin-left: 10px;}
    .searchWrap .searchCon{width: 150px; height: 26px;-webkit-border-radius: 26px;
        -moz-border-radius: 26px;
        border-radius: 26px;
    }
    .searchWrap .searchCon .k{ line-height: 26px; height: 26px;}
    .searchWrap .searchCon .btn{height: 24px;}
    .header .nav ul li{height: 66px;}
    .header .nav ul li a.f{font-size: 16px;padding: 22px 8px;}
    .header .nav ul li .nav-child-list .nav-child-list-con{padding: 5px 0;}
    .header .nav ul li .nav-child-list{ top: 66px;width: 100px;margin-left: -50px;}
    .header .nav ul li .nav-child-list .nav-child-list-con dl dt{padding: 4px 10px;}
    .header .nav ul li .nav-child-list .nav-child-list-con dl dt a{font-size: 14px;}
    .aj_menu{width: 43px;height: 43px;top: 25px;}
    .aj_menu::after{width: 43px;border: 2px solid #a2bccc;height: 43px;}
    .videoCenter .swiper-slide{
        width:65%; height: 435px;
    }
}
@media (min-width:992px) and (max-width:1180px){
    .header{padding: 0 10px;}
}
@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;}
    #section6 .groupSlide .groupSlide-item ul li:hover img { 
        -webkit-transform: scale(1.5); 
        -moz-transform: scale(1.5); 
        -ms-transform: scale(1.5); 
        -o-transform: scale(1.5); 
        transform: scale(1.5); 
        z-index: 99; 
        /* border: 1px solid rgba(255,255,255,.6); */
        box-shadow: 0 0 15px 0 rgba(202,235,252,.6);
    }
    #section6 .groupSlide .groupSlide-item ul li:hover span.zz { 
        display: none; 
    }
    #section6 .groupSlide .groupSlide-item ul li:hover .pic_tit{
        display: block;
    }
    .menu_nav a:hover{ color: #2668b6; }
    .menu_nav a:hover::after{ width: 100%;}
    .menu_morenav li:hover{
        border-bottom:2px solid #2668b6;
    }
    .menu_morenav li .morenavbox a:hover{
        color: #2668b6;
    }
    .copyRight_in a:hover{ color: #fff;}
    .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: #1363ad;}
    .yw_left_nav .returnPrev:hover{ background: #01488b;}

    
    #newsSwiper .swiper-slide:hover .news_img img,.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);
    }
    #newsSwiper .swiper-slide:hover h2,.leader_box li:hover h2,.leader_list li:hover h2{color: #1363ad;}
    .newsIsgood .swiper-button-next:hover, .newsIsgood .swiper-button-prev:hover{
        border: 2px solid #1363ad;
        color: #1363ad;
    }
    .newslistbox li:hover h2{color:#073d9a; font-weight: 700;}
    .newslistbox li:hover .info_text{ padding-left: 30px;}
    .pages a:hover{
        color: #fff;
        border-radius: 50%;
        background: #1363ad;
    }
    .commonList li:hover{ background: #fafbfb;}
    .commonList li:hover .date{ background: #1363ad;}
    .commonList li:hover .date span{ background: #08559d; color: #fff;}
    .commonList li:hover .date i{ color: #fff;}
    .commonList li:hover .title_r h2{ color: #08559d;}
    .commonList li:hover .title_r i.icon_arrow{
        background: url(../../img/arrow_news_c.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(../../img/icon_dj.png) no-repeat center center;
        background-size: auto 100%;
        border-left: 1px solid transparent;
    }
    
}
@media screen and (min-width:992px) {
    .structure .jg_list li:hover a{
        background-color: #FFFFFF;
    }
    .structure .jg_list li:hover{
        box-shadow: 0 0 15px rgba(20,63,88,.4);
    }
    .structure .jg_list li:hover .imgbox{
        height: 0;
        width: 0;
        margin: 0 auto;
        opacity: 0;
    }
    .structure .jg_list li:hover .jgtext p{
        height: 146px;
        overflow: hidden;
    }
    .structure .jg_list li:hover .jgtext{
        height: 166px;
    }
}
@media (max-width:992px){
    #pageBtn.swiper-pagination{ display: none;}
    #section{height: auto; overflow: auto;}
    .headerCon{ top: 0;}
    .logo_top,.aj_menu,.header .nav ul{ display: none;}
    .header .nav .searchWrap{ display: none;}
    .header{ height:80px; padding: 0 10px;}
    .header .logo{ margin-top: 24px; width: 68%;}
    .navbar-toggle{ background-color: #1363ad; margin-top: 22px; margin-right: 0;}
    .navbar-toggle .icon-bar{ background: #fff;}
    .mobileNav .searchWrap{ display: block; float: none; margin-top: 22px; overflow: hidden; margin-bottom: 22px;}
    .mobileNav .searchWrap .searchCon{ background: #fff;}
    #iphone_swiper{ display: block; height: auto;}
    #section1{ height: auto; }
    #section1 .index-banner{ height: 210px;margin-top: 80px;}
    #section1 .index-banner .swiper-slide{ background-size: 100% 100%; background-repeat: no-repeat;}
    .banner1 .bannerContent{ width:76%; right: 15px; top:20%;}
    .banner2 .bannerContent {width: 52%; right: 10px;top: 24%;}
    .banner3 .bannerContent {left: 6.6%;width: 68%;top: 25.4%;}
    
    .banner4 .bannerContent{ top:24%;}
    .banner4 .bannerContent img{ max-width: 72%;}
    .banner5 .bannerContent{ top: 14%;}
    .banner5 .bannerContent img{ max-width: 62%;}
    .banner6 .bannerContent{ top:16%; }
    .banner6 .bannerContent img.banner8img{ max-width:95%;}
    .banner7 .bannerContent{ top: 20%;}
    .banner7 .bannerContent img{ max-width: 80%;}
    /* .banner6 .bannerContent img{ max-width:40.3%;} */
    .index-banner .swiper-pagination{ bottom: 10px;}
    .index-banner .swiper-pagination-bullet{ width:6px; height: 6px; margin: 0 10px;}
    .index-banner .swiper-pagination-bullet::before{ left: -4px; top: -4px; width: 14px; height: 14px;}
    #section2, #section4, #section5, #section6{ padding: 30px 10px 0;}
    #section h2.index-tit{ margin-bottom: 20px;}
    #section h2.index-tit a, #section h2.index-tit a{ font-size: 22px;}
    #section h2.index-tit span{ font-size: 18px; margin-left: 10px;}
    .indexNews .s1-con-l{ width:100%; float: none;}
    .s1-con-l .newsImg .news-z{ font-size: 16px; padding: 0 88px 0 10px;}
    .s1-con-l .newsImg .pagination{ right: 6px;}
    .s1-con-l .newsImg .pagination span{ width:10px; height: 10px;}
    .indexNews .s1-con-r{ float: none; width: 100%; margin-top: 20px;}
    .s1-con-r .s1-con-r-tab a{ padding: 0 10px; height: 44px; line-height: 44px; font-size: 16px;}
    .s1-con-r .news-item .first_isgood{ padding: 20px 10px;}
    .s1-con-r .news-item .first_isgood .isgood-l{ width:78.2%;}
    .s1-con-r .news-item .first_isgood .isgood-l h1{ font-size: 16px; margin-bottom: 10px;}
    .s1-con-r .news-item .first_isgood .isgood-l p{ height: 48px; line-height: 24px;}
    .s1-con-r .news-item .first_isgood .isgood-r span{ font-size: 28px;}
    .s1-con-r .news-item ul{ padding-top: 10px;}
    #section3 .s2-con{ padding: 30px 10px 0;}
    .business{ display:none;}
    .phone_business{ display:block;}
    #section4{ padding-top: 15px;}
    .videoCenter .swiper-slide{ width: 85%; height: 188px;}
    #section5{ padding-bottom: 30px;}
    #section5 .business-list{ margin-top: 30px;}
    #section5 .business-list .business-dj{ display: none;}
    #section5 .business-list .business-right{ float: none; width: 100%;}
    #section5 .business-list .business-right .business-l,#section5 .business-list .business-right .business-r{ width:100%; float: none;}
    #section5 .business-list .business-item,#section5 .business-list .index_dj_lists li{ margin-bottom: 10px;}
    #section5 .business-list .business-item a,#section5 .business-list .index_dj_lists li a{ padding: 15px 10px;}
    #section5 .business-list .business-item h2,#section5 .business-list .index_dj_lists li h2{ font-size: 16px;}
    #section5 .business-list .business-item .business-txt{ font-size: 14px; line-height: 24px; height: 48px; margin-bottom: 15px;}
    #section5 .business-list .morebox .time-t{ font-size: 14px;}
    #section5 .business-list .morebox{ padding-top: 10px;}
    /*.index_dj_nav dd a{ height: 100px;padding-top: 35px;}*/
    /*.index_dj_nav dd.ds_edu{ width: 58.48%; background-size: 100%;}*/
    /*.index_dj_nav dd.ds_edu a{background-position: 20% center;background-size: auto 100%;}*/
    /*.index_dj_nav dd.ds_study{width: 54.4%;margin-left: -12.88%;background-position: 80% top; background-size: 100% auto;}*/
    /*.index_dj_nav dd.ds_study a{background-position: 88% center; background-size: auto 100%;}*/
    #section6 .groupSlide{ margin-top:10px;}
    #section6 .groupSlide .groupSlide-item ul li img{ height:120px;}
    #section6 .groupSlide .groupSlide-item ul li{ width:179px;}
    #section6 .groupSlide .groupSlide-item ul li a{ position:relative; z-index:4;}
    .sub-footer{ background-size: auto auto; padding: 10px 10px 0;}
    .footer .f-link{ padding-bottom: 15px;}
    .footer .f-link .linkbox{ margin-top: -8px;}
    .linkSwiper ul li a{ margin-right:20px;}
    .linkSwiper ul li{ line-height: 32px;}
    .footer .f-nav{ padding:20px 0;}
    .footer .f-nav ul{ float:none; width:100%; }
    .footer .f-nav ul li{ width:33.3%;}
    .footer .f-nav ul li:nth-child(3){height: 185px;}
    .footer .f-nav ul li h4{ font-size:16px;}
    .footer .f-nav ul li h4 a{ font-size: 16px;}
    .footer .f-nav ul li dl dd{ line-height: 28px;}
    .footer .f-nav ul li dl dd a{ font-size: 14px;}
    .footer .f-nav .f-qrImg{ float:none; width: 100%; text-align: left; padding-top: 20px; margin-left: -5px;}
    .footer .f-nav .f-qrImg p{ margin:0 5px; text-align: center;}
    .footer .f-nav .f-qrImg p img{ width: 90px;}
    .footer .f-nav .f-qrImg p span{ font-size: 14px; margin-top: 8px;}
    .footer-copy{ width:105%; margin-left: -10px; height:auto;}
    .footer-copy .copyRight{ float: none; width: 100%; padding: 0 10px 15px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    
    .footer-copy ul li{ line-height: 18px;}
    .footer-copy ul li > a,.footer-copy .copyRight p a{ font-size: 14px;}
    .footer-copy ul li span{ font-size: 14px; margin: 0 8px;}
    .footer-copy p{ font-size: 14px; margin-top: 0;}
    .footer-copy .goTop{ position: absolute; right: 0; bottom: 60px; width: 80px; height: 50px;}
    .footer-copy .goTop a{line-height: 50px; font-size: 14px;}

    /* 走进海兴 */
    .menubox .columnName{ float: none; margin-bottom: 5px; border-right: none; text-align: center; padding-right: 0;}
    .mainbox .commonbox{ padding-left: 10px; padding-right: 10px; padding-bottom: 25px;}
    .commonbox .menubox{ height: auto;border-bottom: 1px solid rgba(98,98,98,.2);}
    .menubox .menu_nav{ float: none;}
   
    /* 集团架构 */
    .structure{ padding-top: 30px;}
    .structure .jgImg{ width:100%;}
    .structure .jg_list li{ width: 49.58%; margin-bottom: 3px;}
    
    .structure .jg_list li a{ padding-bottom: 8px;}
    .structure .jg_list li h2{ font-size: 16px; margin: 14px 0 10px; line-height: 24px; height: 24px; padding-left: 42px;background-position: 10px center;}
    .structure .jg_list li .imgbox{ height: auto;}
    .structure .jg_list li .jgtext{ font-size: 14px; height: 80px; line-height: 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 .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;}
    .his-r p img{ margin-top: 10px; margin-bottom: 10px; max-width:100%; height:auto;}

    /* 业务版块 */
    .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;}

    /* 业务版块内容 */
    .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 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_right_box .other_list{ padding-top: 10px;}
    .other_list li .other_title{ height: auto; padding: 10px 10px;}
    .other_list li .other_title h3{ font-size: 16px; margin-bottom: 0;}

    /* 海兴精神 */
    .spiritBox{ padding-top: 25px;}
    .spiritBox .spiritText{ float: none; width: 100%; margin-top: 0; padding: 20px 10px;}
    .spiritBox .spiritImg{ float: none; width: 100%; padding-right: 0; padding-bottom: 0;}

}
@media (min-width:768px) and (max-width:992px){ 
    #section1 .index-banner{height: 422px;}
    .navbar-toggle{ display:block;}
    .header .logo{ margin-top: 22px; width: 38%;}
    .phone_business li .phone_businessInfo{ text-align: left; margin-top: 55px;}
    .phone_business li h2{ font-size:20px;}
    .phone_business li p{ font-size:16px;}
    .videoCenter .swiper-slide{ width: 85%; height: 358px;}
    .index_dj_nav dd.ds_study span{ text-indent: 125px;}
    #section6{ overflow:hidden;}
    .footer-copy .copyRight{ padding-left: 0;}
    #section7{ overflow: hidden;}    
    .structure .jg_list li{height: auto; margin-bottom: 8px;}
    .yw_common .column_right{ font-size: 16px; line-height: 28px;}
    .yw_list li{ margin-bottom: 20px;}
    .yw_wrapbox .yw_left_nav{ padding-top: 40px;}
    .yw_left_nav h1{ font-size:24px;}
    .yw_left_nav .returnPrev{ margin-top: 15px;}
    .yw_wrapbox .yw_right_box{padding-top: 22px;}
    .yw_right_box h2{ margin-bottom: 15px;}
    .yw_right_box span.line-small{width: 24px;}
    .xm_piclist{ margin-top: 20px;}
    #newsSwiper .swiper-slide .news_right{ padding-top: 20px;}
    #newsSwiper .swiper-slide .news_right h2{ font-size: 20px; margin-top: 10px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .newsIsgood .swiper-button-next, .newsIsgood .swiper-button-prev{ bottom:10px;}
    .newsIsgood .swiper-pagination{ bottom: 16px;}
    .newslistbox{ padding-bottom: 15px;}
    .newslistbox li .imgbox{ width:40.86%;}
    .newslistbox li .news-info{ width:56.2%;}
    .newslistbox li{ padding-top: 25px; padding-bottom: 25px;}
    .newslistbox li .news-info .info_text{height: auto;}

    .dj_status_list li .title_r,.commonList li .title_r{ width:88.4%;}
    .spiritBox .spiritText{padding:20px 20px;}
    .spiritText h2{ font-size: 24px; line-height: 38px;}
    .spiritBox .spiritImg{ margin-top: 0;}
    .contactContent .contact_right{ padding-left:35px; padding-right: 35px;}
    
}
@media (max-width:768px){
    /* 首页 */
    .banner6 .bannerContent img.enterbtn{
        width: 95px;
        margin-top:15px;
    }
    /* 走进海兴 */
    .mainbox{ padding-top: 20px; padding-left: 10px; padding-right: 10px; padding-bottom: 60px;}
    .banner img{ vertical-align: baseline;}
    .menubox .columnName{ float: none; font-size: 20px; margin-bottom: 5px; border-right: none; text-align: center; margin-top: 10px; padding-right: 0;}
    .mainbox .commonbox{ padding-left: 10px; padding-right: 10px; padding-bottom: 25px;}
    .commonbox .menubox{ height: auto;border-bottom: 1px solid rgba(98,98,98,.2);}
    .menubox .menu_nav{ float: none;}
    .menu_nav a{ font-size: 16px; padding: 15px 0; margin: 0; text-align: center;}
    .commonTitle{ padding-top: 15px; padding-left: 0;}
    .commonTitle h3{ font-size: 25px;}
    .commonTitle h2{ font-size: 18px;}
    .menu_morenav li>a{ 
        font-size:16px;
        padding:15px 0;
        text-align:center;
        display:block;
    }
    .menu_morenav li{
        margin:0;
        width:25%;
        
    }
    .menu_morenav li .morenavbox{
        top:55px;
        z-index:1;
        /*width:max-content;*/
        padding:6px 15px;
    }
    .menu_morenav li .morenavbox a{
        font-size:14px;
        line-height:28px;
    }
    .menu_morenav li:last-child .morenavbox{
        left:auto;
        right:0;
    }
    .s1-con-l .newsImg .swiper-slide .imgbox{height:auto;}
    .s1-con-l .newsImg{ height:auto;}
    .s1-con-l .newsImg img{ position:relative !important;width:100% !important; height:auto !important; left: 0 !important; top:auto !important; margin-top:0 !important; margin-left:0 !important;}

    .aboutBox{ padding-top: 15px; background-size: 130px auto;}
    .aboutBox .about_left,.aboutBox .about_right{ float: none; width: 100%;}
    .about_left .about_bg{ height: 150px; padding: 5px 0 0 5px;}
    .num-top li h2{ font-size: 16px;}
    .num-top li h2 i{ font-size: 24px; vertical-align: baseline;}
    .num-top li{ width: 47.8%; margin-bottom: 20px;}
    .num-top li p{ font-size: 15px;}
    .num-top li:nth-child(even){ margin-right: 0;}
    .about_bg li{ height: 145px; padding-top: 25px; padding-bottom: 25px;}
    .about_bg li p{ font-size: 16px; line-height: 32px;}
    .aboutBox .about_right{ margin-bottom: 12px; margin-top: 15px;}
    .about_right p{ font-size: 16px; line-height: 32px;}
    .aboutLogo{ margin-top: 20px;}
    .raindrops{margin-top: -49px;}
    .footer_in{ padding-top: 0;}
    .footImgbox .footLogo{ width: 48%; margin-right: 0;}
    .footEwm{ margin-top: 15px;}
    .footEwm li{ margin: 0 10px;}
    .footEwm li .imgbox{ width: 72px; height: 72px; padding-top: 3px;}
    .footEwm li p,.footer_in .copyRight_in,.copyRight_in a{ font-size: 14px;}
   
    #section5{
       background-image: url(../../img/indexBg11.jpg);
    }
    .s4-con{
        position:relative;
        z-index:1;
    }
    .indexdjword{
        height:24px;
    }
    #section5::before{
        content:" ";
        display:inline-block;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background-image: url(../../img/dqbg.png);
        background-repeat:no-repeat;
        background-size:100% auto;
        background-position:center top;
        z-index:0;
    }
    /* 大事记 */
    #historySwiper .swiper-slide a{ font-size: 18px;}
    .processBox{ padding-top: 20px;}    
    .timeline ul.history li div{width: calc(100vw - 70px);}
    
    
    /* 业务板块内容 */
    .commonbox .menubox.menubox2024 .menu_nav a{
        margin: 0;
    }
    .yw_right_box h2{ font-size: 18px; margin-bottom: 5px;}
    .yw_left_nav .returnPrev{ margin-top: 5px; line-height: 32px; height: 32px;}

    /* 新闻中心 */
    .newsIsgood{ margin-top: 25px;}
    #newsSwiper .swiper-slide .news_img,#newsSwiper .swiper-slide .news_right{ float:none; width: 100%;}
    #newsSwiper .swiper-slide .news_right{ padding: 10px 10px;}
    #newsSwiper .swiper-slide .news_right h2{ font-size: 16px; line-height: 28px; margin-top: 5px;}
    #newsSwiper .swiper-slide .news_right p{ display: none;}
    .newsIsgood .swiper-button-next, .newsIsgood .swiper-button-prev{ display: none;}
    .newsIsgood .swiper-pagination{ width: 100%; right: auto; bottom: 10px;}
    .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%; padding-top: 0; padding-right: 0;}
    .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;}

    /* 新闻内容 */
    .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;}
    .nextChange p a{display: inline-block; width: 78%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}
    .addSwiper{ width:100%;}
    .contentbox .newstext video{
        width:100%;
        height:auto;
        margin-left:-32px;
    }

    /* 党建动态 */
    .dj_status_list,.commonList{ padding-top: 20px; 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;}

    /* 海兴精神 */
    .spiritText h2{ font-size: 20px; line-height: 30px; margin-bottom: 10px;}
    .spiritText p{ font-size: 16px; line-height: 28px;}

    /* 联系我们 */
    .contactbox .map{ margin-top:25px; height: 180px;}
    .contactContent{ margin-top: 15px;}
    .contactContent .contact_left{ float: none; width: 100%; padding-left: 0; padding-top: 22px;}
    .contactContent .contact_right{ float: none; width: 100%; padding: 20px 10px;}
    .contact_right h2{ font-size: 20px; margin-bottom: 12px;}
    .contact_right p{ font-size: 15px; line-height: 26px;}
    .contact_left dd{padding-left: 46px; line-height: 26px;margin-bottom: 22px;}
    .contact_left dd b{ font-size: 20px;}
}
@media (max-width:380px){
    .about_bg li.index1{ height: 186px; padding-top: 35px; padding-bottom: 35px;} 
    .videoCenter .swiper-slide{ height: 170px;}
}
@media (min-width:330px) and (max-width:365px) {
    .videoCenter .swiper-slide{ height:163px;}
}
@media (max-width:330px){
    .header{ height: 60px;}
    .header .logo{ margin-top: 18px;}
    .navbar-toggle{ margin-top: 12px;}
    .mobileNav{ top:60px;}
    #section1 .index-banner{ margin-top: 60px; height:180px;}
    .s1-con-r .s1-con-r-tab a{ font-size: 15px; padding: 0 5px; height: 36px; line-height: 36px;}
    .s1-con-r .news-item .first_isgood .isgood-r span{ font-size: 20px;}
    .s1-con-l .newsImg .news-z{ font-size: 15px;}
    .s1-con-r .news-item .first_isgood .isgood-r p,.s1-con-r .news-item .first_isgood .isgood-l p{ font-size: 13px;}
    .s1-con-r .news-item ul li{ line-height: 36px;background-position: left center; padding-left: 18px; font-size: 15px;background-size: 5px auto;}
    .s1-con-r .news-item .first_isgood .isgood-l h1,.s1-con-r .news-item ul li a{ font-size: 15px;}
    #section2, #section4, #section5, #section6{padding-top:20px;}
    #section3 .s2-con{ padding-top: 10px;}
    #section h2.index-tit a, #section h2.index-tit a{ font-size: 18px;}
    #section h2.index-tit span{ font-size: 15px;}
    .phone_business li{ margin-bottom: 15px;}
    .phone_business li .phone_businessInfo{ margin-top:0;}
    .phone_business li h2{ font-size: 15px;}
    .phone_business li p{ font-size:12px; line-height: 20px;}
    #section4 .videoCenter{ margin-top: 0;}
    .videoCenter .swiper-container{ padding-bottom: 30px;}
    .videoCenter .swiper-slide{ height: 144px;}
    #section5{ padding-bottom: 25px;}
    #section5 .business-list{ margin-top: 20px;}
    #section5 .business-list .business-item h2, #section5 .business-list .index_dj_lists li h2{ font-size: 15px;}
    #section5 .business-list .business-item .business-txt{ font-size: 12px; line-height: 20px; height: 40px; margin-bottom: 10px;}    
    #section5 .business-list .morebox .time-t{ font-size: 12px;}
    #section5 .business-list .morebox .arrow-j{ width: 15px; height: 15px;background-size: 15px auto;}
    #section5 .business-list .business-item a, #section5 .business-list .index_dj_lists li a{ padding-bottom: 10px;}
    .index_dj_nav dd span{ font-size: 18px;}
    .index_dj_nav dd a{height: 75px; padding-top: 25px;}
    .index_dj_nav dd.ds_study span{ text-indent: 60px;}
    #section6 .groupSlide{ margin-top:0;}
    .sub-footer{ padding-top: 0;}
    .linkSwiper ul li{ line-height: 24px;}
    .linkSwiper ul li a{ font-size: 13px; margin-right: 4px;}
    .footer .f-nav ul li h4,.footer .f-nav ul li h4 a{ font-size: 14px;}
    .footer .f-nav ul li dl dd{ line-height: 24px;}
    .footer .f-nav ul li dl dd a,.footer .f-nav .f-qrImg p span{ font-size: 12px;}
    .footer .f-nav ul li:nth-child(3){ height:160px;}
    .footer .f-nav .f-qrImg p img{ width: 60px;}
    .footer-copy ul li > a, .footer-copy .copyRight p a,.footer-copy p{ font-size: 12px;}
    .footer-copy .goTop{ width:64px; height: 32px;}
    .footer-copy .goTop a{ line-height: 32px; font-size: 12px;}
    .menu_nav a{ font-size: 13px; padding: 10px 0;}
    .commonTitle{ padding-left: 0;}
    .commonTitle h3{ font-size: 24px;}
    .commonTitle h2{ font-size: 16px;}
    .about_bg li p{ font-size: 14px; line-height: 28px;}
    .about_bg li.index1{ height: 154px; padding-top: 34px; padding-bottom: 25px;}
    .aboutBox .about_right{ margin-bottom: 0;}
    .about_right p{ font-size: 14px; line-height: 28px;}
    .footImgbox .footLogo{ width: 55%;}
    .footEwm li .imgbox{ width: 66px; height: 66px;}
    .footEwm li img{ width: 60px;}
    .footEwm li p, .footer_in .copyRight_in, .copyRight_in a{ font-size: 12px;}
    .structure .jg_list li{ height: 228px;}
    .structure .jg_list li h2{ font-size: 15px;}
    .structure .jg_list li .jgtext{ font-size: 12px;}
    .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{ 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;}
    #newsSwiper .swiper-slide .news_right span{ font-size: 13px;}
    #newsSwiper .swiper-slide .news_right h2{ font-size: 15px; line-height: 24px;}
    .newslistbox li{ padding-bottom: 10px;}
    .newslistbox li .news-info h2{ font-size: 15px;}
    .newslistbox li .news-info .info_text{ font-size: 12px; line-height: 18px; height: 34px;}
    .newslistbox li .news-info span{ font-size: 12px;}
    .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: 15px; line-height: 48px;}
    .dj_status_list li .title_r i.icon_arrow, .commonList li .title_r i.icon_arrow{ width:20px; height: 48px;}
    .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 div,.contentbox .newstext p{ text-indent: 28px;}
  
    .contentbox .newstext,.contentbox .newstext p, .contentbox .newstext span{ font-size: 14px !important; line-height: 28px !important; }
    .spiritBox .spiritText{ padding: 15px 10px;}
    .spiritText h2{ font-size: 16px; line-height: 26px; margin-bottom: 5px;}
    .spiritText p{ font-size: 14px; line-height: 26px;}
    .mainbox .commonbox{ padding-bottom: 10px;}
    .contactbox .map{ height:150px;}
    .contact_right h2{ font-size: 16px;}
    .contact_right p{ font-size: 13px;}
    .contact_left dd{ padding-left: 35px;margin-bottom: 15px;background-size: 24px auto;}
    .contact_left dd b{ font-size: 18px;}
    .contact_left dd p{ font-size: 14px;}


}