@media screen and (max-width:1366px) {
    .logo{ margin-top:60px;}
}
@media screen and (max-width:1220px){
    .details img {
      width:100% !important; height:auto !important;
    }
    .em-two {
      display:none;
    }
    .about-center-p img{
      width:100%; height:auto !important;
    }
    .about-center-one div {
      display:none;
    }
    .gt img{ max-width:100%; height:auto }
  	.about-guide{ width:94%}
	.about-center{ width:94%}
	.about-center-left{ background:#fff;}
	.about-center-left ul li{ width:90px; text-align:left; font-size:14px; font-weight:bold}
	.about-center-left ul li em{ display:none}
	.about-center-right{ width:auto; float:none;border-left:0; margin-left:93px;}
	.about-center-right-in{ width:auto; margin-left:0;}
	.about-center-img.about-center-img-one img{ width:100%; height:auto}
	.foot-in{ width:94%}
	.foot-in-one{ width:50%; margin:0; padding:0}
	.imggs img{ width:48%; height:auto; float:left; margin:20px 1% 0 1%}
	
	.about-center-one{ width:100%; left:0}
	.newss{ width:94%}
	.left{ position:absolute; left:0; top:0; display:none}
	.news-in-one{ position: relative; padding-left:240px; min-height:170px;}
	.news-in ul li{ position: relative; padding-left:240px;}
	.detalis-bann{ display:none}
	.detalis-in{ width:100%; position:relative}
	.detalis-in h1{ width:100%}
	.right{ width:auto; margin-left:10px;}
	.right img{ position:absolute; left:0; top:8px;}
	.right h1{text-overflow:-o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height:30px; font-size:14px;}
	.right h1 a{ font-size:14px}
	.right h2{ display:none;}
	.right p{text-overflow:-o-ellipsis-lastline; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size:12px;}
    .news-date{ background:#eee; text-align:center; position:absolute; left:0; top:100px; width:100%; z-index:200; line-height:30px; display:none; }
	.news-date-btn{ width:50px; height:50px; background:url(/img/index11.png) no-repeat center center; position:absolute; z-index:100; right:18px; top:24px;cursor:pointer; background-size:cover}
	.news-date-btn.active{ background:url(/img/index111.png) no-repeat center center; background-size:cover}
	.bus-sy > img{ width:100%; height:auto}
	.bus-sy-img img{ width:48%; height:auto; margin-right:0;display: block;float: left; margin-right:2%; margin-bottom:10px}
	.bus-sy-img{ margin-right:0}
	
	.search{ width:94%}
	.search-in-nav ul li{ width:25%}
	.contact-center{ width:94%}
	.contact-one-left{ width:48%; margin-right:2%}
	.contact-one-right{ width:48%}
	#dituContent{ width:100% !important}
	.details{ width:94%}
	.details-wz-three img{ width:100%; height:auto}
	.inves-biao img{ width:100%; height:auto}
	.inves-word-left{ width:50%; margin-right:0}
	.inves-word-right{ width:50%}
	.inves-one{ width:50%; margin-right:0; float:left}
	.inves-two{ width:50%; margin-right:0; float:left}
	.inves-one-in{ width:100%}
	.index-nav-in{ width:94%}
	.index-nav ul li{ width:25%; margin-left:0 !important; margin-right:0 !important; float:left; /*line-height:100px;*/}
	.center-in{ width:94%}
	.center-business{ width:100%}
	.center-business-one ul li{ width:48%; margin:0 1%; margin-right:0; margin-bottom:20px;}
	.center-business-one ul{ margin-right:0}
	.center{ width:94%}
	.center-business-one{ margin:0}
	
	.sitMap-right{ display:none}
	.sitMap-left{ display:none}
	.sitMap{ display:none}
	.tel-site{ width:94%; margin:0 auto; margin-top:20px;}
	.tel-site li a{ display:block; color:#fff; font-size:18px; height:60px; line-height:60px; margin-bottom:10px;    background-color: #509ee3;  text-align:center}
	.tel-site li a:hover{ background-color:#3382ce;}
	
	.project-in-two{ width:94%;}
	.project-in{ width:94%}
	.bxslider2 li img{ max-width:80%;  float:none; margin:0 auto}
	.swiper-slide-in{ width:100%; margin-left:0}
	.bx-wrapper .bx-controls-direction a{ top:79px !important;}
	.foot{ padding-top:20px;}
	.center-in-one .center-business-one ul li img{ width:100%; height:auto}
	.center-in-one .center-business-one ul li{ height:auto}
	.details-wz-right{ margin-top:30px; float:left;
margin-left: 57px;}
	.right p{ margin-bottom:10px;}
	.project-in{ margin-top:20px;}
    .index-nav { height:200px; bottom:-100px; z-index:200}
    .center-business { margin-top:100px}
}
@media screen and (max-width:1000px){
    .imgg { width:100%; height:auto; margin-left:0}
	.about-center-img.about-center-img-two img{ width:100%; height:auto; margin-left:0}
	.about-center-woed{ width:100%;}
	.about-center-img-two p{ width:100%}
	.em-one{ display:none}
	.about-center-woed.about-center-woed-o{ margin-left:0}
	.about-center-img.about-center-img-one img{ margin-left:0}
	.about-foue ul li{ width:100%; height:auto; margin-left:0; margin-bottom:20px;}
	.about-foue ul li img{ width:100%; height:auto}
	.about-foue ul{ margin-left:0}
	.about-two ul{ margin-left:0;}
	.about-two ul li{ width:48%; margin-left:0; margin:0 1% 0 1%}
	.about-two ul li img{}
	.img-24{ margin:0 auto}
}
@media screen and (max-width:710px){
	.news-ss-in{ float:none}
	.newss-ss input[type="text"]{ width:98%; padding-left:2%; margin-left:0; display:block; margin-bottom:15px;}
	.newss-ss input[type="button"]{ width:100%; margin-left:0}
	.logo{ width:94%;}
	.logo p{ margin:10px 0; font-size:14px;}
	.inves-word-left{ width:100%}
	.inves-word-right{ width:100%}
	.index-nav ul li { line-height:0}
	.index-nav ul li img{ display: block;
margin: 15px auto 23px;
width: 44px;
height: 40px;}
.newss-ss{ padding-bottom:0}
}
@media screen and (max-width:750px){
  .search-one-inp{ width:100%}
  .search-one input[type="text"]{ width:98%; padding-left:2%}
  .search-one input[type="button"]{ width:100%; margin-top:20px}	
  .pro-list li{ width:100%; margin:0}
  .cent{ padding-top:20px;}
  .center-business-one > a{ margin-top:20px;}
  .center{ margin-top:20px; margin-bottom:40px;}
  .swiper-slide-in h1{ font-size:16px;text-align: center;margin-top: 15px;}
  .footer span{ display:block}
}
@media screen and (max-width:550px){
    .about-center-h a { border-bottom:0}
    .foot-in-one{ width:100%}	
    .about-two ul li{ width:100%; margin:0}
	.right img { width:112px; height:75px;}
	.news-in-one{ min-height:125px}
	.news-in-one{ padding-left:113px}
	.news-in ul li{ padding-left:113px}
	.center-business-one ul li{ width:98%}
	.about-guide-in span{ display:none}
	.index-nav ul li{ font-size:14px;}
	.news-in ul li{ height:110px;}
	.foot-in{ display:none}
	.bx-wrapper .bx-prev{ left:-10px !important;}
	.bx-wrapper .bx-next{ right:-10px !important;}
	.search-in-nav ul li span{ display:none}
	.project-in-one img{ display:none}
	.footer-tel{ display:block}
    .foot{ padding-bottom:0}
	.footer-tel li{ float:left; text-align:center; width:25%}
	.logo a{ height:30px; line-height:30px;}
	.cent{ padding-bottom:42px;}
	.center-business-one > a{ height:40px; line-height:40px;}
	.about-head-yc img{ margin:10px 16px}
}
@media screen and (max-width:1220px){
	#allmap{ width:94% !important; margin:0 auto !important}
	.con-address{ width:94% !important}
	.con-address li{ width:100%; float:none}
    .tel-site { display:block}
    .footer-clear { display:block}
}
@media screen and (max-width:800px){
	.contact-top li{ width:100%; float:none}
}
@media screen and (max-width:640px) {
    /*ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*/
    .about-head {
        background: url("/img/x4.jpg") no-repeat center center;
        background-size: cover;
    }
    /*ï¿½ï¿½ï¿½Å¼¿½Ì¬*/
    .detali { background: url("/img/x8.jpg") no-repeat center center;
          background-size: cover;
   }
    /*Òµï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*/
    .busin {
     background: url("/img/x9.jpg") no-repeat center center;
     background-size: cover;
   }
    /*ï¿½ï¿½Ä¿ï¿½ï¿½ï¿½ï¿½*/
    .project {
        background: url("/img/x7.jpg") no-repeat center;
        background-size: cover;
    }
    /*Í¼¿½ï¿½ï¿½ß¹ï¿½Ïµ*/
   .inves-head {
    background: url("/img/x6.jpg") no-repeat center center;
    background-size: cover;
    }
    /*ï¿½ï¿½Ïµï¿½ï¿½ï¿½ï¿½*/
   .contac-head {
    background: url("/img/x5.jpg") no-repeat center center;
    background-size: cover;
   }

}
@media screen and (min-width:768px) and (max-width:1220px) {
	.swiper-slide-in h1{text-align:center;}
}<!--ʱ1776077000.4103-->