@media (max-width: 1560px){
  #backtop{
    right: 25px;
    bottom: 100px;
  }
}
@media (max-width: 1024px){


  .exh-notice li .img{float: none;width: 100%;height: auto;padding-top: 36%;}

  .exh-notice li .txt{padding: 20px 0 0 0;}



  .header{display: none;}

  .m-hd{display: block;}

  .pc_hide{display: none;}

  .m_hide{display: block;}

  #m-menu ul.m-nav{

    max-height: 450px;

    overflow-y: auto;

  }

  .m_header {width: 100%;overflow: hidden;height: 60px;background: #ccc;position: fixed;left: 0;top: 0;z-index: 9;display: inline-block;}

  .m_header .in_header {height: 60px;padding: 15px;}

  .m_header .logo {width: auto;float: left;padding-bottom: 10px;}

  .m_header .collapse {background-color: transparent;border-radius: 4px;float: right;cursor: pointer;position: relative;width: 35px;height: 30px;background-image: none;}

  .m_header .collapse .icon-bar {border-radius: 1px;display: block;height: 3px;width: 28px;background: #fff;position: absolute;top: 45%;transition: all ease 0.3s;}

  .m_header .collapse span:nth-child(1) {-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);-webkit-transform: translateY(-10px);transform: translateY(-10px);}

  .m_header .collapse span:nth-child(3) {transform: translateY(10px);-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);-webkit-transform: translateY(10px);}

  .m_header .collapse.active span:nth-child(1) {transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);}

  .m_header .collapse.active span:nth-child(2) {display: none}

  .m_header .collapse.active span:nth-child(3) {transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}



  .m_header .drop_menu {line-height: 40px;display: none;position: fixed;width: 100%;background: #ccc;}

  .m_header .drop_menu li {width: 100%;height: auto;border-top: 1px solid #fff;cursor: pointer;}

  .m_header .drop_menu li a{padding-left: 15px;}

  .m_header .subMenu li a{padding-left: 30px;}

  .m_header .subMenu li{border-top: 1px solid #ccc;}

  .m_header .drop_menu .subMenu{display: none;background-color: #fff;}



  .m_header .drop_menu li a.zh{border-right: 1px solid #fff}

  .m_header .drop_menu li a.zh,.m_header .drop_menu li a.en{width:50%;display: block;padding: 0;float: left;text-align: center;}



  .page{display: none;}

  .m-page{display: block;margin-bottom: 10px;margin-top: 20px;}

  #fx,.fd-nav,.f_map{display: none;}





  #main .wp{padding: 0 20px;}

  .sitemap{display: none;}





  .art-detail .col-l{float: none;margin-right: 0;}

  .art-detail .pad{margin-right: 0;}

  .art-detail .col-r{float: none;margin-left: 0;width: 100%;margin-right: 0;}

  .relate-pro{margin-top: 30px;}

  .relate-pro li{float: left;width: 25%;padding-bottom: 5px;}

  .row-middle{

    background-attachment: scroll;

  }

  .wp{

    width: 100%;

    padding: 0 10px;

    overflow: hidden;

  }

  .index_banner{

    padding-top: 60px;

  }

  .con_4 .slick-next,.con_4 .slick-prev{

    display: none !important;

  }

  .content .con_1 ul li{

    width: 25%;

    border-bottom: 1px solid #ddd;

  }

  .content .con_1 ul li.last{

    border-right: 1px solid #ddd;

  }

  .content .con_1 ul li h1{

    font-size: 17px;

  }

  .con_5 ul li{

    width: 21.4%;

    padding: 30px 8px;

  }

  .f_map dl{

    margin-right: 60px;

  }

  .con_3 ul li{

    width: 25%;

  }

  .con_5 ul li{

    width: 22.9%;

    margin: 9px;

  }

  .f_bot .yqlj{

    padding-right: 20px;

  }

  .bq p{

    padding-left: 20px;

  }



  #backtop{
    display: none !important;
  }
  .con_5 ul{
    padding: 30px 0;
  }
  .con_4 .slick-slider  .nr .nr_con{
    padding: 14px;
  }
  .con_inte_3 ul li{
    margin: 8px;
  }
  .con_inte_5 ul{
    padding: 100px 0 0;
  }
  .talent_tabcontent li{
    margin: 5px;
  }
  .talent_tabcontent li a{
    height: 80px;
  }
  .talent_tabcontent li a:hover img{
    margin-top: -80px;
  }
  .food_tra_1 .nr{
    width: 75%;
  }
  .food_tra_1{
    padding-bottom: 260px;
  }
  .mem .left h4, .mem .right h4{
    padding-top: 0;
  }
  .edu2 ul{
    padding-bottom: 100px;
  }
  .edu2 h3{
    padding-top: 100px;
  }
  .edu_4 .nr{
    width: 60%;
  }
  #msg-form.linezx li{

    margin: 0px 20px 10px 20px;
  }
  .elec_bor ul li{
    margin: 0 6px;
  }
  .plas .left .txt, .plas .right .txt{
    padding: 0 40px;
  }
  .plas .left h3, .plas .right h3{
    padding: 20px 0 10px;
  }
  .plas .left h4, .plas .right h4{
    padding: 10px 0 10px;
  }
  .plas .nr{
    margin-bottom: 10px;
  }
  .crm2 .slider_box{
    padding: 20px 0 50px;
  }
  .bi ul{
    width: 80%;
  }
  .ser .slider_box .left{
    padding: 0;
  }
  .ser .slider_box .right h4{
    padding-top: 0;
  }
  .kehulist{
    padding-top: 0;
  }
  .mem #scrollDiv li .right a{
    background: url(/Public/Images/home/phpcms/zh-cn/intr_ybj.png) no-repeat 5px;
  }
  .mem #scrollDiv li .left a{
    background: url(/Public/Images/home/phpcms/zh-cn/intr_ybj.png) no-repeat 99%;
  }
  .m_hide.ul-recuit li span,.m_hide.ul-recuit li h3{
    border: none;
  }
  .m_hide.ul-recuit li span.name{
    width: 87%;
    padding-left: 20px;
    text-align: left;
    font-size: 20px;
  }
  .m_hide.ul-recuit li .ss{
    border-bottom: 1px solid #dddddd;
    line-height: 2;
    padding-bottom: 5px;
  }
  .m_hide.ul-recuit li .ss span{
    padding-left: 20px;
  }

  .stor_1 .slick-dots{
    bottom: 40px;
  }

  .kehulist .ke_right h3{
    line-height: 60px;
    font-size: 26px;
  }

}

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

  .content .con_1 ul li{

    width: 33.33%;

  }

  .con_2 h3{

    font-size: 34px;

    padding-top: 30px;

  }

  .con_2 h3 span{

    font-size: 45px;

  }

  .con_2 ul{

    padding: 80px 0;

  }

  .con_3 h3,.con_4 h3{

    font-size: 34px;

    padding-bottom: 50px;

  }

  .con_3 ul li{

    width: 33.33%;

  }

  .con_4 .slider_box{

    width: 95%;

  }

  .con_5 ul li{

    width: 31%;

  }

  .con_5 ul{

    padding: 25px 0;

  }

  .yqlj{

    display: none;

  }

  .con_5{

    background: #FBFBFB url(/Public/Images/home/phpcms/zh-cn/con_5_bj.png) no-repeat center top;

  }
  .content .con_1 ul li p{
    width: 85%;
  }
  .con_inte_3 ul li{
    margin: 7px;
  }
  .talent_tabcontent li{
    margin: 4px;
  }
  .talent_tabcontent li a{
    height: 75px;
  }
  #msg-form.linezx li{
    margin: 0 18px 10px;
  }
  .con_inte_6 h3,.stor_1 h3,.con_inte_7 h3,.con_inte_1 h3,.con_inte_2 h3,.con_inte_3 h3,.con_inte_4 h3,.con_inte_5 h3,.food_tra_2 h3,.food_tra_3 h3,.food_tra_4 h3, .food_tra_5 h3,.food_tra_6 h3{
    font-size: 30px;
  }
  .erp2 .right ul li{
    margin: 8px;
  }
  .mem #scrollDiv li .right a{
    background: url(/Public/Images/home/phpcms/zh-cn/intr_ybj.png) no-repeat 4px;
  }
  .mem #scrollDiv li .left a{
    background: url(/Public/Images/home/phpcms/zh-cn/intr_ybj.png) no-repeat 99.2%;
  }
  .con_inte_7 em{
    padding: 5px 0 0;
  }
  .con_inte_7 h3{
    padding-top: 50px;
  }
  #allmap{
    height: 400px;
  }
  .cust .con_3 ul li:hover .ul_cont{
    display: none;
  }
}

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

  .con_5 ul li{

    width: 30.5%;

    padding: 30px 0;

  }

  .con_5 ul li h1{

    font-size: 20px;

  }

  .right.bgff{

    display: none;

  }

  .left.bgff{

    width: 100%;

  }
  .con_4 .slick-slider  .nr{
    margin: 5px;
  }
  .con_inte_3 ul li{
    width: 31.4%;
  }
  .con_inte_5 ul{
    padding-top: 50px;
  }
  .talent_tabcontent li{
    margin: 3px;
  }
  .talent_tabcontent li a{
    height: 60px;
  }
  .talent_tabcontent li a:hover img{
    margin-top: -60px;
  }
  #msg-form.linezx li{
    margin: 0 14px 10px;
  }
  #msg-form.linezx ul{
    padding: 20px 0 0;
  }
  .food_tra_1{
    padding-bottom: 180px;
  }
  .food_tra_1 .nr{
    width: 100%;
  }
  .food_tra_4 h3, .food_tra_5 h3{
    padding-bottom: 30px;
  }
  .food_tra_6 h3{
    padding-bottom: 30px;
  }
  .stor_1 img{
    padding: 30px 0 20px;
  }
  .edu .left ul{
    padding-top: 0;
  }
  .mem_1 h3{
    padding-top: 20px;
  }
  .mem_1 p{
    font-size: 14px;
  }
  .mem .left ul,.mem .right ul{
    padding-top: 0;
  }
  .mem .left h4, .mem .right h4{
    font-size: 20px;
    line-height: 1.5;
    padding-bottom: 15px;
  }
  .mem .left, .mem .right{
    padding: 30px;
  }
  .edu .left{
    padding: 30px;
  }
  .tra .nr{
    width: 66%;
  }
  .tra2 h3{
    font-size: 23px;
  }
  .elec_bor ul li{
    margin: 0 4px;
  }
  .elec3 ul li{
    padding: 10px;
  }
  .elec3 ul,.elec2 ul{
    padding-bottom: 50px;
  }
  .elec2 ul li{
    padding: 0 24px;
  }
  #msg-form{
    width: 90%;
  }
  .plas .left .txt, .plas .right .txt{
    padding: 0 15px;
  }
  .erp ul{
    padding: 0 20px 50px;
  }
  .erp2 .right ul li{
    width: 88%;
  }
  .crm ul li{
    width: 33.33%;
  }
  .crm ul{
    padding-bottom: 50px;
  }
  .crm3 ul li{
    width: 25%;
  }
  .crm3 ul li a:hover img{
    margin-top: -227px;
  }
  .hrm1 ul{
    width: 95%;
  }
  .bi ul{
    width: 100%;
  }
  .ser .slider_box .right h4{
    padding-bottom: 0;
  }
  .ser .slider_box{
    width: 100%;
    padding-bottom: 30px;
  }
  .ser .slider_box .right{
    width: 65%;
  }
  .kehulist .ke_left{
    width: 100%;
  }
  .kehulist .ke_left img{
    clear: both;
    margin: auto;
    display: block;
  }
  .kehulist .ke_right h3{
    font-size: 30px;
    line-height: 1.5;
    padding: 10px 0;
  }
  .intro1 ul{
    padding-bottom: 30px;
  }
  .intro1 ul li{
    width: 50%;
    margin-bottom: 20px;
  }
  .mem #scrollDiv li .right a{
    background: url(/Public/Images/home/phpcms/zh-cn/intr_ybj.png) no-repeat 2px;
  }
  .mem #scrollDiv li .left a{
    background: url(/Public/Images/home/phpcms/zh-cn/intr_ybj.png) no-repeat 99.4%;
  }
  .ser.stor_1 .slick-dots{
    bottom: -15px;
  }
  .con_4 .slick-slider  .nr .nr_con{
    padding: 7px;
  }
  .ser.stor_1 h3{
    padding-top: 30px;
  }
  .intro2 ul li{
    margin-bottom: 0;
  }
  .ul-recuit li .txt{
    padding: 10px 0px 30px;
  }

  .slick-prev,.slick-next{opacity: 0}
  .stor_1 .slick-slide img{width: 100%;}
  .stor_1 .slick-dots{
    bottom: 0;
  }
  .cust .con_3 ul li{
    width: 33.33%;
  }
  .foot_tra_ul ul li{
    width: 50%;
  }
  .edu_5 ul li{
    width: 25%;
  }
}



