@charset "utf-8";
/* CSS Document */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;*height: auto;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }


/*新闻列表返回*/
.t_neiprev{
    position: fixed;
    right: calc(100px - 100%);
    bottom: 150px;
    cursor: pointer;
    text-align: center;
    z-index: 999999;
    transition: all 0.36s;
}
.t_neiprev.on{
    right: 60px;
}
.t_return {
    box-shadow: 0px 12px 33px 0px rgb(0 0 0 / 14%);
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}
.t_return {
    background: #fff;
    box-shadow: 0px 9px 40px 0px rgb(0 0 0 / 38%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
}.t_returnpic {
    width: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(270deg);
}
.t_neiprev .t_returnpic {
    width: 22px;
    transform: translate(-50%,-50%) rotate(0);
}.t_returnpic img {
    width: 100%;
}.t_retuzi {
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    background: #292c3f;
    padding: 5px 10px;
    border-radius: 22px;
}


/*所在位置通用样式*/

.dwNav {
    width: 100%;
    border-bottom: 1px solid #e8eaee;
}

.dwNavBox {
    display: flex;
    justify-content: space-between;
}

.dwNavL {
    display: flex;
    align-items: center;
    color: #91939B;
}

.dwNavL a {
    color: #91939B;
    font-size: 16px;
    display: flex;
    align-items: center;
	padding: 25px 0;
}

.dwNavL i {
    color: #91939B;
    font-size: 16px;
    margin: 0 10px;
}

.dwNavL svg {
    width: 18px;
    height: 18px;
    margin: 0 10px;
}

.dwNavL svg path {
    fill: #91939B;
}

/*  */

.dwNavR{
    display: flex;
    align-items: center;
    position: relative;
   
   
}
.dwNavR ul{  display: flex;align-items: center; position: relative;}
/* .dwNavR ul:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 10px solid #fff;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateY(-100%) translateX(-50%);
    -ms-transform: translateY(-100%) translateX(-50%);
    -webkit-transform: translateY(-100%) translateX(-50%);
} */


.dwNavR ul li { padding: 25px 0; position: relative;}
.dwNavR ul li .nav2{display: none;     display: none; padding:10px 0;}
.dwNavR ul li:hover .nav2{display: block; position: absolute; left:20px; top: 75px; width: 120px; text-align: center; z-index: 9999;  background-color: #dd9f5f; box-shadow: 0 0 10px rgb(155 155 155 / 18%);
}
.dwNavR ul li:hover .nav2 li{ padding:0px ;}
.dwNavR ul li:hover .nav2 li a{  display: block;     margin-left: 0px;height: 45px; line-height: 45px;padding: 0;text-align: center; color: #FFF;}

.dwNavR a {
    padding:25px 0;
    text-align: center;
    font-size: 18px;
    color: #b4b4b4;
    margin-left: 100px;
    position: relative;
    transition: all .48s;
    overflow: hidden;
    margin-left: 40px;
  
}

.dwNavR a::after {
    content: '';
    width: 0%;
    height: 2px;
    border-bottom: 2px solid #0d56a6;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all .48s;
}

.dwNavR a.on {
    font-weight: 500;
    color: #0d56a6;
    border-color: #0d56a6;
    position: relative;
}
.dwNavR a.on::after {
    width: 100%;
}
/*  */
.dwNavR .nav_head{
 
    color: #ffffff;
   
    position: relative;   
    
}

.tab_title ul { display: none}
@media (max-width: 768px){
	/*2024.3.11*/
	.tab_title ul {
    /* margin-top: 25px; */
    display: flex;
    align-items: center;
    margin: 10px;
}

.tab_title li {
    display: flex;
    align-items: center;
    justify-content: center;
    width:49.5%;
    height: 55px;
	line-height: 55px;
    color: #333333;
    font-size:16px;
    background:#eeeeee;
    transition: all .5s ease;
}
.tab_title li:nth-last-of-type(1) {
    margin-left: 10px;
}
.tab_title li a {
	text-align: center;
	 width: 100%;
    height: 100%;
    display: block;
    transition: all .5s ease;
}
.tab_title li.active a {
    color: #ffffff;
}
.tab_title li.active {
    background:#034ea1;
}
.tab_title li:hover {
    background:#5c6670;
}
.tab_title li:hover a {
    color:#ffffff;display: block;
}
}

@media (max-width: 1024px){
.dwNav {
    display: none;
}
}
@media (max-width: 768px){
.padd {
    padding: 40px 0;
}
.Tit span, .Tit span b {
    font-size: 30px;
}

}

@media (max-width: 768px){
    .padd {
        padding: 20px 0;
    }
    .Tit span, .Tit span b {
        font-size: 26px;
    }
    
     
    }
/*所在位置通用样式  E*/
/* 动画效果 */
.wgt-fade-animate {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    opacity: 0;
}

.appear {
    -webkit-animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    animation: opacity_show 1s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95) forwards;
    opacity: 1 !important;
}

@-webkit-keyframes opacity_show {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        -webkit-transform: translateY(150px);
        transform: translateY(150px);
        opacity: .1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes opacity_show {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        -webkit-transform: translateY(150px);
        transform: translateY(150px);
        opacity: .1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}
	
/* 内页公共 */
.headerNew.on {
    transform: translateY(0%);
}
.dinW {
    position: absolute;
    top: -80px;
}

.banN {
	position: relative;
    width: 100%;
    height: 60vh;
    margin-top: 88px;
	overflow: hidden;
}

.banNImg {
    width: 100%;
    height: 100%;
    position: relative;
}
.banNImg  img{   -webkit-animation: pagebgfd 6s linear infinite alternate;
          animation: pagebgfd 6s linear infinite alternate;}

@-webkit-keyframes pagebgfd {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}
@keyframes pagebgfd {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}

.banN_m {
    display: none;
}

.banNImg::after {
    content: '';
    width: 100%;
    height: 100%;
 /*   background: linear-gradient(107deg, rgba(0, 0, 0, 0.4) 20%, rgba(10, 35, 73, 0) 100%);*/
 
    position: absolute;
    left: 0;
    top: 0;
}

.banNImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*  */

.banNImg_about {
    width: 100%;
    height: 100%;
    position: relative;
	overflow:hidden;
}
.banNImg_about  img{ animation-name:zoomout; animation-duration:1s; -webkit-animation-name:zoomout; -webkit-animation-duration:1s}

@keyframes zoomout
{
    from { transform:scale(1.2,1.2); opacity: 0.5; filter:alpha(opacity=50);}
    to { transform:scale(1,1); opacity: 1; filter:alpha(opacity=100);}
}
/*  Safari and Chrome */
@-webkit-keyframes zoomout
{
    from { -webkit-transform:scale(1.2,1.2); opacity: 0.5; filter:alpha(opacity=50);}
    to { -webkit-transform:scale(1,1);; opacity: 1; filter:alpha(opacity=100);}
}

.banNImg_about::after {
    content: '';
    width: 100%;
    height: 100%;
 /*   background: linear-gradient(107deg, rgba(0, 0, 0, 0.4) 20%, rgba(10, 35, 73, 0) 100%);*/
 background:linear-gradient(0deg, rgb(0 69 182 / 76%) 20%, rgb(3 65 169 / 44%) 100%);
    position: absolute;
    left: 0;
    top: 0;
}

.banNImg_about img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*  */

.banNText {
    width: 90%;
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    text-align: center;
}

.banNText span {
    color: #fff;
    display: block;
    font-size: 38px;
    line-height: 1.4;
    font-weight: 600;
}

.banNText p {
    color: rgba(255, 255, 255, 0.6);
    margin-top: 15px;
    font-size: 26px;
    letter-spacing:0px;
}
.banNText p.zpjh{  background:#FFF; width:450px; margin:0 auto; border-radius:35px;margin-top:30px; font-weight:bold; letter-spacing:0px; height:55px; line-height:55px;color:#f98e00;}


.gd {
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    animation: dong3 1.5s linear infinite;
}

.gd img {
    width: 24px;
}

@keyframes dong3 {
    0% {
        transform: translate(-50%, 0);
    }

    50% {
        transform: translate(-50%, 15px);
    }

    100% {
        transform: translate(-50%, 0);
    }
}
@media (max-width: 1100px){
	
.topa {
    margin-top: 0px;
    margin-left: 0px;
    display: flex;
}
}
@media (max-width: 768px){
.banN {
    position: relative;
    width: 100%;
     height:auto;
    margin-top: 68px;
}
.banN_pc {
    display: none;
}
.banN_m {
    display: block;
}	
	
.banNText span {
    font-size: 24px;
}

    .banNText p {
        font-size: 18px;
    }
.banNText p.zpjh {
    background: rgb(255 255 255 );
    width:55%;
    margin: 0 auto;
    border-radius: 25px;
    /* margin-top: 30px; */
    font-weight: bold;
    letter-spacing: 0px;
    height: 50px;
    line-height: 50px;
    color: #f98e00;
}	

}

@media (max-width: 414px){
	.join_title {
    padding-top: 20px;
    padding-bottom: 20px;
}
	.banNText p.zpjh {
    background: rgb(255 255 255 );
    width:100%;
    margin: 0 auto;
    border-radius: 25px;
    /* margin-top: 30px; */
    font-weight: bold;
    letter-spacing: 0px;
    height: 50px;
    line-height: 50px;
    color: #f98e00;
}	
	.join_d_t {
    color: #024da1;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 10px;
}
}

/*  */










/****************企业概况页面样式****************************/

/*about_box1*/
.about_box1{  width: 100%;position: relative;}
.abJjBox {
    position: relative;
	 margin-top: -72px;
}

.abJjImg {
    width: 100%;
    padding-top: 46%;
}
.abJjImgB {
    display: none;
}
.abJjText {
    width: 56%;
    padding: 70px 8% 90px 100px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #ffffff;
    border-radius: 8px 0 0 0;
}
.abJjText .abJjText1 {
    width: 60px;
    margin-bottom: 5px;
}
.abJjText .abJjText2 {
    width: 130px;
    position: absolute;
    right: 8%;
    top: 25%;
}
.abJjText .Tit {
    margin-bottom: 30px;
}
.abJj_i {
    display: block;
    width: 2px;
    height: 40px;
    margin: 20px 0;
    background:  #2868af;
}

.abJjText p {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 20px;    text-indent: 38px;
}

/* 下条 */
.abJjUl {
    width: 85%;
    padding: 50px 0 50px 8%;
    background: #034ea1; 
    display: flex;
    transition: all 1s ease;
    border-top-right-radius: 200px;
    border-bottom-right-radius: 0px;
    box-shadow: 0 0 10px rgb(155 ,155,155 ,0.5)
}
.abJj_li { flex: 1; font-size: 18px; color:#ffffff;}
.abJj_li span {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 18px;
    color: #ffffff;
}
.abJj_li span b {
    font-size: 48px;
    font-family: 'Rousseau';
    line-height: 1;
    color: #ffffff;
    margin-right: 15px;
}
.abJj_li span i {
    font-size: 18px;
    color: #ffffff;
}
.abJj_li p {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 300;
    color:#ffffff;
}
.abJj_li p img {
    width: 25px;
    margin-right: 5px;
}
/* 简介单页 */

.jtjs {
    padding:10px 0;
}
.ejtit {
	margin-bottom: 25px;
	position: relative;
	z-index: 2;
}
.ejtit h2 {
	color: #343434;
	font-size: 40px;
	font-weight: bold
}

.ejtit h3 {
	font-size: 18px;
	font-weight: bold;
	color: #e5e7e8;
	text-transform: uppercase
}
.jtjs p {
	
	line-height:2;
    margin-bottom: 5px;
    text-indent: 38px;
    font-size: 18px;
}
.jsinner {
	margin-top: 72px;
    display: flex;
    justify-content: space-between;
    
}

.js_left {
	display: inline-block;
	/* vertical-align: top; */
	vertical-align: middle;
	width: 43.25%;
	
	overflow: hidden;
    border-bottom-left-radius: 40px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .15)
}

.js_left img {
	width: 100%;
    border-bottom-left-radius: 40px;
}

.js_right {
	display: inline-block;
	/* vertical-align: top; */
	vertical-align: middle;
	width: 56.75%;
	padding:30px 0 30px 50px;
	box-sizing: border-box;
	/* position: relative; */
    border-top-right-radius: 40px;
    display: flex;
    justify-content: space-between;
    background: #034ea1;
    flex-direction:row;

align-items:center;
}


/*  */
@media screen and (max-width: 768px){
.about_box1_n{ padding-bottom:0px !important;}   
   
.jtjs {
    padding: 10px 15px;
}
.ejtit h2 {
    font-size: 18px;
}
.jsinner {
	
    flex-wrap:wrap;
    margin: 40px -20px 0;
}

.js_left {
    width: 100%;
}

.js_right{ width: 100%; padding:15px;order: -1;flex-wrap: wrap;flex-direction: row;  align-content: flex-start;}
.js_right .abJj_li {
   width: 50% !important;
    margin-bottom: 10px;
}

}
@media screen and (max-width: 414px){
.about_box1_n{ padding-bottom:0px !important;}   
    
    .jtjs {
    padding: 10px 15px 0;
}

}



/* 历史沿革 */



.abHBox{
 

    width: 100%;
    background-image: url(../images/circle.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.abHBox .titBox{
    margin-top: 5%;
    display: flex;
    justify-content: space-between;
    height: 590px;
}
.abHBox .imgBox{
    width: 30%;
    height: 100%;
    /* padding: 50px; */
    position: relative;
}
.abHBox .imgBox2{
    display: none;
}
.abHBox .imgBox img{
    width: 100%;
    border-bottom-left-radius:100px;
   
    object-fit: contain;
}


.abHBox .Tbox{
    width: 55%;
    position: relative;
    /* padding: 50px 0; */
    height: 100%;
}
.abHList{
    width: 70%;
    height: 100%;
    overflow: hidden;
    margin-left:85px;
    /* margin-top: 130px; */
}
.abHItem{
    width: 100%;
    height: auto;
    padding: 20px 0;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.48s;
}
.abHItem:hover{
    background: #f7f8f9;
    background: linear-gradient(to right, #f7f8f9, #FFF);
    padding: 30px;
}
.abHItem:hover .tit span{
    font-size: 46px;
}
.abHItem .tit{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.abHItem .tit span{
    font-size: 42px;
    font-weight: 600;
    color: #044fa1;
    margin-right: 5px;
     font-family: "Bluu";
    line-height: 1;
    transition: all 0.48s;
}
.abHItem .text {
    font-size: 18px;
}
.abH_pagination{
    width: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  
}
.abH_pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    transition: all 0.48s;
    margin: 5px !important;
    background: #044fa1;
    opacity: .6;
}
.abH_pagination .swiper-pagination-bullet-active{
    opacity: 1;
    background:#e89467;
    border-radius: 5px;
    width: 10px;
    height: 30px;
}



.abGsjsImg {
    width: 35%;
    position: absolute;
    top: 5%;
    right: 5%;
    padding-top: 37.2%;
}

.abGsjsImg_m {
    display: none;
}

.abGsjsImg.fixed {
    position: fixed;
    right: 5%;
    top: 140px;
}

.abGsjsImg.pos {
    top: auto;
    bottom: 60px;
}






@media screen and (max-width: 768px){
    .abJjBox {
        display: flex;
        flex-wrap: wrap;
    }
    .abJjText {
        padding: 20px 5% 20px 5%;
        width: 100%;
        position: initial;
        order: -1;
        border-radius:0px;
    }
    .abJjText .abJjText2 {
        width: 60px;
        position: absolute;
        right: 5%;
        top: 10%;
    }
    .abJjImgA {
        display: none;
    } 
    .abJjImgB {
        display: block;
    }

    .abJjUl {
    width: 100%;
    border-radius: 0;
    flex-wrap: wrap;
    padding: 15px 0 5px 5%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.abJj_li {
    flex: initial;
    width: 50%;
    margin-bottom: 30px;
}
.abJj_li p {
    font-size: 14px;
}
.abJj_li span b {
    font-size: 26px;
}
/*  */
.abHBox .imgBox {
    width: 100%;
    display: none;
}
.abHBox .titBox  .imgBox2 {
    display: block;
 
    position: relative;
}
.abHBox .imgBox img {
    width: 100%;
    border-radius: 0px;
 
    object-fit: contain;
}
.abHBox .Tbox {
    width: 100%;
    height: 220px;
    margin-bottom: 30px;
}
.abHBox .titBox {
    height: auto;
    flex-wrap: wrap;
   
}
.abHItem .tit span {
    font-size: 18px;
}
.abH_pagination {
    display: none;
}
.abHItem {
    padding: 10px 0;
}
.abHList {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-left: 0;
}


}

/*2024.02.28单页企业文化*/
.core_box{
    position: relative;
   
    background: #f7f7f7;
    padding: 45px;
    overflow: hidden;
}
.core_box:before {
    content: '';
    width: 1px;
    height: 100%;
    background: #ededed;
    position: absolute;
    top: 0;
    left: 118px;
}
.core_text{
    position: relative;
 
    vertical-align: top;
   
    height: 100%;
  
}
.core_text .items {
    width: 100%;
    position: relative;
    left: 0;
   /* top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
         transform: translateY(-50%);*/
}
.core_text .item {
    margin-bottom: 45px;
    overflow: hidden;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer;
}
.core_text .item:last-of-type {
    margin-bottom: 0;
}
.core_text .item span {
    font-size: 45px;
    color: #901a00;
    float: left;
    width: 50px;
    font-weight: bold;
    text-align: inherit;
    margin-top: -15px;
}
.core_text .item .dot {
    width: 16px;
    height: 16px;
    float: left;
    position: relative;
    margin: 8px 0 0 16px;
}
.core_text .item .dot:before {
    content: '';
    width: 14px;
    height: 14px;
    background: #fff;
    -moz-border-radius: 50%;
         border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #c8c8c8;
}
.core_text .item .dot:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #901a00;
    -moz-border-radius: 50%;
         border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px;
}
.core_text .item h4{
    margin-left: 90px;
    font-weight: bold;
    font-size: 24px;
}
.core_text .item p {
     font-size: 18px;
    line-height: 32px;
    color: #333;
    text-align: justify;
    margin-left: 90px;
    text-indent: 38px;
    margin-top:10px;
}
.core_text .item.active {
    opacity: 1;
}
.core_box .core_bg{
    width: 54%;
    height: 100%;
    float: right;
    -moz-background-size: cover;
         background-size: cover;
    background-position: center;
}

@media screen and (max-width:768px){
.core_box {
    position: relative;
    background: #f7f7f7;
    padding: 18px 10px;
    overflow: hidden;
	margin: 20% auto 10%;
}
.core_box:before {
    content: '';
     width:0px; 
    height: 100%;
    background: #ededed;
   position: relative; 
    top: 0;
   left:0px;
}
.core_text .item p {
    line-height: 33px;
    color: #333;    font-size: 18px;
    text-align: justify;
   margin-left: 0px;
    margin-top: 10px;
}
}

/**
 * 全图列表1
 荣誉
 * @return
 */
.minH{
	min-height:350px;
	height:auto !important;
	height:350px;
}

.imgList1{background: #fff;margin:0px;display: flex;justify-content:left;flex-wrap: wrap;}	
	
.imgList1 dd{

	width:25%; 
	-webkit-animation:gfadeIn 0.6s 0.8s both; 
	-moz-animation:gfadeIn 0.6s 0.8s both; 
	animation:gfadeIn 0.6s 0.8s both;
	padding: 10px 0;
    /*
		float:left; 
	border-radius: 4px;
    box-shadow: 0px 1px 2px 0px #e1e1e1;*/
	overflow:hidden;
	}
	

.imgList1 dd:nth-of-type(1){-webkit-animation-delay:0.2s; -moz-animation-delay:0.2s; animation-delay:0.2s;}
.imgList1 dd:nth-of-type(2){-webkit-animation-delay:0.4s; -moz-animation-delay:0.4s; animation-delay:0.4s;}
.imgList1 dd:nth-of-type(3){-webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; animation-delay:0.6s;}
.imgList1 dd:nth-of-type(4){-webkit-animation-delay:0.8s; -moz-animation-delay:0.8s; animation-delay:0.8s;}
.imgList1 dd:nth-of-type(5){-webkit-animation-delay:1s; -moz-animation-delay:1s; animation-delay:1s;}
.imgList1 dd:nth-of-type(6){-webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; animation-delay:1.2s;}
.imgList1 dd:nth-of-type(7){-webkit-animation-delay:1.4s; -moz-animation-delay:1.4s; animation-delay:1.4s;}
.imgList1 dd:nth-of-type(8){-webkit-animation-delay:1.6s; -moz-animation-delay:1.6s; animation-delay:1.6s;}
.imgList1 dd:nth-of-type(9){-webkit-animation-delay:1.8s; -moz-animation-delay:1.8s; animation-delay:1.8s;}
.imgList1 dd:nth-of-type(10){-webkit-animation-delay:2s; -moz-animation-delay:2s; animation-delay:2s;}
.imgList1 dd:nth-of-type(11){-webkit-animation-delay:2.2s; -moz-animation-delay:2.2s; animation-delay:2.2s;}
.imgList1 dd:nth-of-type(12){-webkit-animation-delay:2.4; -moz-animation-delay:2.4; animation-delay:2.4s;}

.imgList1 dd a{
	display:block; 
	height:100%;
	margin: 0 10px;
	 transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	background: #fff;
	border-radius: 2px;
}
.imgList1 dd .picture{padding: 10px 10px 0 10px;}
.imgList1 dd .imgBox{display:block; padding-top: 66.666666%; overflow:hidden; position:relative; background: #f2f2f2;}
.imgList1 dd .imgBox img{
	width:100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition:0.3s; 
	-moz-transition:0.3s; 
	transition:0.3s;
	object-fit: cover;
}	
a .ui-s-cover { background: #000; position: absolute; width: 100%; top: 0; left: 0; height: 100%; filter: alpha(opacity=40); opacity: 0.4; transition: all 0.2s ease-in-out; z-index: 5; }
.imgList1 dd a:hover .ui-s-cover { filter: alpha(opacity=0); opacity: 0; }	
.imgList1 dd span{
    padding:15px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
	font-size:18px;
	display:block;
	text-align:center;
	transition: 0.4s ease;
}
.imgList1 dd a:hover{
    box-shadow: 0 0px 25px rgba(0,0,0,0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
    transform: translate3d(0, -2px, 0);
    -webkit-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
}
.socialList1 dd a:hover img+img{
	opacity: 0;
	visibility: hidden;
}
/* 相册弹窗列表 */
.viewer-container img{
	padding: 20px;
	background: #fff;
	border-radius: 2px;
}

@media screen and (max-width:768px){
.imgList1 {
    background: #fff;
    margin: 50px 0;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
.imgList1 dd {
    width: 50%;
    -webkit-animation: gfadeIn 0.6s 0.8s both;
    -moz-animation: gfadeIn 0.6s 0.8s both;
    animation: gfadeIn 0.6s 0.8s both;
    padding: 10px 0;
    overflow: hidden;
}
}

@media screen and (max-width:420px){
	
.imgList1 {
    background: #fff;
    margin: 50px 0;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}
	
.imgList1 dd {
    width: 100%;
    -webkit-animation: gfadeIn 0.6s 0.8s both;
    -moz-animation: gfadeIn 0.6s 0.8s both;
    animation: gfadeIn 0.6s 0.8s both;
    padding: 10px 0;
    overflow: hidden;
}

}







/*about_box2*/
.about_box2{ position: relative;}

.g_cpt2botbox .t_yiqih3 h3 {
    text-align: center;
     color: #fff;   
     line-height: 1.5;  
     font-size: 26px;
    font-weight: bold;
}
.t_yiqicon.t_yiqicon_2 p{
    color:#fff;
}
.t_yimorezi {
    font-size: 14px;
    color: #fff;
    line-height: 46px;
    margin-right: 26px;
    transition: all 0.36s;
}
.t_yimoreicon {
    width: 24px;
    line-height: 46px;
}

.g_cpt2botnr .t_yiqih3 {
    margin-bottom: 24px;
}
.g_cpt2botbox .t_yiqicon {
    opacity: 0;
    transition: all 0.36s;
}
.g_cpt2botbox .t_yiqicon p{
    line-height: 2;
    font-size: 18px;
    text-align: justify;
}
.g_cpt2botnr.act .t_yiqicon {
    opacity: 1;
}
/*  */
.g_cpt2bottu img {
    width: 100%;
}
.g_cpt2 {
    margin-top: 50px;
    position: relative;
}
.g_cpt2toptu.act {
    display: block;
}
.g_cpt2toptu {
    display: none;
}
.g_cpt2toptu img{
    width: 100%;
}


.g_cpt2bot {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.g_cpt2botnr {
    z-index: 1;
    overflow: hidden;
	
}
.g_cpt2botnr {
    width:33.333%;
    float: left;
    position: relative;
    height: 100%;
    transition: all .36s ease;
    border-right: 1px solid rgba(255, 255, 255, .2);
}
.g_cpt2botnr a{
    display: block;
    padding: 70px 40px 40px 40px;
    position: absolute;
    z-index: 10;
    height: 100%;
    width: 100%;
}

.g_cpt2botnr::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*    border: 2px solid #ce7d00;*/
	background: rgb(0 70 197 / 73%);
    transition: all .36s ease;
    opacity: 0;
}
.g_cpt2botbox {
    transition: all .36s ease;
}
.g_cpt2boticon {
    width: 64px;
    /* margin-bottom: 22px; */
    transition: all .36s ease;
    opacity: 1;
    margin: 0 auto 25px;
}
.g_cpt2boticon img{
    width: 100%;
}
.g_cpt2 .t_jiah3 h3 {
    margin-bottom: 30px;
}
.g_cpt2botnr .t_yiqiduan p {
    opacity: 0;
    transition: all 0.36s;
}
.g_cpt2bottu {
    margin-top: 28px;
    transition: all .36s ease;
    opacity: 0;
}
.g_cpt2bottu img{
    width: 100%;
}
.g_shu {
    position: absolute;
    bottom: 40px;
    right: 42px;
    color: #fff;
    font-size: 60px;
    opacity:.45;
    font-style: italic;
}
.g_cpt2botnr::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .1);
    transition: all .36s ease;
    opacity: 0;
}
.g_cpt2botnr.act::before {
    opacity: 1;
}
.g_cpt2botnr.act .g_cpt2botbox {
    transform: translateY(0);
}
.g_cpt2botnr.act .g_cpt2boticon {
    opacity: 1;
    margin-bottom: 34px;
}
.g_cpt2botnr.act .t_yiqiduan p {
    opacity: 1;
}
.g_cpt2botnr.act .g_cpt2bottu {
    opacity: 1;
}
.g_cpt2botbox {
    transform: translateY(200px);
}

/* 文化 */
@media screen and (max-width: 768px){
 .g_cpt2 {
        position: relative;
        padding: 0 15px;
  }
 .g_cpt2top {
    height: auto;
}

.g_cpt2toptu {
    display: block;
    overflow: hidden;
    margin: 10px 0px;

    position: relative;
    min-height: 250px;
}

.g_cpt2botnr {
    width: 100%;
    height: 35%;
}
 .g_cpt2botnr a {
    padding: 20px 25px;
}
 .g_cpt2botnr .g_cpt2botbox {
    transform: translateY(0);
}
 .g_cpt2botnr .g_cpt2boticon {
    margin-bottom: 10px;
}
.g_cpt2boticon {
    width: 28px;
    margin-bottom: 12px;
}
.g_cpt2botbox .t_yiqih3 h3 {
    font-size: 18px;
}
.g_cpt2botnr .t_yiqih3 {
    margin-bottom: 10px;
}.g_cpt2botbox .t_yiqicon {
    max-height: 95px;
    overflow: hidden;
}
.g_cpt2botbox .t_yiqicon.ov_y{overflow: scroll;
    background: #004ca096;
    padding: 10px;}
.g_cpt2botbox .t_yiqicon {
    opacity: 1;
}
.g_cpt2botbox .t_yiqicon p {
    line-height:1.6;
    font-size: 15px;;
    text-align: justify;
}
.g_cpt2toptu img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.g_cpt2bottu {
    margin-top:10px;
    transition: all .36s ease;
   opacity: 1;
}
.g_shu {
    display: none;
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    font-size: 30px;
    opacity: .45;
    font-style: italic;
}

}


/*about_box3*/
.about_box3{    width: 100%;  background: url(../images/abRyu_bg.png);background-repeat: no-repeat; background-size: cover;  position: relative;}

.abRyu {
    width: 100%;
    background: url(../images/abRyu_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#abRyu {
    position: absolute;
    top: -80px;
}

.abRyuBox .swiper-container {
    padding-bottom: 60px;
}

.abRyuImg {
/*    width: 90%;*/
    margin: 0 auto 110px;
    padding-top: 60%;
	 border: 5px solid #795548;
}

.abRyuBox .swiper-slide p {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    opacity: 0;
    transform: translateY(40px);
    transition: all .48s .68s;
}

.abRyuBox .swiper-slide-active p {
    opacity: 1;
    transform: translateY(0px);
}

.abRyuImg_i {
    width: 42%;
    position: absolute;
    left: 50%;
    top: 57%;
    transform: translateX(-50%);
}

.abRyuImg_i img {
    width: 100%;
}

.abRyuBox .swiper-slide {
    transform: scale(0.6);
    padding: 10px;
    transition: all .68s;
}

.abRyuBox .swiper-slide::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.abRyuBox .swiper-slide-active {
    transform: scale(1);
}

/*  */

.abRyu_but {
    width: 72px;
    height: 72px;
    border: 1px solid #024ea1;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 2%;
    transform: translateY(-50%);
    z-index: 2;
    transition: all .48s;
}

.abRyu_but svg {
    width: 26px;
    height: 26px;
}

.abRyu_but svg path {
    fill: #044fa2;
}

.abRyu_but.prev {
    left: 8%;
}

.abRyu_but.next {
    right: 8%;
}

.abRyu_but.next svg {
    transform: rotate(180deg);
}

.abRyu_but:hover {
   background: #024ea1;    border:none;
}

.abRyu_but:hover svg path {
    fill: #fff;
}

.abRyuBox .swiper-pagination {
     font-family: 'Rousseau';
    font-size: 18px;
}

.abRyuBox .swiper-pagination span {
     font-family: 'Rousseau';
    font-size: 18px;
}

.abRyuBox .swiper-pagination-current {
    color: #9a774b;
}


@media (max-width:768px){
.abRyu_but {
    width: 40px;
    height: 40px;
}
.abRyuImg {
    margin: 0 auto 20px;
}
.abRyuBox .swiper-slide p {
    font-size: 16px;
}
.abRyu_but.prev {
    left: 0%;bottom: 40px;
}

.abRyu_but.next {
    right: 0%;bottom: 40px;
  
}

}
/*about_box4*/
.about_box4{    width: 100%;  background: url(../images/xjzz_bg.jpg);background-repeat: no-repeat; background-size: cover;  position: relative;}

.znA {
    display: block;
    position: relative;
   
}

.znA .tmkMore .indMore {
    background: #0d56a6;
    color: #fff;
}

.znImg {
    display: inline-block;
    position: relative;
    width: 50%;
    padding-top: 38%;
	overflow: hidden;

}


.znImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
	border-top-left-radius: 40px;
	border-bottom-right-radius: 40px;
	transition: all 0.66s;
}

.znTxt {
    position: absolute;
    right: 0;
    top: 20%;
    /* transform: translateY(-50%); */
    width: 58%;
    background: #ECEFF4 url(../images/bg2.png) no-repeat top center;
    background-size: cover;
    padding: 60px 56px 48px;
    box-shadow: 0 -5px 30px rgba(0, 0, 0, .05);
}

.znTxt span {
    display: block;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 14px;
    color: #1B2F5F;
}

.znTxt p {
	font-size: 18px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 1.8;
    min-height: 76px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tmkMore.sm .indMore {
    padding: 7px 24px;
    font-size: 18px;
    font-weight: 300;
}.tmkMore .indMore {
    margin-top: 48px;
    display: inline-block;
    padding: 10px 34px;

    position: relative;
    z-index: 11;
}

.tmkMore .indMore:hover {
    -webkit-animation: gelatine 0.5s 1;
    animation: gelatine 0.5s 1;
}
/**/
.heaZyBot {
    margin-top: 40px;
    padding-left: 8%;
}

.heaZyBot .swiper-container {
    position: relative;
    padding-bottom: 60px;
}

.heaZyBot .swiper-container::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, 0) 18%);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.heaZyBot_img {
    padding-top: 60%;
    border-radius: 8px;
}

.heaZyBot .swiper-scrollbar {
    background: none;
    bottom: 0px;
    height: 30px;
}

.heaZyBot .swiper-scrollbar-drag {
    height: 30px;
    background: url(../images/xjzzBot_car.png) no-repeat center;
    cursor: pointer;
}

.heaZyBot .swiper-scrollbar::after {
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #004ca0;
    position: absolute;
    left: 0;
    top: 50%;
    /* transform: translateY(-50%); */
    z-index: -1;
}

/*  */
.heaZyBot_img:hover img {
    transform: scale(1.1);
}
/*about_box5*/
.about_box5{ width: 100%;
    background-image: url(../images/abZr_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 10;
} 
.abZrBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
}

.abZrText {
    width: 54%;
    padding-right: 11%;
}

.abZrText p {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 2;text-indent: 38px;
}

.abZr_con {
    display: flex;
    align-items: center;
    margin-top: 100px;
}

.abZr_con span {
    font-size: 18px;
    font-weight: bold;
}

.abZrBox .swiper-pagination {
    width: 55%;
    height: 2px;
    position: initial;
    margin: 0 15px;
}

.abZrBox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background:#034ea2;
}

.abZrBut {
    margin-left: 40px;
}

.abZrBut a img {
    width: 40px;
}

/*  */
.abZrImgBox {
    width: 46%;
}

.abZrImg {
    padding-top: 60%;
    border-radius: 45px 10px 45px 10px;
}

.abZrImg img {
    border-radius: 45px 10px 45px 10px;
}

.abZrImg span {
    width: 100%;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: #dd9f5f;
    height: 55px;
    line-height: 55px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}








@media (max-width: 786px){
.znA { margin-top: 28px;}
.znImg {width: 100%; padding-top:0;}
.znImg img {
    position: relative;
    height: auto;
}
.znTxt {
    position: relative;
    width: 100%;
    top: -8px;
    transform: translateY(0);
    text-align: left !important;
}
.znTxt {
    padding: 24px 24px 28px;
}
.znTxt span {
    font-size: 18px;
    margin-bottom: 6px;
}
.znTxt p {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.5px;
    -webkit-line-clamp: 2;
    min-height: 50px;
}
.znImg img {
  
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.heaZyBot {
    margin-top: 15px;
    padding-left: 8%;
}	
/* index_box5 */
.abZrImgBox {
    width: 100%;
    order: -1;
}
.abZrText {
    width: 100%;
    padding-right: 0;
    margin-top: 15px;
}
.abZr_con {
    margin-top: 30px;
}
.abZrBut {
    margin-left: 25px;
    width: 135px;
}
/*  */
.abZrImg {
    padding-top: 60%;
    border-radius:0px; 
}
.abZrImg img {
    border-radius:0px;
}

.abZrImg span {
    width: 100%;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    background: #004ca0;
    height: 55px;
    line-height: 55px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 5px;;
}
}
/*===================================================================================================研究院页面样式****************************/
.yjy_box1{  width: 100%;background-image: url(../images/yjy_bg.jpg);background-repeat: no-repeat; background-size: cover; position: relative;}
.yjyJjBox{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.yjyJjText{
    width: 45%;
}
.yjyJjImg {
    width: 50%;
    padding-top: 36%;
    border-radius: 8px;
}
/*  */



.yjyJjBox::after {
    content: '';
    width: 100%;
    height: 1px;
    background: rgb(200 202 203 / 46%);
    position: absolute;
    left:0;
    bottom: 0;
}

.yjyjBox_p p {
    font-size: 18px;
    line-height: 2;
        text-indent: 38px;
}


/*  */
.yjcg {
    margin-top: 80px;
}

.yjcg h3 {
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 30px;
}

.yjcgBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.yjcg_li {
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    position: relative;
    transition: all .48s;
}

.yjcg_li i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 46px;
    background-image: url(../images/squLd_li_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 10px;
}

.yjcg_li img {
    width: 100%;
    height: 100%;
    padding: 32%;
    object-fit: contain;
}

.yjcg_li p {
    font-size: 16px;
}

.yjcg_li:hover::after {
    opacity: 1;
}


.yjcg_text {
    width: 40%;
}

.yjcg_img {
    width: 55%;
    padding-top: 30%;
    border-radius: 8px;
}
@media only screen and (max-width:768px){
    .yjyJjBox{
        position: relative;
        display: block;
     
        align-items: center;
    }
    .yjyJjText{
        width: 100%;
    }
    .yjyJjImg {
        width: 100%;
        padding-top: 66%;
        border-radius: 8px;
    }
    .yjcgBox {
        display: block;
        justify-content: space-between;
        align-items: center;
    }
    .yjcg_img {
       display: none;
    }
    .yjcg_text {
        width: 100%;
    }
    .yjcg {
        margin-top: 20px;
    }
    .yjcgdBox {
        flex-wrap: wrap;
    }
}




/**===================================================================================================产品中心页面样式****************************/
.product{ position: relative; /* background:#d9e6ee url(../images/pro-programme-bg01.jpg) no-repeat  bottom center;*/}

.proWrapper {padding:90px 0 50px;}
.pro_center01{padding:90px 0 0px;}
.pro_center01 .hd{ margin-bottom:0px; display: flex;  justify-content: space-between; 
flex-wrap: wrap;align-items: center;}
/* .pro_center01 .hd .hd_box.fixed{position:fixed; top:64px; left:0; right:0; z-index:10; background:#f7f9fc; -webkit-box-shadow:0 1px 5px rgba(0,0,0,.2); box-shadow:0 1px 5px rgba(0,0,0,.2); }
.pro_center01 .hd .hd_box.fixed{padding:20px 0;} */
.pro_center01 .hd .title{ font-size:40px; line-height:48px; font-weight:bold; color:#333f47;}

.pro_center01 .hd .hd_box{
    display: flex;
  justify-content: space-between;
    
     /*  justify-content: space-between;
     flex-wrap: wrap;
    align-items: center; */

}
.proL {position: relative;  display: flex; }
.proL .pro_li {display: flex;align-items: center;
 text-align: center; /* margin-bottom: 35px; */ cursor: pointer; transition: all .48s;padding: 0px 20px;}
.proL .pro_li span { display: block; color: #333; line-height: 50px;}
.proL .pro_li.on span { color: #024ea1;font-size:24px; transition: all .48s;}
.proL .pro_li span  a { font-weight: bolder;font-size: 20px;}


.proRbox {height: 100%; position: relative; margin-top:30px; width: 100%;background: #f8f9fb;padding: 54px 0;} 
.proR{ display: none;   }
.proR .proR-container {position: relative; height: 100%;  display: flex; justify-content: space-between;    }
 .bor{ border-bottom: 1px solid #dcdcdc;padding-bottom: 50px; margin-bottom: 50px;}
.proR_left { position: relative; overflow: hidden;      width: 23%;  height: 100%;}
.proR_left img{ width: 100%;}
.proR_left .infor { position: absolute; left: 0; width: 100%; top: 0;}
.proR_left .infor .box{padding:0px;  }
 .ys_imgbox_cover { width: 100%; border-radius: 16px; }
.ys_imgbox_cover::before {
    position: absolute;
    content: '';
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:0;
    transition: all .36s ease;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .6));
}
.proR_left .infor .box .tit{color: #FFF;font-size:30px;background: linear-gradient(#044fa2 15%,#e6e1ba00);font-weight: bold;padding: 40px 20px;}
.proR_left .infor .box .con{font-size:24px; line-height:36px;}
.proR_left .infor .box .con{font-size:24px; line-height:36px;}
.proR_left .more_box{position:absolute; left:0; bottom:20px; width:100%; text-align:center}
.proR_left .more_box .more{display:inline-block; padding:0 25px; height:39px; line-height:39px; text-align:center; border:2px solid; font-size:16px; font-weight:bold; position:relative;}
.proR_left .more_box .more span{position:relative; z-index:3;}
.proR_left .more_box .more01{border-color:#fcb026; background:#ef9e08; color:#ffffff;}
.proR_left .more_box .more02{border-color:#f5f5f5; color:#fff; }
.proR_left .more_box .more01:hover{opacity:0.8}
.proR_left .more_box .more02:after{content:''; width:0; height:100%; background:#fcb026; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
.proR_left .more_box .more02:hover:after{width:100%;}
.proR_left .more_box .more02:hover{border-color:#fcb026;}


.proR_Right {width: 77%;}
.proR_Right .list { display: flex; flex-wrap: wrap; }
.proR_Right .list li { width: 24.125%; margin-right: 1%; background: #fff; position: relative;  }
.proR_Right .list li:nth-child(4n) {margin-right: 0;}
.proR_Right .list li:hover img { transform: scale(1.05); }
.proR_Right .list li:hover .text h3 { color: #004abb; }
.proR_Right .list li .img { overflow: hidden;/* min-height:248px;*/ display: block; }
.proR_Right .list li .img img { width: 100%; height: 100%; object-fit: cover; }
.proR_Right .list li .text { overflow: hidden; display: block; padding:17% 30px; }
.proR_Right .list li .text h3 { font-size:20px; line-height: 1.6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:15px; transition: all .4s ease; }
.proR_Right .list li .text p { font-size:16px; margin-top:15px; }
.proR_Right .list li .btns { width: 100%; padding: 0 30px 30px; display: flex; justify-content: space-between; overflow: hidden; position: absolute; left: 0;  z-index: 1; background: #fff; display: none; box-shadow: 0 10px 20px 1px rgba(106, 137, 186, 0.2); }
.proR_Right .list li .btns a { width:100%; padding: 10px 0px; display: flex; align-items: center; justify-content: center; border: 1px solid #004abb; font-size: 18px; color: #004abb; border-radius: 50px; }
.proR_Right .list li .btns a:last-child { background: #004abb; color: #fff; }

.proR_Right .list li:hover .btns { display: flex; }

/*产品列表*/
.proR_list {width: 100%;}
.proR_list .list { display: flex; flex-wrap: wrap; }
.proR_list .list li { width:23.3%; margin-right: 1%; margin-bottom:30px; background: #fff; position: relative;  }

.proR_list .list li:hover img { transform: scale(1.05); }
.proR_list .list li:hover .text h3 { color: #004abb; }
.proR_list .list li .img { overflow: hidden;/* min-height:248px;*/ display: block; }
.proR_list .list li .img img { width: 100%; height: 100%; object-fit: cover; }
.proR_list .list li .text { overflow: hidden; display: block; padding:17% 30px; }
.proR_list .list li .text h3 { font-size:20px; line-height: 1.6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:15px; transition: all .4s ease; }
.proR_list .list li .text p { font-size:16px; margin-top:15px; }
.proR_list .list li .btns { width: 100%; padding: 0 30px 30px; display: flex; justify-content: space-between; overflow: hidden; position: absolute; left: 0;  z-index: 1; background: #fff; display: none; box-shadow: 0 10px 20px 1px rgba(106, 137, 186, 0.2); }
.proR_list .list li .btns a { width:100%; padding: 10px 0px; display: flex; align-items: center; justify-content: center; border: 1px solid #004abb; font-size: 18px; color: #004abb; border-radius: 50px; }
.proR_list .list li .btns a:last-child { background: #004abb; color: #fff; }

.proR_list .list li:hover .btns { display: flex; }


@media only screen and (max-width: 991px){
.proR_left {
    position: relative;
    overflow: hidden;
     width: auto;
    height: 100%;
}
.pro_center01 .hd .title {
    font-size: 30px;
    /* line-height: 48px; */
    font-weight: bold;
    color: #333f47;
    /* margin-bottom: 30px; */
}
.pro_center01 .hd .hd_box {
    display: block;
  
}
}
@media only screen and (max-width:768px){
    .pro_center01 {
        padding: 60px 0 0px;
    }
    .pro_center01 .hd .hd_box {
        display: block;
        /* justify-content: space-between; */
    }
    .pro_center01 .hd .title {
        font-size: 30px;
        /* line-height: 48px; */
        font-weight: bold;
        color: #333f47;    margin-bottom: 0px;
    }
    .proL {display: flex;padding: 20px 0px;border-bottom: 1px solid #eee;height: auto;line-height:60px;min-width: 100vw;overflow-x: scroll;    flex-shrink: 0;}
    .proL::-webkit-scrollbar {width:8px;background:none;}
    .proL::-webkit-scrollbar-button {}
    .proL::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 8px;}
    .proL::-webkit-scrollbar-track-piece {}
    .proL::-webkit-scrollbar-thumb {width:8px;background:#034ea1; border-radius:5px}
    .proL::-webkit-scrollbar-corner {background:none;}
    .proL::-webkit-resizer {}
    .proL::-webkit-scrollbar:horizontal{height:6px;}





    .proL .pro_li{ display: block;text-align: left;     flex-shrink: 0;/* width: 150px; */padding: 0px 10px;height:auto;line-height:60px;  text-align: center; position:relative; color:#555; font-size:16px;}
    .proR .proR-container {
        position: relative;
        height: 100%;
         display: block; 
        justify-content: space-between;
    }
    .proR_left {
        position: relative;
        overflow: hidden;
        width: 43%;
        display: none;
    }
    
.proRbox {
    height: 100%;
    position: relative;
    margin-top: 30px;
    width: 100%;
    background: #f8f9fb;
    padding: 20px 0;
}
    .proR_Right {
        width:100%;
    }
    .proR_Right .list {
        display: flex;; 
        /* flex-wrap: wrap; */
    }
    .proR_Right .list li { width:49.5%; margin-right: 1%;;position: relative; margin-bottom: 10px;}
    .proR_Right .list li:nth-child(2n){margin-right:0px;}
    .proR_left {position: relative; overflow: hidden; width: 43%;}
}
@media only screen and (max-width:414px){
    .proR_left {
        position: relative;
        overflow: hidden;
        width:100%;
        display: block;
    }
    .proR_Right .list li { width:100%;position: relative; margin-bottom: 10px;}
	
	
.proR_list .list { display: flex; flex-wrap: wrap; }
.proR_list .list li { width:100%;margin-bottom:30px; background: #fff; position: relative;  }

    
}
/* 产品介绍 */

.ProductXq .jianjie { position: relative; height: auto; padding:125px 0 60px; }

.ProductXq .jianjie::before { content: ""; width: 60%; position: absolute; left: 0; top: 0; bottom: 0; background-color: #fff; }

.ProductXq .jianjie::after { content: ""; width: 40%; position: absolute; right: 0; top: 0; bottom: 0; background-color: #F8F8F8; }

.ProductXq .jianjie .con { position: relative; z-index: 1; }

.ProductXq .jianjie .con .right { width: 33%;float: right; }

.ProductXq .jianjie .con .right .top { height: auto; overflow: hidden; padding-bottom: 70px; }

.ProductXq .jianjie .con .right .top h1 { font-size: 30px; color: #000; line-height: 1; }

.ProductXq .jianjie .con .right .top h1 .tip { display: inline-block; margin-left: 15px; padding: 0 20px 0 15px; line-height: 36px; font-size: 18px; color: #fff; background: #FAA105; border-radius: 0 20px 0 20px; position: relative; }

.ProductXq .jianjie .con .right .top h1 .tip:after { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #fff; position: absolute; right: 7px; bottom: 8px; }

.ProductXq .jianjie .con .right .top h2 { font-size: 30px; color: #000; margin-top: 15px; }

.ProductXq .jianjie .con .right .top ul { height: auto; overflow: hidden; padding-top: 16px; }

.ProductXq .jianjie .con .right .top ul li { float: left; font-size: 18px; color:#024da1; border: 1px solid #024da1; padding:10px 25px; margin-right: 13px; }

.ProductXq .jianjie .con .right p { font-size: 18px; color: #000; line-height: 36px; }

.ProductXq .jianjie .con .right .btns { display: flex; align-items: center; padding-top: 60px; }

.ProductXq .jianjie .con .right .btns a { margin-right: 20px; display: block; width: 198px; height: 50px; border: 1px solid #FAA105; text-align: center; line-height: 50px; font-size: 18px; color: #FAA105; }

.ProductXq .jianjie .con .right .btns a:hover { color: #fff; background-color: #FAA105; }

.ProductXq .jianjie .con .left { width: 59.5%; position: relative; cursor: pointer; }

.ProductXq .jianjie .con .left .big-img-box { overflow: hidden; position: relative; }

.ProductXq .jianjie .con .left .small-img-box { width: 680px; padding: 0 40px; position: absolute; left: 0; bottom: 0; right: 0; z-index: 1; display: flex; align-items: center; margin: auto; }

.ProductXq .jianjie .con .left .small-img-box .swiper { overflow: hidden; }

.ProductXq .jianjie .con .left .small-img-box .swiper .swiper-slide { opacity: .75; }

.ProductXq .jianjie .con .left .small-img-box .swiper .swiper-slide-thumb-active { opacity: 1; }

.ProductXq .jianjie .con .left .small-img-box .swiper .swiper-slide-thumb-active img { border-color: #019966; }

.ProductXq .jianjie .con .left .small-img-box img { width: 100%; border: 1px solid #EBEBEB; }

.ProductXq .jianjie .con .left .small-img-box .swiper-button-next:after, .ProductXq .jianjie .con .left .small-img-box .swiper-container-rtl .swiper-button-prev:after { display: none; }

.ProductXq .jianjie .con .left .small-img-box .swiper-button-prev:after, .ProductXq .jianjie .con .left .small-img-box .swiper-container-rtl .swiper-button-prev:after { display: none; }

.ProductXq .jianjie .con .left .small-img-box .swiper-button-next span, .ProductXq .jianjie .con .left .small-img-box .swiper-button-prev span { font-size: 25px; color: #00783D; }

.ProductXq .jianjie .view-btn { position: absolute; right: 40%; top: 110px; z-index: 2; width: 160px; height: 64px; background: #299F5A; border-radius: 50px 0px 0px 50px; color: #fff; display: flex; align-items: center; justify-content: center; }

.ProductXq .jianjie .view-btn p { font-size: 16px; font-family: "SourceHanSans-Bold"; }

.ProductXq .jianjie .view-btn span { font-size: 26px; margin-right: 6px; }

.ProductXq .jianjie .view-btn:hover { opacity: 0.8; }

.ProductXq .jianjie  .swiper-pagination-bullets{ display: none;}

.ProductXq .tabs { background-color:#1b2e42; }
.ProductXq .tabs .tabs-swiper .swiper-slide{ width: 210px;}
.ProductXq .tabs .tabs-swiper .swiper-slide a { display: block; line-height: 100px; color: #fff; font-size: 18px; padding: 0 15px; position: relative; text-align: center; }
.ProductXq .tabs .tabs-swiper .swiper-slide a.active, .ProductXq .tabs .tabs-swiper .swiper-slide a:hover { font-family: "SourceHanSans-Bold"; }
.ProductXq .tabs .tabs-swiper .swiper-slide a.active::after, .ProductXq .tabs .tabs-swiper .swiper-slide a:hover::after { content: ""; width: 0; height: 0; position: absolute; left: 50%; margin-left: -10px; bottom: 0; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #fff; }

.ProductXq .tabs.navFix { position: fixed; left: 0; top: 0; z-index: 99999; right: 0; }
.bigTitle { font-size: 36px; line-height: 40px; text-align: center; color: #000;  margin-bottom: 30px; }
.titleDsc { font-size: 18px; text-align: center; color: #000; line-height: 36px; margin: 0 auto; }
/* 产品详情 */
.cpjianjie{ height: 150px; overflow-y: scroll;;}
.titt{ padding-bottom: 40px;}
.ProductXq .content .box .bigTitle { padding-top: 100px; }
.ProductXq .content .box.gg { background: url("../images/bg-product-xq-gg.png") center top no-repeat; background-size: cover; padding-bottom: 110px; }
.ProductXq .content .box.gg table.ntb {  width: 100%; }
.ProductXq .content .box.gg table td { border: 1px solid #EBEBEB; line-height: 60px; font-size: 22px; color: #000; padding-left: 10%; }
.ProductXq .content .box.gg table td:first-child { width:350px; font-family: "SourceHanSans-Bold"; }
.table_size{ width: 1500px; margin:0 auto;background-color: #fff;}
.cp_table{ width: 100%;overflow-x: scroll;}



.video-js{margin:0 auto !important; width: 60%;;}




@media (max-width: 768px){
   .ProductXq .jianjie::before { display: none; }
    .ProductXq .jianjie::after { display: none; }
    .ProductXq .jianjie .con .right { width:100%;float:none; }
    .ProductXq .jianjie .con .right .top {
        height: auto;
        overflow: hidden;
        padding-bottom: 25px;
    }
    .ProductXq .jianjie .con .left {
        width: 100%;
        position: relative;
        cursor: pointer;
        margin-top:50px;
        padding-bottom: 0px;
    }
    .ProductXq .jianjie .con .left img{  width: 100%;}
    .ProductXq .tabs .tabs-swiper .swiper-slide {
        width: 120px;
    }
    .ProductXq .tabs .tabs-swiper .swiper-slide a {
        display: block;
        line-height: 70px;
        color: #fff;
        font-size: 18px;
        padding: 0 15px;
        position: relative;
        text-align: center;
    }

    .ProductXq .content .box.gg table td:first-child {
        width: 150px;

    }
.ProductXq .content .box.gg table td:first-child {
    width: 150px;
    font-family: "SourceHanSans-Bold";
}
.ProductXq .content .box.gg table td {
    border: 1px solid #EBEBEB;
    line-height:30px;
    font-size: 18px;
    color: #000;
    padding:20px ;
}
.table_size {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
}

.cp_table::-webkit-scrollbar {width:8px;background:none;}
.cp_table::-webkit-scrollbar-button {}
.cp_table::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 8px;}
.cp_table::-webkit-scrollbar-track-piece {}
.cp_table::-webkit-scrollbar-thumb {width:8px;background:#182d56; border-radius: 8px}
.cp_table::-webkit-scrollbar-corner {background:none;}
.cp_table::-webkit-resizer {}
.cp_table::-webkit-scrollbar:horizontal{height:9px;}
.cp_table img{ width: 100%;}
/*2024.3.6*/
.titt  img,.titt p img{ width:100%;}
.titt  video,.titt p video{ width:100% !important;;}





.ProductXq .content .box .bigTitle {
    padding-top: 60px;
}
.bigTitle {
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    color: #000;
    margin-bottom: 30px;
}



}

/**===================================================================================================资讯中心页面样式****************************/


.newTop {
    display: flex;
    padding-top: 0px;
    margin:50px  auto 50px ;
}

.newTopImg {
    width: 55%;
    border-radius: 6% 10px 6% 10px;
    padding-top:35%;
}

.newTopImg::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    left: 0;
    top: 0;
}

.newTopImg img {
    border-radius: 6% 10px 6% 10px;
}

.newTopText {
    width: calc(100% - 55%);
    padding-left: 4.5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.newTop_li {
    flex: auto;
    margin-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
}

.newTop_li:last-child {
    margin-bottom: 0;
}

.newTop_li span {
    font-size: 16px;
    line-height: 1.75;
    color: #004ca0;
}

.newTop_li p {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.65;
    color: #333333;
    overflow: hidden;
    transition: all 0.36s;
}
@media (max-width: 768px){

    .newTop {
        
        flex-wrap: wrap;
        margin: 20px auto 20px;
    }

    .newTopImg {
        width:100%;
        border-radius: 6% 10px 6% 10px;
        padding-top: 35%;
    }
    .newTopText {
        width:100%;
        padding-left: 4.5%;
       
    }.newTop_li {
    flex: auto;
    padding: 30px 0px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
}
}


/* ===============================================================================================资讯中心 */

.newBot {
    width: 100%;
    margin-top: 88px;
}

.newBot_sx {
    display: flex;
    justify-content: space-between;
}

.newBot_sel {
    width: 270px;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    height: 64px;
    line-height: 64px;
    padding: 0 24px;
}

.newBot_sel form{
    width: 100%;
    height: 100%;
}

.newBot_sel select {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 14px;
    color: #999999;
}

.newBot_ipt {
    width: calc(100% - 270px);
    padding-left: 17px;
    position: relative;
}

.newBot_ipt img {
    width: 26px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
}

.newBot_ipt input {
    width: 100%;
    height: 64px;
    line-height: 64px;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    padding: 0 24px;
    cursor: pointer;
    font-size: 16px;
    color: #999999;
}

.newBot_ipt input::placeholder {
    color: #999;
}

/*  */
.newBotXq {
    display: flex;
    flex-wrap: wrap;
    margin-top: 68px;
}
@media (max-width: 768px){
    

.newBotXq { display: flex;
    flex-wrap: wrap;
    margin-top: 15px;}
}
.newBot_item {
    display: block;
    width: calc(33.33% - 34px);
    margin-right: 50px;
    height:440px;
    background: #fff;
    margin-bottom: 50px;
    box-shadow: 0px 0px 84px 0px rgb(0 0 0 / 7%);
    padding: 40px;
    position: relative;
    border-radius: 6% 10px 6% 10px;
    overflow: hidden;
    box-sizing: border-box;
}

.newBot_item:nth-child(3n) {
    margin-right: 0;
}

.newBot_img {
    padding-top: 0%;
    border-radius: 10px;
    transition: .56s;
}

.newBot_img img {
    border-radius: 10px;
}


.newBot_text {
 /*   padding-top: 80px;*/
 	padding-top: 0px;
    transition: all .48s;
}

.newBot_text i, .newBot_text small {
    display: block;
    font-size: 16px;
    line-height: 1.75;
    color: #004ca0;
}
.newBot_text small {
   width: 120px;
   padding: 0 24px;
   height: 40px;
   line-height: 40px;
   border: 1px solid #004ca0;
   border-radius: 35px;
   background-color: transparent;
}
.newBot_text span {
    display: block;
    font-size: 18px;
    line-height: 33px;
    height: 99px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 30px 0;
    transition: all .48s;
}

.newBot_text p {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 30px;
    transition: all .48s;
}

.newBot_item.ok:hover .newBot_img {
    padding-top: 60%;
}
.newBot_item:hover .newBot_text small,.newBot_item.ok:hover .newBot_text small{
     background-color:#004ca0;
     color: #FFF;;
}
.newBot_item.ok:hover .newBot_text {
    padding-top: 10px;
}

.newBot_item.ok:hover .newBot_text span {
    margin: 10px 0;
}

.newBot_item.ok:hover .newBot_text p {
    height: 0;
    margin-bottom: 0;
}
/* 新闻详情 */
.news-details {
    padding:30px 0px 40px;
    background:#f7f7f7 ;
    background-size: contain;
}
.news-details .con {
    position: relative;
    padding: 40px 20px;
    background-color: #FFF;
    box-shadow: #000;

}

.news-details .con .news-center .title {
    padding-bottom:20px;
    border-bottom: 1px solid #e3e3e3;
}
.news-details .con .news-center .title h1 {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}.news-details .con .news-center .title .brief {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    font-size: 16px;

}
.news-details .con .news-center .title .brief h3 {
    margin-right: 1rem;
}
.news-details .con .news-center .text {
    margin-top:25px;
}
.news-details .con .news-center .text p {
    font-size:20px;
    text-indent: 2em;
    text-align: justify;
    /* margin-top: 1.5rem; */
    line-height: 1.8;
}

.news-details .con .news-center .text p strong{
    font-size:20px;
    text-indent: 2em;
    text-align: justify;
    /* margin-top: 1.5rem; */
    line-height: 1.8;
}

.news-details .con .news-center .text img {
    max-width: 100%;
    margin:20px auto;
     display: block;
}


.news-details .con .news-bottom {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    
}
.news-details .con .news-bottom .left {
  
    width: 46.5%;
    background: #f4f4f4;
    padding: 0 20px;
   
  
}.news-details .con .news-bottom .left a {
    display: block;
 
}
.news-details .con .news-bottom .left a .prev {
    float: left;
 
    line-height: 5rem;
    font-size: 18px;
    color: #777;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}.news-details .con .news-bottom .left a h2 {
    float: right;
    width: 80%;
    text-align: right;
    line-height: 5rem;
    font-size:18px;
    font-weight: bold;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.news-details .con .news-bottom .left:hover a .prev {
    color: #004a92;
}.news-details .con .news-bottom .left:hover a .prev span {
    color: #004a92;
}.news-details .con .news-bottom .left a .prev span {
 
    color: #666;
    margin-right:6px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.news-details .con .news-bottom .left:hover a h2 {
    color: #004a92;
}
.news-details .con .news-bottom .middle {

    width: 7%;
    /* height: 50px; */
    background: #004a92;
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    padding: 10px;
    text-align: center;
}
.news-details .con .news-bottom .middle a {
    display: block;
}
.news-details .con .news-bottom .middle img{ width: 40px; display: block; margin: 10px auto;}
.news-details .con .news-bottom .right {
   
    width: 46.5%;
    background: #f4f4f4;
    padding: 0 20px;
}
.news-details .con .news-bottom .right a {
    display: block;
}
.news-details .con .news-bottom .right a .next {
    float: right;
    line-height: 5rem;
    font-size: 18px;
    color: #777;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.news-details .con .news-bottom .right a h2 {
    float: left;
    width: 80%;
    line-height: 5rem;
    font-size:18px;
    font-weight: bold;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.news-details .con .news-bottom .right:hover a h2 {
    color: #004a92;
}
.news-details .con .news-bottom .right:hover a .next {
    color: #004a92;
}


/**/

@media (max-width: 768px){
    .newBot_item {
        width: 100%;
        margin-right: 0 !important;
        padding: 20px;
        height: auto;
    }
    .newBot_item .newBot_img {
        padding-top: 60%;
    }
    .newBot_item .newBot_text {
        padding-top: 10px;
    }
    .newBot_item .newBot_text p {
        height: 0;
        margin-bottom: 0;
    }
    .newBot_item .newBot_text span {
        margin: 10px 0;
        line-height: 1.6;
        font-size: 16px;
        height: 66px;
    }

    /*  */
    .news-details .con .news-bottom .left {
        width: 44%;
    }
    .news-details .con .news-bottom .left a h2 {
        display: none;
    }
    .news-details .con .news-bottom .middle {
        width: 12%;
        height: auto;
        padding: 0px;
    }.news-details .con .news-bottom .middle img {
        width: 22px;
        display: block;
        margin:30px auto;
    }
    .news-details .con .news-bottom .right a h2 {
        display: none;
    }
}
@media (max-width: 414px){
.newBot_item {
    width: 100%;
    margin-right: 0 !important;
}
}




/*===================================================================================================党建页面样式****************************/

.djGk .Tit.center span,.djdt .Tit.center span,.dyxf .Tit.center span,.qthd .Tit.center span,.ztxx .Tit.center span {
    justify-content: center;
   
    color: #d20000;
}
.djGk .Tit span b,.djdt .Tit span b,.dyxf .Tit span b,.qthd .Tit span b,.ztxx .Tit span b {
    color: #957041;
    font-size: 40px;
    letter-spacing: 2px;
    font-weight: 600;
}



.djGk {
    width: 100%;
    background-image: url(../images/djGk_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


.djGk_p {
    width: 72%;
    margin: 10px auto 0;
}

.djGk_p p {
    text-align: center;
    font-size: 18px;
	line-height: 38px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    font-weight: 300;
}

.djGk_p p:last-child {
    margin-bottom: 0;
        text-indent: 38px;
        text-align: justify;
}


.djGkBox {
    display: block;
    position: relative;
}

.djGkImg {
    width: 100%;
    padding-top: 40%;
    border-radius: 8px;
}

.djGkText {
  width: 50%;
    padding: 40px 40px;
    height: calc(100% - 50px);
    background: url(../images/djGkText.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px 8px 0 0;
    position: absolute;
    right: 40px;
	top:30px;
	bottom: 40px;
}

.djGkText .swiper-slide {
    opacity: 0 !important;
}

.djGkText .swiper-slide-active {
    opacity: 1 !important;
}

.djGkText .swiper-slide span {
    font-size: 34px;
    font-weight: 600;
    color: #9a774b;
    display: block;
    margin-bottom: 30px;
}

.djGkText .swiper-slide p {
    font-size: 18px;
    line-height: 2;
    letter-spacing: 1px;
    font-weight: 300;
        text-indent: 38px;
}

.djGkText .swiper-pagination {
    margin-top: 40px;
}

.djGkText .swiper-pagination-bullet {
    background: url(../images/star1.png) no-repeat top center;
/*    opacity: .48;*/
}

.djGkText .swiper-pagination-bullet-active {
     background: url(../images/star2.png) no-repeat top center;
	  opacity: 1;
}
.swiper-pagination-bullet {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 1;
}

.swiper-pagination-bullet,
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 28px;
}

/*djdt  */

.djdt {
    width: 100%;
    background: url(../images/djdt_bg.png) no-repeat top;
    background-size: cover;
    position: relative;
}
.djdt_list ul{ 
   margin:0 -15px ;
	display: flex;
    flex-wrap: wrap;
}
.djdt_list ul li{-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px 30px;}
.djdt_list ul li a{ 
	padding: 20px; 
	display: flex;
    border: 1px solid #f8e1bb;
 	background-color: #f8ebd859;
    background-image: url(../images/icon-party.png);
    background-repeat: no-repeat;
    background-position: 98% 80%;
    background-size: 70px auto}
.djdt_list ul li a:hover{   
	-webkit-box-shadow: 0 0 16px #e89f9f;
    box-shadow: 4px 3px 13px 0 #e89f9f;
    border-color: rgba(0,0,0,0);
    color: #e72410;
    background-color: #fff;

}
.djdt_time{
	width: 70px;
    height: 70px;
    padding: 10px;
    border: 1px solid rgba(0,0,0,0);
    color: #fff;
    text-align: center;
    background: #e72410;}
.djdt_time_day{   font-size: 30px; line-height: 30px;}
.djdt_time_month{font-size: 12px;line-height: 20px;}
.djdt_list ul li a:hover .djdt_time{    border-color: #e72410;
    color: #e72410;
    background: rgba(0,0,0,0);}
 .djdt_list_n{
	font-size: 18px;
  
    text-align: justify;
    display: -webkit-box;
    height: 70px!important;
    overflow: hidden;
    line-height: 38px!important;
    white-space: normal!important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-weight: 400;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 30px;


}
/*dyxf*/

.dyxf {
    width: 100%;
    background: url(../images/dyxfbg.jpg) no-repeat top;
  
    background-size: cover;
    position: relative;
}

.hdHd .Tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hdHdBut{ margin:-20px auto 20px; width: 120px;}
.hdHdBut a {
    display: inline-block;
    width: 50px;
    height: 50px;
    background:#f3b4b5;
    border-radius: 50%;
    margin-right: 15px;
}
.hdHdBut a:nth-child(2){ margin-right:0px;}
.hdHdBut a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 30%;
}








.hdHdBox .swiper-slide {
    background: #fff;
    padding: 50px 50px 35px;
    border-radius: 8px;
}

.hdHdText {
    display: block;
}

.hdHdText i {
    
    color: #666;
    display: block;
    margin-bottom: 12px;
}

.hdHdText p {
    font-size: 18px;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 72px;
}

.hdHdImg {
    width: 100%;
    position: relative;
    padding-top: 60%;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 8px;
}

.hdHdImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .48s;
}

.hdHdBox .swiper-container {
    padding-bottom: 30px;
	margin-bottom: 40px;
}

.hdHdBox .swiper-pagination {
    height: 2px;
    top: initial;
    bottom: 0;
    background: #FF9800;
}

.hdHdBox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    height: 2px;
    background: #d8251c;
}


/*qthd*/
.qthd {
    width: 100%;
    background: url(../images/qthd_bg.png) no-repeat top;
  
    background-size: cover;
    position: relative;
}
.qthd_box{
    display: flex;
    justify-content: space-between;

}
.qthd_box_l{ width:55%;	

    /* 
    height: 325px;
    background:#c11a00;
    border: 1px solid #FC6863; ]
    box-shadow: 0px 2px 35px 0px rgba(219, 55, 49, 0.48);*/
   
    margin-top:0;
    z-index: 999;
    border-radius: 6px;
    margin-left:0px;


}
.qthd_box_l dl{    display: flex;justify-content: space-between;flex-wrap: wrap}
.qthd_box_l dt a{position: relative; padding: 1.5vw 0; }

.qthd_box_l dt a::after,

.qthd_box_l dt a::before{transition: 0.3s; width: 0; position: absolute; left: 0; bottom: 0; width: 100%;  height: 1px; background: #d7d7d7; content: '';}

.qthd_box_l dt a::before{transition: 0.3s; width: 0; }

.qthd_box_l dt a:hover::after{ display: none; }

.qthd_box_l dt a:hover::before{ width: 100%;  height: 2px; background: #d3301d; }

.qthd_box_l .tit{ margin-top:10px; color: #1b1b1b; font-size:18px; line-height: 30px; height: 60px; }

.qthd_box_l .tit:hover{ color: #d3301d; }



.qthd_box_l dt{ width: 48.215%; margin-bottom: 3.57%;display: table;table-layout: fixed; min-height: 9.6vw; }

/* .qthd_box_l dt:not(:nth-child(2n)){margin-right:3.57%;} */

/* .qthd_box_l dt:nth-child(2n+1){clear: left;} */

.qthd_box_l dt a{display: table-cell; vertical-align: middle;}

.qthd_box_l .tag span{ color: #8e8e8e; border: 1px solid #8e8e8e; }

.qthd_box_l .tag time{ color: #8e8e8e; }

.qthd_box_l dt:hover .tag span{ color: #333; border: 1px solid #333; }

.qthd_box_l dt:hover .tag time{ color: #333; }






.qthd_box_r{ 
    width: 42%;
    border-bottom-right-radius: 40px;
    border-top-right-radius: 40px;
    overflow: initial;
    margin-left:10px;
    position: relative;
  }

.qthd_box_r img {
    z-index: 2;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .48s;
}
.qthd_box_r::after {
 
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: #efc693;
    position: absolute;
    right: -10px;
    bottom: -10px;
}

@media (max-width: 768px)
{.qthd_box {
    display: block;margin-bottom: 40px;
    /* justify-content: space-between; */
}
.qthd_box_l {
    width: 100%;
    margin-top: 0;
    z-index: 999;
    border-radius: 6px;
    margin-left: 0px;
}
.qthd_box_l dl{ display: block;}

.qthd_box_l dt { display: block;width: 100%;}
.qthd_box_l dt a {
    display: block;
    vertical-align: middle;
    width: 100%;
}
.qthd_box_l .tit {
    margin-top: 10px;
    color: #1b1b1b;
    font-size: 18px;
    line-height: 30px;
    height: 40px;
}
.qthd_box_r {
    width: 95%;
    border-bottom-right-radius: 40px;
    border-top-right-radius: 40px;
    overflow: initial;
    margin-left: 10px;
    position: relative;
    height: 170px;
}
}
/*ztxx*/
.ztxx {
    width: 100%;
    background: url(../images/ztxx_bg.png) no-repeat top;
  
    background-size: cover;
    position: relative;
}
/*  */
.ztxx_kc {
    margin-top: 40px;
    position: relative;
}

.ztxx_kc h5 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}

.ztxx_kc .swiper-slide {
    padding: 10px;
}

.ztxx_kcItem {
    text-align: center;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 8%);
    overflow: hidden;
}

.ztxx_kcItem img {
    width: 100%;
	border-radius: 10px;
}

.ztxx_kcItem p {
    padding: 15px 0;
    font-size: 18px;
    font-weight: 600;
}

.heaJd_a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.heaJd_a img {
    width: 25px;
}

.heaJd_a.prev {
    left: -5%;
}

.heaJd_a.next {
    right: -5%;
}


	
/*党建动态——成条*/	
/************/
.dang-list02{ margin:40px 0px;}
.dang-list02 .list_hd{background-color:#f0f0f0;padding:50px 60px 40px;margin-bottom:26px;}
.dang-list02 .hd_tit{font-size:20px;color:#1e1e1e;font-weight:normal;height:30px;line-height:30px; margin-right:2%;}
.dang-list02 .inp_box_wrap { width:20%;margin-right:2%; }
.dang-list02 .inp_box{display:block;width:100%;height:32px;line-height:32px;border:1px solid #e0e0e0;padding:0;margin:0;box-sizing:content-box;font-size:13px;color:#999;padding:0;text-indent:10px;}
.dang-list02 .hd_btn{width:18%;border:none;text-align:center;background-color:#d7000f;font-size:15px;color:#fff;height:34px;line-height:34px;outline:none;cursor:pointer;}
.dang-list02 .list_box{
    padding: 20px;
    position:relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-bottom: 1px solid #e7e7e7;
    background: #f5f5f5;
    margin-bottom: 20px;
    }
.dang-list02 .list_main{overflow:hidden; }
.dang-list02 .list_title{font-size: 20px;color:#070707;font-weight:normal;display:block;}
.dang-list02 .list_tool{font-size:12px;color:#c9c9c9;padding:10px 0px;}
.dang-list02 .list_tool span{display:inline-block; vertical-align:middle;}
.dang-list02 .list_tool .share{cursor:pointer; margin:0 20px;}
.dang-list02 .list_p{font-size: 16px;color: #333;line-height: 30px;height: 62px;text-overflow: ellipsis;  
word-break: break-all; 
display: -webkit-box; 
-webkit-box-orient: vertical; 
-webkit-line-clamp:3; margin-top: 10px;}
.dang-list02 .list_box:after{content: "";width:88%;height:1px;/* background-color:#e6e6e6; */position:absolute;bottom:0;right:0;}
.dang-list02 li:hover .list_box{background-color: #f5f5f5;}
.dang-list02 li:hover .list_box:after{background-color:#f8f8f8;}
.dang-list02 li:hover .list_title a{color:#008756;}
.dang-list02 li:hover .list_title{color:#d7000f;}
.dang-list02 .list_time{position:relative;  padding:15px 0px; font-size:16px; text-align:center; color:#fff; background:#c35d04; font-weight:bold; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.dang-list02 .list_time_day{display:block;font-size:50px;color:#FFF;line-height:50px;font-family:helvetica;}
.dang-list02 .select-ui-choose ._arrow{width:16%;right:0;background:#e3e3e3;}
.dang-list02 .select-ui-choose ._arrow .arr{left:50%;margin:0 0 0 -0.4em;border-color: #969696 transparent transparent;}
.dang-list02 .list_bd .list_box:hover .list_time{background: #ba0001;}
.rect-5625{padding-bottom: 57.25%;}
	
/************/
.dang-list03 { margin: 40px 0px;}
.dang-list03 ul>li{position: relative;border-top: none;margin-bottom: 25px;}
.dang-list03 ul>li .all_area{padding-bottom: 115px;}
.dang-list03 .img_area a{display: block;}
.dang-list03 .img_area .rect-73247{padding-bottom: 73.247%;}
.dang-list03 .infor_area{position: absolute;bottom: 0px;width: 100%;transition:all 0.5s;}
.dang-list03 .infor_area .txt{padding: 20px 17px 25px 29px;background: #f7f7f7;transition:  all 0.5s ease;}
.dang-list03 .infor_area .txt a{display: block;}
.dang-list03 .infor_area .tit{font-size: 18px;color:#19191a;margin-bottom: 23px;}
.dang-list03 .infor_area .con{font-size: 14px;color:#19191a;line-height: 26px; height:0px; overflow: hidden;transition: all 0.7s;color: #fff;}
.dang-list03 .infor_area .date{font-size: 13px;color:#909090;}
.dang-list03 ul>li:hover .txt{background:#cc0102;background-size: cover;}
.dang-list03 ul>li:hover .con{height: 50px;margin-bottom: 23px;transition:all 0.7s;color: #fff;}
.dang-list03 ul>li:hover .tit{color: #fff;}
.dang-list03 ul>li:hover .date{color: #fff;}
.rect-5625{padding-bottom: 57.25%;}

/**/

@media (max-width: 768px){

.djGk_p { width: 100%;}
.djGk_p p {font-size: 16px;    line-height: 30px;}
.djGkImg {
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
}
.djGkText {
    width: 100%;
    position: initial;
    padding: 20px 20px 50px;
}	
.djGkText .swiper-slide span {
    font-size: 24px;
    margin-bottom: 10px;
}	
	
.djGkText .swiper-pagination {
    bottom: 20px;
    margin-top: 0;
}	
.djGkText .swiper-slide p {
    font-size: 16px;
    line-height: 2;
    text-align: justify;
}	
/*djdt_list*/
.djdt_list ul{  

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -15px;
}	
.djdt_list ul li{ -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;padding:0 0px 15px;
    }	
.djdt_list ul li a {
    
    padding: 10px;
  
    background: #FFF;
    
    display: flex;
    border: 1px solid #f8e1bb;
    background-color: #f8ebd859;
    background-image: url(../images/icon-party.png);
    background-repeat: no-repeat;
    background-position: 98% 80%;
    background-size: 70px auto;

    
}
.djdt_time{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    height: 36px;
    padding: 0;
    border-bottom: 1px solid #e72410;
    color: #e72410;
    background: rgba(0,0,0,0);}
.djdt_time_day{  width: 36px;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    background: #e72410;}
.djdt_time_month{padding-left: 10px;
    line-height: 30px;}
 .djdt_list_n{    
	margin-top: 10px;
    padding: 0;    
	 font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: justify;
    display: -webkit-box;
    height: 48px!important;
    overflow: hidden;
    line-height: 24px!important;
    white-space: normal!important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;	}
.djdt_list ul{ margin:0 auto;}
.djdt_list ul li a {
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	
	}
	
    .djGk .Tit span b,.djdt .Tit span b,.dyxf .Tit span b,.qthd .Tit span b,.ztxx .Tit span b {
        color: #957041;
        font-size: 18px;
        letter-spacing: 2px;
        font-weight: 600;
    }	
	
	
	
	
	
/*dyxf  */

.hdHdBut {
    margin: 20px auto 20px;
    width: 90px;
}
.hdHdBut a {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #f3b4b5;
    border-radius: 50%;
    margin-right: 15px;
}
.hdHdBox .swiper-slide {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
}	
}







/*===================================================================================================人力资源页面样式****************************/

.join {
    width: 100%;
    height: 100vh;
    background-image: url(../images/join_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}



.joinUl {
    width: 100%;
    display: flex;
    position: absolute;
    left:0px;
    bottom:0px;
    padding: 40px 0;
    background: rgba(255, 255, 255, .2);
    border-top: 1px solid rgba(255, 255, 255, .48);
    border-bottom: 1px solid rgba(255, 255, 255, .48);
}

.joinLi {
    display: block;
    flex: 1;
    text-align: center;
    position: relative;
}
.joinLi i::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.joinLi::after {
    content: '';
    width: 1px;
    height: 80%;
    border-left: 1px solid rgba(255, 255, 255, .48);
    position: absolute;
    right: 0;
    top: 10%;
}

.joinLi:nth-child(3)::after {
    display: none;
}

.joinLi img {
    width: 54px;
    margin-bottom: 25px;transition: all .5s ease 0s;
}
.joinUl .joinLi:hover img{transform: rotateY(180deg);}


.joinLi span {
    display: block;
    font-size: 36px;
    line-height: 1;
    color: #fff;
    font-weight: 600;
}

.joinLi i {
    width: 45%;
    margin: 20px auto;
    height: 1px;
    display: block;
    border-bottom: 1px dashed rgba(255, 255, 255, .48);
    position: relative;
}

.joinLi i::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.joinLi i::after {
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%) rotate(45deg);
}


.joinLi p {
    color: rgba(255, 255, 255, .8);
    font-size: 18px;
    letter-spacing: 0px;
}

.join_p {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}

.join_p p {
    padding: 5px 0;
    color: rgba(255, 255, 255, .48);
    text-transform: uppercase;
}
.joinIpt {
    width: 56%;
    position: absolute;
    left: 20.5%;
    top: 23%;
}

.joinIpt_top {
    display: flex;
}

.joinIpt_top span {
    display: block;
    padding: 4px 15px;
    background: #fff;
    border: 1px solid #000;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    margin-left: 5px;
    color: #999;
    cursor: pointer;
}

.joinIpt_top span.on {
    background: #ffa415;
    color: rgba(255, 255, 255, .8);
}

.joinIpt_bot {
    width: 100%;
    height: 70px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #000;
    position: relative;
}

.joinIpt_bot input {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    padding: 5px 18px;
}

.joinIpt_bot input::placeholder {
    font-size: 16px;
    color: #999;
}

.joinIpt_bot a {
    width: 110px;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #0d96ff;
    border-radius: 0 8px 8px 0;
    position: absolute;
    right: 0;
    top: 0;
}

.joinIpt_bot a svg {
    width: 30px;
    height: 30px;
}

.joinIpt_bot a svg path {
    fill: #fff;
}
/*招聘标题*/
.join_title {padding-top: 40px; padding-bottom: 40px; }
.join_title h2{font-size:30px; font-weight:bold;}
.join_title p{ font-size:18px; line-height:38px;color: #6f6f6f;}

/*招聘内容标题*/
.join_title h1{ font-weight:bold;width: 0; height: 60px; line-height:60px; font-size: 42px; overflow: hidden; text-align: center;  
margin:0 auto; color:#b52320; animation: dazi 2s steps(6, start) infinite forwards; } 
@keyframes dazi { 0% { } 100% { width: 400px; } }

.join_xy_xiangqi{ margin:30px auto 65px;}
.join_d_t{color:#024da1;font-weight: bold; font-size:30px;margin-bottom: 30px;}
.join_tab { background:#f5f9ff; padding:10px; }

/*.join_xy_xiangqi table {
  borde:1px solid #bec0c1;
  width: 100%;
  color: #666666;
}
.join_xy_xiangqi table,.join_xy_xiangqi table tr,.join_xy_xiangqi table tr td {
  border:1px solid #9a9ea0;
 
}
.join_xy_xiangqi table tr td i{ font-size:20px; font-weight:bold;}
.join_xy_xiangqi table tr td,.join_xy_xiangqi table tr td  q{ font-size:20px;}
.join_xy_xiangqi table tr {
    width: 100%;
    height: 66px;
}

.join_xy_xiangqi table td {
    width: 20%;
    padding:0 2% 0 2%;
    text-align: center;
}
*/


.join_tab_box ul{ display: flex; flex-wrap: wrap;justify-content:start;align-items: center; vertical-align:middle;}

.join_tab_box li{font-size:20px;  border:1px solid #9a9ea0; padding:1% 0px 1% 2%; }
.join_tab_box li i{ font-size:20px; font-weight:bold;}
.join_tab_box li  q{ font-size:20px;}

.join_tab_zy{ text-align:left !important}

.join_d_dl{margin-top: 50px;}
.join_d_dl dt {
  color: #444;
  font-weight: bold;
  border-bottom:1px solid #e5e5e5;
  padding-bottom: 15px;
  font-size:24px;
}
.join_d_dl dd ul li{ display:inline-table; margin-top:10px;}
.join_d_dl dd ul li p {text-align: center;color: #666666;font-size: 18px; float:left;}
.join_d_dl dd ul li:last-child .jtou {display: none;}
.join_d_dl dd ul li:hover img {animation: flipInY 1.2s ease-out forwards;-webkit-animation: flipInY 1.2s ease-out forwards;}
.join_d_dl dd ul li .jtou {width: 90px;height: 100px;background: url(../images/jtou.png) no-repeat center;float: left;display: block;}
.join_d_dl dd ul li img {width: 100px;height: 100px;display: block;margin-bottom: 20px;border-radius: 50%;}



.join_d_dl dd {

  color: #666666;
  font-size:18px;
  margin-top:15px;
}
.join_d_dl dd{ line-height:36px;}
.join_d_dl dd a {
  color: #333333;
}
.join_d_dl dd a:hover {
  text-decoration: underline;
}

/**/

@media (max-width: 768px)
{
.join_title {
    padding-top: 20px;
    padding-bottom: 20px;
}
.join_xy_list li:nth-child(1){ margin-top: 0px;}
.join_title h1 {
    font-weight: bold;
    width: 0;
    height: 60px;
    line-height: 60px;
    font-size: 32px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    color: #014da1;
    animation: dazi 2s steps(6, start) infinite forwards;
}
@keyframes dazi { 0% { } 100% { width:250px; } }	
	
	
.join_xy_xiangqi {
    margin: 0px auto 25px;
}	
.join_d_dl {
    margin-top:20px;
}	
.join_d_dl dd ul li {
    width: 48%;
    margin: 10px 1%;
    background:#efefef;
    border-radius: 20px;
    float: left;
}
.join_d_dl dd ul li .jtou{ display:none;}	
.join_d_dl dd ul li img {
    width: 80px;
    height: 80px;
    display: block;
    margin-bottom: 20px;
    border-radius: 50%;
    margin: 20px auto 5px;
}
.join_d_dl dd ul li p {
    text-align: center;
     font-size: 18px;float:none;
}	
}

/*==============================================================================社会招聘===============================*/







/*==============================================================================校园招聘===============================*/

.join_xy_list ul{display: flex; flex-wrap: wrap;justify-content:start;align-items: center;   padding-bottom: 30px}
.join_xy_list li{ 
	background:#FFF; 
	padding:10px;
	overflow: hidden;
    border: 1px solid #dcdcdc;
    padding:2% 1% 9% 2.1%;
    box-sizing: border-box;
    width: 23%;
    height: 378px;
	margin: 20px 1% 0px;
	box-shadow: rgba(3, 4, 13, 0.06) 0px 6px 24px;
}

.zy_box li{ 
	background:#FFF; 
	padding:10px;
	overflow: hidden;
    border: 1px solid #dcdcdc;
    padding:2% 1% 9% 2.1%;
    box-sizing: border-box;
    width: 23%;
    height: 405px !important;
	margin: 20px 1% 0px;
	box-shadow: rgba(3, 4, 13, 0.06) 0px 6px 24px;
}
.join_xy_list ul li:hover {background:#dbc07f url(../images/join_bac.png) no-repeat right bottom;}
.join_xy_list ul li:hover,.com_text ul li:hover a { color: #fff;}
.join_xy_list ul li:nth-child(4n+0) { margin-right:0;}
.join_xy_list ul li h1{ font-size: 18px;margin-bottom: 20px; position: relative;}

.join_xy_list ul li p{font-size: 16px;    line-height: 35px;}
.join_xy_list ul li span { display: block;margin-bottom: 20px;  width:25px;height:1px;background:#fff;}

.join_xy_list ul li:hover,.join_xy_list ul li:hover a { color: #fff;}
.join_xy_list ul li a { color: #000;  display: none}
.join_xy_list ul li p {text-align: left; width:100%; line-height: 25px; margin-bottom: 10px;}
/*
.join_xy_list ul li a.send_to {
    float:left;
    display: none;
    width:100%;
    text-decoration: underline;
}
*/
.join_xy_list ul li a:hover {
  
}
.join_xy_list ul li:hover a{
	width: 100px;
    font-weight: bold; margin-top: 25px; display: block;
	background: #c3921e;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
}
.join_xy_list ul li,.join_xy_list ul li a {
    color: #000;
}

/*人才培养*/
.join_rcpx{ padding:40px 0px ;}


.join_rc{ display: flex;flex-wrap: wrap;  justify-content: space-between; }

.join_rc .join_rc_left .title h2 {
    font-size: 32px;
    font-weight: bold;
    color: #000;
    display: inline-block;
    position: relative;
}
.join_rc .join_rc_left .title h2:after {
    content: '';
    width: 35px;
    height:35px;
    background: url(../images/sign_text.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: -50px;
    top: 54%;
    margin-top: -20px;
}
.join_rc_left .join_rc_left_tu img{ margin:40px 0px; display:block; max-width:100%;}
.join_rc_left  .join_rc_left_text p{color: #666; font-size:18px;line-height: 1.8; letter-spacing:0px;
    text-align: justify; text-indent:38px;}
.join_rc_right img{ border-radius:30px;}

@media (max-width: 768px)
{
.join {
	position:relative;
	height: auto;
	padding:60px 0px 0px;
    background:#0f6de1;
    /* background-image: url(../images/join_bg.jpg); */
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom;
}
.joinUl {
    width: 90%;
    left: 5%;
    bottom: 12%;
    flex-wrap: wrap;
    justify-content: center;
    background: none;
    border: none;

    position: initial;
    margin: 0 auto;
}
.joinLi {
    width: 100%;
	flex: none;

    margin: 2%;
    padding: 30px;
    background: rgba(255, 255, 255, .2);

}
.joinLi p {
    font-size: 16px;
}	
/*join_xy_list*/
.join_xy_list li {
    background: #FFF;
    padding: 10px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
    padding: 20px;
    box-sizing: border-box;
     width:100%; 
    height: 310px;
    margin: 20px 0px 0px;
    box-shadow: rgba(3, 4, 13, 0.06) 0px 6px 24px;
}

.join_rc_right img{ max-width:100%; margin-top:20px;}
}











/*==============================================================================服务支持页面样式****************************/

/********标题**********/
.serZc .Tit,.fwlc .Tit,.wtzx .Tit,.lxwm .Tit {margin-bottom: 40px;}
.serZc .Tit.white span,.fwlc .Tit.white span ,.wtzx .Tit.white span,.lxwm .Tit.white span{ color: #fff;}
.serZc .Tit.white p,.fwlc .Tit.white p ,.wtzx .Tit.white p,.lxwm .Tit.white p { color: #fff;}
.serZc .Tit span,.fwlc .Tit span ,.wtzx .Tit span,.lxwm .Tit span{ display: block;  font-size: 40px; letter-spacing: 2px; font-weight: bold;
 line-height: 1; color: #333; margin: 0; background-size: cover;}
.serZc  .Tit p,.fwlc .Tit p ,.wtzx .Tit p { font-size: 26px;  line-height: 1; color: #555; margin-bottom: 20px;}
.serZc .Tit.center,.fwlc .Tit.center ,.wtzx .Tit.center{  text-align: center;}

/********标题E**********/


.serZc{ position:relative;    background: #f7f9fb;}
.htfw_list {
    width: 100%;
    height: 530px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.htfwItem {
    width: calc(20% - 20px);
    height: 390px;
    padding: 0 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    transition: all .48s;
    cursor: pointer;
}

.htfwItem img {
    width: 45px;
    margin-bottom: 20px;
}

.htfwItem span {
    display: block;
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 10px;
    position: relative;
    transition: all .48s;
}

.htfwItem span::after {
    content: '';
    width: 30px;
    height: 4px;
    background: #c23426;
    border-radius: 8px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.htfwItem i {
    display: none;
    width:95px;
    height: 95px;
    border-radius: 50%;
    background: #004da1;
    position: relative;
}

.htfwItem i img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.htfw_p {
    width: 84%;
    margin: 0 auto;
    position: relative;
    /* display: none; */
}

.htfwItem p {
     display: none;
    /* transform: translateY(150px); */
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
}

.htfwItem.on {
    width: 25%;
    height: 100%;
    padding:0 0 50px;
    transition: all .48s;
}

.htfwItem.on .img1 {
    display: none;
}

.htfwItem.on span {
    /* opacity: 0; */
    margin-bottom: 25px;
    transition: all .48s;
}
.htfwItem.on .htfw_p{
    display: block;
}
.htfwItem.on .htfw_p p {
    display: block;  
    transform: translateY(0);
    transition: all .48s .5s;
	text-align: left;line-height: 32px;
    text-align: justify;
}

.htfwItem.on i {
    display: block;
}
@media (max-width: 768px){
.serZc .Tit span,.fwlc .Tit span,.wtzx .Tit span,.lxwm .Tit span  {
        display: block;
        font-size: 26px;
        letter-spacing: 2px;
        font-weight: bold;
        line-height: 1;
        color: #333;
        margin: 0;
        background-size: cover;
    }

 .serZc .Tit {
        margin-bottom: 25px;
    }

.htfw_list {
        flex-wrap: wrap;
        height: auto;
    }
.htfwItem {
    width: 100%;    
    margin-bottom: 20px;

    height:100%;    justify-content: center;
    padding:40px 20px;
}
.htfwItem img {
    width: 30px;
    margin-bottom: 8px;
}
.htfwItem span {
    font-size: 18px;
}
.htfwItem p {
    position: initial;
    display: block;
    transform: translateY(0);
    margin-top: 10px;
    font-size: 14px;
    text-align:left;
    line-height: 30px;
}
.htfwItem.on {
    width: 100%;
}
.htfwItem.on {
    width: 100%;
    height: auto;
    padding:40px 20px;
    transition: all .48s;
}
.hrLnItem.on {
   
    height: 240px;
    justify-content: center;
    padding:0 20px 40px;
}

.htfwItem.on .img1 {
    display: block;
}
.htfwItem.on i {
    display: none;
}
.htfw_p {
    width: 100%;
    margin: 0 auto;
    position: relative;
    /* display: none; */
}
}
/*服务流程 */
.fwlc {
    background: #fff; 
    position: relative;
}
.liucheng img{ width: auto; display: block; text-align: center; margin:20px auto 0px;}
/*问题咨询 */
.wtzx {
    position: relative;
    background: #f7f9fb;
    /* background: url(../images/service-block3.png) no-repeat top center; */
}

.serXsBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.serXsItem {
    width: calc(33.33% - 15px);
    padding: 60px 0;
    border-radius: 30px;
    background: #fff;
    text-align: center;
    box-shadow: 0 0 18px rgba(0, 0, 0, .12);
}

.serXsItem .serXsImg {
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid #efefef;
    border-radius: 50%;
    margin: 0 auto 18px;
    position: relative;
    overflow: hidden;
}

.serXsItem .serXsImg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    left: 0;
    top: 0;
    padding: 30%;
    transition: all .48s;
}

.serXsItem span {
    font-size: 22px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.serXsItem p {
    font-size: 24px;
    margin: 30px 0px;
}



.WeChat{  position: relative;}

.WeChat_xs img{ display: none;width: 150px; height: 150px;}

.WeChat:hover .WeChat_xs img{ display: block; position: absolute; top:-130px; left: 35%;     box-shadow: 0 0 18px rgba(0, 0, 0, .12); }
.serXs .Tit p {
    margin-top: 20px;
    font-size: 18px;
    color: #999;
}
.wtzx .More a {
    padding: 10px 36px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: #e4e4e4;
    color: #000000;
}

.wtzx .More a b {
    font-size: 16px !important;
    color: #000000;
    margin-bottom: 0 !important;
}

.wtzx .More a i {
    display: inline-block;
    color: #666;
    margin-left: 10px;
}

.wtzx .More.center {
    text-align: center;
}

.wtzx .More.bg a {
    color: #fff;
    background-color:#0c54a5;
}

.wtzx .More.bg b {
    color: #fff;
}

.wtzx .More.bg i {
    color: #fff;
}

.wtzx .More a:hover {
    color: #fff;
    background-color:#dd9f5f;
}

.wtzx .More a:hover b {
    color: #fff;
}

.wtzx .More a:hover i {
    color: #fff;
}
/* 联系我们 */
.lxwm{position: relative;}
#en-map-50430{ position: relative; z-index: 1;width:100%;height:650px;}

@media (max-width: 768px){
	#en-map-50430{ position: relative; z-index: 1;width:100%;height:40vh;}
}



.conBox_tab {
    position: absolute;;
    z-index: 22;;
    margin: 0 auto;
    /* display: flex; */
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
   
}

.conBox_item {
    width:100%;
    padding:40px 20px 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.81);
    box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
}

.conBox_item.bg {
    background:#024ea1;
}

.conBox_item.bg.red {
    background: #B21D23;
}

.conBox_item.bg span,
.conBox_item.bg p {
    color: #fff;
}

.conBox_item.bg i {
    background: #fff;
}

.conBox_item.bg svg {
    width: 40px;
    height: 40px;
}

.conBox_item.bg svg path {
    fill: #B21D23;
}

.conBox_item:hover {
    box-shadow: 0 0.9375em 1.875em rgba(0, 0, 0, 0.1);
}

.conBox_item:first-of-type {
    border-left: 0;
}

.conBox_div {
    display: inline-block;
    text-align: center;
}

.conBox_item i {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background:#024ea1;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
   
    justify-content: center;
}

.conBox_item:hover i {
    animation: icoI 1s linear infinite;
}

@-webkit-keyframes icoI {
    0% {
        -webkit-transform: translate(0px, 0px);
    }

    25% {
        -webkit-transform: translate(0px, -10px);
    }

    50% {
        -webkit-transform: translate(0px, 0px);
    }

    75% {
        -webkit-transform: translate(0px, 10px);
    }

    100% {
        -webkit-transform: translate(0px, 0px);
    }
}

@-moz-keyframes icoI {
    0% {
        -moz-transform: translate(0px, 0px);
    }

    25% {
        -moz-transform: translate(0px, -10px);
    }

    50% {
        -moz-transform: translate(0px, 0px);
    }

    75% {
        -moz-transform: translate(0px, 10px);
    }

    100% {
        -moz-transform: translate(0px, 0px);
    }
}

@keyframes icoI {
    0% {
        transform: translate(0px, 0px);
    }

    25% {
        transform: translate(0px, -10px);
    }

    50% {
        transform: translate(0px, 0px);
    }

    75% {
        transform: translate(0px, 10px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

.conBox_item svg {
    margin: 0 auto;
    width: 38px;
    height: 38px;
}

.conBox_item svg path {
    fill: #ffffff;
}

.conBox_item:nth-child(3) svg {
    width: 19px;
    height: 19px;
}


.conBox_item span {
    font-weight: 300;
   
    display: block;
    line-height: 2;
    margin: 10px 0 14px;
}

.conBox_item p {
    letter-spacing: 1px;
}

.conBox_item:not(:nth-child(1)) p {
    font-size: 16px;
    letter-spacing: 1px;
}






@media (min-width: 1024px){

    .serXsItem:hover .serXsImg img{
        transform: scale(1.1);
        transition: all .48s;
    }
}
@media (max-width: 768px){

    .serXsBox {
        flex-wrap: wrap;
    }
    .serXsItem {
        width: 100%;
        margin-bottom: 20px;
    }

    .liucheng img{ max-width: 100%; display: block; text-align: center; margin:20px auto 0px;}
    .conBox_tab { display: none;}
}

@media screen and (max-width: 1499px) and (min-width: 1000px){

    .abJjText p {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    .abJjText p:nth-child(2){
        line-height: 28px;
        font-size: 14px;
        text-align: justify;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        display: none;
      }
}