/**
*
*        添加字体
*
* */
@font-face {
    font-family: SourceHanSerifCN-Regular;
    src: url('../images/font/SourceHanSerifCN-Regular.otf');
}
@font-face {
    font-family: PFDINTEXTCOMPPRO-REGULAR;
    src: url('../images/PFDINTEXTCOMPPRO-REGULAR.TTF');
}
.logo{
    margin-left: 20px;
}
/* *********************手机导航************************ */

.phone_nav{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11111111;
    display: none;
}

.phone_nav_logo{
    width: 30vw;
    position: absolute;
    left: 3vw;
    top: 4vw;
}
.phone_nav_logo a{
    display: block;
    /* width: 142px; */
    width: 30vw;
    height: 8vw;
}
.phone_nav_logo a img{
    display: block;
    width: 100%;
}

.phone_nav > div:nth-of-type(1){
    width: 100%;
    height: 13.6vw;
    position: absolute;
    top: 0;
    left: 0;
}
.headnavmenu {
    position: absolute;
    top: 4vw;
    right: 3vw;
    z-index: 1111;
    height: 11vw;
    transform: scale(.8);
}
.headnavmenu >div:nth-of-type(1){
    width: 11vw;
    height: 11vw;
    background-color: #083ec4;
    position: relative;
    display:table-cell
}
.headnavmenu >div:nth-of-type(1) >span{
    background: url(../images/ygkj_index_menu.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    margin:3vw;
    width: 5vw;
    height: 5vw;
}
.headnavmenu:hover {
    cursor:pointer;
}
.headnavmenu ul {
    list-style:none;
}
.headnavmenu ul li {
    background:#014099;
    height:4px;
    width:30px;
    margin-bottom:6px;
    transition:0.3s;
}


.cur2 >div:nth-of-type(1){
    width: 11vw;
    height: 11vw;
    background-color: unset;
    position: relative;
    display: table-cell;
}
.cur2 >div:nth-of-type(1) >span{
    background: url(../images/exit.png) no-repeat;
    background-size:100% 100%;
}









.phone_nav > div:nth-of-type(2){
    position: absolute;
    top: 0;
    right: -70vw;
    background: url(../images/menu_bg.jpg) no-repeat;
    background-size: cover;
    width: 46.8vw;
    height:736px;
}
.phone_nav > div:nth-of-type(2) > ul{
    padding-left: 14.13vw;
    padding-top: 26.93vw;
}
.phone_nav > div:nth-of-type(2) > ul li {
    margin-bottom: 15vw;
}
.phone_nav > div:nth-of-type(2) > ul li a{
    font-size: 4vw;
    letter-spacing: 0vw;
    color: #ffffff;
}

/* **************************
          列表页详情页导航
*****************************/

.Navigation {
    height: 52px;
    line-height: 52px;
    /* box-shadow: 0px 5px 8px rgba(142, 142, 142, 0.4); */
    background-color: rgba(242, 243, 245, 1);
    position: relative;
    z-index: 5;
  }

  .Navigation ul {
    height: 100%;
    margin: 0 auto;
    font-size: 14px;
    display: flex;
    align-items: center;
    width: 1182px;
  }

  .Navigation ul li {
    margin-right: 10px;
    color: #333333;
  }

  .Navigation ul a {
    font-size: 14px;
    color: #333333;
  }
  /*.Navigation ul:hover a {*/
  /*  font-weight: 600;*/
  /*}*/
  .Navigation ul li.active a {
    font-weight: 600;
  }
  .Navigation ul li:after {
    content: '>';
    position: relative;
    left: 3px;
  }

  .Navigation ul li:last-child::after {
    content: none;
  }

/* **************************
          分页样式
*****************************/
.pagination{
    display: flex;
    justify-content: center;
    margin: 0px auto 120px!important;
    position: relative;
}
.pagination .pageShow{
    display: flex;
}
.pagination .pageShow .current,.pagination .pageShow a{
    width: 40px;
    height: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
    margin:0 5px;
    font-size: 14px;
    color: #717171;
    border-radius: 50%;
    border: solid 1px rgba(201, 201, 201, 1);
}
.pagination .pageShow .current{
    background-color: rgba(0, 89, 179, 1);
    border-radius: 50%;
    color: #fff;
}
.pagination .pageShow a:hover{

    border:1px solid rgba(0, 89, 179, 1);
    color: rgba(0, 89, 179, 1);
}
.pagination .paga_nav{
    /* position: absolute; */
    display: flex;
    top: 0;


}
.pagination .paga_nav .back_page,.pagination .paga_nav .next_page{
    width: 74px;
    height: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
    margin:0 5px;
    font-size: 14px;
    color: #717171;
    border-radius:  50%;
    border: solid 1px rgba(201, 201, 201, 1);
}
.pagination .paga_nav  .disabled,.pagination .paga_nav .disabled{
    display: none!important;
}

.pagination .paga_nav .back_page:hover,.pagination .paga_nav .next_page:hover{
    border:1px solid rgba(0, 89, 179, 1);
}
.pagination .paga_nav .back_page:hover a,.pagination .paga_nav .next_page:hover a{
    color: rgba(0, 89, 179, 1);
}
.pagination .paga_nav .back_page a,.pagination .paga_nav .next_page a{
    font-size: 14px;
    color: #717171;

}


/* 头部样式 */
nav {
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    position: fixed;
    left: 0;
    right: 0;
    top: 27px;
    z-index: 1111111111111111111111111;
    height:70px;
}

/*.logo{*/
/*    margin-left:38px;*/
/*}*/
/*.logo1{*/
/*    margin-left:38px;*/
/*}*/
nav > div:nth-of-type(2) {
    position: relative;
    display: flex;
    margin-right: 25px;
    font-size: 16px;
    align-items: center;
}
div:nth-of-type(2) > .hov {
    z-index: 1;
}
div:nth-of-type(2) > .hove {
    display: none;
}
div:nth-of-type(2) > .hov:hover > img {
    opacity: 1;
}
div:nth-of-type(2) > .hov > img {
    position: absolute;
    left: 25%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0;
    transition: opacity linear 0.3s;
}
div:nth-of-type(2) > .hov >a > p{
    height:66px;
    line-height:66px;
}
nav > div:nth-of-type(2) a {
    color: #a8e0fd;
    font-size:16px;
}

nav > div:nth-of-type(2) > .hov  a span{
    display: block;
    width: 0;
    height: 4px;
    background: #ffe400;
    /* opacity: 0; */
    margin: 0 auto;

}
nav > div:nth-of-type(2) > .indexNavActive a {
   font-size:18px;
    font-weight:bold;
}

nav > div:nth-of-type(2) > .hov:hover >a{
    color: #ffffff;
}
nav > div:nth-of-type(2) > div:not(:last-of-type) {
    padding-right: 60px;
}

.caidan{
width: 40px;
height: 40px;
background-color: #083ec4;
}
.navItemInfo{
    display:none;
    position: absolute;
    width: 920px;
    /*height: 347px;*/
    margin-top: 10px;
    right: -50px;
}
.zjygs{
    display:none;
    position: absolute;
    width: 920px;
    /*height: 347px;*/
    right: -537px;

}
.zjygs >div:nth-of-type(1) > a:nth-of-type(1){
    margin-top: 25px;
}
.zjygs >div:nth-of-type(1) > a:nth-of-type(2){
    margin-top: 25px;
}
.zjygs >div:nth-of-type(1) > a:nth-of-type(7){
    margin-bottom: 25px;
}
.zjygs >div:nth-of-type(1) > a:nth-of-type(8){
    margin-bottom: 25px;
}
.ygcps{
    display:none;
    position: absolute;
    width: 920px;
    /*height: 347px;*/
    right: -413px;


}
.fwzcs{
    display:none;
    position: absolute;
    width: 920px;
    /*height: 347px;*/
    right: -149px;

}
.xwdts{
    display:none;
    position: absolute;
    width: 920px;
    /*height: 347px;*/
    right: -290px;

}
.rczps{
    display: none;
}
.navItemInfo a{
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.navItemInfo > div:nth-of-type(1) > a{
    width:400px;
    margin-left: 48px;
}
.navItemInfo > div:nth-of-type(1) > a:hover > div:nth-of-type(1) h3{
   color:#0a5cb0;
}
.navItemInfo > div:nth-of-type(1) > a:hover > div:nth-of-type(1) p{
    color:#0a5cb0;
}
.navItemInfo > div:nth-of-type(1) > a > div:nth-of-type(1){
    line-height: 25px;
    margin-left:28px;
}
.navItemInfo > div:nth-of-type(1) > a > div:nth-of-type(1) h3 {
    font-family:MicrosoftYaHei;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
}
.navItemInfo > div:nth-of-type(1) > a > div:nth-of-type(1) p {
    font-family:MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
}
.navItemInfo > div:nth-of-type(1){
    position: absolute;
    width: 920px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-left: 15px;
}
.caidan{
    margin-right: 11px;
}
#menu{
    margin-top: 10px;
    margin-left: 8px;
}
.zjygs >div:nth-of-type(1){
    background: url(../images/ygkj_index_zjygBg.png)  no-repeat;
}
.ygcps >div:nth-of-type(1){
    background: url(../images/ygkj_index_productBg.png)  no-repeat;
}
.fwzcs >div:nth-of-type(1){
    background: url(../images/ygkj_index_fwzcBg.png) no-repeat;
}
.xwdts >div:nth-of-type(1){
    background: url(../images/ygkj_index_newsBg.png) no-repeat;
}


.zjygs >div:nth-of-type(1) > a:nth-of-type(1){
    margin-top: 30px;
}
.zjygs >div:nth-of-type(1) > a:nth-of-type(2){
    margin-top: 30px;
}
.zjygs >div:nth-of-type(1) > a:nth-of-type(7){
    margin-bottom: 30px;
}
.zjygs >div:nth-of-type(1) > a:nth-of-type(8){
    margin-bottom: 30px;
}
.ygcps >div:nth-of-type(1) > a:nth-of-type(1){
    margin-top: 30px;
}
.ygcps >div:nth-of-type(1) > a:nth-of-type(2){
    margin-top:30px;
}
.ygcps >div:nth-of-type(1) > a:nth-of-type(3){
    margin-bottom: 30px;
}
.ygcps >div:nth-of-type(1) > a:nth-of-type(4){
    margin-bottom: 30px;
}

.xwdts>div:nth-of-type(1) > a:nth-of-type(1){
    margin-top: 30px;
    margin-bottom: 30px;
}
.xwdts >div:nth-of-type(1) > a:nth-of-type(2){
    margin-top:30px;
    margin-bottom:30px;
}

.fwzcs>div:nth-of-type(1) > a:nth-of-type(1){
    margin-top: 30px;

}
.fwzcs>div:nth-of-type(1) > a:nth-of-type(2){
    margin-top: 30px;

}
.fwzcs>div:nth-of-type(1) > a:nth-of-type(3){
    margin-bottom: 30px;

}


nav > div:nth-of-type(2)>.indexNavActive > img{
    opacity:  1;
}
nav > div:nth-of-type(2)>.indexNavActive > a{
    color: #FFFFFF;
}
/* 尾部样式 */
.item_6{
    width: 100%;
    /* background:url(../images/ygkj_footerBg.jpg) no-repeat;
    background-position: center bottom;
    background-size: auto 100%; */
    overflow: hidden;
    position: relative;
    background-image: linear-gradient(180deg, #153273 0%, #123878 100%);
}
.item_6 > img:nth-of-type(1){
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120%;
    overflow: hidden;
    /* margin: 0 auto; */
    object-fit: cover;
    object-position: center center;
    animation: wave 5s 1.5s linear both infinite;
    -webkit-animation: wave 5s 1.5s linear both infinite;
    -ms-animation: wave 5s 1.5s linear both infinite;
    -moz-animation: wave 5s 1.5s linear both infinite;
    -o-animation: wave 5s 1.5s linear both infinite;
}
.item_6 > img:nth-of-type(2){
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120%;
    overflow: hidden;
    /* margin: 0 auto; */
    object-fit: cover;
    object-position: center center;
    animation: wave 6s 3s linear both infinite;
    -webkit-animation: wave 6s 3s linear both infinite;
    -ms-animation: wave 6s 3s linear both infinite;
    -moz-animation: wave 6s 3s linear both infinite;
    -o-animation: wave 6s 3s linear both infinite;
}
.item_6 > img:nth-of-type(3){
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120%;
    overflow: hidden;
    /* margin: 0 auto; */
    object-fit: cover;
    object-position: center center;
    animation: wave 8s 5s linear both infinite;
    -webkit-animation: wave 8s 5s linear both infinite;
    -ms-animation: wave 8s 5s linear both infinite;
    -moz-animation: wave 8s 5s linear both infinite;
    -o-animation: wave 8s 5s linear both infinite;
}

@keyframes wave{
    0%{
        bottom: 0;
        left: 0;
    }
    50%{
        bottom: -50px;
        left: -80px;
    }
    100%{
        bottom: 0;
        left: 0;
    }
}





.footer {
    width: 1460px;
    margin: 60px auto 90px;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 111111111;
}
.footer .left {
    display: flex;
}
.footer .left > div {
    display: flex;
    flex-direction: column;
    margin-right: 90px;
}
.footer .left > div >span:hover > a {
    font-weight: 800;
}
.footer .left > div:last-of-type {
    margin-right: 0;
}
.footer .left > div > h5 {
    color: white;
    margin-bottom: 25px;
    font-weight: bold;
    font-size: 14px;
}
.footer .left > div > span{
    font-size: 12px;
}
.footer .left > div > span:not(:first-of-type) {
    margin-top: 14px;
}
.footer .left > div > span a {
    color: #d0d0d6;
    font-size: 14px;

}

.footer .right {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
}

.footer .right .logo {
    margin-bottom: 30px;
}
.footer .right .wx {
    margin-bottom: 30px;
    margin-top: 15px;
}
.footer .right p {
    margin-bottom: 20px;
    color: #ffffff;
    font-size: 14px;
    text-align: right;
    display: flex;
}
.footer .right p >a{
    color: #ffffff;
    font-size: 14px;
    text-align: right;
    display: flex;
}
.footer .right span {
    margin-bottom: 12px;
    color: #ffffff;
    font-size: 14px;
    text-align: right;
}
.footer .newfoot_right{
    display: none;
}
/* 走进噢门威尼斯5845 */



.columnHeader{
    width: 100%;
}

.columnBanner{
    width: 100%;
    height: 423px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    box-shadow: 0 5px 60px rgb(98, 176, 249);
}
.columnBanner div:nth-of-type(1){
    width: 100%;
    overflow: hidden;
    position: absolute;
    /*top: -30%;*/
    left: 0;
    z-index: 1;

}

.columnBanner div:nth-of-type(1) img{
    width: 100%;
    height:423px;
    display: block;
    /*height: 623px;*/
    overflow: hidden;
    position: relative;
    /* margin: 0 auto; */
    /*object-fit: cover;*/
    /*object-position: center center;*/
}
.columnBanner div:nth-of-type(2){
    position: relative;
    text-align: center;
    z-index: 11;
    margin: 0 auto;
    margin-left: 296px;

}
.columnBanner div:nth-of-type(2) h1{
    width: 100%;
    text-align: left;
    font-family: 'MicrosoftYaHeiSemilight';
    font-size: 32px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.85;
}
.zjygColumnArea2.gsjj > .zjygGsjjColumnArea2Content #can4{
	width: 100%;
	height: 800px;
	position: absolute;
	bottom: 0;
    left: 0;
    z-index: 1;
    opacity: .3;
}

.zjygColumnArea2{
    width: 100%;
    position: relative;
    overflow: hidden;
    background: rgba(243,246,249,1);
    /* background:  url(../images/ygkj_zjygGsjj_contentBg.png) no-repeat; */
    background-position: center bottom;
    z-index:1;
    /* box-shadow: 0 5px 60px rgb(98, 176, 249); */
}

.fzlc.zjygColumnArea2{
    background:  url(../images/ygkj_zjygfzlc_contentBg.png) no-repeat;
    background-position: center center;
}

.zjygColumnArea2Nav{
    width: 100%;
    background: #fff;
    /* border-bottom: 1px solid rgb(223, 223, 223); */
    /* box-shadow: 0 1px 1px rgb(223, 223, 223); */
    position: relative;
    box-shadow: 0 5px 60px rgb(98, 176, 249);
}
.daolang{
    display:none;
}
.zjygColumnArea2Nav > div{
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 111;
}

.zjygColumnArea2Nav > div a{
    display: block;
    height: 64px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    padding: 0 2.5vw;
    position: relative;
}
.zjygColumnArea2Nav > div a.columnArea2NavActive{

    text-align:center;
    color:#FFFFFF;
}

.zjygColumnArea2Nav > div a span{
    display: block;
    width: 0;
    height: 4px;
    background: rgba(0, 145, 255, 1);
    /* opacity: 0; */
    margin: 0 auto;

}

.zjygColumnArea2Nav > div a.columnArea2NavActive {
    background-color: #0059b3;
    transition: all 0.5s ease;
}

.zjygGsjjColumnArea2Content{
    width: 100%;

}

.zjygGsjjColumnArea2Content > div{
    width: 1335px;
    margin: 80px auto 127px;
    position: relative;
    z-index: 111;
}

/*
售后服务
*/
.zjygshfwColumnArea2Content {
    width: 100%;
}
.zjygshfwColumnArea2Content > div {
    width: 1335px;
    margin: 80px auto 127px;
    position: relative;
    z-index: 111;
}
.zjygshfwColumnArea2Content > div h1 {
    font-size: 24px;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    /*padding-left: 55px;*/
}
.zjygshfwColumnArea2Content > div > p {
    font-size: 14px;
    line-height: 35px;
    letter-spacing: 0px;
    color: rgba(102, 102, 102, 1)!important;
    margin-top: 50px;
    /*text-indent: 2em;*/
}
.zjygshfwColumnArea2Content > div > div {
    margin-bottom: 35px;
}
.zjygshfwColumnArea2Content > div h1 span {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0px;
    color: rgba(236, 239, 242, 1);
    margin-left: 8px;
}
.zjygshfwContent div p {
    background:unset!important;
    text-align: left!important;
    font-size:14px!important;
    text-indent: unset!important;
    margin-top: unset!important;
    line-height: 35px!important;
    color: rgba(102, 102, 102, 1)!important;
}
.zjygshfwContent div{
    margin-top:50px;
}


.zjygGsjjColumnArea2Content > div h1{
    font-size: 24px;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    /*padding-left: 55px;*/
}
.zjygGsjjColumnArea2Content > div h1 span{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0px;
    color: rgba(236, 239, 242, 1);
    margin-right: 8px;
}

.zjygGsjjColumnArea2Content > div > p{
    font-size: 14px;
    line-height: 35px;
    letter-spacing: 0px;
    color: rgba(102, 102, 102, 1);
    margin-top: 30px;
    text-indent: 2em;
}

.zjygGsjjColumnArea2Content > div > div{
    border-top: 1px solid rgba(221, 221, 221, 1);
    border-bottom: 1px solid rgba(221, 221, 221, 1);
    display: flex;
    justify-content:  center;
    align-items: center;
    margin-top: 84px;
    margin-bottom: 35px;
}
.zjygGsjjColumnArea2Content > div > div > span{
    display: block;
    width: 1px;
    height: 40px;
    background-color: rgba(226, 226, 226, 1);

}
.zjygGsjjColumnArea2Content > div > div > div{
    display: flex;
    justify-content:  space-around;
    align-items: center;
    width: 24%;
    padding:29px 20px 42px;
}
.zjygGsjjColumnArea2Content > div > div > div > div > p{
    height: 16px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    color: rgba(102, 102, 102, 1);
    margin-top: 28px;
}
.zjygGsjjColumnArea2Content > div > div > div > div > div{
    display: flex;
    align-items: flex-end;
    font-size: 14px;
    letter-spacing: 0px;
    color: rgba(102, 102, 102, 1);
}
.zjygGsjjColumnArea2Content > div > div > div > div > div > h3{
    font-size: 46px;
    font-weight: bold;
    letter-spacing: 0px;
    color: rgba(0, 89, 179, 1);
}
.zjygGsjjColumnArea2Content > div > div > div > div > div > span{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0px;
    color: rgba(0, 89, 179, 1);
    align-self: start;
}
.lxwm.zjygColumnArea2{
    background: #fff;
}

.zjygLxwmColumnArea2Content{
    width: 100%;
}
.zjygLxwmColumnArea2Content > div{
    width: 1350px;
    margin: 155px auto 176px;
}
.zjygLxwmColumnArea2Content > div:nth-of-type(2){
    display:none;
}
.zjygLxwmColumnArea2Content > div > div:nth-child(1){
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 380px;
    float: left;
    margin-right: 150px;
}



.zjygLxwmColumnArea2Content > div > div:nth-child(1) > span{
    width: 100%;
    height: 1px;
    background-color: rgba(216, 216, 216, 1);
    margin-bottom: 30px;
}

.zjygLxwmColumnArea2Content > div > div:nth-child(1) > div{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 170px;
    position: relative;

}
.zjygLxwmColumnArea2Content > div > div:nth-child(1) > div > h5{
    display: block;
    width: 100%;
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    margin-top: 20px;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
}
.zjygLxwmColumnArea2Content > div > div:nth-child(1) > div > p{
    display: block;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    margin-top: 18px;
    letter-spacing: 0px;
    color: rgba(102, 102, 102, 1);
}

.zjygFzlcColumnArea2Content{
    width: 100%;
}
.zjygFzlcColumnArea2Content > div{
    width: 1290px;
    margin: 112px auto 191px;
    position: relative;
    z-index: 111;
}

.zjygFzlcColumnArea2ContentNav{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 115px;
}

.zjygFzlcColumnArea2ContentNav ul li{
    width: 135px;
    height: 50px;
    margin: 0px 18px;
    background-image: linear-gradient(90deg, rgba(20, 235, 207, 1) 0%, rgba(134, 88, 230, 1) 100%);
    float: left;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    overflow: hidden;
}
.zjygFzlcColumnArea2ContentNav ul li div{
    width: 100%;
    height: 100%;
    background: #fff;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    transition: all .2s ease;
}
.zjygFzlcColumnArea2ContentNav ul li div > div{
  width: 100%;
  height: 100%;
  background: url(../images/ygkj_zjyg_contentNavBg2.jpg) no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  transition: all .2s ease;
}
/* .zjygFzlcColumnArea2ContentNav ul li:hover div{
  background: url(../images/ygkj_zjyg_contentNavBg1.png) no-repeat;
  background-size: 100% 100%;
  transition: all .5s ease;
} */
.zjygFzlcColumnArea2ContentNav ul li.zjygFzlcColumnArea2ContentNavActive div > div{
    background: url(../images/ygkj_zjyg_contentNavBg1.png) no-repeat;
    background-size: 185px 50px;
    transition: all .2s ease;
    animation: spin .2s linear forwards;
}
@keyframes spin {
  0% {
    background-position: -200px  0;
  }
  100% {
    background-position: 0 0;
  }
}
.zjygFzlcColumnArea2ContentNav ul li.zjygFzlcColumnArea2ContentNavActive div div p{
    color: rgba(255, 255, 255, 1);
}
.zjygFzlcColumnArea2ContentNav ul li div div p{
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
}
/*
.zjygFzlcColumnArea2ContentContainer .swiper-slide {
  background: #fff;
} */

.list-out{
    display: flex;
}
.line-year{
    margin-right: 48px;
    width: 130PX;
    text-align: right;
}
.line-year span{
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
}
.list-content{
    position: relative;
    width: 1084px;
    padding: 0 54px 120px;
    border-left: 1px solid rgba(211, 211, 211, 1);
}
.list-content p {
    font-size: 14px;
    line-height: 34px;
    letter-spacing: 0px;
    color: rgba(102, 102, 102, 1);
}
.list-content::before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: rgba(211, 211, 211, 1);
    position: absolute;
    top: 12px;
    left: -6px;
    border-radius: 50%;
}

