@charset "utf-8";
/* PC大于等于1200px */
@media screen and (min-width: 1200px) {
	/* ---- about ---- */
	.about {padding: 0px 0; background: url(../images/aboutbj.png) top center no-repeat;}
	
    .casebody{ height:180px;  margin-top:-90px; position:relative; z-index:99;}
    .case-left{ width:100%; position:relative;   }
.case-left .prev{ display:block;  width:17px; height:39px; z-index:99;  cursor:pointer; background:url("../images/l.png") no-repeat; position:absolute; left:-35px; top:75px;}
.case-left .next{ display:block;  width:17px; height:39px; cursor:pointer; background:url("../images/r.png") no-repeat; position:absolute; right:-35px; top:75px;}
.case-left .prevStop{ background:url("../images/l.png") no-repeat; }
.case-left .nextStop{ background:url("../images/r.png") no-repeat; }
.case-left .bd{ padding:0px;   }
.case-left .bd ul{ overflow:hidden; zoom:1; }
.case-left .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.case-left .bd ul li .pic{ text-align:center; }
.case-left .bd ul li .pic img{ width:275px; height:180px; display:block;  padding:0px; }
.case-left .bd ul li .title a:hover { color:#F00;  }
.case-left .bd ul li .title{ line-height:30px; color:#000;  }


	.about-body {padding: 0; padding-top:110px; padding-bottom:30px;}
	.about-left {padding: 0 10px;}
	.about-left .img-box {width: 100%;height: 245px;overflow: hidden;}
	.about-left .img-box img {display: block;margin: 0 auto;}
	.about-right {padding: 0 10px;}
	.about-right .title-box {height: 90px;}
	.about-right .text-box {margin: 15px 0 0;text-indent: 2em;line-height: 30px;height: 160px;overflow: hidden;}
	.about-right .button-box {margin: 10px 0 0;}
	.about-right .button-box .comment {padding: 0 20px 0 0;}
	.about-right .button-box .comment i {font-style: normal;display: block;float: left;width: calc(40% * 0.8);height: 40px;line-height: 40px;text-align: center;font-size: 16px;font-weight: bold;color: #fff;background: #0096ff;border: 1px solid #93bbd7;}
	.about-right .button-box .comment em {font-style: normal;display: block;float: left;width: calc(60% * 0.8);height: 40px;line-height: 40px;text-align: center;font-size: 20px;font-weight: bold;color: #0f974a;border: 1px solid #93bbd7;}
	.about-right .button-box .read-more {padding: 0;text-align: center;}
	.about-right .button-box .read-more a {display: block;float: right;/*margin: 0 auto;*/padding: 0 0px 0 0;width: 30%;height: 30px;line-height: 30px;text-align: center;font-size: 14px;text-transform: uppercase;color: #499900;border: 2px solid #499900;position: relative;}
	
	.about-bottom {padding: 40px 0 0;}
	.about-bottom li {margin: 20px 0;}
	.about-bottom li .about-list {width: 75%;margin: 0 auto;}
	.about-bottom li .about-list span {display: block;float: left;width: 60px;height: 60px;line-height: 60px;text-align: center;font-size: 48px;}
	.about-bottom li .about-list .text-box {float: left;width: calc(100% - 60px);padding: 0 10px;}
	.about-bottom li .about-list .text-box h3 {font-size: 20px;margin: 0;line-height: 30px;color: #0f974a;}
	.about-bottom li .about-list .text-box p {font-size: 14px;margin: 0;line-height: 30px;text-transform: uppercase;}
	
		/* ---- about ---- */
	.cases {padding: 0px 0; background: url(../images/qz_24.png) top center no-repeat; overflow:hidden;}
	.cases .img-box {width: 100%;height: 124px;overflow: hidden; text-align:center; padding-top:30px;}
	.cases .img-box img {display: block;margin: 0 auto;}
    .casebodys{ height:420px;  position:relative; z-index:99; padding-top:30px; margin-bottom:60px;}
    .case-lefts{ width:100%; position:relative; overflow:hidden;   }
    .case-lefts .prev{ display:block;  width:50px; height:100px; z-index:99;  cursor:pointer; background:url("../images/l1.png") no-repeat; position:absolute; left:0px; top:95px;}
    .case-lefts .next{ display:block;  width:50px; height:100px;  z-index:99;cursor:pointer; background:url("../images/r1.png") no-repeat; position:absolute; right:0px; top:95px;}
    .case-lefts .prevStop{ background:url("../images/l1.png") no-repeat; }
    .case-lefts .nextStop{ background:url("../images/r1.png") no-repeat; }
    .case-lefts .bd{ padding:0px;   }
    .case-lefts .bd ul{ overflow:hidden; zoom:1; }
    .case-lefts .bd ul li{ margin:0 10px 0 0; float:left; width:33.333333%; height:400px; _display:inline; overflow:hidden; text-align:center;  }
    .case-lefts .bd ul li .pic{ text-align:center;width:100%; height:290px; }
    .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:100px; width:100%; margin:0 auto; background:#FFF; color:#969696;  }
	.case-lefts .bd ul li .title .tit{ line-height:40px; height:40px; width:90%; margin:0 auto; text-align:center; font-size:16px; background:#FFF; color:#000;  }
	.case-lefts .bd ul li .title .desc{ line-height:25px; height:60px; width:90%; margin:0 auto; text-align:center; 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; }
	
	

	/* ---- product ---- */
	.product {padding: 45px 0;background: url(../images/team.png) top center no-repeat;}
	.product-title {text-align: center;padding: 0; height:80px; margin-bottom:35px;}
	.product-title img {display: block;margin: 0 auto;}

	.product-body {padding: 0;}
	.product-left {width:263px; float:left;}
	.product-left .left-head { width:263px; height:162px;background: url(../images/qz_30.png) top center no-repeat;}
	.product-left .left-body { border:2px solid #499900; border-top:none;}
	.product-left .left-body ol {margin: 0;padding: 10px 30px 10px 20px;}
	.product-left .left-body li {margin: 10px 0;padding: 0;height: 40px;line-height: 40px;text-align: left;border-bottom: 1px dashed #d0d0d0;position: relative;}
	.product-left .left-body li hr {width: 0;height: 100%;margin: 0;border: none;border-radius: 8px;position: absolute;left: 0;top: 0;transition: all 0.5s;}
	.product-left .left-body li a {display: block;padding-left: 30px;font-size: 16px;color: #499900;white-space: nowrap;background: url(../images/icon_list_li.png) 5px 50% no-repeat;position: relative;}
	.product-left .left-body li a:hover{width: 100%; color:#F00;}
	.product-left .left-bottom {width:263px; height:199px;background: url(../images/qz_37.png) top center no-repeat;}
	.product-left .left-bottom .text-box {background-image: linear-gradient(45deg, #0058e2, #2d87f0, #0f974a, #dddddd);}
	.product-left .left-bottom .text-box h3 {margin: 0;font-size: 20px;line-height: 30px;color: #fff;}
	.product-left .left-bottom .text-box p {margin: 0;font-size: 28px;line-height: 40px;color: #fff;}
	.product-right {padding: 0; width:930px; float:right;}
	.product-right-img {text-align: left;padding: 0; height:48px; margin-bottom:15px;}
	product-right-img img {display: block;margin: 0 auto;}
	.product-right ul {margin: 0;}
	.product-right li {padding: 0;margin-bottom: 10px;}
	.product-right li .img-box {width: calc(100% - 20px);margin: 0 10px;height: 240px;overflow: hidden; position: relative;}
	.product-right li .img-box img {display: block;margin: 0 auto;transition: all 0.5s;border:2px solid #f2f6ed;}
	.product-right li .img-box .cover-box {width: 100%;height: 100%;background: rgba(150,212,255,0.5);opacity: 0;transition: all 0.5s;position: absolute;left: 0;top: 0;}
	.product-right li .img-box .cover-box hr {margin: 10px;width: 50px;height: 40px;border: none;position: absolute;transition: all 0.5s;}
	.product-right li .img-box .cover-box hr:nth-of-type(1) {border-left: 2px solid #fff;border-top: 2px solid #fff;top: calc(50% - 40px);left: calc(50% - 50px);}
	.product-right li .img-box .cover-box hr:nth-of-type(2) {border-right: 2px solid #fff;border-top: 2px solid #fff;top: calc(50% - 40px);right: calc(50% - 50px);}
	.product-right li .img-box .cover-box hr:nth-of-type(3) {border-left: 2px solid #fff;border-bottom: 2px solid #fff;bottom: calc(50% - 40px);left: calc(50% - 50px);}
	.product-right li .img-box .cover-box hr:nth-of-type(4) {border-right: 2px solid #fff;border-bottom: 2px solid #fff;bottom: calc(50% - 40px);right: calc(50% - 50px);}
	.product-right li .text-box {width: calc(100% - 20px);margin: 0px 10px;height: 40px;line-height: 40px;text-align: center;overflow: hidden;position: relative;}
	.product-right li .text-box p {width: 6em;margin: 0 auto;font-size: 20px; color: #000;white-space: nowrap;border-radius: 15px;transition: all 0.5s;position: absolute;top: calc(50% - 20px);left: calc(50% - 3em);}
	.product-right li:hover .img-box img {transform: scale(1.1);}
	.product-right li:hover .text-box p {width: calc(100% + 30px);background: #499900;top: 0;left: calc(0% - 15px);}

	.product-bottom {padding: 0;}
	.product-bottom .read-more {margin: 10px 0;}
	.product-bottom .read-more a {display: block;margin: 0 auto;padding: 0 20px 0 0;width: 10em;height: 40px;line-height: 40px;text-align: center;font-size: 14px;text-transform: uppercase;color: #fff;background: #0096ff;border: 1px solid #93bbd7;position: relative;}
	.product-bottom .read-more a span {display: block;width: 20px;height: 20px;line-height: 20px;font-weight: bold;margin: 10px 0;color: #57b02d;background: #fff;border-radius: 50%;position: absolute;top: 0;right: 10px;}


	/* ---- news ---- */
	.news {padding: 40px 0;}
	.news-title {padding: 0;text-align: center;}
	    .news-title img {display: block;margin: 0 auto;}
	.news-body {padding: 40px 0 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 .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-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; float:right;}
	.news-body .news-right .news-menu{ text-align:left; margin:30px 0px; width:100%; height:50px; }
	.news-body .news-right .news-menu li{ width:125px; height:50px;  float:left; text-align:center; line-height:50px;}
	.news-body .news-right .news-menu li a{ width:125px; height:50px; display:block; font-size:20px; border:1px solid #ced2c6;color:#000;}
	.news-body .news-right .news-menu li a:hover{ background:#499900; color:#FFF;}
	.news-body .news-right dl {margin: 10px 0px 0;}
	.news-body .news-right ul.news-box {margin: 0;}
	.news-body .news-right li {padding: 0; border-bottom:1px solid #d2d4cf;}
	.news-body .news-right li .news-time {margin: 10px;padding: 10px 0;background: rgba(0,122,255,0.5);}
	.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;*/}

	/* ---- contact ---- */
	.contact {padding: 0px 0;background: url(../images/mess.png) top center no-repeat;}
	.contact-body {padding: 40px 0;}
	.mesbody{width:45%; float:right; }
    .mesbody .sure{ text-align:left; padding-top:10px;}
    .mesbody .sure input{ background:#FFF; width:120px; height:40px; border:0;  line-height:40px;  font-size:15px; color:#0f974a;}
    .mesbody .sure input:hover{ background:#c69f64;}
    .mesbody .inp{ width:90%; margin:0 auto;  margin-bottom:10px; float:left; margin-right:18px;}
    .mesbody .inp input{ padding-bottom:10px; padding-top:10px; padding-left:5px; width:90%; border:1px solid #545a66; color:#ccc; background:#FFF; font-size:14px;}
    .mesbody .fg{ width:90%;line-height:35px;}
    .mesbody .fg input{ padding-bottom:0px; padding-top:0px;  height:100px; line-height:35px; width:90%;border:1px solid #545a66;  color:#ccc; background:#FFF;font-size:14px;}
    .mesbody .wz{ width:90%; line-height:30px; color:#FFF; font-size:16px;}
    .mesbody img{ padding:10px;}
    
}
/* iPad Pro 小于等于1200px */
@media screen and (max-width: 1200px) {
	/* ---- about ---- */
	.about {padding: 40px 0;}
	.about-body {padding: 0;}
	.about-left {padding: 0 10px;}
	.about-left .img-box {width: 100%;height: 225px;overflow: hidden;}
	.about-left .img-box img {display: block;margin: 0 auto;}
	.about-right {padding: 0 10px;}
	.about-right .title-box {height: 90px;line-height: 90px;margin: 0px 0 0;}
	.about-right .title-box h3 {display: inline;font-size: 30px;margin: 0;color: #0f974a;}
	.about-right .title-box p {display: inline;font-size: 20px;margin: 0;letter-spacing: 3px;}
	.about-right .title-box p i {font-style: normal;text-transform: uppercase;color: #000000;margin-left: 5px;padding-left: 5px;border-left: 4px solid #0f974a;}
	.about-right .title-box p em {font-style: normal;text-transform: uppercase;color: #0f974a;}
	.about-right .text-box {margin: 15px 0 0;text-indent: 2em;line-height: 30px;height: 120px;overflow: hidden;}
	.about-right .button-box {margin: 10px 0 0;}
	.about-right .button-box .comment {padding: 0 20px 0 0;}
	.about-right .button-box .comment i {font-style: normal;display: block;float: left;width: calc(40% * 0.8);height: 40px;line-height: 40px;text-align: center;font-size: 16px;font-weight: bold;color: #fff;background: #0096ff;border: 1px solid #93bbd7;}
	.about-right .button-box .comment em {font-style: normal;display: block;float: left;width: calc(60% * 0.8);height: 40px;line-height: 40px;text-align: center;font-size: 20px;font-weight: bold;color: #0f974a;border: 1px solid #93bbd7;}
	.about-right .button-box .read-more {padding: 0;text-align: center;}
	.about-right .button-box .read-more a {display: block;float: right;/*margin: 0 auto;*/padding: 0 0px 0 0;width: 30%;height: 30px;line-height: 30px;text-align: center;font-size: 14px;text-transform: uppercase;color: #499900;border: 2px solid #499900;position: relative;}
	.about-bottom {padding: 20px 0 0;}
	.about-bottom ol {margin: 0;}
	.about-bottom li {margin: 20px 0;padding: 0}
	.about-bottom li .about-list {width: 75%;margin: 0 auto;text-align: center;}
	.about-bottom li .about-list span {display: block;float: left;width: 60px;height: 60px;line-height: 60px;text-align: center;font-size: 48px;}
	.about-bottom li .about-list .text-box {float: left;width: calc(100% - 60px);padding: 0 10px;}
	.about-bottom li .about-list .text-box h3 {font-size: 20px;margin: 0;line-height: 30px;color: #0f974a;}
	.about-bottom li .about-list .text-box p {font-size: 14px;margin: 0;line-height: 30px;text-transform: uppercase;}

	/* ---- product ---- */
	.product {padding: 20px 0;background: url(../images/team.png) top center no-repeat #f0f5e7;}
	.product-title {text-align: center;padding: 0; height:60px; margin-bottom:35px;}
	.product-title img {display: block;margin: 0 auto;}
	.product-body {padding: 0;}
	.product-left { float:left;}
	.product-left .left-head { width:263px; height:162px;background: url(../images/qz_30.png) top center no-repeat;}

	.product-left .left-body {border:2px solid #499900; border-top:none;}
	.product-left .left-body ol {margin: 0;padding: 10px 30px 10px 20px;}
	.product-left .left-body li {margin: 10px 0;padding: 0;height: 40px;line-height: 40px;text-align: left;border-bottom: 1px dashed #d0d0d0;position: relative;}
	.product-left .left-body li hr {width: 0;height: 100%;margin: 0;border: none;border-radius: 8px;position: absolute;left: 0;top: 0;transition: all 0.5s;}
	.product-left .left-body li a {display: block;padding-left: 30px;font-size: 16px;color: #499900;white-space: nowrap;background: url(../images/icon_list_li.png) 5px 50% no-repeat;position: relative;}
	.product-left .left-body li a:hover{width: 100%; color:#F00;}
	.product-left .left-bottom { display: none;}
	.product-left .left-bottom .text-box {background-image: linear-gradient(45deg, #0058e2, #2d87f0, #0f974a, #dddddd);}
	.product-left .left-bottom .text-box h3 {margin: 0;font-size: 20px;line-height: 30px;color: #fff;}
	.product-left .left-bottom .text-box p {margin: 0;font-size: 28px;line-height: 40px;color: #fff;}
	.product-right {padding: 0; width:930px; float:right;}
	.product-right-img {text-align: left;padding: 0; height:48px; margin-bottom:15px;}
	product-right-img img {display: block;margin: 0 auto;}
	.product-right ul {margin: 0;}
	.product-right li {padding: 0;margin-bottom: 10px;}
	.product-right li .img-box {width: calc(100% - 20px);margin: 0 10px;height: 210px;overflow: hidden; position: relative;}
	.product-right li .img-box img {display: block;margin: 0 auto;transition: all 0.5s;border:2px solid #f2f6ed;}

	.product-right li .text-box {width: calc(100% - 20px);margin: 0px 10px;height: 40px;line-height: 40px;text-align: center;overflow: hidden;position: relative;}
	.product-right li .text-box p {width: 6em;margin: 0 auto;font-size: 20px; color: #000;white-space: nowrap;border-radius: 15px;transition: all 0.5s;position: absolute;top: calc(50% - 20px);left: calc(50% - 3em);}
	.product-right li:hover .img-box img {transform: scale(1.1);}
	.product-right li:hover .text-box p {width: calc(100% + 30px);background: #499900;top: 0;left: calc(0% - 15px);}
	.product-right li:hover .img-box .cover-box {opacity: 1;}
	.product-right li:hover .img-box .cover-box hr:nth-of-type(1) {top: 0;left: 0;}
	.product-right li:hover .img-box .cover-box hr:nth-of-type(2) {top: 0;right: 0;}
	.product-right li:hover .img-box .cover-box hr:nth-of-type(3) {bottom: 0;left: 0;}
	.product-right li:hover .img-box .cover-box hr:nth-of-type(4) {bottom: 0;right: 0;}

	

	

	/* ---- news ---- */
	.news {padding: 40px 0;}
	.news-title {padding: 0;text-align: center;}
	.news-title h3 {margin: 0;font-size: 32px;line-height: 40px;color: #0f974a;}
	.news-title span {display: block;font-size: 20px;line-height: 30px;}
	.news-title span i,.news-title span em {font-style: normal;font-weight: bold;padding: 0 5px;text-transform: uppercase;}
	.news-title span em {color: #0096ff;}
	.news-body {padding: 40px 0 0;}
	.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;background: rgba(0,122,255,0.5);}
	.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;*/}

	/* ---- contact ---- */
	.contact {padding: 0px 0;background: url(../images/mess.png) top center no-repeat;}
	.mesbody{width:45%; float:right; }
    .mesbody .sure{ text-align:left; padding-top:10px;}
    .mesbody .sure input{ background:#FFF; width:120px; height:40px; border:0;  line-height:40px;  font-size:15px; color:#0f974a;}
    .mesbody .sure input:hover{ background:#c69f64;}
    .mesbody .inp{ width:90%; margin:0 auto;  margin-bottom:10px; float:left; margin-right:18px;}
    .mesbody .inp input{ padding-bottom:10px; padding-top:10px; padding-left:5px; width:90%; border:1px solid #545a66; color:#ccc; background:#FFF; font-size:14px;}
    .mesbody .fg{ width:90%;line-height:35px;}
    .mesbody .fg input{ padding-bottom:0px; padding-top:0px;  height:100px; line-height:35px; width:90%;border:1px solid #545a66;  color:#ccc; background:#FFF;font-size:14px;}
    .mesbody .wz{ width:90%; line-height:30px; color:#FFF; font-size:16px;}
    .mesbody img{ padding:10px;}
}
/* iPad Pro 小于等于1024px iPad Pro */
@media screen and (max-width: 1024px) {
	.Piiic {display: none;}
}
/* iPad 小于等于 992px */
@media (max-width: 992px){
	/* ---- about ---- */
	.about {padding: 20px 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 ---- */
	.case-body li:nth-of-type(5) {top: -435px;}
	.case-body li:nth-of-type(4) {top: auto;}

	/* ---- 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-right li .img-box {height: auto;}


	.cases {padding: 0px 0; background: url(../images/qz_24.png) top center no-repeat; overflow:hidden;}
	.cases .img-box {width: 100%;height: 64px;overflow: hidden; text-align:center; padding-top:10px;}
	.cases .img-box img {display: block;margin: 0 auto; max-width:100%; max-height:100%;}
    .casebodys{ height:180px;  position:relative; z-index:99; padding-top:10px; margin-bottom:20px;}
    .case-lefts{ width:100%; position:relative; overflow:hidden;   }
    .case-lefts .prev{ display:none;  width:50px; height:100px; z-index:99;  cursor:pointer; background:url("../images/l1.png") no-repeat; position:absolute; left:0px; top:95px;}
    .case-lefts .next{ display:none;  width:50px; height:100px;  z-index:99;cursor:pointer; background:url("../images/r1.png") no-repeat; position:absolute; right:0px; top:95px;}
    .case-lefts .prevStop{ background:url("../images/l1.png") no-repeat; }
    .case-lefts .nextStop{ background:url("../images/r1.png") no-repeat; }
    .case-lefts .bd{ padding:0px;   }
    .case-lefts .bd ul{ overflow:hidden; zoom:1; }
    .case-lefts .bd ul li{ margin:0 10px 0 0; float:left; width:33.333333%; height:auto; _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:25px; height:25px; width:100%; margin:0 auto; background:#FFF; color:#969696;  }
	.case-lefts .bd ul li .title .tit{ line-height:25px; height:25px; width:90%; margin:0 auto; text-align:left; font-size:16px; background:#FFF; color:#000;  }
	.case-lefts .bd ul li .title .desc{ display:none; line-height:20px; height:40px; 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; }

	/* ---- contact ---- */
	.contact {padding: 0px 0;background: url(../images/mess.png) top center no-repeat;}
	.contact-body {padding: 10px 0;}
	.mesbody{width:90%; margin:0 auto; float:none; }
    .mesbody .sure{ text-align:left; padding-top:10px;}
    .mesbody .sure input{ background:#FFF; width:120px; height:40px; border:0;  line-height:40px;  font-size:15px; color:#0f974a;}
    .mesbody .sure input:hover{ background:#c69f64;}
    .mesbody .inp{ width:100%; margin:0 auto;  margin-bottom:10px; float:left; margin-right:18px;}
    .mesbody .inp input{ padding-bottom:10px; padding-top:10px; padding-left:5px; width:100%; border:1px solid #545a66; color:#ccc; background:#FFF; font-size:14px;}
    .mesbody .fg{ width:100%;line-height:35px;}
    .mesbody .fg input{ padding-bottom:0px; padding-top:0px;  height:60px; line-height:35px; width:100%;border:1px solid #545a66;  color:#ccc; background:#FFF;font-size:14px;}
    .mesbody .wz{ width:98%; line-height:30px; color:#FFF; font-size:14px;}
    .mesbody img{ padding:10px;}
}
/* 手机 小于等于 640px */
@media (max-width: 640px) {
.casebody{ height:100px; overflow:hidden;  margin-top:20px; position:relative; z-index:99;}


.case-left{ width:100%; position:relative; overflow:hidden;  }
.case-left .prev{ display:block;  width:17px; height:39px; z-index:99;  cursor:pointer; background:url("../images/l.png") no-repeat; position:absolute; left:0px; top:25px;}
.case-left .next{ display:block;  width:17px; height:39px; z-index:99;cursor:pointer; background:url("../images/r.png") no-repeat; position:absolute; right:0px; top:25px;}
.case-left .prevStop{ background:url("../images/l.png") no-repeat; }
.case-left .nextStop{ background:url("../images/r.png") no-repeat; }
.case-left .bd{ padding:0px;   }
.case-left .bd ul{ overflow:hidden; zoom:1; }
.case-left .bd ul li{ margin:0 2%; float:left;width:21%; height:100px;  _display:inline; overflow:hidden; text-align:center;  }
.case-left .bd ul li .pic{ text-align:center; width:100%; height:100px; }
.case-left .bd ul li .pic img{  max-width:100%; max-height:100%; display:block;  padding:0px; }
.case-left .bd ul li .title a:hover { color:#F00;  }
.case-left .bd ul li .title{ line-height:30px; color:#000;  }
	/* ---- about ---- */
	.about {padding: 10px 0;}
	.about-left .img-box img {width: 100%;}
	.about-right .title-box {height: 50px;line-height: 30px;}
	.about-right .title-box img {max-width: 100%; max-height:100%;}
	.about-right .title-box p i {font-size: 16px;}
	.about-right .title-box p em {font-size: 16px;}
	.about-right .text-box {margin: 10px 0;}
	.about-bottom li {margin: 10px 0;}
	/* ---- .product ---- */
	.product {padding: 5px 0;background: url(../images/team.png) top center no-repeat #f0f5e7;}
	.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 {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-left .read-more{ display:none;}
	.news-body .news-right .news-menu{ display:none;}
	.news-body .news-right dd {margin: 10px;}
	.news-body .news-right ul.news-box {}
	.news-body .news-right li {border-bottom:1px solid #d2d4cf;}
	.news-body .news-right li .news-time {margin: 0;padding: 0;}
	.news-body .news-right li .news-time i {color: #fff;}
	.news-body .news-right li .news-time em {color: #fff;}
	.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;}
.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;}
	/* ---- contact ---- */
	.contact {padding: 0px 0;background: url(../images/mess.png) top center no-repeat;}
	.contact-body {padding: 10px 0;}
	.mesbody{width:90%; margin:0 auto; float:none; }
    .mesbody .sure{ text-align:left; padding-top:10px;}
    .mesbody .sure input{ background:#FFF; width:120px; height:40px; border:0;  line-height:40px;  font-size:15px; color:#0f974a;}
    .mesbody .sure input:hover{ background:#c69f64;}
    .mesbody .inp{ width:100%; margin:0 auto;  margin-bottom:10px; float:left; margin-right:18px;}
    .mesbody .inp input{ padding-bottom:10px; padding-top:10px; padding-left:5px; width:100%; border:1px solid #545a66; color:#ccc; background:#FFF; font-size:14px;}
    .mesbody .fg{ width:100%;line-height:35px;}
    .mesbody .fg input{ padding-bottom:0px; padding-top:0px;  height:60px; line-height:35px; width:100%;border:1px solid #545a66;  color:#ccc; background:#FFF;font-size:14px;}
    .mesbody .wz{ width:98%; line-height:30px; color:#FFF; font-size:14px;}
    .mesbody img{ padding:10px;}
}
/* 手机 小于等于 414px iPhone6/7/8Plus */
@media (max-width: 414px) {
	/* ---- about ---- */
	.about-right .text-box {margin: 0;line-height: 25px;}
	.about-right .button-box .comment {padding: 0 10px 0 0;}
	.about-right .button-box .comment i {width: 30%;font-size: 14px;height: 30px;line-height: 30px;}
	.about-right .button-box .comment em {width: 70%;font-size: 16px;height: 30px;line-height: 30px;}
	.about-right .button-box .read-more a {width: 100%;font-size: 12px;height: 30px;line-height: 30px;}
	.about-right .button-box .read-more a span {font-size: 14px;width: 16px;height: 16px;line-height: 16px;margin: 7px 0;border-radius: 8px;right: 5px;}
	.about-bottom {padding: 10px 0 0;}
	.about-bottom li {margin: 0 0 10px;}
	.about-bottom li .about-list {width: 90%;}
	.about-bottom li .about-list span {width: 40px;height: 40px;line-height: 40px;font-size: 32px;}
	.about-bottom li .about-list .text-box {width: calc(100% - 40px);padding: 0;}
	.about-bottom li .about-list .text-box h3 {line-height: 20px;font-size: 16px;}
	.about-bottom li .about-list .text-box p {line-height: 20px;font-size: 12px;}
	/* ---- advantage ---- */
	.advantage-body li {margin-top: 60px;}
	.advantage-body li .advantage-box {max-width: 180px;}
	.advantage-body li .advantage-box .img-box {width: 120px;height: 120px;top: -60px;}
	.advantage-body li .advantage-box .text-box h3 {font-size: 16px;line-height: 30px;}
	.advantage-body li .advantage-box .text-box p {padding: 0 5%;word-spacing: 2px;}

	/* ---- case ---- */
	.case-body li {width: 150px;height: 150px;}
	.case-body li {width: 150px;height: 150px;}
	.case-body li .case-box .img-box {width: 120px;height: 120px;}
	.case-body li .case-box .img-box img {max-height: 100%;}
	.case-body li:nth-of-type(5) {display: none;}
	/* ---- contact ---- */
	.contact-body dd .contact-box {display: block;}
	.contact-body dd .contact-box p {padding: 10px 0 0;height: 30px;line-height: 20px;}
	.contact-body dd .contact-box p span {font-size: 14px;height: 20px;}
	.contact-body dd .contact-box p s {font-size: 14px;}
}
/* iPhone6/7/8/X */
@media (max-width: 375px) {

}
/* GalaxySIII GalaxyS5 小米2A */
@media (max-width: 360px) {

}
/* iPhone4/4s/5/5s/SE HTC G10 */
@media (max-width: 320px) {

}