@charset "utf-8";
/* PC大于等于1200px */
@media screen and (min-width: 1200px) {
	.c30{ height:30px; clear:both;}
	
	.app-search {
  border-bottom: 1px solid #bcbcbc;
}

.app-search h1 {
  float: left;
  font: 14px/70px "Microsoft YaHei";
  color: #4b4b4b;
  margin:0;
}

.app-search h1 a {
  margin-right: 20px;
}

.app-search form {
  float: right;
  font-size: 0;
  margin-top: 17px;
}

.app-search form input {
  background: none;
  border: none;
  outline: none;
  height: 34px;
  line-height: 34px;
  vertical-align: top;
}

.app-search form input#keyword {
  width: 280px;
  border: 1px solid #d0cfcf;
  text-indent: 10px;
  font-size: 14px;
  border-right: none;
  color: #686868;
}

.app-search form input#s_btn {
  width: 62px;
  text-align: center;
  font-size: 28px;
  background-color: #d9ac5d;
  color: #fff;
}
.hotSearch a{margin-right:6px;}
#formsearch input{height:36px;background:#fff;border:1px solid #c8c8c8;line-height:36px;}
#formsearch input#keyword{height:36px;line-height:36px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:62px;height:36px;line-height:36px;text-align:center;background:url(../images/ss.jpg) no-repeat top center;color:#fff;border:none;cursor:pointer;font-size: 12px;}

    .index-title {text-align: center;padding: 0; height:75px; margin-bottom:5px;}
	.index-title img {display: block;margin: 0 auto;}

	.product{padding: 50px 0; }
	.product-body {padding: 0;}
	.product-body .z1-list {
  margin-top: 50px;
  overflow: hidden;
}

.product-body .z1-list li {
  float: left;
  padding: 5px 4px;
  border: 1px solid #ccc;
  position: relative;
  overflow: hidden;
}

