    @media (max-width: 767px){
      /*手机版样式*/
      .screenover700{display: none;}

      body,div, h1, hr, blockquote, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, button, textarea, th, input,td { margin:0; padding:0;}

      html{font-size: 20px;}
      .screenless700{max-width:35rem;margin:0 auto;width:35rem;}
      .divall{width:35rem;}
      .clear{ clear:both;}
      .header{height: 5rem; background-color: #FFF;z-index: 200;}
      .div700main{max-width:35rem;margin:0 auto;width:35rem;}
      .div660main{max-width:33rem;margin:0 1rem;width:33rem;}
      .divlogo{float: left; width: 21.5rem; height: 5rem;background-image: url(../images/logo.jpg); background-size: cover;}
      .pclogo{float: right; width: 6rem; height: 5rem;background-image: url(../images/pc.jpg); background-size: cover;}
      .divmenu{max-width:35rem;width:35rem; height: 3.6rem;background-color: rgb(209,227,241);}
      .divmenu ul{width:35rem;height: 3.6rem;}
      .divmenu ul li{width:5rem;list-style:none; text-align:center; text-decoration:none;display:inline; float:left;height: 3.6rem;}
      .divmenu ul li:first-child{width:4rem;}
      .divmenu ul li a{font-size:1.2rem;height:3.6rem; line-height:3.6rem; list-style:none; color:#000; text-align:center; text-decoration:none; display:block; font-weight: bolder;}
      .divmenu ul li .menu-on{color:#00f;}

      /*banner*/
      .banner{ width:35rem;height: 22.5rem;position:relative;}
      .banner ul{ padding:0; margin:0;}
      .banner ul li{ list-style:none;}
      .banner .hd{ height:1rem;padding:0; position:absolute; bottom:1rem; right:40%; z-index:200;}
      .banner .hd ul{ display:block;}
      .banner .hd ul li{height:0.6rem; width:0.6rem; margin:0.2rem;float:left; cursor:pointer;background: #FFF; border: 1px solid #FFF; border-radius: 0.3rem;}
      .banner .hd ul li.on{ width:2.5rem;}
      .banner .bd li img{width:35rem; height:22.5rem; border:none;}

      .head-title{width: 33rem;height: 5rem;border-bottom: 1px solid grey;}
      .head-title .title{float:left; width: 8rem; height: 4.8rem; color: grey;font-weight: bolder;float: left;line-height: 4.8rem; font-size: 1.5rem;color: #009; border-bottom: 0.2rem solid #00F;}
      .head-title a{float: right;font-size: 1.1rem; height: 5rem;width: 4rem; text-decoration:none;line-height: 5rem; text-align: left; color: #000;}

      .qydt .xw-title{width: 33rem; height: 6rem; margin: 1.25rem 0;}
      .qydt .xw-title img{float: left; width: 10rem; height: 6rem;}
      .qydt .xw-title .xw a{float: right; margin-right: 1rem; width: 21rem; height: 6rem; line-height: 2rem; font-size: 1.5rem; font-weight: bolder; text-decoration: none; color: #000;}

      .tzgg .xw-title{width: 33rem; height: 6rem; margin: 1.25rem 0; background-color: rgb(244,243,248);}
      .tzgg .xw-title .xw a{ width: 31.5rem; height: 4rem; line-height: 2rem; font-size: 1.2rem; text-decoration: none; color: #000; float: right;}
      .tzgg .xw-title .xw .btqd{ display: inline-block; width: 1.5rem; color: #8bc34a; text-align: center;font-size: 1.2rem;height: 2rem; line-height: 2rem;}
      .tzgg .xw-title .date{ width: 31.5rem; height: 2rem; line-height: 2rem; font-size: 1.2rem; color: grey; float: right;}

      .qyfc1 .video{}
      .qyfc1 .video img{ margin: 1.5rem 0 0 1rem; width: 31rem; height: 16rem; }
      .qyfc1 .video div{ text-align: center; color: grey; font-size: 1rem; margin-top: 1rem; }

      .esda1{background-color: rgb(240,240,240);width: 35rem; height: 28rem; padding-top: 1rem;}
      .esda1 .esda-title{background-image: url(../images/20da.jpg); background-size: cover; width: 35rem; height: 4rem; margin-bottom: 1rem;}
      .esda1 .lb{width: 32.5rem; height: 4rem; margin-bottom: 1.5rem; background-color: #FFF;padding-left: 2.5rem}
      .esda1 .lb a{ width: 26.5rem; height: 4rem;line-height: 4rem; float: right; font-size: 1.2rem; text-decoration: none;}
      .esda1 .lb a .btqd{ display: inline-block; width: 1.5rem; color: #8bc34a; text-align: center;font-size: 1rem;height: 100%;}
      .esda1 .lb .date{float: right; font-weight: normal; width: 6rem;height: 4rem;line-height: 4rem; }

      .jpgc1 .jpgc-mod{ margin: 1.5rem auto; width: 28rem;height: 2.5rem;}
      .jpgc1 .jpgc-child{width: 6rem; height: 2.5rem; color: #000;line-height: 2.5rem; font-size: 1rem;display: inline-block; margin: 0 1.5rem;
        background-color: #E6E6F3; text-align: center; letter-spacing: 0.25rem; text-decoration: none;}
      .jpgc1 .jpgc-child-on{background-color: #1511A0; color: #FFF;}

      .jpgc1 .cbxm-content{margin-top: 1.5rem; width: 33rem !important; height: 24rem !important;}
      .jpgc1 .cbxm-content .xmlb{ width:33rem; height:21rem; overflow:hidden; position:relative; float:left;}
      .jpgc1 .cbxm-content .xmlb .hd{ position: absolute; height: 1rem; background: none;top: 0;left: 0; right: 0;}


      .jpgc1 .cbxm-content .xmlb .bd{ padding-left:1.5rem; width:33rem; overflow:hidden; z-index: 302;}
      .jpgc1 .cbxm-content .xmlb .bd ul{ padding:0; zoom:0; width:33rem; overflow:hidden; }
      .jpgc1 .cbxm-content .xmlb .bd li{display:block; position:relative; float: left;width:33rem; height:21rem;}
      .jpgc1 .xmlb li:hover{ cursor: pointer;}
      .jpgc1 .cbxm-content .xmlb .bd li .img_b{display:block; float:left; border:none;width:33rem; height:21rem;}
      .jpgc1 .cbxm-content .xmlb .bd li .img_b img{border:none;width:33rem; height:21rem;  overflow: hidden;  transition: all 0.3s linear;  -webkit-transition: all 0.3s linear;}
      .jpgc1 .cbxm-content .xmlb .bd li .txt_b{display:block; position:absolute; bottom:0; left:0;right:0;font-size: 0.8rem;
      text-align:center; color:#FFF; width: 33rem; height:1.25rem; line-height:1.25rem; text-decoration:none;
      background:#000; z-index:100;filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
      .jpgc1 .cbxm-content .xmlb .bd li:hover .txt_b{color:#ffc107;}
      .jpgc1 .xmlb li:hover img{  transform: scale(1.05);  -webkit-transform: scale(1.05);}

      .none{display: none;}

      .xsgs .xw-title{margin-top: 1.4rem;}
      .xsgs .xw-title div{width: 33rem; height: 5rem; background-color: rgb(240,240,240); line-height: 5rem; font-size: 1.5rem; text-indent: 1rem;}
      .xsgs .xw-title img{width: 33rem; height: 19rem;}
    }
    @media (min-width: 768px){
      /*电脑版样式*/
      .screenless700{display: none;}

      body,div, h1, hr, blockquote, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, button, textarea, th, input,td { margin:0; padding:0;}

      .clear{ clear:both;}
      .divall{width: 100%;}
      .div1920main{width:1920px;margin:0 auto;}
      .div1400main{width:1400px;margin:0 auto;}
      .div700{width: 700px;}

      .left{float: left;}
      .right{float: right;}
      .header{height: 100px; position: fixed; background-color: #FFF;z-index: 200;}
      .divlogo{width: 430px; height: 100px;background-image: url(../images/logo.jpg);}

      .h635{height: 635px;}
      .h570{height: 570px;}
      .h100{height: 100px;}

      .mr15{margin-right: 15px;}
    .mt30{ margin-top:30px;}
    .mt50{ margin-top:50px;}
      /*-----首页导航-----*/
      .divmenu { width:800px;height: 102px;}
      .divmenu ul{width:800px;height: 100px;}
      .divmenu ul li{width:105px;list-style:none; text-align:center; text-decoration:none;display:inline; float:left;height: 100px;}
      .divmenu ul li:first-child{width:60px;}
      .divmenu ul li a{font-size:22px;height:100px; line-height:100px; list-style:none; color:#000; text-align:center; text-decoration:none; display:block; font-weight: bolder;}
      .divmenu ul li .menu-on{color:#00f; border-bottom: 2px solid #00F;}

      /*banner*/
      .banner{ width:1920px; height:635px;position:relative;}
      .banner ul{ padding:0; margin:0;}
      .banner ul li{ list-style:none;}
      .banner .hd{ height:18px;padding:0px; position:absolute; bottom:20px; right:50%; z-index:200;}
      .banner .hd ul{ display:block;}
      .banner .hd ul li{height:10px; width:12px; margin:4px;float:left; cursor:pointer;background: #FFF;}
      .banner .hd ul li.on{background: #c00;}
      .banner .bd li img{width:1920px; height:635px; border:none;}

      .head-title{width: 1920px;height: 101px;border-bottom: 1px solid grey; float: left;}
      .head-title .title, .tab4 div{width: 120px; height: 100px; color: grey;font-weight: bolder;float: left;line-height: 100px; font-size: 28px;}
      .head-title .title-on, .Tab4On{color: #009!important; border-bottom: 2px solid #00F;}
      .tab4 a{float: right;font-size: 16px; color: grey; height: 100px;width: 60px; text-decoration:none;line-height: 100px;}

      .xwzx-content{width: 1400px;height: 400px;margin-top: 80px;}
      /*新闻中心*/
      .xwzx{ width:700px; height:400px;position:relative; float:left;}
      .xwzx ul{ padding:0; margin:0;}
      .xwzx ul li{ list-style:none;}
      .xwzx .hd{ height:10px; line-height:10px;padding:0px; position:absolute; bottom:17px; right:10px; z-index:200;}
      .xwzx .hd ul{ display:block;}
      .xwzx .hd ul li{height:8px; width:8px; margin:4px; line-height:14px;
          float:left; cursor:pointer; text-align:center;
          border-radius:4px;
          background: #fff;}
      .xwzx .hd ul li.on{ width:20px; }

      .xwzx .bd ul{ padding:0px;  zoom:0;}
      .xwzx .bd li{display:block; height:400px; position:relative;}
      .xwzx .bd li .img_b{display:block; float:left; width:700px; border:none;}
      .xwzx .bd li .img_b img{width:700px; height:400px; border:none;}
      .xwzx .bd li .txt_b{display:block; position:absolute; bottom:0; left:0;right:0;font-size: 18px;
      text-align:left; color:#FFF; height:43px; line-height:43px; text-decoration:none;
      background:#000; z-index:100;filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}


      /*企业动态*/
      .qydt{width: 640px;height: 400px; margin-left: 60px;float: right;}
      .qydt .tt{padding-bottom: 35px; border-bottom: 1px dashed grey;}
      .qydt .qydt-title{font-size: 22px;font-size: 22px;font-weight: bolder;margin-bottom: 15px;}
      .qydt .summary{font-size: 15px; line-height: 22px;margin-bottom: 15px;}
      .qydt .date{font-weight: bold;}
      .btqd{display: inline-block; width: 30px; color: #EA6A42; text-align: center; margin-left: -30px;font-size: 20px;height: 100%;}
      .qydt .lb{width: 640px; height: 28px;margin: 20px 0;}
      .qydt .lb-title{font-size: 20px;}
      .qydt .lb .date{font-weight: normal;}

      /*企业风采*/
      .qyfc{ height: 480px; padding: 45px 0; background: #F0F0F0;}
      .qyfc .qyfc-content{height: 480px;}
      .qyfc .qyfc-content-left{width: 700px; height: 480px; float: left;}
      .qyfc .title{width: 120px; height: 55px; color: grey;font-weight: bolder;line-height: 55px; font-size: 28px;}
      .qyfc .video{width: 700px; height: 425px; background-color: #FFF;}
      .qyfc .video img{ margin: 30px 0 0 35px; width: 633px; height: 324px; }
      .qyfc .video div{ text-align: center; color: grey; font-size: 18px; margin-top: 20px; }

      .qyfc .qyfc-content-right{width: 670px;  height: 480px;margin-left: 30px; float: right;}
      .qyfc .qyfc-content-right .esda{width: 670px; height: 75px; background-color: #FFF; margin-bottom: 30px;}
      .qyfc .qyfc-content-right .esda-title{background-image: url(../images/20da.jpg);height: 80px; margin-bottom: 20px;}
      .esda .lb{width: 580px; height: 75px;line-height: 75px; margin-right: 20px; float: right; font-size: 20px;}
      .esda .lb .date{font-weight: normal;}

      /*精品工程*/
      .jpgc{padding: 35px 0; height: 500px;}
      .jpgc .jpgc-title{width: 160px; height: 65px; color: #009;font-weight: bolder;line-height: 65px; font-size: 32px;margin: 0 auto;}
      .jpgc .jpgc-mod{ margin: 30px auto; width: 870px;height: 50px;}
      .jpgc .jpgc-child{width: 120px; height: 50px; color: #000;line-height: 50px; font-size: 20px;display: inline-block; margin: 0 30px;
        background-color: #E6E6F3; text-align: center; letter-spacing: 5px; text-decoration: none;}
      .jpgc .jpgc-child-last{width: 250px;}
      .jpgc .jpgc-child-on{background-color: #1511A0; color: #FFF;}

      .jpgc .cbxm-content{margin-top: 30px;}
      .jpgc .cbxm-content .xmlb{ width:1400px; height:265px; overflow:hidden; position:relative; float:left;}
      .jpgc .cbxm-content .xmlb .hd{ position: absolute; height: 265px; background: none;top: 0;left: 0; right: 0;}
      .jpgc .cbxm-content .xmlb .hd .prev{
        display:block; float:left;width:30px; height:250px;overflow:hidden;cursor:pointer;
        background:url("http://www.yxsjyjs.com/images/jyjs_left.jpg") no-repeat center left;}
         
      .jpgc .cbxm-content .xmlb .hd .next{
        display:block; float:left;width:30px; height:250px;overflow:hidden;cursor:pointer;
        background:url("http://www.yxsjyjs.com/images/jyjs_right.jpg") no-repeat center left;
        margin-left:1340px;}

      .jpgc .cbxm-content .xmlb .bd{ padding-left:30px; width:1340px; overflow:hidden; z-index: 302;}
      .jpgc .cbxm-content .xmlb .bd ul{ padding:0px; zoom:0; width:1340px; overflow:hidden; }
      .jpgc .cbxm-content .xmlb .bd li{display:block; position:relative; float: left;width:420px; height:265px; margin-left:15px; margin-right:15px; margin-bottom: 10px;}
      .jpgc .xmlb li:hover{ cursor: pointer;}
      .jpgc .cbxm-content .xmlb .bd li .img_b{display:block; float:left; border:none;width:420px; height:265px;}
      .jpgc .cbxm-content .xmlb .bd li .img_b img{border:none;width:420px; height:265px;  overflow: hidden;  transition: all 0.3s linear;  -webkit-transition: all 0.3s linear;}
      .jpgc .cbxm-content .xmlb .bd li .txt_b{display:block; position:absolute; bottom:0; left:0;right:0;font-size: 16px;
      text-align:center; color:#FFF; height:25px; line-height:25px; text-decoration:none;
      background:#000; z-index:100;filter:alpha(opacity=70);-moz-opacity:0.70;opacity:0.70;}
      .jpgc .cbxm-content .xmlb .bd li:hover .txt_b{color:#ffc107;}
      .jpgc .xmlb li:hover img{  transform: scale(1.05);  -webkit-transform: scale(1.05);}

      .none{display: none;}
    
      /*下属公司*/
      .xsgs{background:url(../images/sy_xsgsbg.jpg) no-repeat; height:666px; padding-top:75px; padding-left:310px;}
      .xsgs_mod{ width:1310px; height: 110px;margin-top: 170px;}
      .xsgs_mod2{ width:1310px; height: 110px;margin-top: 64px;}
      .xsgs_yxct{ width:576px; height: 110px; text-align:center;}
      .xsgs_yxct a{ width:576px; height: 110px; text-align:center; float:left;}
      .xsgs_yxctsw{ width:284px; float:left;}
      .xsgs_mod div:hover img{  transform: scale(1.05);  -webkit-transform: scale(1.05);}

    }

