
/* PC大于等于1200px */
@media screen and (min-width: 1200px) {
	.c30{ height:30px; clear:both;}
	.c50{ height:50px; clear:both;}
	.pimg img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
	.pimg:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }


    .index-title {text-align: center;padding: 0; height:75px; margin-bottom:5px;}
	.index-title img {display: block;margin: 0 auto;}

	.product{padding: 0;background:url(../image/pro.png) top center no-repeat }
	.product-body {padding: 0; padding-top:40px;}

.product-body .pleft{ margin-top: 50px; padding:0;float:left; width:350px; }

.iproimg1{  width:350px; height:470px; overflow:hidden; position:relative;}
.iproimg1 img{ width:100%; height:100%;}
.iproimg1 p{display: block;position:absolute;width:100%;color:#fff;line-height:30px;z-index:10;bottom:0px;left:0;font-size:14px;padding:10px 20px; background:url(../image/worbg.png) left top repeat;}
.iproimg1 p b{ display: block; line-height:30px; font-size:16px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.iproimg1 p span{ display:block; font-size:14px; line-height:20px; height:40px; overflow:hidden;}

.product-body .z1-tab {
	float:right; width:830px;
  margin-top: 45px;
  overflow: hidden;margin-right: 10px;
}

.product-body .z1-tab li {
  float: left;
  width: 265px;
}

.product-body .z1-tab li p {
  
  overflow: hidden;
}

.product-body .z1-tab li p img {
  margin: 5px;
 
  width: 265px;
  height: 180px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  box-shadow: 10px 8px 10px 3px #d3d3d3;  /*Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+*/

-webkit-box-shadow: 10px 8px 10px 3px #d3d3d3;

-moz-box-shadow: 10px 8px 10px 3px #d3d3d3;
}

.product-body .z1-tab li h3 {
  text-align: center;
  font: 14px/32px "Microsoft YaHei";
  color: #6e6e6e;
  margin:0;
}

.product-body .z1-tab li:hover img {
  transform: scale(1.1);
}


.product-body .pmore{ width:135px; height:35px; margin:0 auto;}	
.product-body .pmore>a {
  display: inline-block;
  width: 140px;
  text-align: center;
  font: 16px/40px "Microsoft YaHei";
  background-color: #dadada;
  border-radius: 20px;
  color: #000;
  margin-right: 20px;
  transition: background .5s ease;
}

.product-body .pmore>a:hover {
  background-color: #964249;
}

	/* ---- about ---- */
	.about {padding: 0; background:#f5f5f5;}
	.about-body {padding: 0; padding-top:50px; padding-bottom:50px;}
	.fr {
  float: right;
}
.fl {
  float: left;
}
.about-body .z4-l {
  margin-top: 40px;
  width: 575px;
}

.about-body .z4-r {
  width: 600px;
  position: relative;
  z-index: 10;
  padding: 0px;
  height: 450px;
}
.about-body .z4-r .z4-about {
  font: 32px/90px "Microsoft YaHei";
  color: #974247;
  border-bottom:1px solid #974247;
}

.about-body .z4-r h1 {
  font: 24px/1 "Microsoft YaHei";
  color: #4e1f29;
  padding-bottom: 5px;
  background: url(http://lbysys.com/views/default/static/images/line.png) left bottom no-repeat;
}


.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: 14px/26px "Microsoft YaHei";
  color: #515151;
}

.about-body .z4-r .z4-summary a {
  font-weight: bold;
  color: #d9ac5d;
}

.about-body .z4-r .z4-inner {
  margin-top: 18px;
}

.about-body .z4-r .z4-inner>a {
  display: inline-block;
  width: 24%;
  text-align: center;
  font: 16px/25px "Microsoft YaHei";
  background:url(../image/jhtp51.png); height:100px; overflow:hidden;
  color: #974249;
  margin-right:0.8%;
  transition: background .5s ease;

}
.about-body .z4-r .z4-inner>a img{ margin:15px 0px; display: inline-block;
            vertical-align: middle;}
.about-body .z4-r .z4-inner>a p{ color: #974249; padding:0; margin:0;}

.about-body .z4-r .z4-inner>a:hover {
  background:url(../image/jhtp5.png); 
}


	
	
.ads{ width:100%; padding:0; margin:0;}
.ads img{ max-width:100%; height:auto; }	
	
		/* ---- about ---- */
		.cases {padding: 0;background:url(../image/case.png) top center no-repeat }

    .casebodys{ height:200px;  position:relative; z-index:99; padding-top:0px; margin-bottom:40px;}
    .case-lefts{ width:100%; position:relative;  }
    .case-lefts .prev{ display:block;  width:17px; height:39px; z-index:99;  cursor:pointer; background:url("../image/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("../image/r.png") no-repeat; position:absolute; right:-15px; top:75px;}
    .case-lefts .prevStop{ background:url("../image/l.png") no-repeat; }
    .case-lefts .nextStop{ background:url("../image/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:200px; _display:inline; overflow:hidden; text-align:center;  }
    .case-lefts .bd ul li .pic{ text-align:center;width:100%; height:auto; }
    .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("../image/icoCircle.gif") 0 -9px no-repeat; }
	.case-lefts .hd ul li.on{ background-position:0 0; }
	

	
.ys {padding: 0;background:url(../image/five.png) top center no-repeat; height:759px; }
.ys-body { margin:0 auto; padding:0; position:relative;}
.ys-body li{ width:261px; height:299px;}
.ys-body li:nth-child(1){ position:absolute; left:180px;top:50px;}
.ys-body li:nth-child(2){ position:absolute; left:480px;top:50px;}
.ys-body li:nth-child(3){ position:absolute; left:780px;top:50px;}
.ys-body li:nth-child(4){ position:absolute; left:30px;top:305px;}
.ys-body li:nth-child(5){ position:absolute; left:330px;top:305px;}
.ys-body li:nth-child(6){ position:absolute; left:630px;top:305px;}
.ys-body li:nth-child(7){ position:absolute; left:930px;top:305px;}

.liu {padding: 0;background:url(../image/liu.png) top center no-repeat; height:885px; }
.liu-body { margin:0 auto; padding:0; padding-top:85px;}
.liu-body .lleft{ float:left; width:50%;}
.liu-body .lright{ float:right;width:50%;}
.liu-body li{ width:100%;}
.liu-body li img{ max-width:100%; height:auto;}

.case {padding: 0;background:#f5f5f5 }

  .casebody{margin:0 auto; padding:0; padding-top:55px; padding-bottom:55px;  }
.casebody dl{ width:23%; height:auto;overflow:hidden; float:left; margin:0 1%; background:#FFF;}
.casebody dl dt,.casebody dl dt img{ width:100%; height:auto;}
.casebody dl dd{ width:100%; padding:15px; height:auto; overflow:hidden; border-top:0;}
.casebody dl dd .zi{  height:180px; overflow:hidden; float:right;}
.casebody dl dd .zi span{height:30px; overflow:hidden; text-align:left; line-height:30px; font-size:16px; font-weight:bold; color:#964249; margin:0 0 12px; display:block;}
.casebody dl dd .zi p{height:96px; text-align:left; line-height:24px; font-size:12px; color:#666666; margin:0 0 12px;}
.casebody dl dd .zi a{ width:80px;height:24px;border:1px solid #c3c5c8; display:block;text-align:center; line-height:24px; font-size:14px; color:#666666;}
.casebody dl dd .zi a:hover{ background:#eb3d01;border:1px solid #eb3d01; color:#fff;}

.hz {padding:0; margin-bottom:10px; background:url(../image/hz.jpg) repeat;}
.hz-body {  margin:0 auto;}
.hz-body .lcont{ height:132px;  padding:0 25px; margin-top:10px;}
.hz-body .lcont li{ float:left; width:auto; height:132px; padding-right:65px; position:relative;}
.hz-body .lcont li h4{ width:100px; height:100px;}
.hz-body .lcont li p{ font-size:14px; color:#f0f0f0; line-height:14px; height:14px; text-align:center; margin-top:18px;}
.hz-body .lcont li i{ display:block; background:url(../image/next.png) no-repeat  center top; width:23px; height:23px; position:absolute; left:120px; top:40px;}
.hz-body .lcont li.noPr{ padding-right:0;}
.hz-body .lcont li h4.lt1{ background:url(../image/lcImg1.png) no-repeat center top;}
.hz-body .lcont li h4.lt2{ background:url(../image/lcImg2.png) no-repeat center top;}
.hz-body .lcont li h4.lt3{ background:url(../image/lcImg3.png) no-repeat center top;}
.hz-body .lcont li h4.lt4{ background:url(../image/lcImg4.png) no-repeat center top;}
.hz-body .lcont li h4.lt5{ background:url(../image/lcImg5.png) no-repeat center top;}
.hz-body .lcont li h4.lt6{ background:url(../image/lcImg6.png) no-repeat center top;}
.hz-body .lcont li h4.lt7{ background:url(../image/lcImg7.png) no-repeat center top;}
.hz-body .lcont li:hover i{ background-position:center bottom;}
.hz-body .lcont li:hover h4{ background-position:center bottom;}
.hz-body .dzCont{ background:url(../image/dzbg.png) no-repeat center; height:66px; width:400px; margin:40px auto 30px auto;}
.hz-body .dzCont span{ float:left; margin-left:13px; padding-left:6px; width:249px; font-size:18px; color:#303030; line-height:66px; height:66px; overflow:hidden;}
.hz-body .dzCont span em{ font-size:20px; color:#ff0000;}
.hz-body .dzCont a{ float:left; width:132px; height:66px; line-height:66px; text-align:center; font-size:25px; color:#fffefe; text-decoration:none;}


	/* ---- news ---- */
	.news {padding: 50px 0; background:#f5f5f5;}
	.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; height:465px;}
	.news-body .news-left {padding: 0; padding-top:15px;}
	.news-body .news-left .news-box a{margin: 0 10px;}
	.news-body .news-left .news-box a{margin: 0 10px; position:relative;width: 100%;height: 465px; display:block}
	.news-body .news-left .news-box a .img-box {width: 100%;height: 465px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center; position:absolute; left:0; top:0;}
	.news-body .news-left .news-box a .img-box img {width: 100%; height:auto;}
	.news-body .news-left .news-box a .img-wz { text-align:center;margin: 0;font-size: 14px;font-weight: bold;line-height: 50px;height: 50px;width: 100%;color: #FFF; position:absolute; left:0; bottom:0;background:url(../image/tm.png) repeat}
	.news-body .news-right {padding: 0;}
	.news-body .news-right dl {margin: 10px 20px 0;}
	.news-body .news-right ul.news-box {margin: 0;}
	.news-body .news-right dd a{ display:block; width:100%; background:#FFF;transition: background .5s ease;color:#000;}
	.news-body .news-right dd a:hover {background-color: #7a2129; color:#FFF;}
	.news-body .news-right dd a:hover .news-time i{color:#FFF;}
	.news-body .news-right dd a:hover .news-time em{color:#FFF;}
	.news-body .news-right dd a:hover .text-box h3{color:#FFF;}
	.news-body .news-right dd a:hover .text-box p{color:#FFF;}
	.news-body .news-right li {padding: 0;}
	.news-body .news-right dd{padding: 5px 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: 28px;line-height: 40px;color:#7a2129;}
	.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;color:#7a2129;}
	.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;white-space: nowrap;overflow: hidden;}
	.news-body .news-right li .text-box p {margin: 0;max-height: 650px;line-height: 25px;overflow: hidden;/*text-indent: 2em;*/}
}




/* iPad Pro 小于等于1200px */
@media screen and (max-width: 1200px) {
	.c30{ height:10px; clear:both;}
	.c50{ height:15px; clear:both;}
	.app-search {
		display:none;
}

    .index-title {height: 45px;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 .pleft{  padding:0;float:none; width:96%; margin:0 auto; padding-top:10px;}

.iproimg1{  width:100%; max-height:auto; overflow:hidden; position:relative;}
.iproimg1 img{ width:100%; height:100%;}
.iproimg1 p{display: block;position:absolute;width:100%;color:#fff;line-height:30px;z-index:10;bottom:0px;left:0;font-size:14px;padding:10px 20px; background:url(../image/worbg.png) left top repeat;}
.iproimg1 p b{ display: block; line-height:30px; font-size:16px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.iproimg1 p span{ display:block; font-size:14px; line-height:20px; height:40px; overflow:hidden;}

.product-body .z1-tab {
	float:none; width:100%;
  margin-top: 10px;

}

.product-body .z1-tab li {
  float: left;
  width: 49%; margin-right:1%;
}

.product-body .z1-tab li p {
  
  overflow: hidden;
}

.product-body .z1-tab li p img {
  margin: 5px;
 
  width: 100%;
  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;
  box-shadow: 10px 8px 10px 3px #d3d3d3;  /*Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+*/

-webkit-box-shadow: 10px 8px 10px 3px #d3d3d3;

-moz-box-shadow: 10px 8px 10px 3px #d3d3d3;
}

.product-body .z1-tab li h3 {
  text-align: center;
  font: 14px/32px "Microsoft YaHei";
  color: #6e6e6e;
  margin:0;
}

.product-body .z1-tab li:hover img {
  transform: scale(1.1);
}


.product-body .pmore{ width:135px; height:35px; margin:0 auto;}	
.product-body .pmore>a {
  display: inline-block;
  width: 140px;
  text-align: center;
  font: 16px/40px "Microsoft YaHei";
  background-color: #dadada;
  border-radius: 20px;
  color: #000;
  margin-right: 20px;
  transition: background .5s ease;
}

.product-body .pmore>a:hover {
  background-color: #964249;
}


	
	/* ---- about ---- */
	.about {padding: 40px 0; background:url(http://lbysys.com/views/default/static/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: 0px;
  height: auto;
  margin:0 auto;
}
.about-body .z4-r .z4-about {
  font: 24px/30px "Microsoft YaHei";
  color: #974247;
  border-bottom:1px solid #974247;
}

.about-body .z4-r h1 {
  font: bold 20px/1 "Microsoft YaHei";
  color: #211f36;
  padding-bottom: 5px;
  background: url(http://lbysys.com/views/default/static/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: 8px;
}

.about-body .z4-r .z4-inner>a {
  display: inline-block;
  width: 24%;
  text-align: center;
  font: 16px/25px "Microsoft YaHei";
  background:url(../image/jhtp51.png); height:100px; overflow:hidden;
  color: #974249;
  margin-right:0.8%;
  transition: background .5s ease;

}
.about-body .z4-r .z4-inner>a img{ margin:15px 0px; display: inline-block;
            vertical-align: middle;}
.about-body .z4-r .z4-inner>a p{ color: #974249; padding:0; margin:0;}

.about-body .z4-r .z4-inner>a:hover {
  background:url(../image/jhtp5.png); 
}


	

		.ads{ width:100%; padding:0; margin:0;}
	.ads img{ max-width:100%; height:auto; }

.case {padding: 0;background:#f5f5f5 }

  .casebody{margin:0 auto; padding:0; padding-top:15px; padding-bottom:15px;  }
.casebody dl{ width:48%; height:auto;overflow:hidden; float:left; margin:0 1%; background:#FFF;}
.casebody dl dt,.casebody dl dt img{ width:100%; height:auto;}
.casebody dl dd{ width:100%; padding:15px; height:auto; overflow:hidden; border-top:0;}
.casebody dl dd .zi{  height:180px; overflow:hidden; float:right;}
.casebody dl dd .zi span{height:30px; overflow:hidden; text-align:left; line-height:30px; font-size:16px; font-weight:bold; color:#964249; margin:0 0 12px; display:block;}
.casebody dl dd .zi p{height:96px; text-align:left; line-height:24px; font-size:12px; color:#666666; margin:0 0 12px;}
.casebody dl dd .zi a{ width:80px;height:24px;border:1px solid #c3c5c8; display:block;text-align:center; line-height:24px; font-size:14px; color:#666666;}
.casebody dl dd .zi a:hover{ background:#eb3d01;border:1px solid #eb3d01; color:#fff;}


		/* ---- about ---- */
		.cases {padding: 0px 0; background:url(../image/case.png) repeat  }
	.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:10px; margin-bottom:10px;}
    .case-lefts{ width:100%; position:relative;  }
    .case-lefts .prev{ display:block;  width:17px; height:39px; z-index:99;  cursor:pointer; background:url("../image/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("../image/r.png") no-repeat; position:absolute; right:-15px; top:75px;}
    .case-lefts .prevStop{ background:url("../image/l.png") no-repeat; }
    .case-lefts .nextStop{ background:url("../image/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("../image/icoCircle.gif") 0 -9px no-repeat; }
	.case-lefts .hd ul li.on{ background-position:0 0; }
	

.ys {padding: 20px 0;background:url(../image/five.png) repeat;  }
.ys-body { margin:0 auto; padding:0;}
.ys-body li{ width:23%;  height:auto; float:left; margin:1%;}
.ys-body li img{ max-width:100%; height:auto;}	

.ys-body li:nth-child(1){ margin-left:11%;}

.ys-body li:nth-child(3){margin-right:10%;}


.liu {padding: 0;background:url(../image/liu.png) repeat; }
.liu-body { margin:0 auto; padding:0; padding-top:15px;}
.liu-body .lleft{ float:none; width:100%;}
.liu-body .lright{ float:none;width:100%;}
.liu-body li{ width:100%;}
.liu-body li img{ max-width:100%; height:auto;}

	/* ---- news ---- */
.hz {padding:0; background:url(../image/hz.jpg) repeat;}
.hz-body {  margin:0 auto;}
.hz-body .lcont{ height:auto;  padding:0 5px; margin-top:5px;}
.hz-body .lcont li{ float:left; width:20%; height:114px; padding-right:15px; position:relative;}
.hz-body .lcont li h4{ width:60px; height:60px;}
.hz-body .lcont li p{ font-size:14px; color:#f0f0f0; line-height:14px; height:14px; text-align:center; margin-top:18px;}
.hz-body .lcont li i{ display:block; background:url(../image/nn.png) no-repeat  center top; width:11px; height:11px; position:absolute; left:60px; top:40px;background-size:100% 100%}
.hz-body .lcont li.noPr{ padding-right:0;}
.hz-body .lcont li h4.lt1{ background:url(../image/l1.png) no-repeat center top;background-size:100% 100%}
.hz-body .lcont li h4.lt2{ background:url(../image/l2.png) no-repeat center top;background-size:100% 100%}
.hz-body .lcont li h4.lt3{ background:url(../image/l3.png) no-repeat center top;background-size:100% 100%}
.hz-body .lcont li h4.lt4{ background:url(../image/l4.png) no-repeat center top;background-size:100% 100%}
.hz-body .lcont li h4.lt5{ background:url(../image/l5.png) no-repeat center top;background-size:100% 100%}
.hz-body .lcont li h4.lt6{ background:url(../image/l6.png) no-repeat center top;background-size:100% 100%}
.hz-body .lcont li h4.lt7{ background:url(../image/l7.png) no-repeat center top;background-size:100% 100%}
.hz-body .lcont li:hover i{ background-position:center bottom;}
.hz-body .lcont li:hover h4{ background-position:center bottom;}
.hz-body .dzCont{ background:url(../image/dzbg.png) no-repeat center;background-size:100% 100%; height:46px; width:300px; margin:10px auto 10px auto;}
.hz-body .dzCont span{ float:left; margin-left:2px; padding-left:6px; width:199px; font-size:14px; color:#980c15; line-height:46px; height:46px; overflow:hidden;}
.hz-body .dzCont span em{ font-size:14px; color:#ff0000;}
.hz-body .dzCont a{ float:left; width:92px; height:46px; line-height:46px; text-align:center; font-size:15px; color:#fffefe; text-decoration:none;}


	/* ---- news ---- */
	.news {padding:0; margin-bottom:10px; }
	.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 a{margin: 0; position:relative;width: 100%;height: 465px; display:block}
	.news-body .news-left .news-box a .img-box {width: 100%;height: 465px;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;align-items: center; position:absolute; left:0; top:0;}
	.news-body .news-left .news-box a .img-box img {width: 100%; height:auto;}
	.news-body .news-left .news-box a .img-wz { text-align:center;margin: 0;font-size: 14px;font-weight: bold;line-height: 50px;height: 50px;width: 100%;color: #FFF; position:absolute; left:0; bottom:0;background:url(../image/tm.png) repeat}
	.news-body .news-right {padding: 0;}
	.news-body .news-right dl {margin: 10px 0 0;}
	.news-body .news-right dd a{ display:block; width:100%; background:#FFF;transition: background .5s ease;color:#000;}
	.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;color:#7a2129;}
	.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;color:#7a2129;}
	.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;}
    .case-lefts{ width:100%; position:relative;  }
    .case-lefts .prev{ display:block;  width:17px; height:39px; z-index:99;  cursor:pointer; background:url("../image/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("../image/r.png") no-repeat; position:absolute; right:-15px; top:75px;}
    .case-lefts .prevStop{ background:url("../image/l.png") no-repeat; }
    .case-lefts .nextStop{ background:url("../image/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("../image/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:#7a2129;}
	.news-body .news-right li .news-time em {color:#7a2129;}
	.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 */
