@media screen and  (max-width: 1920px) {
}


@media screen and  (max-width: 1680px) {
    .searchinfo {
        margin-top: -52px;
    }
    .nav-li-info-a {
       margin-right: 0px;
    }
    .ys-contant-right ul li {
        margin-top: 30px;
    }
    .searchinfo input[type="text"]{
        top:72px;
        right: 0px;
    }
}


@media screen and (max-width: 1480px) {
    .solve-text {
        padding: 10px 25px;

    }
    .solve-top:hover .solve-text h3 {
       margin: 0px;
        height: 0px;
    }
    .solve-top:hover .solve-text b {
        margin-top: 10px;
    }
    .solve-text li a {
        font-size: 15px;
        color: #fff;
        line-height: 25px;
    }
    .about-page3-list-a ul li {
        padding: 0 36px;
    }

    .nav-li-info-img{
        width: 550px;
    }
    .solve-text p {
        margin: 10px 0;
    }
    .solve-text>a{
        margin-top: 10px;
    }
    .parHd li {
        margin: 0 60px !important;
    }
    .container{
        width: 1200px;
    }
    .con-info-right{
        float: right;
        width: 870px;
    }
    .header .head-info .nav>ul>li a {
        padding: 0px 20px;
    }
    .slick-on-text h2,
    .slicka-in-tent h2{
        font-size: 18px;
    }
    .foot-top-in{
        margin-right: 50px;
    }
    .index-past1-right{
        padding: 40px 40px 0 40px;
    }
    .slicka-info:hover .slicka-in-tent p{
        padding-top: 21%;
    }
    .about-box-info img{
        max-width: 100%;
    }
    .ys-contant-right-in p {
        margin-top: 6px;
    }
}
@media screen and (max-width: 1366px) {
    .solve-text li a {
        font-size: 14px;
        line-height: 30px;
    }
    .itm-img h2 {
        font-size: 34px;
    }
    .header .head-info .nav>ul>li a {
        padding: 0px 20px;
    }
}
@media screen and (max-width: 1280px){
    .yous ul li {
        padding: 0 20px;
    }
    .yous ul li h2{
        font-size: 24px;
    }
    .searchinfo:hover input[type="text"]{
        width: 200px;
        font-size: 18px;
    }
    .about-banner-text h2 {
        font-size: 26px;
    }
    .content-in p {
        font-size: 14px;
        line-height: 3em !important;
    }
    .solve-text {
        padding: 10px;
    }
    .con-info-left h2 {
        font-size: 18px;
    }
    .news-list-top-text p {
        margin: 40px 0 30px 0;
    }
    .news-list-top-text{
        height: 331px;
    }
    .about-page1{
        margin-bottom: 20px;
    }
    .nav-li-info-in-a a {
        padding: 0 0px !important;
        font-size: 14px !important;
    }
    .case-nav ul li a {
        font-size: 14px;
    }
    .con-info-right{
        float: right;
        width: 900px;
    }
    .con-info-left{
        width: 240px;
    }
    .content {
        padding: 30px 0;
    }
    .con-info-left ul li a {
        font-size: 16px;
        line-height: 40px;
    }
    .news-list-top-img img {
        width: 500px;
        height: 331px;
    }
    .nav-li-info-img {
        width: 500px;
    }
    .culture-text h2 {
        margin: 30px 0 10px 0 !important;
    }
    .case-list-text h2 a,
    .contact-list ul li h2{
        font-size: 18px;
    }
    .title,
    .about-page1-title,
    .about-page2-title{
        font-size: 30px;
    }
    .case-list-nav ul li a {
        width: 95px;
    }
    .sPrev {
        left: -13px;
    }
    .inves-page1-list ul li h2,
    .inves-page2-list-left h2{
        font-size: 16px;
    }
    .content-title{
        font-size: 26px;
        margin-bottom: 20px;
    }
    .news-top h2 {
        font-size: 22px;
    }
    .news-list-top-text h2 a{
        font-size: 20px;
    }
    .index-past1-right h2 {
        font-size: 22px;
    }
    .index-past1-right h3 {
        font-size: 14px;
    }
    .index-past1-right p {
        line-height: 26px;
        margin: 15px 0;
    }
    .solve-text h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .solve-top:hover .solve-text h3{
        opacity: 0;
        display: none;
    }
    .about-page3-list ul li a .a-in {
        padding: 70px 20px;
    }
    .nav-li-info-a a{
        font-size: 14px;
    }
    .container {
        width: 1170px;
    }
    .slick-prev {
        left: -45px;
    }
    .slick-next {
        right: -51px;
    }
    .header .head-info .nav> ul {
         text-align: left;
        margin-left: 220px;
    }
    .itm-img h2 {
        font-size: 30px;
    }
}
@media screen and (max-width: 1199px) {
    .header .head-info .nav>ul>li a {
        padding: 0px 8px;
    }
    .pc-searchinfo {
        display: none;
    }
    .container{
        width: 92%;
    }
    .header .head-info .nav>ul li {
        margin: 0px 9px;
    }
    .parHd li {
        margin: 0 30px !important;
    }
    .slick-next,.slick-prev{
        /*display: none !important;*/
    }
    .about-page6-list ul li h2 {
        font-size: 16px;
    }
    .about-page6-list ul li h3 {
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .about-banner p,.banner-d p{
        width: 96%;
    }
    .ys-contant-left,.ys-contant-right{
        float: none;
        width: 100%;
        height: auto;
    }
    .ys-contant-left{
        height: 200px;
    }
    .index-past1-right p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .slick-on-text h2{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        line-height: 26px;
    }
    .slick-on-text p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height: 50px;
    }
    .slick-on-text h2{
        margin-bottom: 10px;
        /*display: block !important;*/
    }
    .slicka-in-tent{
        /*height: 96px !important;*/
    }
    .index-past5-in{
        width: 96%;
    }
}