.semipolar-spinner {
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 12px;
    left: -6px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.semipolar-spinner .ring{
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 1;

}
.line-active:hover .list-content::before{
    width: 6px;
    height: 6px;
    border: 2px solid rgba(57, 131, 236, 1);
    background: #fff;
}


.line-active:hover .semipolar-spinner .ring:nth-of-type(1){
    border: 1px solid rgba(57, 131, 236, 1);
    animation: ring 2s linear both infinite;
    -webkit-animation: ring 2s linear both infinite;
    -ms-animation: ring 2s linear both infinite;
    -moz-animation: ring 2s linear both infinite;
    -o-animation: ring 2s linear both infinite;
}
.line-active:hover .semipolar-spinner .ring:nth-of-type(2){
    border: 1px solid rgba(57, 131, 236, 1);
    animation: ring 2s 1s linear both infinite;
    -webkit-animation: ring 2s 1s linear both infinite;
    -ms-animation: ring 2s 1s linear both infinite;
    -moz-animation: ring 2s 1s linear both infinite;
    -o-animation: ring 2s 1s linear both infinite;
}
.line-active:hover .semipolar-spinner .ring:nth-of-type(3){
    border: 1px solid rgba(57, 131, 236, 1);
    animation: ring 2s 1.5s linear both infinite;
    -webkit-animation: ring 2s 1.5s linear both infinite;
    -ms-animation: ring 2s 1.5s linear both infinite;
    -moz-animation: ring 2s 1.5s linear both infinite;
    -o-animation: ring 2s 1.5s linear both infinite;
}

@keyframes ring {
    to{
        width: 40px;
        height: 40px;
        opacity: 0;
    }
}


/* 人才招聘 */

.rczpColumnArea2{
    width: 100%;
}
.rczpColumnArea2 >div:nth-of-type(3){
    display: none;
}
.rczpColumnArea2 >div:nth-of-type(2){
    display: block;
}
.rczpColumnArea2Content{
    width: 100%;
}
.selectbox {
    width: 1460px;
    margin: 80px auto 0 auto;
    border: 1px dashed #efefef;
}
.rczpColumnArea2Content > div:nth-of-type(1){
    width: 1460px;
    margin: 0px auto 0px;
    padding: 39px 0;
}

.rczpColumnArea2Content > div > div:nth-of-type(1){
    width: 100%;
    overflow: hidden;
    background-color: rgba(243, 246, 249, 1);
}
.gzxz{
    margin: 0px auto 0px!important;
    padding: 1px 0!important;
    background-color:unset!important;
    border-bottom: 1px dashed #efefef;
}
.gzxz >div:nth-of-type(1){
    display: flex;
    background:unset;
}
.gzxz >div:nth-of-type(1) >a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    padding: 0 2.5vw;
    position: relative;
}
.gzxz >div:nth-of-type(1) >a.active{

    background-color: #0059b3;
    transition: all 0.5s ease;
    text-align: center;
    color: #FFFFFF;
}
.zwlb{
    margin: 0px auto 0px!important;
    padding: 1px 0!important;
    background-color:unset!important;
    border-bottom: 1px dashed #efefef;
}
.zwlb >div:nth-of-type(1){
    display: flex;
    background:unset;
}
.zwlb >div:nth-of-type(1) >a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    padding: 0 2.5vw;
    position: relative;
}
.zwlb >div:nth-of-type(1) >a.active{

    background-color: #0059b3;
    transition: all 0.5s ease;
    text-align: center;
    color: #FFFFFF;
}