.product-body .z1-list li img {
  width: 187px;
  height: 103px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.product-body .z1-list li h3 {
  position: absolute;
  z-index: 10;
  width: 134px;
  text-align: center;
  font: 19px/44px "Microsoft YaHei";
  color: #222;
  padding-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.product-body .z1-list li h3:after {
  content: "";
  position: absolute;
  width: 54px;
  height: 2px;
  background-color: #d9ac5d;
  bottom: 12px;
  left: calc(50% - 27px);
}

.product-body .z1-list li+li {
  margin-left: 10px;
}

.product-body .z1-list li:hover img {
  transform: scale(1.2);
}

.product-body .z1-tab {
  margin-top: 60px;
  overflow: hidden;
}

.product-body .z1-tab li {
  float: left;
  width: 240px;
}

.product-body .z1-tab li p {
  border: 1px solid #bdbdbd;
  overflow: hidden;
}

.product-body .z1-tab li p img {
  margin: 5px;
  border: 1px solid #bdbdbd;
  width: 229px;
  height: 229px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.product-body .z1-tab li h3 {
  text-align: center;
  font: 18px/52px "Microsoft YaHei";
  color: #6e6e6e;
}

.product-body .z1-tab li:hover img {
  transform: scale(1.1);
}

.product-body .z1-tab li:not(:nth-child(5n)) {
  margin-right: 10px;
}
	


	/* ---- about ---- */
	.about {padding: 0; background:url(../images/jbl_14.jpg) top center no-repeat;}
	.about-body {padding: 0; padding-top:50px; padding-bottom:50px;}
	.fr {
  float: right;
}
.fl {
  float: left;
}
.about-body .z4-l {
  margin-top: 40px;
  width: 505px;
}

.about-body .z4-r {
  width: 735px;
  background: url(../images/z4R.png);
  position: relative;
  z-index: 10;
  padding: 36px 47px 0 57px;
  height: 450px;
}

.about-body .z4-r h1 {
  font: bold 30px/1 "Microsoft YaHei";
  color: #211f36;
  padding-bottom: 25px;
  background: url(../images/line.png) left bottom no-repeat;
}

.about-body .z4-r h1 b {
  color: #d9ac5d;
}

.about-body .z4-r h1 span {
  font-size: 30px;
  font-weight: normal;
  color: #d1d0ce;
  margin-left: 5px;
  vertical-align: bottom;
}

.about-body .z4-r .z4-summary {
  margin-top: 30px;
  font: 15px/29px "Microsoft YaHei";
  color: #515151;
}

.about-body .z4-r .z4-summary a {
  font-weight: bold;
  color: #d9ac5d;
}

.about-body .z4-r .z4-inner {
  margin-top: 38px;
}

.about-body .z4-r .z4-inner>a {
  display: inline-block;
  width: 140px;
  text-align: center;
  font: 16px/40px "Microsoft YaHei";
  background-color: #d9ac5d;
  border-radius: 20px;
  color: #fff;
  margin-right: 20px;
  transition: background .5s ease;
}

.about-body .z4-r .z4-inner>a:hover {
  background-color: #211f36;
}

.about-body .z4-r .z4-inner span strong {
  color: #d9ac5d;
}
	
.case {padding: 50px 0;}
	.case-body {padding: 0; }
	
	.case-body ul {
  margin-top: 35px;
}

.case-body ul li {
  float: left;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
}

.case-body ul li a {
  position: absolute;
  width: 100%;
  z-index: 10;
  left: 0;
  bottom: 0;
  text-indent: 1em;
  font: 15px/37px "Microsoft YaHei";
  color: #fff;
  background: rgba(0, 0, 0, 0.67);
  transform: translateY(100%);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.case-body ul li img{ width:100%; height:100%;}

.case-body ul li:nth-child(1),
.case-body ul li:nth-child(2) {
  clear: both;
  margin-right: 20px;
  width: 259px;
  height: 224px;
}

.case-body ul li:nth-child(3) {
  float: none;
  width: 590px;
  height: 463px;
}

.case-body ul li:nth-child(4) {
  float: right;
  width: 355px;
  height: 463px;
  margin-top: calc(-463px - 15px);
}

.case-body ul li:nth-child(n+5) {
  width: 400px;
  height: 261px;
}

.case-body ul li:nth-child(6) {
  margin: 0 20px;
}

.case-body ul li:hover>a {
  transform: none;
}

	
.ads{ width:100%; padding:0; margin:0;}
.ads img{ max-width:100%; height:auto; }	
	
		/* ---- about ---- */
		.cases {padding: 20px 0; }

    .casebodys{ height:200px;  position:relative; z-index:99; padding-top:0px; margin-bottom:20px;}
    .case-lefts{ width:100%; position:relative;  }
    .case-lefts .prev{ display:block;  width:17px; height:39px; z-index:99;  cursor:pointer; background:url("../images/l.png") no-repeat; position:absolute; left:-15px; top:75px;}
    .case-lefts .next{ display:block;  width:17px; height:39px;  z-index:99;cursor:pointer; background:url("../images/r.png") no-repeat; position:absolute; right:-15px; top:75px;}
    .case-lefts .prevStop{ background:url("../images/l.png") no-repeat; }
    .case-lefts .nextStop{ background:url("../images/r.png") no-repeat; }
    .case-lefts .bd{ padding:0px;   }
    .case-lefts .bd ul{ overflow:hidden; zoom:1; }
    .case-lefts .bd ul li{ margin:0 5px; float:left; width:24%; height:240px; _display:inline; overflow:hidden; text-align:center;  }
    .case-lefts .bd ul li .pic{ text-align:center;width:100%; height:175px; }
    .case-lefts .bd ul li .pic img{width:100%; max-height:100%; display:block;  padding:0px; }
    .case-lefts .bd ul li .title a:hover { color:#F00;  }
    .case-lefts .bd ul li .title{ line-height:30px; height:40px; width:100%; margin:0 auto;  color:#000;  }
	.case-lefts .bd ul li .title .tit{ line-height:40px; height:40px; margin:0 auto; text-align:center; font-size:14px;  color:#000;  }
	.case-lefts .bd ul li .title .desc{ line-height:25px; height:60px; width:90%; margin:0 auto; text-align:left; background:#FFF; color:#000;  }
    .case-lefts .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; text-align:center; z-index:999;}
    .case-lefts .hd ul li{ display:inline-block;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
	.case-lefts .hd ul li.on{ background-position:0 0; }
	

	
.ys {padding: 50px 0; }
.ys-body { margin:0 auto; padding:0;}
.ys-body li{ width:205px; height:501px; float:left; margin:0 1px;}

.zc {padding: 30px 0; background:url(../images/jbl_30.jpg) top center no-repeat;}
.zc-body { margin:0 auto; padding:0;}
.zc-body li{ width:50%; height:auto; float:left; margin:0;}
.zc-body li img{ width:100%; height:auto;}

.lx-body { margin:0 auto; padding:0;}
.lx-body li{ width:32.33%; height:auto; float:left; margin:0 5px;}
.lx-body li img{ width:100%; height:auto;}


	/* ---- news ---- */
	.news {padding: 50px 0; background:url(../images/bt_27.jpg) center center no-repeat;}
	.news-title {padding: 0;text-align: center; padding-bottom:25px;}
	    .news-title img {display: block;margin: 0 auto;}
	.news-body { margin:0 auto; padding:0;}
	.news-body .news-left {padding: 0;}
	.news-body .news-left .news-box {margin: 0 10px;}
	.news-body .news-left .news-box .img-box {width: 100%;height: 320px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.news-body .news-left .news-box .img-box img {width: 100%; height:auto;}
	.news-body .news-left .news-box .text-box h3 {margin: 0;font-size: 20px;font-weight: bold;line-height: 40px;color: #000;}
	.news-body .news-left .news-box .text-box p {margin: 0;font-size: 16px;line-height: 30px;text-indent: 2em;max-height: 90px;overflow: hidden;}
	.news-body .news-left .read-more {padding: 0;text-align: center;}
	.news-body .news-left .read-more a {display: block;float: left;/*margin: 0 auto;*/padding: 0 0px 0 0;width: 90%;height: 40px;line-height: 40px;text-align: center;font-size: 14px;text-transform: uppercase;color: #499900;border: 1px solid #499900;position: relative;}
	.news-body .news-right {padding: 0;}
	.news-body .news-right dl {margin: 10px 60px 0;}
	.news-body .news-right ul.news-box {margin: 0;}
	.news-body .news-right li {padding: 0;}
	.news-body .news-right dd{padding: 20px 0; border-bottom:1px dotted #ccc}
	.news-body .news-right li .news-time {margin: 10px;padding: 10px 0;}
	.news-body .news-right li .news-time i {display: block;text-align: center;font-style: normal;font-size: 24px;line-height: 40px;}
	.news-body .news-right li .news-time em {display: block;text-align: center;font-style: normal;font-size: 16px;line-height: 30px;font-weight: bold;}
	.news-body .news-right li .text-box {margin: 10px;padding: 0;}
	.news-body .news-right li .text-box h3 {margin: 0;font-size: 16px;height: 30px;line-height: 30px;font-weight: bold;color: #000;white-space: nowrap;overflow: hidden;}
	.news-body .news-right li .text-box p {margin: 0;max-height: 60px;line-height: 30px;overflow: hidden;/*text-indent: 2em;*/}
}
/* iPad Pro 小于等于1200px */
@media screen and (max-width: 1200px) {
	.c30{ height:10px; clear:both;}
	.app-search {
		display:none;
}

    .index-title {width: 100%;height: 35px;overflow: hidden; text-align:center; padding-top:10px;}
	.index-title img {display: block;margin: 0 auto; max-width:100%; max-height:100%;}

	.product{padding: 25px 0}
	.product-body {padding: 0;}
	.product-body .z1-list {
  margin-top: 10px;
  overflow: hidden;
}

.product-body .z1-list li {
  float: left;
  padding: 5px 4px;
  width:30%;
  border: 1px solid #ccc;
  position: relative;
  overflow: hidden;
  margin:5px;
}

.product-body .z1-list li img {
  width: 100%;
  height: 53px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.product-body .z1-list li h3 {
  position: absolute;
  z-index: 10;
  width: 134px;
  text-align: center;
  font: 14px/24px "Microsoft YaHei";
  color: #222;
  padding-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.product-body .z1-list li h3:after {
  content: "";
  position: absolute;
  width: 54px;
  height: 2px;
  background-color: #d9ac5d;
  bottom: 12px;
  left: calc(50% - 27px);
}



.product-body .z1-list li:hover img {
  transform: scale(1.2);
}

.product-body .z1-tab {
  margin-top: 10px;
  overflow: hidden;
}

.product-body .z1-tab li {
  float: left;
  width: 47%; margin:5px;
}

.product-body .z1-tab li p {
  border: 1px solid #bdbdbd;
  overflow: hidden;
}

.product-body .z1-tab li p img {
  margin: 5px;
  border: 1px solid #bdbdbd;
  width: 95%;
  height: auto;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.product-body .z1-tab li h3 {
  text-align: center;
  font: 14px/24px "Microsoft YaHei";
  color: #6e6e6e;
  margin:0;
}

.product-body .z1-tab li:hover img {
  transform: scale(1.1);
}


	
	/* ---- about ---- */
	.about {padding: 40px 0; background:url(../images/bt_18.jpg) top center no-repeat;}
	.about-body {padding: 0;}
	.about-body .z4-l {
  margin-top: 0px; margin:0 auto;
  width: 98%;
}
.about-body .z4-l img{ width:100%; height:auto;}

.about-body .z4-r {
  width: 98%;
  background:none;
  position: relative;
  z-index: 10;
  padding: 5px;
  height: auto;
}

.about-body .z4-r h1 {
  font: bold 20px/1 "Microsoft YaHei";
  color: #211f36;
  padding-bottom: 5px;
  background: url(../images/line.png) left bottom no-repeat;
}

.about-body .z4-r h1 b {
  color: #d9ac5d;
}

.about-body .z4-r h1 span {
  font-size: 30px;
  font-weight: normal;
  color: #d1d0ce;
  margin-left: 5px;
  vertical-align: bottom;
}

.about-body .z4-r .z4-summary {
  margin-top: 10px;
  font: 15px/29px "Microsoft YaHei";
  color: #515151;
}

.about-body .z4-r .z4-summary a {
  font-weight: bold;
  color: #d9ac5d;
}

.about-body .z4-r .z4-inner {
  margin-top: 12px;
}

.about-body .z4-r .z4-inner>a {
  display: inline-block;
  width: 140px;
  text-align: center;
  font: 16px/40px "Microsoft YaHei";
  background-color: #d9ac5d;
  border-radius: 20px;
  color: #fff;
  margin-right: 20px;
  transition: background .5s ease;
}

.about-body .z4-r .z4-inner>a:hover {
  background-color: #211f36;
}

.about-body .z4-r .z4-inner span strong {
  color: #d9ac5d;
}
	

		.ads{ width:100%; padding:0; margin:0;}
	.ads img{ max-width:100%; height:auto; }

	.case {padding: 0;}
	.case-body {padding: 0; }
	
	.case-body ul {
  margin-top: 10px;
}

.case-body ul li {
  float: left;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
  width:48%; margin:1%;
}

.case-body ul li a {
  position: absolute;
  width: 100%;
  z-index: 10;
  left: 0;
  bottom: 0;
  text-indent: 1em;
  font: 15px/37px "Microsoft YaHei";
  color: #fff;
  background: rgba(0, 0, 0, 0.67);
  transform: translateY(100%);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

.case-body ul li img{ width:100%; height:100%;}

.case-body ul li:nth-child(3) {
  float: none;
  width: 98%;
  margin:0 auto;
  height: auto;
}

		/* ---- about ---- */
		.cases {padding: 0px 0;  }
	.cases .img-box {height: 40px;overflow: hidden; background:#1d56a6;text-align:center; }
	.cases .img-box img {display: block;margin: 0 auto;}
    .casebodys{ height:240px;  position:relative; z-index:99; padding-top:30px; margin-bottom:60px;}
    .case-lefts{ width:100%; position:relative;  }
    .case-lefts .prev{ display:block;  width:17px; height:39px; z-index:99;  cursor:pointer; background:url("../images/l.png") no-repeat; position:absolute; left:-15px; top:75px;}
    .case-lefts .next{ display:block;  width:17px; height:39px;  z-index:99;cursor:pointer; background:url("../images/r.png") no-repeat; position:absolute; right:-15px; top:75px;}
    .case-lefts .prevStop{ background:url("../images/l.png") no-repeat; }
    .case-lefts .nextStop{ background:url("../images/r.png") no-repeat; }
    .case-lefts .bd{ padding:0px;   }
    .case-lefts .bd ul{ overflow:hidden; zoom:1; }
    .case-lefts .bd ul li{ margin:0 5px; float:left; width:24%; height:240px; _display:inline; overflow:hidden; text-align:center;  }
    .case-lefts .bd ul li .pic{ text-align:center;width:100%; height:175px; }
    .case-lefts .bd ul li .pic img{width:100%; max-height:100%; display:block;  padding:0px; }
    .case-lefts .bd ul li .title a:hover { color:#F00;  }
    .case-lefts .bd ul li .title{ line-height:30px; height:40px; width:100%; margin:0 auto; color:#000;  }
	.case-lefts .bd ul li .title .tit{ line-height:40px; height:40px; margin:0 auto; text-align:center; font-size:16px;  color:#000;  }
	.case-lefts .bd ul li .title .desc{ line-height:25px; height:60px; width:90%; margin:0 auto; text-align:left; background:#FFF; color:#000;  }
    .case-lefts .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; text-align:center; z-index:999;}
    .case-lefts .hd ul li{ display:inline-block;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
	.case-lefts .hd ul li.on{ background-position:0 0; }
	

.ys {padding: 20px 0; }
.ys-body { margin:0 auto; padding:0;}
.ys-body li{ width:31%; height:auto; float:left; margin:1%;}
.ys-body li img{ max-width:100%; height:auto;}	

.zc {padding: 20px 0; background:url(../images/jbl_30.jpg) center center repeat;}
.zc-body { margin:0 auto; padding:0;}
.zc-body li{ width:100%; height:auto; float:none; margin:0;}
.zc-body li img{ width:100%; height:auto;}

.lx-body { margin:0 auto; padding:0;}
.lx-body li{ width:100%; height:auto; float:none; margin-top:5px;}
.lx-body li img{ width:100%; height:auto;}

	/* ---- news ---- */
	.news {padding:0; margin-bottom:30px; }
	.news-body {  margin:0 auto;}
	.news-body .news-left {padding: 0;}
	.news-body .news-left .news-box {margin: 0;}
	.news-body .news-left .news-box .img-box {width: 100%;height: 320px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.news-body .news-left .news-box .text-box {}
	.news-body .news-left .news-box .text-box h3 {margin: 0;font-size: 20px;font-weight: bold;line-height: 40px;color: #000;}
	.news-body .news-left .news-box .text-box p {margin: 0;font-size: 16px;line-height: 30px;text-indent: 2em;max-height: 90px;overflow: hidden;}
	.news-body .news-right {padding: 0;}
	.news-body .news-right dl {margin: 10px 0 0;}
	.news-body .news-right ul.news-box {margin: 0;}
	.news-body .news-right li {padding: 0;}
	.news-body .news-right li .news-time {margin: 10px;padding: 10px 0;}
	.news-body .news-right li .news-time i {display: block;text-align: center;font-style: normal;font-size: 20px;line-height: 40px;}
	.news-body .news-right li .news-time em {display: block;text-align: center;font-style: normal;font-size: 14px;line-height: 30px;font-weight: bold;}
	.news-body .news-right li .text-box {margin: 10px;padding: 0;}
	.news-body .news-right li .text-box h3 {margin: 0;font-size: 16px;height: 30px;line-height: 30px;font-weight: bold;color: #000;white-space: nowrap;overflow: hidden;}
	.news-body .news-right li .text-box p {margin: 0;max-height: 60px;line-height: 30px;overflow: hidden;/*text-indent: 2em;*/}
	}

}
/* iPad Pro 小于等于1024px iPad Pro */
@media screen and (max-width: 1024px) {
	.Piiic {display: none;}
}
/* iPad 小于等于 992px */
@media (max-width: 992px){
	/* ---- about ---- */
	.about {padding: 30px 0;}
	.about-left .img-box {height: auto;}
	.about-left .img-box img {width: 100%;}
	.about-bottom li .about-list {width: 60%;}

	/* ---- product ---- */
	.product-title {margin-bottom: 0;}
	.product-title p {padding: 0 5%;}
	.product-left .left-head {display: none;}
	.product-right li {margin-top: 10px;}
	/*.product-right li .img-box {height: 266.25px;}*/
	.product-right li .img-box img {width: 100%;}

	/* ---- news ---- */
	.news-body .news-left .news-box {margin: 10px;}


}

@media (max-width: 991px) and (min-width: 769px){
	/* ---- about ---- */
	.about-right .text-box {height: auto;}
	.about-bottom li .about-list {width: auto;}
	/* ---- product ---- */
	.product-right li .img-box {height: 266.25px;}

	/* ---- case ---- */

	/* ---- news ---- */	
	.news-body .news-left .news-box .img-box {height: auto;}


	/* ---- contact ---- */
	.contact-body dl {margin: 0;}
	.contact-body dd .contact-box {padding: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.contact-body dd:nth-of-type(1) .contact-box {margin-right: 0;}
	.contact-body dd:nth-of-type(2) .contact-box {margin: 0;}
	.contact-body dd:nth-of-type(3) .contact-box {margin-left: 0;}
	.contact-body dd .contact-box h3 {padding-left: 10px;}
	
}


/* 平板 小于等于 768px iPad */
@media (max-width: 768px){
	.product-body .p_products {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  white-space: normal;
}
	.news-body .tabBox ul li {
  width: 100%;
}
	.news-body { padding:0 10px;}
	.commbody { padding:0 10px;}


	.cases {padding: 0px 0;  overflow:hidden;}
	.cases .img-box {height: 30px;overflow: hidden; background:#1d56a6;text-align:center; }
	.cases .img-box img {display: block;margin: 0 auto; width:100%;}
    .casebodys{ height:180px;  position:relative; z-index:99; padding:0px 10px; margin-bottom:30px;}
    .case-lefts{ width:100%; position:relative;  }
    .case-lefts .prev{ display:block;  width:17px; height:39px; z-index:99;  cursor:pointer; background:url("../images/l.png") no-repeat; position:absolute; left:-15px; top:75px;}
    .case-lefts .next{ display:block;  width:17px; height:39px;  z-index:99;cursor:pointer; background:url("../images/r.png") no-repeat; position:absolute; right:-15px; top:75px;}
    .case-lefts .prevStop{ background:url("../images/l.png") no-repeat; }
    .case-lefts .nextStop{ background:url("../images/r.png") no-repeat; }
    .case-lefts .bd{ padding:0px;   }
    .case-lefts .bd ul{ overflow:hidden; zoom:1; }
    .case-lefts .bd ul li{ margin:0 15px 0 0; float:left; width:49%; height:180px; _display:inline; overflow:hidden; text-align:center;  }
    .case-lefts .bd ul li .pic{ text-align:center;width:100%; height:150px; }
    .case-lefts .bd ul li .pic img{width:100%; max-height:100%; display:block;  padding:0px; }
    .case-lefts .bd ul li .title a:hover { color:#F00;  }
    .case-lefts .bd ul li .title{ line-height:30px; height:30px; width:100%; margin:0 auto; background:#e9f3fc; color:#000;  }
	.case-lefts .bd ul li .title .tit{ line-height:30px; height:30px; margin:0 auto; text-align:center; font-size:14px;  color:#000;  }
	.case-lefts .bd ul li .title .desc{ line-height:25px; height:60px; width:90%; margin:0 auto; text-align:left; background:#FFF; color:#000;  }
    .case-lefts .hd ul{ overflow:hidden; zoom:1; margin-top:10px; zoom:1; text-align:center; z-index:999;}
    .case-lefts .hd ul li{ display:inline-block;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
	.case-lefts .hd ul li.on{ background-position:0 0; }


}
/* 手机 小于等于 640px */
@media (max-width: 640px) {




	/* ---- about ---- */
	.about {padding: 10px 0;}
	.about-left .img-box img {width: 100%;}
	.about-right .title-box {height: 35px; line-height:35px; font-size:24px; font-weight:bold; }
	.about-right .text-box {margin: 10px 0;}
	.about-bottom li {margin: 10px 0;}
	/* ---- .product ---- */
	.product {padding: 15px 0;}
	.product-right-img{ display:none;}
	.product-title {width: 100%;height: 54px;overflow: hidden; text-align:center; padding-top:0px; margin-bottom:10px;}
	.product-title img {display: block;margin: 0 auto; max-width:100%; max-height:100%;}
	.product-left {padding: 0 10px; width:100%;}
	.product-left .left-body {border:2px solid #499900; }
	.product-left .left-body ol {padding: 10px 5px;}
	.product-left .left-body li a {font-size: 14px;}
	.product-right {padding: 0 10px; width:100%;}
	.product-right li .text-box {height: 25px;line-height: 25px;margin: 0px 0px 0;}
	.product-right li .text-box p {font-size: 14px;height: 25px;line-height: 25px;top: calc(50% - 15px);}


	
	/* ---- news ---- */
	/* ---- news ---- */
	.news {padding: 0px 0;}
	.news-title {width: 100%;height: 54px;overflow: hidden; text-align:center; padding-top:0px; margin-bottom:10px;}
	.news-title img {display: block;margin: 0 auto; max-width:100%; max-height:100%;}
	.news-body {padding: 0;}
	.news-body .news-left .news-box .img-box {height: auto;}
	.news-body .news-left .news-box .text-box h3 {font-size: 16px;line-height: 30px;}
	.news-body .news-left .news-box .text-box p {font-size: 14px;line-height: 20px;max-height: 80px;}
	.news-body .news-right dl {margin: 0;}
	.news-body .news-right dd {margin: 10px;}
	.news-body .news-right ul.news-box {}
	.news-body .news-right li .news-time {margin: 0;padding: 0;}
	.news-body .news-right li .news-time i {color: #000;}
	.news-body .news-right li .news-time em {color: #000;}
	.news-body .news-right li .text-box {margin: 0;padding-left: 10px;}
	.news-body .news-right li .text-box h3 {font-size: 14px;font-weight: bold;}
	.news-body .news-right li .text-box p {line-height: 20px;max-height: 40px;}
	
}
/* 手机 小于等于 414px iPhone6/7/8Plus */