@media screen and (max-width: 640px){
  .kehulist .ke_right .addr a{
    float: right;
    margin-top: 0;
    width: 100%;
  }
  #cnzz_stat_icon_1263608161{
    display: none !important;
  }
  .content .con_1 ul li{

    width: 33.33%;

  }

  .con_3 ul li{

    width: 50%;

  }

  .con_5 ul li{

    width: 46%;

  }
  .content .con_1 ul li p{
    width: 95%;
  }
  .con_2 h3{
    font-size: 28px;
  }
  .con_2 h3 span{
    font-size: 34px;
  }
  .con_2 p{
    font-size: 24px;
  }
  .con_2 ul{
    padding: 55px 0;
  }
  .con_3 h3, .con_4 h3{
    font-size: 28px;
  }
  .con_4 .slider_box{
    width: 100%;
  }
  .f_bot .bq a{
    margin-left: 10px;
  }
  .bq p{
    padding-left: 10px;
  }
  .con_inte_1 h3,.con_inte_2 h3,.con_inte_3 h3,.con_inte_5 h3,.food_tra_1 .nr h3,.con_inte_6 h3,  .con_inte_1 h3, .con_inte_2 h3, .con_inte_3 h3, .con_inte_4 h3, .con_inte_5 h3, .food_tra_2 h3, .food_tra_3 h3, .food_tra_4 h3, .food_tra_5 h3, .food_tra_6 h3{
    padding: 40px 0 20px;
    font-size: 28px;
  }
  .con_inte_4 h3,.con_inte_6 h3{
    padding-top: 40px;
    font-size: 28px;
  }
  .con_inte_3 ul li{
    width: 31%;
  }
  .con_inte_4 .top, .con_inte_4 .bottom{
    padding: 30px 0;
  }
  .talent_tabcontent li a{
    height: 50px;
  }
  .talent_tabcontent li a:hover img{
    margin-top: -50px;
  }
  #msg-form.linezx li{
    margin: 0 13px 10px;
  }
  .talent_tabcontent .intelligent_tab{
    padding-bottom: 30px;
  }
  #msg-form{
    padding: 20px 0 30px;
  }
  .con_inte_7 h3{
    padding-top: 30px;
    font-size: 28px;
  }
  .con_inte_7 em{
    font-size: 20px;
  }
  #msg-form .sub{
    margin-top: 20px;
  }
  .mem ul li{
    width: 50%;
  }
  .mem_1 h3{
    padding: 10px 0;
  }
  .mem_1 .left{
    width: 75%;
  }
  .mem_1 .right{
    width: 25%;
  }
  .mem ul{
    padding: 0 0 40px;
  }
  .mem h3{
    padding: 40px 0 20px;
    font-size: 28px;
  }
  .mem .left, .mem .right{
    padding: 6px;
  }
  .list8 ul li{
    width: 24%;
  }
  .talent_tabcontent li{
    width: 49%;
  }
  .talent_tabcontent li a{
    height: 97px;
  }
  .talent_tabcontent li a img{
    margin-left: 12%;
  }
  .talent_tabcontent li a:hover img{
    margin-top: -97px;
  }
  .tra .nr{
    width: 85%;
  }
  .edu .left{
    padding: 30px 0;
  }
  .tra2 h3{
    font-size: 22px;
  }
  .stor_1 h3{
    padding: 40px 0 20px;
    font-size: 28px;
  }
  .mem .nr{
    padding: 30px 0;
  }
  .mem .left h4, .mem .left p, .mem .right h4, .mem .right p{
    line-height: 1.8;
  }
  .mec{
    padding-bottom: 50px;
  }
  .mem .left h4, .mem .right h4{
    padding-top: 20px;
    padding-bottom: 0;
  }
  .plas .left, .plas .right{
    width: 100%;
  }
  .plas .nr{
    margin-bottom: 15px;
  }
  .erp ul{
    padding: 0 10px;
  }
  .erp ul li{
    width: 100%;
  }
  .erp2 .left,.erp2 .right{
    width: 100%;
  }
  .erp2 .right ul li{
    width: 47%;
  }
  .erp2 .right p{
    padding-bottom: 5px;
  }
  .hrm1 ul li{
    width: 33.33%;
  }
  .bpm h4{
    padding: 0;
  }
  .ser .slider_box .right p{
    font-size: 14px;
  }
  .ser .slider_box .right span{
    padding: 5px 0;
  }
  .ser .slider_box .right{
    padding: 0 10px 0;
  }
  #scrollDiv ul{
    background: url(/Public/Images/home/phpcms/zh-cn/intr_bj.jpg) repeat-y 16px;
  }
  .mem #scrollDiv li .left a,.mem #scrollDiv li .right a{
    width: 100%;
    text-align: left;
    padding-left: 30px;
    background: url(/Public/Images/home/phpcms/zh-cn/intr_ybj.png) no-repeat 12px;
  }
  .m_hide.ul-recuit li .ss span{
    width: 32%;
    padding-left: 0;
  }
  .m_hide.ul-recuit li .ss{
    padding-left: 10px;
  }
  #msg-form{
    width: 100%;
  }
  .contact #msg-form li{
    padding: 0 10px;
  }
  .contact #msg-form li.yzm .yzm_img{
    right: 11px;
  }
  .intr{
    display: none;
  }
  .m_intr{
    display: block;
  }
  .mem.intro2 .m_intr{
    padding: 20px 0 40px;
  }
  .mem.intro2 .m_intr ul{
    height: 400px;
    width: 100%;
    overflow-y: auto;
    background: url(/Public/Images/home/phpcms/zh-cn/intr_bj.jpg) repeat-y 16px;
    padding: 0;
  }
  .mem.intro2 .m_intr ul li{
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    padding-left: 30px;
    background: url(/Public/Images/home/phpcms/zh-cn/intr_ybj.png) no-repeat 12px 4px;
  }
  .mem.intro2 .m_intr ul::-webkit-scrollbar{width:2px;}
  .mem.intro2 .m_intr ul::-webkit-scrollbar-track{background-color:#ccc;}
  .mem.intro2 .m_intr ul::-webkit-scrollbar-thumb{background-color:#1763ad;}
  .mem.intro2 .m_intr ul::-webkit-scrollbar-thumb:hover {background-color:#aaa}
  .mem.intro2 .m_intr ul::-webkit-scrollbar-thumb:active {background-color:#aaa;}

  .cust .flip{
    display: none;
  }
  .cust .con_3 ul li{
    width: 50%;
  }
  .f_bot{
    margin-bottom: 50px;
  }
  #ec--cs-wrapper iframe{
    display: none !important;
  }
}

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

  .cust_det .left .tp .nr{

    width: 100%;

  }

  .bdsharebuttonbox{

    display: none;

  }

  .con_2 ul li{

    width: 50%;

    padding: 0 15px;

    margin-bottom: 25px;

    background:none;

  }

  .con_5 ul li{

    width: 48%;

    margin: 4px;

    min-height: 205px;

    height: 100%;

    padding: 15px 0;

  }

  .con_3 ul li{

    width: 50%;

    padding: 5px;

  }

  #scrollDiv .btn1,#scrollDiv .btn2{

    display: none;

  }

  .content .con_1 ul li{

    min-height: 210px;

    width: 50%;

    padding: 20px 0;

  }

  .con_3 ul li a img{

    height: auto;

  }

  .con_img{

    display: none;

  }

  .con_2 h3{

    font-size: 20px;

    padding: 40px 10px;

  }

  .con_2 h3 span{

    font-size: 26px;

  }

  .con_2 p{

    font-size: 14px;

  }

  .con_3 h3, .con_4 h3{

    font-size: 20px;

    padding: 40px 10px;

  }

  .con_4 .slick-slider  .nr .nr_con p{

    height: 80px;

    overflow: hidden;

  }

  .con_inte_1 h3,.con_inte_2 h3,.con_inte_3 h3,.con_inte_4 h3,.con_inte_5 h3,.con_inte_6 h3,.con_inte_7 h3{

    font-size: 20px;

    padding: 40px 10px 20px;

  }

  .con_inte_2 img{

    padding-bottom: 30px;

  }

  .con_inte_3 ul{

    padding-bottom: 30px;

  }

  .con_inte_3 ul li{

    width: 48%;

    margin: 3px;

  }

  .con_inte_4 .w40{

    width: 100%;

  }

  .con_inte_4 .w60{

    width: 100%;

  }

  .con_inte_4 .top, .con_inte_4 .bottom{

    padding: 10px 0 30px;

  }

  .con_inte_4 h4{

    font-size: 18px;

  }

  .con_inte_4 .top ul li{

    font-size: 14px;

  }

  .con_inte_5 .left, .con_inte_5 .right{

    width: 100%;

  }

  .con_inte_5 ul{

    padding: 0;

  }

  .con_inte_7 em{

    padding-top: 0;

  }

  .talent_tabname li a{

    padding: 5px 25px;

  }

  .talent_tabcontent li{

    width: 46%;

  }

  .talent_tabcontent .more a{

    width: 100%;

  }

  #msg-form{

    width: 95%;

    padding: 0 0 30px;

  }

  #msg-form p{

    width: 100%;

  }

  #backtop{

    display: none !important;

  }

  .food_tra_1{

    padding: 30px 0 100px;

  }

  .food_tra_1 .nr{

    width: 100%;

  }

  .food_tra_1 .nr h3,.food_tra_2 h3,.food_tra_3 h3,.food_tra_4 h3, .food_tra_5 h3,.food_tra_6 h3{

    font-size: 20px;

    padding: 40px 10px 20px;

  }

  .food_tra_1 .nr em{

    font-size: 18px;

  }

  .food_tra_1 .nr em span{

    font-size: 24px;

  }

  #top-bar{

    height: 60px;

  }

  .stor_1 h3{

    font-size: 20px;

    padding: 40px 10px 20px;

  }

  .mem ul{

    padding: 20px 0;

  }

  .mem ul li{

    width: 50%;

    margin-bottom: 15px;

    padding: 0 10px;

  }

  .stor_1.intro1 ul li{

    min-height: 185px;

  }

  .mem ul li img{

    padding: 0;

  }

  .mem_1 .left{

    width: 100%;

  }

  .mem_1 h3{

    line-height: 1.5;

    padding: 15px 0;

  }

  .mem_1 .right{

    display: none;

  }

  .mem_1 p{

    font-size: 14px;

    line-height: 1.3;

    padding-bottom: 10px;

  }

  .mem .left, .mem .right{

    width: 100%;

    padding: 0;

  }

  .mem .left h4, .mem .right h4{

    padding-top: 15px;

    font-size: 18px;

    line-height: 1.5;

    padding-bottom: 15px;

  }

  .mem .left ul, .mem .right ul{

    padding-top: 0;

  }

  .mem_tab .talent_tabcontent li{

    width: 46%;

  }

  .mem_tab{

    padding-bottom: 30px;

  }

  .edu .left,.edu .right{

    width: 100%;

    padding: 0;

  }

  .edu2 ul{

    padding-bottom: 50px;

  }

  .edu_4 .nr,.tra .nr{

    width: 100%;

  }

  .stor_1 img{

    padding: 30px 0 20px;

  }

  .edu_5 ul li{

    width: 50%;

    padding: 5px;

  }

  .edu_5 ul{

    padding-top: 0;

    padding-bottom: 30px;

  }

  .edu .right img{

    padding: 0;

  }

  .tra2 h3{

    font-size: 18px;

    padding: 0 0 15px;

  }

  .tra2 .left{

    padding-bottom: 30px;

  }

  .tra3 ul li{

    width: 100%;

  }

  .tra1 p, .tra5 p{

    width: 100%;

    padding-bottom: 5px;

  }

  .tra2 .right{

    display: block;

    width: 100%;

  }

  .elec2 p{

    font-size: 18px;

  }

  .elec_bor ul li{

    width: 100%;

    margin: 0 0 10px;

  }

  .elec2 ul li{

    width: 100%;

  }

  .elec3 ul li{

    width: 100%;

  }

  .mec{

    padding-bottom: 30px;

  }

  .ad img{

    padding: 0;

  }

  .talent_tabname li{

    padding: 20px 0;

  }

  .talent_tabcontent{

    padding-bottom: 30px;

  }

  .con_inte_7 em{

    font-size: 18px;

  }

  .plas h3{

    font-size: 20px;

    padding: 10px 10px 10px;

  }

  .plas .left, .plas .right{

    width: 100%;

  }

  .plas .left .txt, .plas .right .txt{

    padding: 0 10px;

  }

  .plas .left h3, .plas .right h3{

    font-size: 20px;

    padding-left: 0;

  }

  .plas .left h4, .plas .right h4{

    font-size: 18px;

    padding-top: 10px;

  }

  .plas .nr{

    padding-bottom: 30px;

  }

  .erp ul{

    width: 100%;

  }

  .erp ul li{

    width: 100%;

  }

  .erp2 .right ul li{

    width: 100%;

    margin: 5px 0;

  }

  .erp2{

    padding-bottom: 30px;

  }

  .crm2 .slider_box{

    padding: 0 0 45px;

    width: 95%;

  }

  .crm3 ul{

    padding-top: 0;

  }

  .crm3 ul li{

    padding-bottom: 10px;

  }

  .crm3 ul li a{

    /*height: 176px; */

  }
  .crm3 ul li a:hover img{

    margin-top: -227px;
  }

  .hrm1 ul{

    width: 100%;

  }

  .hrm1 ul li{

    width: 33.33%;

  }

  .nbs ul li,.nbs1 ul li,.nbs2 ul li{

    width: 100%;

  }

  .t9 .t9_1, .t9 .t9_2, .t9 .t9_3{

    padding-bottom: 0;

  }

  .t9 ul li a{

    height: 200px;

  }

  .a101{

    padding-bottom: 30px;

  }

  .navigator ul li, .navigator1 ul li{

    width: 100%;

  }

  .ser .slider_box .left,.ser .slider_box .right{

    width: 100%;

    padding: 0;

  }

  .ser .slider_box{

    width: 95%;

  }

  .ser .slick-slider  .nr img{

    padding: 0;

  }

  .cust .talent_tabname ul{

    padding-top: 0;

  }

  .cust h3{

    font-size: 20px;

    padding: 30px 10px 20px;

  }

  .cust .talent_tabname ul li a{

    font-size: 14px;
    margin: 0;

  }

  .cust .talent_tabname ul li{

    width: 100%;

    text-align: center;

  }

  .cust .con_3 ul li{

    width: 100%;

    margin-bottom: 20px;

    border-bottom: 1px solid #dddddd;

  }

  .talent_tabcontent .screen ul li{

    padding: 0 5px;

  }

  .talent_tabcontent ul{

    padding-bottom: 0;

  }

  .cust{

    padding-bottom: 0;

  }

  .intro h3{

    padding: 40px 0 10px;

  }

  .intro ul{

    padding: 30px 0;

  }

  .intro1 ul li a{

    height: 100px;

  }

  .mem ul li p{

    height: 24px;

    overflow: hidden;

  }

  .ul-recuit li.tit span{

    font-size: 14px;

  }

  .ul-recuit li .txt{

    padding: 0;

  }

  .ul-recuit li .txt dl{

    width: 100%;

  }

  .ul-recuit li span{

    /*width: 20% !important;*/

  }

  .intr{

    padding: 60px 0;

  }

  #btn1{

    bottom:15px;

  }

  #btn2{

    top:10px

  }

  #scrollDiv ul{

    background: url(/Public/Images/home/phpcms/zh-cn/intr_bj.jpg) repeat-y 14px;

  }

  #scrollDiv li{

    height: auto;

    line-height: 1.5;

  }

  .mem #scrollDiv li .left{

    text-align: left;

  }

  .mem #scrollDiv li .left a{

    width: 100%;

    padding-left: 30px;

    padding-right: 0;

    background: url(/Public/Images/home/phpcms/zh-cn/intr_ybj.png) no-repeat left;

  }

  .mem #scrollDiv li .right a{

    width: 100%;

    background: url(/Public/Images/home/phpcms/zh-cn/intr_ybj.png) no-repeat left;

  }

  .ul-recuit li h3{

  }

  .ul-recuit li h3 span{

    overflow: hidden;

    text-overflow: clip;

    white-space: nowrap;
    font-size: 12px;
  }

  .address{

    padding: 30px 0;

  }

  .address .left{

    width: 100%;

  }

  .address .left h3{

    font-size: 20px;

  }

  .address .right{

    width: 100%;

  }

  .address .right img{

    clear: both;

    display: block;

    margin: auto;

  }

  .contact #msg-form{

    padding-top: 0;

  }

  .contact #msg-form li{

    width: 100%;

    padding: 0;

  }

  .contact #msg-form li.yzm .yzm_img{

    right: 1px;

  }

  .contact #msg-form .sub{

    float:none;

    margin: 20px auto 0;

  }

  .f_bot{

    height: auto;

  }

  .bq p{

    padding: 0;

    line-height: 1.5;

  }

  .f_bot .bq a{

    float: left;

    margin-left: 0;

    line-height: 1.5;

  }

  .talent_tabcontent li a{

    height: 70px;

  }

  .talent_tabcontent li a:hover img {

    margin-top: -70px;

    transition: all .4s;

  }

  .talent_tabcontent li a img{

    /*margin-top: -70px;*/

  }

  .talent_tabcontent .intelligent_tab{

    padding-bottom: 10px;

  }

  .talent_tabcontent .intelligent_tab li:last-child{

    display: none;

  }

  .talent_tabcontent .intelligent_tab li a img{

    margin-top: 0;

  }

  .contact #msg-form li.yzm{
    width: 100%;
  }
  .talent_tabcontent li{
    width: 48.4%;
  }
  .talent_tabcontent li a{
    height: 97px;
  }
  .talent_tabcontent li a:hover img{
    margin-top: -90px;
  }
  .talent_tabcontent li a img{
    margin: 0;
  }
  #msg-form.linezx li{
    width: 100%;
    min-height: 0;
  }
  #msg-form.linezx ul{
    padding-top: 30px;
  }
  .yzm_img{
    right: 14px;
  }
  .list8 ul li{
    width: 23.5%;
  }
  .pb80{
    padding-bottom: 30px;
  }
  .con_inte_1 h3, .con_inte_2 h3, .con_inte_3 h3, .con_inte_4 h3, .con_inte_5 h3, .con_inte_6 h3, .con_inte_7 h3{
    font-size: 26px;
    padding: 20px 0 10px;
  }
  .mem_1{
    padding-bottom: 30px;
  }
  .mem ul li{
    margin-bottom: 8px;
  }
  .tra2 h3{
    text-align: center;
  }
  .tra2 .left{
    padding-bottom: 10px;
    text-align: center;
  }
  .con_inte_6 h3, .stor_1 h3, .con_inte_7 h3, .con_inte_1 h3, .con_inte_2 h3, .con_inte_3 h3, .con_inte_4 h3, .con_inte_5 h3, .food_tra_2 h3, .food_tra_3 h3, .food_tra_4 h3, .food_tra_5 h3, .food_tra_6 h3{
    font-size: 26px;
    padding: 20px 0 10px;
  }
  .bi ul{
    width: 80%;
  }
  #scrollDiv li{
    height: 35px;min-height: 0%;
  }

  .stor_1 .slick-dots li.slick-active,.stor_1 ul.slick-dots li{
    min-height: 0;
    margin: 0 5px 10px;
  }
  .stor_1 .slick-dots{
    bottom: 0;
  }

  .kehulist .ke_right{
    padding: 5px;
  }
  .foot_tra_ul ul li{
    width: 100%;
  }
}