.zplx{
    margin: 0px auto 0px!important;
    padding: 1px 0!important;
    background-color:unset!important;
    border-bottom: 1px dashed #efefef;
}
.zplx >div:nth-of-type(1){
    display: flex;
    background:unset;
}
.zplx >div:nth-of-type(1) >a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    padding: 0 2.5vw;
    position: relative;
}
.zplx >div:nth-of-type(1) >a.active{

    background-color: #0059b3;
    transition: all 0.5s ease;
    text-align: center;
    color: #FFFFFF;
}
.rczpColumnArea2Content > div > div:nth-of-type(1) ul li{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 0 107px;
}

.rczpColumnArea2Content > div > div:nth-of-type(1) ul li > div{
    width: 100%;
    display: flex;
    /* border-bottom: 1px solid rgba(228, 230, 233, 1); */
    padding: 30px 0;

}

.rczpColumnArea2Content > div > div:nth-of-type(1) ul li > div p{
    display: block;
    width: 250px;
    margin-right: 32px;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 37px;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
}

.rczpColumnArea2Content > div > div:nth-of-type(2){
    width: 100%;
    overflow: hidden;
    margin-bottom: 100px;
}

.rczpColumnArea2Content > div > div:nth-of-type(2) ul li{
    width: 100%;
    overflow: hidden;
    /* padding: 27px 0px 24px; */
    position: relative;

    margin-top: -1px;
}