@media screen and (max-width: 780px) {
    .ys-title p{
        text-align: left;
    }
    .banner-f{
        height: 200px;
    }
    .banner-h {
        height: auto;
        padding: 30px 0;
    }
    .banner-h h2 {
        font-size: 20px;
        color: #fff;
        margin-bottom: 20px;
    }
    .banner-j-in-b{
        margin: 20px 0;
    }
    .banner-j {
        padding: 20px 0;
    }
    .banner-j-in-a {
        height: auto;
        width: 100%;
        padding: 30px;
    }
    .banner-i .banner-e ul li .banner-e-in-right {
        padding: 20px !important;
    }
    .banner-i {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .banner-g h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .banner-g p {
        margin-top: 10px;
    }
    .banner-g {
        margin-top: 20px;
        padding: 20px;
        margin-bottom: 20px;
    }
    .banner-e ul li .banner-e-in-left{
        float: none !important;
        text-align: center;
        margin: 0px !important;
    }
    .banner-e ul li {
        padding: 20px 0;
    }
    .banner-e ul li.active {
        padding: 40px 0;
    }
    .banner-e-in-right h2, .banner-e-in-right h3 {
        padding-top: 30px !important;
        margin-bottom: 20px !important;
    }
    .recruit-li ul li {
        height: auto;
        margin-bottom: 20px;
    }
    .yous ul li{
        float: none;
        width: 100%;
        border-bottom: 1px solid #fff;
        padding:0 40px 20px;
    }
    .yous ul li h2{
        padding-top: 20px !important;
        margin-bottom: 10px !important;
        font-size: 18px !important;
    }
    .yous b{
        display: none !important;
    }
    .yous p{
       opacity: 1 !important;
        height: 78px;
        transform: translateY(0px) !important;
    }
    .yous a{
        opacity: 1 !important;
        transform: translateY(0px) !important;
    }
    .yous ul li:after{
        display: none !important;
    }
    .yous{
        height: auto !important;
    }
    .yous ul li:hover {
        height: auto;
    }
    .ys-past-img,.ys-past-text{
        width: 100%;
        float: none !important;
    }
    .ys-past{
        padding: 20px 0;
    }
    .ys-past-text h2 {
        font-size: 20px;
        margin-top: 20px;
    }
    .ys-past-text p {
        font-size: 14px;
        line-height: 26px;
        margin-top: 10px;
    }
    .ys-past-img img{
        max-width: 50%;
    }
    .about-box-in {
        width: 90%;
    }
    .parHd .tempWrap {
        /*width: 88% !important;*/
    }
    .searchinfo:hover input[type="text"] {
        width:100%;
    }
    .con-info-left ul li a {
        line-height: 35px;
        font-size: 14px;
    }
    .con-info-left ul li a:after {
        top: 10px;
    }
    .con-info-left h2 {
        line-height: 50px;
        font-size: 16px;
    }
    .con-info-left{
        float: none;
        width: 100%;
    }
    .con-info-right{
        float: none;
        width: 100%;
    }
    .about-box-info p{
        line-height: 30px;
        text-indent: 2em;
    }
    .foot-top-in-right{
        display: block;
    }
    .contact-list ul li{
        margin-bottom: 30px;
    }
    #map{
        height: 300px !important;
    }
    .about-page3-list ul li,.about-page6{
        background-size: cover !important;
    }
    .about-page6-a {
        text-align: center;
        margin-top: 30px;
    }
    .about-page6-list ul li{
        margin: 20px 0;
    }
    .slicka-in-tent p{
        /*display: none !important;*/
    }
    .header{
        height: 70px;
    }
    .itm-img h2 {
        font-size: 20px;
    }
    .Vbtn-1{
        /*width: 90px !important;*/
        /*height: 30px !important;*/
        /*font-size: 12px !important;*/
        /*line-height: 30px !important;*/
        /*border: 1px solid #fff !important;*/
    }
    a.Vbtn-1 svg{
           /*display: none !important;*/
    }
    .index-past1-left,.index-past1-right {
        float: none;
        width: 100%;
    }
    .index-past1-right{
        padding-bottom: 20px;
    }
    .slick-prev,.slick-next{
        /*display: none !important;*/
    }
    .index-past3>a{
        margin: 20px auto;
    }
    .slick-prev {
        left: 0px;
    }
    .slick-next {
        right: 0px;
    }
    .index-past4-list ul li {
        margin:30px;
    }
    .index-past2 {
        padding-bottom: 20px;
    }
    .foot-top-in{
        display: none;
    }
    .index-past5-left {
        float: none;
        margin-top: 30px;
    }
    .index-past5-left ul{
        text-align: center;
    }
    .index-past5-left ul li {
        display: inline-block;
        margin: 0 20px 20px 20px;
    }
    .index-past5-right {
        float: none;
        margin-top: 0px;
    }
    .foot-top-in-right{
        float: none;
        text-align: center;
    }
    .foot-top {
        padding: 20px 0;
    }
    .index-past4-p{
        width: 96%;
        font-size: 15px;
    }
    .case-more-in:after{
        width: 0px;
    }
    .case-more-in:before{
        width: 0px;
    }
    .news-list-top-img{
        float: none;
        margin-right: 0px;
        text-align: center;
    }
    .news-list-top-img img{
        width: 100%;
        height: auto !important;
    }
}