@media screen and (max-width: 425px) {
  .talent_tabcontent li a{
    height: 80px;
  }
  .talent_tabcontent li a:hover img{
    margin-top: -80px;
  }
  .con_4 .slick-slider  .nr .nr_con h4{
    height: auto;
  }
}

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

  .con_t_l ul li h3{font-size: 13px;}

  .talent_tabcontent li a{

    height: 60px;

  }

  .talent_tabcontent li a:hover img{

    margin-top: -60px;

  }

  .con_inte_6 h3, .stor_1 h3, .con_inte_7 h3, .con_inte_1 h3, .con_inte_2 h3, .con_inte_3 h3, .con_inte_4 h3, .con_inte_5 h3, .food_tra_2 h3, .food_tra_3 h3, .food_tra_4 h3, .food_tra_5 h3, .food_tra_6 h3,.food_tra_1 .nr h3{
    font-size: 22px;
  }
  .talent_tabcontent li{
    width: 48.3%;
  }
  #scrollDiv{
    height: 380px;
  }
  #scrollDiv li{
    height: 40px;
    margin-bottom: 0;
  }
  .stor_1 .slick-dots li{
    min-height: 0 !important;
    left: 45%;
  }
  .stor_1 .slick-dots{
    bottom: 4px;
  }
  .crm3 ul li a{
    height: 170px;
  }
  .crm3 ul li a:hover img{
    margin-top: -195px;
  }

  .talent_tabcontent li a:hover img{
    margin-top: -75px;
  }

  .con_5 ul li{
    min-height: 237px;
    margin: 3px;
  }
}
@media screen and (max-width: 360px){
  .crm3 ul li a:hover img{
    margin-top: -180px;
  }
  .talent_tabcontent li{
    width: 48.1%;
  }
  .talent_tabcontent li a:hover img{
    margin-top: -70px;
  }
}
@media screen and (max-width: 320px){
  .crm3 ul li a {
    height: 140px;
  }
  .crm3 ul li a:hover img{
    margin-top: -165px;
  }
  .talent_tabcontent li{
    width: 48%;
  }
  .talent_tabcontent li a{
    height: 55px;
  }
  .talent_tabcontent li a:hover img{
    margin-top: -65px;
  }
  .foot_tra_ul ul li a,.foot_tra_ul .pro_shadow{
    width: 100%;
  }
}
@media screen and (max-width: 768px){
  .kehulist .ke_left{width: 100%}

  .kehulist .ke_right{width: 100%}
  .kehulist .ke_right h3{text-align: center;white-space:nowrap;}
  .kehulist .ke_down .nav li{width: 25%;}
  .kehulist .ke_down .nav li span{width: 100%;}
}

@media screen and (max-width: 480px){
  .kehulist .ke_down .nav li{font-size: 14px;}
  .kehulist .ke_down .nav_list{padding: 5px 0;}
  .kehulist .ke_right h3{font-size: 27px}
  .kehulist .ke_right p{font-size: 15px;line-height: 30px}
  .kehulist .ke_right .kh_time{font-size: 18px}
}

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

}

@media screen and (max-width: 480px){
  .address .left ul li{line-height: 1.8;
    margin-bottom: 10px;}
  .banner-box{display: none}
  .index_banner{display: block;}

}