.rczpColumnArea2Content > div > div:nth-of-type(2) ul li:nth-of-type(1n){
    background-color: rgba(237, 237, 237, 1);
}
.rczpColumnArea2Content > div > div:nth-of-type(2) ul li:nth-of-type(2n){
    background-color: rgba(250, 250, 250, 1);
}

.rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div:nth-of-type(1){
    width: 100%;
    display: flex;
    padding: 20px 107px;

}

.rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div > p{
    display: block;
    width: 250px;
    margin-right: 32px;
    font-size: 14px;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);

}
.rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div:nth-of-type(2){
    height: 0;
    overflow: hidden;
    padding: 0 25px;

}
.rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div:nth-of-type(2) div{
    width: 100%;
}
.rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div:nth-of-type(2) div > div:nth-child(1) {
    width: 100%;
    margin-top: 50px;
    padding: 0 82px;
}
.rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div:nth-of-type(2) div >  div *{
    width: unset!important;
    height: unset!important;
    max-width: 100%!important;
    font-size: 16px!important;
    letter-spacing: 0.7px!important;
    color: rgba(51, 51, 51, 1)!important;
    word-break: break-all!important;
    line-height: 37px;
}
.rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div:nth-of-type(2) div  > div.rczpColumnArea2ContentTextbutton{
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 82px;
    border-top: 1px solid #e4e6e9;
}
.rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div:nth-of-type(2) div  > div.rczpColumnArea2ContentTextbutton button{
    display: block;
    width: 125px!important;
    height: 45px!important;
    text-align: center;
	background-image: linear-gradient(90deg,
		#fec531 0%,
		#fc7d22 100%),
	linear-gradient(
		#fe8900,
		#fe8900);
	background-blend-mode: normal,
		normal;
    border-radius: 23px!important;
    font-size: 16px!important;
	line-height: 45px!important;
	color: #ffffff!important;
}
.rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div:nth-of-type(2) div  > div.rczpColumnArea2ContentTextbutton p{
    font-size: 14px!important;
    line-height: 37px!important;
    color: #0059b3!important;
}
.rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div:nth-of-type(2) div  > div.rczpColumnArea2ContentTextbutton p span{
	font-size: 13px!important;
	letter-spacing: -1.5px!important;
	color: #0059b3!important;
}
/*header*/
/* 头部样式 */
 nav {
    display: flex;
     transition: all 0.5s ease;
}
nav .hov {
    position: relative;
    z-index: 1;
    display: block;

}

nav.scollActive{
    background-color: #FFFFFF;
    box-shadow: 0 0 7px 7px #3333;
    transition:all 0.2s ease;
}
nav.otherNavActive{
    background-color: #FFFFFF;
    box-shadow: 0 0 7px 7px #3333;
    transition:all 0.2s ease;
}
nav.scollActive.slideActive{
    top:0;
    height: 70px;
    transition:all 0.2s ease;
}


.zjygQywhColumnArea2Content{
    width: 100%;
}
.zjygQywhColumnArea2Content > div{
    width: 1340px;
    margin: 100px auto;
}

.zjygQywhColumnArea2Content > div > div{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px;
}
.zjygQywhColumnArea2Content > div > div:nth-of-type(2){
    padding-bottom: 72px;
}
.zjygQywhColumnArea2Content > div > div >  p{
    font-size: 14px;
	line-height: 32px;
	letter-spacing: 0px;
    color:rgba(102, 102, 102, 1);
    padding: 34px;
}
.zjygQywhColumnArea2Content > div > div:nth-of-type(3){
    margin-left: 2px;
}
.zjygQywhColumnArea2Content > div > div:nth-of-type(3) > div {
    width: 333px;
    height: 335px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 34px;
    border: solid 1px #84bef8;
    margin-left: -1px;
}
.zjygQywhColumnArea2Content > div > div:nth-of-type(3) > div img {
    margin-top: -10px;
}
.zjygQywhColumnArea2Content > div > div:nth-of-type(3) > div h4 {
	font-size: 18px;
	line-height: 32px;
	letter-spacing: 0px;
    color: #333333;
    margin-top: -23px;
}
.zjygQywhColumnArea2Content > div > div:nth-of-type(3) > div p {
    font-size: 14px;
	line-height: 28px;
	letter-spacing: 0px;
    color: #666666;
    margin-top: 28px;
}

/*荣誉资质*/
.zjygshryColumnArea2Content> div > div:nth-child(1){
    width:100%;
    height:729px;
    padding-top: 99px;
    margin: 0 auto;
    position: relative;
}
.zjygshryColumnArea2Content> div > div:nth-child(1) h3{
    width: 200px;
    margin: 0 auto;
    font-family: MicrosoftYaHeiSemibold;
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 37px;
    letter-spacing: 0px;
    color: #333333;
    padding-bottom: 69px;
}
.zjygshryColumnArea2Content> div > div:nth-child(2) h3{
    width: 136px;
    margin: 0 auto;
    font-family: MicrosoftYaHeiSemibold;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 37px;
    letter-spacing: 0px;
    color: #ffffff;
    padding-top:92px;
    padding-bottom:72px;
}
.zjygshryColumnArea2Content> div > div:nth-child(3) h3{
    width: 136px;
    margin: 0 auto;
    font-family: MicrosoftYaHeiSemibold;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 37px;
    letter-spacing: 0px;
    color: #333333;
    padding-top:98px;
    padding-bottom:72px;
}
.zjygshryColumnArea2Content> div > div:nth-child(2){
    width:100%;
    height:620px;
    background: url("../images/ygkj_shry_Bg2_02.jpg") no-repeat;
    margin: 0 auto;
    position: relative;

}
.zjygshryColumnArea2Content> div > div:nth-child(3){
    width:100%;
    height:608px;
    margin: 0 auto;
    position: relative;

}
.newcontent >a{

    display: block;
    width: 100%;
    height: 100%;
    padding: 23px 24px;
    display: flex;

}
.newcontent >a > img {
    display: block;
    width: 480px;
    height: 100%;
    padding: 23px 24px;
    display: flex;
}
.newcontent >a > div {
    width: 872px;
    margin-left: 32px;
    padding: 22px 0 14px;
}
.newcontent >a > div > div {
    position: relative;
    width: 100%;
    height: 100%;
}
.newcontent >a > div > div span {
    position: relative;
    font-family: PFDINTEXTCOMPPRO-REGULAR;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 37px;
    letter-spacing: 0px;
    color: rgba(160, 160, 160, 1);
}
.newcontent >a  > div > div h1 {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0px;
    color: rgba(0, 89, 179, 1);
    margin-bottom: 29px;
}
.newcontent >a > div > div p {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0px;
    color: rgba(102, 102, 102, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
}
.newcontent >a > div > div button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 140px;
    height: 45px;
    border-radius: 23px;
    background: none;
    color: rgba(153, 153, 153, 1);
    border: solid 1px rgba(192, 192, 192, 1);
}
.shry_defalut{
    display: flex;
    width: 1350px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
.shry_defalut div:not(:last-child){
    margin-right: 12px;
}
.shry_defalut div a p{
    font-family:MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 37px;
    letter-spacing: 0px;
    color: #333333;
    text-align:center;
}
.ryzzBanner{
    width:1270px;
    height: 425px;
    margin:0 auto;
}
.hjryBanner{
    width:1462px;
    height:288px;
}
.qylmBanner{
    width:1462px;
    height:290px;
}


.qylmBanner .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
}

.qylmBanner .swiper-slide a > img{
    display: block;
    width: 100%;
    height: 80%;
}



.swiper-slide  >a p{
    font-family:MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 37px;
    letter-spacing: 0px;
    color: #333333;
    text-align: center;
}
.swiper-button-prev.item_1Swiper-button-prev {
    background:url(../images/next_01.png) no-repeat;
    transform: rotate(180deg);
    background-size: 100% 100%;
    width: 48px!important;
    height: 48px!important;
}

  .swiper-button-next.item_1Swiper-button-next {
    background:url(../images/next_01.png) no-repeat;
    background-size: 100% 100%;
    width: 48px!important;
    height: 48px!important;
}
  .swiper-button-prev.item_2Swiper-button-prev {
    background:url(../images/next_01.png) no-repeat;
    background-size: 100% 100%;
      transform: rotate(180deg);
    width: 48px!important;
    height: 48px!important;
}

  .swiper-button-next.item_2Swiper-button-next {
    background:url(../images/next_01.png) no-repeat;
    background-size: 100% 100%;
    width: 48px!important;
    height: 48px!important;
}

 .swiper-button-prev.item_3Swiper-button-prev {
    background:url(../images/next_01.png) no-repeat;
    background-size: 100% 100%;
     transform: rotate(180deg);
    width: 48px!important;
    height: 48px!important;
}

 .swiper-button-next.item_3Swiper-button-next {
    background: url(../images/next_01.png) no-repeat;
    background-size: 100% 100%;
    width: 48px !important;
    height: 48px !important;
}
.rzzs > .item_1Swiper-button-prev{
    left: 250px;
    right: auto;
    margin: 0 auto;
}
.rzzs > .item_1Swiper-button-next{
    left: auto;
    right: 285px;
    margin: 0 auto;
}
.hjry > .item_2Swiper-button-prev{
    left: 160px;
    right: auto;
    margin: 0 auto;
}
.hjry > .item_2Swiper-button-next{
    left: auto;
    right: 168px;
    margin: 0 auto;
}
.qylm > .item_3Swiper-button-prev{
    left: 168px;
    right: auto;
    margin: 0 auto;
}
.qylm > .item_3Swiper-button-next{
    left: auto;
    right: 162px;
    margin: 0 auto;
}

.swiper-button-next.swiper-button-disabled{
    opacity: .55;
    cursor: auto;
    pointer-events: none;
    background: url(../images/ygkj_index_area1_16.png)!important;
    background-size: cover;
}
.swiper-button-prev.swiper-button-disabled{
    opacity: .55;
    cursor: auto;
    pointer-events: none;
    background: url(../images/ygkj_index_area1_16.png)!important;
    transform: rotate(180deg);
    background-size: cover;
}

/*
市场分布
*/
.scfb{
    width:100%;
    height:1020px;
    background:#FFFFFF;
    position: relative;
}
.map{
    margin: 20px auto;
}
#main{
    width:100%;
    height:1024px;
    margin-top:-50px
}

.zjygshfwColumnArea2Content > div > p * :not(img){
    /*width: 100%;*/
    /*max-width: 100%!important;*/
    /*width: unset!important;*/
    /*height: unset!important;*/
    /*font-size: 16px!important;*/
    /*line-height: 30px!important;*/
    /*color: rgba(42, 46, 46, 1)!important;*/
    /*word-break: break-all!important;*/
    /*text-indent: 2em!important;*/
    /*font-family: "微软雅黑"!important;*/

    width: 91%;
    /* max-width: 100%!important; */
    /* width: unset!important; */
    height: unset!important;
    font-size: 16px!important;
    line-height: 30px!important;
    color: rgba(42, 46, 46, 1)!important;
    word-break: break-all!important;
    text-indent: 2em!important;
    font-family: "微软雅黑"!important;
    margin: 0 auto;
}

.zjygshfwColumnArea2Content > div img{
    display: block!important;
    margin: 30px auto 20px!important;
}
/* 窗口宽度<1680,设计宽度=1600px */
@media screen and (max-width: 1679px) {
    .rczpColumnArea2Content > div {
        width: 1360px;
    }
    .footer {
        width: 1360px;
      }
      .zjygshfwColumnArea2Content > div {
        width: 1235px;
    }
}
/* 窗口宽度<1440,设计宽度=1200px */
@media screen and (max-width: 1439px) {
    .zjygshfwColumnArea2Content > div {
        width: 1135px;
    }
    .zjygLxwmColumnArea2Content > div {
        width: 90%;
        margin: 155px auto 176px;
    }
    .zjygGsjjColumnArea2Content > div {
        width: 90%;
    }
    .zjygGsjjColumnArea2Content > div > div > div > div > p {
        font-size: 12px;
    }
    .rczpColumnArea2Content > div {
        width: 1260px;
      }
      .zjygQywhColumnArea2Content > div {
        width: 1140px;
    }
    #map{
        width: 610px!important;
    }
    .zjygQywhColumnArea2Content > div > div > img{
        width: 570px;
    }
    .ryzzBanner {
        width: 950px;
        height: 425px;
        margin: 0 auto;
    }
    .rzzs > .item_1Swiper-button-prev {
        left: 100px;
        right: auto;
        margin: 0 auto;
    }
    .rzzs > .item_1Swiper-button-next {
        left: auto;
        right: 130px;
        margin: 0 auto;
    }
    .qylmBanner {
        width: 1082px;
        height: 290px;
    }
    .qylm > .item_3Swiper-button-next {
        left: auto;
        right: 40px;
        margin: 0 auto;
    }
    .qylm > .item_3Swiper-button-prev {
        left: 41px;
        right: auto;
        margin: 0 auto;
    }
    .shry_defalut {
        display: flex;
        width: 1020px;
        margin: 0 auto;
        align-items: center;
        justify-content: center;
    }
    .shry_defalut >div:last-of-type{
        display: none;
    }
}