@media screen and  (max-width: 479px) {
    .about-banner p {
        font-size: 13px;
        line-height: 24px;
    }
    .banner-b-p {
        padding: 20px 0;
    }
    .banner-c ul li p {
        font-size: 14px;
        line-height: 22px;
        padding: 10px 0;
    }
    .banner-c ul li{
        float: none;
        width: 100% !important;
        position: relative;
    }
    .banner-c ul li:nth-child(2),
    .banner-c ul li:nth-child(3){
        width: 50% !important;
        float: left;
    }
    .banner-c ul.active li:nth-child(1),
    .banner-c ul li:nth-child(2){
        width: 50% !important;
        float: left;
    }
    .banner-c ul.active li:nth-child(3){
        width: 100% !important;
        float: none;
    }
    .title-a {
        font-size: 16px;
        color: #333333;
        margin:0 0 30px 0;
        text-align: center;
        line-height: 30px;
    }
    .banner-b-p p {
        font-size: 14px;
        line-height: 24px;
    }
    .banner-b ul li {
        float: none;
        width: 100%;
    }
    .banner-a{
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .content-info {
        margin-top: 20px;
		margin-bottom:50px;
    }
    .item.actives a.as {
        font-size: 14px;
        width: 100px;
        height: 30px;
        margin-left: -50px;
        line-height: 30px;
    }
    .carousel-indicators li {
        margin: 1px 5px;
    }
    .ys2-text {
        padding: 20px;
    }
    .ys-in{
        margin: 20px 0 0 0;
    }
    .ys4-li ul li{
        text-align: center;
        margin: 20px 0 20px 0;
    }
    .ys4-li ul li img{
        display: inline-block !important;
    }
    .ys2-text ul li,.ys4-li ul li{
        margin-bottom: 20px;
        float: none;
        width: 100%;
        margin-right: 0px !important;
    }
    .ys-in ul li{
        float: none;
        width: 100%;
        margin-right: 0px !important;
    }
    .yous ul{
        height: auto !important;
    }
    .news-list-in ul li{
        margin-bottom: 20px;
    }
    .about-page4-text {
         top: 0px;
    }
    .about-page2 {
        background: url(https://demo.eyhtml.com/ycnh07/template/ycnh07/pc/ycnh/fonts/89a46a4b0e1a4b05931a25f52c132693.woff):after{
        content: "招聘职位";
        position: absolute;
        left: 0px;
        top:0px;
    }
    .contactTa-content-title span:nth-child(2):after{
        content: "招聘部门";
        position: absolute;
        left: 0px;
    }
    .contactTa-content-title span:nth-child(3):after{
        content: "工作地点";
        position: absolute;
        left: 0px;
    }
    .contactTa-content-title span:nth-child(4):after{
        content: "发布日期";
        position: absolute;
        left: 0px;
    }
    .contactTa-content-title span:nth-child(5):after{
        content: "职位申请";
        position: absolute;
        left: 0px;
    }
    .contactTa-content-yc{
        padding: 10px;
    }
    .contactTa-title{
        display: none;
    }
    .contactTa-content-yc a{
        margin-top: 8px;
    }
    .contactTa-content-yc h2 {
        padding-bottom: 20px;
    }
    .per-box-text {
        text-align: center;
        padding-top: 20px;
    }
    .per-box-btn {
        text-align: center;
        padding: 15px 0;
    }
    .case-nav{
        display: none;
    }
    .case-list-nav ul li {
        float: none;
        margin-right: 0px;
        margin-bottom: 10px;
        float: left;
        width: 49%;
        margin-right: 2%;
    }
    .case-list-nav ul li:nth-child(2n){
        margin-right: 0px;
    }
    .case-list-nav ul li a {
        width: 100%;
        height: 40px;
        line-height: 40px;
    }
    #carousel-example-generic .Vbtn-1{
        display: none !important;
    }
    .about-page3-list-a ul li {
        padding: 0 20px !important;
    }
    .about-page3-list ul li {
        height:auto;
        padding: 0 0px;
    }
    .about-page3-list ul li a .a-in {
        padding: 20px;
    }
    .about-page3-red{
        top: 0px !important;
    }
    .about-page3-list-text{
        opacity: 1 !important;
        top: 0px !important;
    }
    .uu {
        background: none;

    }
    .about-page3-list ul li span{
        opacity: 1;
        bottom: 0px !important;
    }
    .about-page3 {
        margin-bottom: 0px;
    }
    .culture-text h2 {
        margin: 30px 0 !important;
    }
    #NewsList li span{
        display: none;
    }
    .content-title {
        font-size: 20px;
        margin-bottom: 20px;
        line-height: 36px;
    }
    .slick-on-in,.slicka-in{
         padding: 0px;
    }
    .slicka-in img{
        height: auto;
    }
    .about-page1 .index-past1{
        margin-top: 20px;
    }
    .phone-searchinfo.searchinfo input[type="text"]{
        right: 0px;
        padding-left: 15px;
    }
    a.Vbtn-2,
    a.Vbtn-1{
        width: 100px;
        height: 30px;
        line-height: 30px;
    }
    a svg{
        display: none;
    }
    a.Vbtn-2{
        font-size: 14px;
        border: 1px solid #666666;
    }
    a.Vbtn-1{
        font-size: 14px;
        border: 1px solid #fff;
        margin-top: 20px;
    }
    .bottom-li{
        display: none;
    }
    .index-past5-left p {
        font-size: 16px;
        padding-left: 0px;
        text-align: center;
        margin-bottom: 20px;
    }
    .content-in img{
        display: block;
    }
    .content-ins img {
        display: inline-block;
    }
    .index-distinguished-list-text p {
         padding: 0 0px;
    }
    .map-content h2 {
        font-size: 24px;
    }
    .item{
        background-size: cover !important;
    }
    .slick-prev, .slick-next {
        width: 25px;
        height: 29px;
        background-size: cover !important;
    }
    .slick-prev{
        background: url("../images/a32.png");
    }
    .slick-next{
        background: url("../images/a33.png");
    }
    a.more {
        margin: 0px auto 30px;
    }
    .inves-page3-list-text {
        padding: 10px;
    }
    .inves-page3-list-text h2 {
        font-size: 18px;
    }
    .inves-page3-list-text h3 {
        font-size: 14px;
    }
    .content {
        /*max-width: 90%;*/
        width: 96%;
    }
    .about-page1-p {
        font-size: 14px;
        line-height: 34px;
        text-align: left;
    }
    .banner-nav {
        font-size: 14px;
        display: none;
    }
    .rec {
        border: none;
    }
    .about-bannerab{
        background: none;
        height: auto;
    }
    .contactTa-content ul li{
        padding: 10px;
        border: 1px solid #cdcdcd;
        margin-bottom: 20px;
    }
    .contactTa-content-title{
        border: none;
    }
    .about-page3-list-a {
        margin-bottom: 0px;
    }
    .contactTa-content ul li .contactTa-content-title span.active {
         background-color: transparent;
         color: #6b6b6b;
         margin-top: 0px;
    }
    .contactTa-content ul li .contactTa-content-title span.active b{
        width: 125px;
        height: 35px;
        display: inline-block;
         background-color: #cc0104;
        font-size: 14px;
         color: #fff;
        text-align: center;
        line-height: 35px;
        cursor: pointer;
    }
    .index-past3 a.more{
        margin: 20px auto;
        width: 100px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }
    .culture-text {
        margin: 0 auto 40px;
    }
    .map {
        margin: 0 0 20px 0;
    }
    .case-more-a:after {
        top: -27px;
    }
    .pc-banner{
        display: none !important;
    }
    .phone-banner{
        display: block !important;
    }
    .titles a {
        font-size: 24px;
        color: #fff;
    }
    .map-content {
        text-align: center;
        margin: 50px auto;
        width: 90%;
    }
    .about-page3-list-a ul li .about-page3-list-text p,
    .about-page3-list-a ul li .about-page3-list-text h2{
        text-align: center;
    }
    .about-page3-list-text p{
        text-align: left !important;
    }
  .about-page3-list-ab  .about-page3-list-text p{
        text-align: center !important;
    }
    .about-page3-list-ab{
        margin-bottom: 50px !important;
    }
    .map-content p {
        line-height: 32px;
    }
    .news-list-in ul {
         margin-right: 0px;
         margin-left: 0px;
    }
    .parHd li {
        font-size: 20px;
    }
    .parHd li.act {
        font-size: 23px;
    }
    .slick-on-text h2, .slicka-in-tent h2 {
        font-size: 16px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .red-box-in {
        margin: 40% auto 0;
    }
    .slickb .slick-on .slo .tx{
        border: 1px solid #e5e5e5 !important;

    }
    .slickb .slick-on .slo .tx p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .slickb .slick-on .slo .ic {
        height: 100px !important;
        top: 0px;
    }
    .slickb .slick-on .slo {
        background-color: #fff !important;
    }
    .slickb .tx {
        color: #4c4c4c  !important;
        padding: 20px;
        height: auto;
    }
    .hen {
        background-color: #7c848e  !important;
    }
    .gb{
        display: block;
    }
    .cc{
        display: none !important;
    }
    .foot-top-in-right img{
        width: 100px;
    }
    .content-in p {
        line-height: 2em !important;
    }
    .map-contact{
        display: none;
    }
    .add_list li {
        float: none;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 25px;
    }
    .add_list ul {
        margin: 0px;
    }
    .add_list li .add_in {
        margin: 0px;
        padding: 20px;
    }

    .item.actives a {
        margin-left: -50px;
        font-size: 14px;
        width: 100px;
        height: 30px;
        line-height: 30px;
    }
}