.information{
    width: 275px;
    /*height: 408px;*/
    text-align: center;
    border-collapse: collapse;
    top: 20%;
    position: absolute;
    right:226px;
    z-index:1111111111111111111111111111111111;
}
.information tr{
    color:#7a7a7a;
    height:50px;
}
.information tr:first-of-type{
    background: #a5c6f3;
    color:#000000;
    font-weight:bold;
}
.information tr td{
    border: 1px solid #e2eaf5;
    width:137px;
}



.wstsContentBox{
    width: 100%;
    background: #f2f8f9;
    background-position: left bottom;
    position: relative;
}
.wstsContentBox > img:nth-of-type(1){
    width: 227px;
    position: absolute;
    left: 0;
    top: 127px;
}
.wstsContentBox > img:nth-of-type(2){
    width: 444px;
    position: absolute;
    right: 0;
    top: 441px;
}
.wstsContent {
    width: 1172px;
    margin: 0 auto;
    padding-bottom: 50px;
    overflow: hidden;
    min-height: 600px;
}

.wstsContent header h1{
    font-size: 21px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #595757;
    margin-top: 70px;
}


/* 窗口宽度<1200,设计宽度=1024px */
@media screen and (max-width: 1199px) {

}



/* 窗口宽度<960,设计宽度=768 */
@media screen and (max-width: 959px) {

}

/* 窗口宽度<768,设计宽度=640 */
@media screen and (max-width: 767px) {

}

/* 窗口宽度<640,设计宽度=480 */
@media screen and (max-width: 639px) {
    .zjygshfwColumnArea2Content > div img {
        display: block!important;
        margin: 30px auto 20px!important;
        width: 85vw!important;
        height: unset!important;
    }
    .footer .right > .logo1 >img{
        transform: scale(0.8);
    }

    .zjygColumnArea2.gsjj > .zjygGsjjColumnArea2Content #can4 {
        width: 100%;
        height: 800px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        opacity: .3;
        display:none;
    }
    .newcontent >a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0px 24px;
        display: flex;
    }
    .newcontent >a > img {
        display: block;
        width: 50vw;
        height: 100%;
        padding: 23px 24px;
        display: flex;
    }
    .newcontent >a > div {
        width: 58vw;
        margin-left: -10px;
        padding:7px 0 14px;
        height: 35vw;
    }
    .newcontent >a > div > div {
        position: relative;
        width: 100%;
        height: 65%;
    }
    .newcontent >a > div > div h1 {
        position: relative;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 0px;
        color: rgba(0, 89, 179, 1);
        margin-bottom: unset;
    }
    .newcontent >a > div > div button {
        position: absolute;
        top: 86px;
        left: 0;
        width: 140px;
        height: 24px;
        border-radius: 23px;
        background: none;
        color: rgba(153, 153, 153, 1);
        border: solid 1px rgba(192, 192, 192, 1);
    }
    .newcontent >a > div > div p {
        position: relative;
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 0px;
        color: rgba(102, 102, 102, 1);
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
    }
    /*走进噢门威尼斯5845公司简介*/
    .zjygGsjjColumnArea2Content > div {
        margin: 45px auto 127px;
        position: relative;
        z-index: 111;
    }
    .zjygGsjjColumnArea2Content > div > p {
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 0px;
        color: rgba(102, 102, 102, 1);
        margin-top: 28px;
        text-indent: 2em;
    }
    /*发展历程*/
    .zjygFzlcColumnArea2ContentNav ul li.zjygFzlcColumnArea2ContentNavActive div > div {
        background: url(../images/ygkj_zjyg_contentNavBg1.png) no-repeat;
        background-size: 100% 100%;
        transition: all .2s ease;
        animation: spin .2s linear forwards;
    }
    .zjygFzlcColumnArea2ContentNav ul li div div p {
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        letter-spacing: 0px;
        color: rgba(51, 51, 51, 1);
    }
    .zjygFzlcColumnArea2ContentNav ul li {
        width: 55px;
        height: 30px;
        margin: 5px 3px;
        background-image: linear-gradient(90deg, rgba(20, 235, 207, 1) 0%, rgba(134, 88, 230, 1) 100%);
        float: left;
        border-radius: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2px;
        overflow: hidden;
    }
    .zjygFzlcColumnArea2ContentNav {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 35px;
    }
    .line-year span {
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0px;
        color: rgba(51, 51, 51, 1);
    }
    .list-content {
        position: relative;
        width: 1084px;
        padding: 0px 20px 25px;
        border-left: 1px solid rgba(211, 211, 211, 1);
    }

    .zjygshryColumnArea2Content> div > div:nth-child(1) h3 {
        width: 130px;
        margin: 0 auto;
        font-family: MicrosoftYaHeiSemibold;
        font-size: 21px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 37px;
        letter-spacing: 0px;
        color: #333333;
        padding-bottom: 30px;
    }
    .zjygLxwmColumnArea2Content > div:nth-of-type(2){
        display:block;
    }
    .zjygLxwmColumnArea2Content > div:nth-of-type(1){
        display:none;
    }

    .zjygLxwmColumnArea2Content > div > div:nth-child(2){
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 326px;
        float: left;
        margin: 0 auto;
    }

    .zjygQywhColumnArea2Content > div > div:nth-of-type(3) > div {
        width: 47vw;
        height: 53vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 34px;
        border: solid 1px #84bef8;
        margin-left: -1px;
        margin-top: -1px;
    }

    .rczpColumnArea2Content > div {
        width: 1460px;
        margin: 30px auto 190px;
        padding: 39px 0;
    }
    .rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div:nth-of-type(2) div > div.rczpColumnArea2ContentTextbutton button {
        display: block;
        width: 29vw!important;
        height: 9vw!important;
        text-align: center;
        background-image: linear-gradient(90deg, #fec531 0%, #fc7d22 100%), linear-gradient( #fe8900, #fe8900);
        background-blend-mode: normal, normal;
        border-radius: 23px!important;
        font-size: 3vw!important;
        line-height: 5vw!important;
        color: #ffffff!important;
    }
    .zjygQywhColumnArea2Content > div > div:nth-of-type(3) > div h4 {
        font-size: 3vw;
        line-height: 32px;
        letter-spacing: 0px;
        color: #333333;
        margin-top: -23px;
        font-weight: bold;
    }
    .zjygQywhColumnArea2Content > div > div:nth-of-type(3) > div img {
        margin-top: -10px;
        width: 10vw;
        height: 10vw;
    }
    .zjygQywhColumnArea2Content > div > div:nth-of-type(3) > div p {
        font-size: 3vw;
        line-height: 5vw;
        letter-spacing: 0px;
        color: #666666;
       margin-top: unset;
        width: 41vw;
    }
    .newcontent{
        display:none;
    }

    .zjygLxwmColumnArea2Content > div > div:nth-child(2) > span{
        width: 100%;
        height: 1px;
        background-color: rgba(216, 216, 216, 1);
        margin-bottom: 30px;
    }

    .zjygLxwmColumnArea2Content > div > div:nth-child(2) > div{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 85%;
        height: 170px;
        position: relative;

    }
    .zjygLxwmColumnArea2Content > div > div:nth-child(2) > div > h5{
        display: block;
        width: 100%;
        text-align: left;
        font-size: 20px;
        font-weight: bold;
        font-stretch: normal;
        margin-top: -39px;
        letter-spacing: 0px;
        color: rgba(51, 51, 51, 1);
    }
    .zjygLxwmColumnArea2Content > div > div:nth-child(2) > div > p{
        display: block;
        width: 100%;
        text-align: left;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        margin-top: 25px;
        letter-spacing: 0px;
        color: rgba(102, 102, 102, 1);
    }
    nav {
        display: none!important;
    }

    .phone_nav {
        display: block;
    }

    .center_content1 {
        transform: scale(.35);
        bottom: 510px;
    }

    .center_content {
        transform: scale(.7);
        bottom: 510px;
}
    .center_content2 {
        width: 86vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
        position: relative;
        left: unset;
        z-index: 111;
        transform: scale(.6);
        bottom: 510px;
    }

    .center_content > div > img {
        transform: scale(0.6);
    }

    .mouse > img:last-of-type {
        display: block;
        margin: 0 auto;
        margin-top: 5px;
        transform: scale(0.8);
        width: 4vw;
        height: 4vw;
    }

    .footer {
        width: 95vw;
        margin: 0 auto;
        padding-top: 30px;
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 111111111;
    }

    .footer {
        width: 95vw!important;
        margin: 0 auto;
        padding-top: 30px;
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 111111111;
    }

    .footer .right .wx {
        margin-bottom: 22px;
        margin-top: 15px;
    }

    .footer .right p {
        margin-bottom: 12px;
        color: #ffffff;
        font-size: 14px;
        text-align: right;
        /* margin-top: -3px; */
        text-align: center;

    }
    .footer .right p:nth-of-type(5) {
        text-align: center;
        line-height: 5.5vw;
    }
    .columnBanner div:nth-of-type(1) {
        width: 100%;
        overflow: hidden;
        position: absolute;
        /* top: -30%; */
        left: 0;
        z-index: 1;
        height: 70px;
        display: none;
    }
    .columnBanner {
        width: 100%;
        height: 70px;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
        background: #FFFFFF;
        z-index: 11;
        box-shadow: unset;
    }
    .daolang{
        display: block;
    }
    .zjygColumnArea2 >div:first-of-type{
        display: none;
    }
    .zjygColumnArea2Nav > div {
        height: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: start;
        align-items: center;
        position: relative;
        z-index: 111;
    }
    .zjygGsjjColumnArea2Content > div > div > div > div > div > h3 {
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 0px;
        color: rgba(0, 89, 179, 1);
    }
    .zjygGsjjColumnArea2Content > div > div > div {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 47%;
        padding: 4px 10px 13px;
    }
    .zjygGsjjColumnArea2Content > div > div {
        border-top: 1px solid rgba(221, 221, 221, 1);
        border-bottom: 1px solid rgba(221, 221, 221, 1);
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 35px;
        margin-bottom: 35px;
        flex-wrap: wrap;
    }
    .zjygGsjjColumnArea2Content > div > div > div > div > p {
        font-size: 12px;
        width: 167%;
        margin-top: 35px;
    }
    .zjygGsjjColumnArea2Content > div > div > div > div > div {
        display: flex;
        align-items: flex-end;
        font-size: 14px;
        letter-spacing: 0px;
        color: rgba(102, 102, 102, 1);
        margin-top: 40px;
    }
    .zjygGsjjColumnArea2Content > div > div > span:nth-of-type(2){
        display: none;

    }
    .zjygFzlcColumnArea2Content > div {
        width: 100%;
        margin: 112px auto 191px;
        position: relative;
        z-index: 111;
    }
    .zjygFzlcColumnArea2Content > div {
        width: 90%;
        margin: 50px auto 191px;
        position: relative;
        z-index: 111;
    }
    .zjygQywhColumnArea2Content > div {
        width: 100%;
    }
    .zjygQywhColumnArea2Content > div > div > img {
        width: 48vw;
    }
    .zjygQywhColumnArea2Content > div > div {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 40px;
        width: 85vw;
    }
    .zjygQywhColumnArea2Content > div > div > p {
        font-size: 3vw;
        line-height: 5vw;
        letter-spacing: 0px;
        color: rgba(102, 102, 102, 1);
        width: 51vw;
        padding: 2vw;
        text-align: justify;
        text-justify: distribute-all-lines;
    }
    .zjygQywhColumnArea2Content > div > div {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 0px;
        width: 100vw;
        margin-top: 4vw;
    }
    .zjygQywhColumnArea2Content > div > div:nth-of-type(2) {
        padding-bottom: 15px;
    }
    .zjygQywhColumnArea2Content > div > div {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 0px;
        width: 100vw;
        margin-top: 4vw;
        flex-wrap: wrap;
        margin-bottom: 10vw;
    }
    .zjygshfwColumnArea2Content > div {
        width: 85vw;
    }
    .zjygLxwmColumnArea2Content > div {
        width: 90%;
        margin: 56px auto 65px;
    }

    .zjygColumnArea2Nav > div.endmenu{
        justify-content: flex-end;
    }
    #maps {
        width: 90vw!important;
    }
    .zjygColumnArea2Nav > div.centermenu{
        justify-content: center;
    }

    .wstsContent {
        width: 90vw;
        line-height: 3vw;
        margin: 0 auto;
        padding-bottom: 50px;
        overflow: hidden;
        min-height: 600px;
    }
    .mainCon_lyfw_wstsCon {
        float: right;
        width: 105%;
    }
    .wstsContent header h1 {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;
        color: #595757;
        margin-top: 70px;
        line-height: 6vw;
    }
    .rczpColumnArea2 >div:nth-of-type(2){
        display: none;
    }
    .rczpColumnArea2 >div:nth-of-type(3){
        display: block;
    }
    .selectbox{
        display:none;
    }
    .rczpColumnArea2Content > div > div:nth-of-type(2) ul li:nth-of-type(1n) {
        background: url(../images/ygkj_zxns_phone.png) no-repeat;
        background-size: 100%;
        width: 95vw;
        margin-bottom: 20px;
    }
    .rczpColumnArea2Content > div {
        width: 100vw;
        padding:unset;
    }
    .rczpColumnArea2Content > div > div:nth-of-type(1) ul li > div p {
        display: block;
        width: 217px;
        margin-right: unset;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        line-height: 37px;
        letter-spacing: 0px;
        color: rgba(51, 51, 51, 1);
    }
    .rczpColumnArea2Content > div > div:nth-of-type(1) ul li > div {
        width: 100vw;
        display: flex;
        /* border-bottom: 1px solid rgba(228, 230, 233, 1); */
        padding: 30px 0;
    }
    .rczpColumnArea2Content > div > div:nth-of-type(1) ul li {
        width: 100%;
        overflow: hidden;
        position: relative;
        padding: unset;
    }
    .rczpColumnArea2Content > div {
        width: 95vw;
    }
    .rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div:nth-of-type(1) {
        width: 100vw;
        display: flex;
        padding: 10px 0px;
        margin-left: 18vw;
    }
    .rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div:nth-of-type(2) div > div:nth-child(1) {
        width: 100%;
        margin-top: 50px;
        padding: unset;
    }
    .rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div:nth-of-type(2) div > div.rczpColumnArea2ContentTextbutton {
        width: 100%!important;
        height: 100px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0px 0px;
        border-top: 1px solid #e4e6e9;
    }
    .rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div > p {
        display: block;
        width: 100%;
        margin-right: 3px;
        font-size: 14px;
        letter-spacing: 0px;
        color: #FFF;
        word-break:keep-all;
    }
    .rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div > p:nth-of-type(2) {
        width: 70px;
    }
    .Navigation ul {
        display: none;
    }
    .xwdtDetailArea2Content > div > article header h1::before {
        display: none!important;
    }
    .detailHeader > div:nth-of-type(1) {
        height: 70px!important;
        width: 100%;
    }
    .Navigation{
        display:none;
    }

    .xwdtDetailArea2Content > div {
        width: 1460px;
        margin: 55px auto 104px!important;
        padding: 15px 20px!important;
        /* background: #fff; */
    }

    .xwdtDetailArea2Content > div > div a p {
        font-size: 16px;
        letter-spacing: 0px;
        color: rgba(51, 51, 51, 1);
        width: 25vw;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .zjygColumnArea2Nav > div a {
        display: block;
        height: 50px;
        line-height: 54px;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0px;
        color: rgba(51, 51, 51, 1);
        padding: 0 2.5vw;
        position: relative;
        text-align:center;
    }
    .zjygshryColumnArea2Content> div > div:nth-child(1) {
        width: 100%;
        height: 450px;
        padding-top: 40px;
        margin: 0 auto;
        position: relative;
    }
    .columnBanner div:nth-of-type(2) {
        position: relative;
        text-align: center;
        z-index: 11;
        margin: 0 auto;
        margin-left: 296px;
        display: none;
    }
    .ryzzBanner {
        width: 85vw;
        height: 425px;
        margin: 0 auto;
    }
    .zjygshryColumnArea2Content> div > div:nth-child(2) h3 {
        width: 85px;
        margin: 0 auto;
        font-family: MicrosoftYaHeiSemibold;
        font-size: 21px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 37px;
        letter-spacing: 0px;
        color: #ffffff;
        padding-top: 65px;
        padding-bottom: 72px;
    }
    .rzzs > .item_1Swiper-button-prev {
        left: 4px;
        right: auto;
        margin: -30px auto;
        width: 6vw!important;
        height: 6vw!important;
    }
    .rzzs > .item_1Swiper-button-next {
        left: auto;
        right: 4px;
        margin: -30px auto;
        width: 6vw!important;
        height: 6vw!important;
    }
    .shry_defalut {
        display: flex;
        width: 99vw;
        margin: -45px auto;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    .shry_defalut div a p {
        font-family: MicrosoftYaHei;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 37px;
        letter-spacing: 0px;
        color: #fff;
        text-align: center;
    }
    .zjygshryColumnArea2Content> div > div:nth-child(2) {
        width: 100%;
        height: 500px;
        background: url(../images/ygkj_shry_Bg2_02.jpg) no-repeat;
        margin: 0 auto;
        position: relative;
    }
    .zjygshryColumnArea2Content> div > div:nth-child(3) h3 {
        width: 85px;
        margin: 0 auto;
        font-family: MicrosoftYaHeiSemibold;
        font-size: 21px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 37px;
        letter-spacing: 0px;
        color: #333333;
        padding-top: unset;
        padding-bottom: 43px;
        margin-top: 30px;
    }
    .qylmBanner {
        width: 88vw;
        height: 290px;
        margin: 0 auto;
    }
    .qylm > .item_3Swiper-button-next {
        left: auto;
        right: 7px;
        margin: -25px auto;
        width: 6vw!important;
        height: 6vw!important;
    }
    .qylm > .item_3Swiper-button-prev {
        left: 25px;
        right: auto;
        margin: -25px auto;
        width: 6vw!important;
        height: 6vw!important;
    }
    .ryzzBanner >.swiper-wrapper > .swiper-slide > a >img{
        width:40vw;
        margin: 0 auto;
    }
    .hjryBanner {
        width: 74vw;
        height: 288px;
    }
    .hjryBanner >.swiper-wrapper> .swiper-slide >a >img{
        width:35vw;
        margin: 0 auto;
    }
    .hjry > .item_2Swiper-button-prev {
        left: 9px;
        right: auto;
        margin: 0 auto;
        width: 6vw!important;
        height: 6vw!important;
        background-size: cover;
    }
    .hjry > .item_2Swiper-button-next{
        left: auto;
        right: 9px;
        margin: 0 auto;
        width: 6vw!important;
        height: 6vw!important;

    }
    .hjry > .swiper-button-disabled{
        background-size: cover!important;
    }
    .hjry >  .swiper-button-disabled {
        background-size: cover!important;
    }
    .qylmBanner >.swiper-wrapper > .swiper-slide > a >img{
        width:35vw;
        margin: 0 auto;
        height:28vw;
    }
    .qylmBanner >.swiper-wrapper> .swiper-slide{
        display: flex;
        justify-content: center;

    }
    .qylmBanner >.swiper-wrapper> .swiper-slide >a{
        width:35vw;
    }
    .zjygshryColumnArea2Content> div > div:nth-child(3) {
        width: 100%;
        height: 295px;
        margin: 0 auto;
        position: relative;
    }
    .swiper-slide >a p {
        font-family: MicrosoftYaHei;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 37px;
        letter-spacing: 0px;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .shry_defalut div >a img{
        width:45vw;
    }
    .ygcpRjyflistArea2Content > div:nth-of-type(1) ul li.ygcpRjyflistArea2ContentActive::after {
        opacity: 1;
        z-index: 111111111111111111111111111111;
    }
    .scfb {
        width: 100%;
        height: 520px;
        background: #FFFFFF;
        position: relative;
        margin-top: -200px;
    }
    .jjfawhdwyh_area4 {
        height: 740vw;
    }

    /*荣誉资质*/
    .shry_defalut >div:last-of-type {
        display: block;
    }
}

/* 窗口宽度<480,设计宽度=320 */
@media screen and (max-width: 479px) {
  /* .paga_nav{
    display: none!important;
  } */
    .zjygQywhColumnArea2Content > div > div:nth-of-type(3) > div p {
        font-size: 2vw;
        line-height: 4vw;
        letter-spacing: 0px;
        color: #666666;
        margin-top: unset;
        width: 41vw;
    }
    .rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div > p:nth-of-type(2) {
        width: 65px;
    }
    .rczpColumnArea2Content > div > div:nth-of-type(2) ul li > div:nth-of-type(2) div > div.rczpColumnArea2ContentTextbutton {
        width: 112%;
    }
    .ygcpRjyflistArea2Content > div:nth-of-type(1) ul > div.zhsk {
        background: rgba(226, 226, 226, 1);
        border: 1.5px solid rgb(28,121,251,1);
        position: absolute;
        z-index: 1;
        top: 444px;
    }
    .ygcpRjyflistArea2Content > div:nth-of-type(1) ul li:nth-of-type(2)::after {
        content: '';
        display: block;
        width: 17px;
        height: 17px;
        background: rgba(226, 226, 226, 1);
        transform: rotate(45deg);
        position: absolute;
        top: 236px;
        left: 46%;
        opacity: 0;
        z-index: 111111111;
        border-top: 1.5px solid rgb(255,135,22,1);
        border-left: 1.5px solid rgb(255,135,22,1);
    }
    .ygcpRjyflistArea2Content > div:nth-of-type(1) ul > div.zhhh {
        top: 20px;
    }
    .ygcpRjyflistArea2Content > div:nth-of-type(1) ul > div.zhjg {
        top: 20px;
    }
    .ygcpRjyflistArea2Content > div:nth-of-type(1) ul li:nth-of-type(5)::after {
        content: '';
        display: block;
        width: 17px;
        height: 17px;
        background: rgba(226, 226, 226, 1);
        transform: rotate(45deg);
        position: absolute;
        top: 234px;
        left: 46%;
        z-index: 111111111;
        border-left: 1.5px solid rgb(250,175,53,1);
        border-top: 1.5px solid rgb(250,175,53,1);
        border-right: unset;
        border-bottom: unset;
    }
    .ygcpRjyflistArea2Content > div:nth-of-type(1) ul > div.zhfy {
        top: 328px;
        z-index: 11;
    }
    .ygcpRjyflistArea2Content > div:nth-of-type(1) ul > div.zhsw {
        top: 607px;
    }
    .ygcpRjyflistArea2Content > div:nth-of-type(1) ul > div.slgjyy {
        top: 607px;
    }
    .ygcpRjyflistArea2Content > div:nth-of-type(1) ul > div.zhsk {
        background: rgba(226, 226, 226, 1);
        border: 1.5px solid rgb(28,121,251,1);
        position: absolute;
        z-index: 1;
        top: 445px;
    }
    .ygcpRjyflistArea2Content > div:nth-of-type(1) ul li:nth-of-type(2)::after {
        content: '';
        display: block;
        width: 17px;
        height: 17px;
        background: rgba(226, 226, 226, 1);
        transform: rotate(45deg);
        position: absolute;
        top: 235px;
        left: 46%;
        opacity: 0;
        z-index: 111111111;
        border-top: 1.5px solid rgb(255,135,22,1);
        border-left: 1.5px solid rgb(255,135,22,1);
    }
    .ygcpRjyflistArea2Content > div:nth-of-type(1) ul > div.zhhh {
        top: 20px;
    }
    .ygcpRjyflistArea2Content > div:nth-of-type(1) ul > div.zhjg {
        top: 20px;
    }
    .ygcpRjyflistArea2Content > div:nth-of-type(1) ul > div.zhyy {
        top: 328px;
        z-index: 11;
    }
    .message_wrap >div:nth-of-type(1) >a >.introduce > ul{
        width: 69vw;
        overflow: hidden;
    }

}
@media screen and (max-width:560px){
    .search-wrapper.active .input-holder{
        width:200px
    }
}
@media screen and (max-width: 1439px) {
    /*footer*/
    .footer {
        width: 1050px;
        margin: 0 auto;
        padding-top: 30px;
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 1111111;
    }

    .footer .left {
        display: flex;
        width: unset;
        justify-content: space-around;
    }

    .footer .left > div {
        display: flex;
        flex-direction: column;
        margin-right: 0px;
    }
}
@media screen and (max-width:560px) {

    .message_wrap > div:nth-of-type(1) > a > .introduce > ul li:nth-of-type(2) {
        width: 69vw;
        background-color: rgba(3, 78, 180, 0.37);
        margin: 0 auto;
        margin-left: unset;
        display: flex;
        justify-content: space-around;
        padding-left: 3vw;
    }

    .message_wrap > div:nth-of-type(1) > a > .introduce > ul li:last-of-type {
        width: 69vw;
        background-color: rgba(3, 78, 180, 0.37);
        margin: 0 auto;
        margin-left: unset;
        display: flex;
        justify-content: space-around;
        padding-left: 3vw;
    }

    .ygcpxtjclistArea2Content > div:nth-of-type(1) ul li {
        margin: 13vw 0.9vw;
        width: 48vw;
        display: block;
        height: 197px;
    }
    .message_wrap >div:nth-of-type(2) >a >.introduce > ul li:nth-of-type(1) {
       padding-left:1vw;

    }
    .message_wrap >div:nth-of-type(2) >a >.introduce > ul li:nth-of-type(3) {
        padding-left:1vw;

    }
    .message_wrap >div:nth-of-type(2) >a >.introduce > ul li:nth-of-type(2) {
        width: 69vw;
        background-color: rgba(5,101,136,0.37);
        margin: 0 auto;
        margin-left: unset;
        display: flex;
        justify-content: space-around;

    }
    .message_wrap >div:nth-of-type(2) >a >.introduce > ul li:last-of-type {
        width: 69vw;
        background-color: rgba(5,101,136,0.37);
        margin: 0 auto;
        margin-left: -64px;
        display: flex;
        justify-content: space-around;
        padding-left: 1vw;
    }
    .message_wrap >div:nth-of-type(2) >a >.introduce > ul li:last-of-type {
        width: 69vw;
        background-color: rgba(5,101,136,0.37);
        margin: 0 auto;
        margin-left: unset;
        display: flex;
        justify-content: space-around;

    }
    .message_wrap >div:nth-of-type(3) >a >.introduce > ul li:last-of-type {
        width: 69vw;
        background-color: rgba(27,12,138,0.37);
        margin: 0 auto;

        display: flex;
        justify-content: space-around;
    }
    .message_wrap >div:nth-of-type(4) >a >.introduce > ul li:last-of-type {
        width: 69vw;
        background-color: rgba(3,78,180,0.37);
        margin: 0 auto;

        display: flex;
        justify-content: space-around;
    }
    .dxal_information >a >.introduce > ul li {
        width: 77vw;
        height: 6vw;
        margin-left: unset;
        padding-left: unset;
    }


    .message_wrap >div:nth-of-type(1) >a >.introduce > ul li:nth-of-type(2) span:nth-of-type(2) {
     padding-left:5vw;
    }
    .message_wrap >div:nth-of-type(1) >a >.introduce > ul li:nth-of-type(2) span:nth-of-type(2) {
        padding-left:5vw;
    }
    .dxal_information >a >.introduce:nth-of-type(2) > ul li {
        width: 74vw;
        height: 6vw;
        margin-left: -68px;
        padding-left: unset;
    }
    .message_wrap >div:nth-of-type(2) >a >.introduce > ul li span {
        color: #bffffc;
        width: 217px;
        text-align: left;
    }

    .message_wrap >div:nth-of-type(2) >a >.introduce > ul li:nth-of-type(2) >span:nth-of-type(2){
        padding-left: 4vw;
    }
    .dxal_information >a >.introduce {
        width: 69vw;
        margin: 0 auto;
        text-align: center;
        margin-top: -38px;
    }
    .message_wrap >div:nth-of-type(3) >a >.introduce > ul li:nth-of-type(2) {
        width: 69vw;
        background-color: rgba(27,12,138,0.37);
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
    }
    @media screen and (max-width:380px) and (min-width:370px){

        #banner > div > div >div:nth-of-type(2)> img {
            display: block;
            width: 100%;
            height: 218vw;
            overflow: hidden;
            position: relative;
            margin: 0 auto;
            object-fit: cover;
            object-position: center center;
        }

        .phone_nav > div:nth-of-type(2) {
            position: absolute;
            top: 0;
            right: -70vw;
            background: url(../images/menu_bg.jpg) no-repeat;
            background-size: cover;
            width: 46.8vw;
            height: 218vw;
        }

    }

}