/* *{box-sizing: border-box;margin: 0;padding: 0;outline:none; blr:expression(this.onFocus=this.blur());word-break:break-all;outline: none;} */
ol,ul,li{list-style:none;}
a{color:inherit;text-decoration: none;cursor: pointer;}
/* input,button,textarea,select,body{font-family:"微软雅黑";font-size: 14px;color: #333;line-height:1.5;} */
input,button,textarea,select{display:inline-block;vertical-align: middle;border: 1px solid #ccc;border-radius: 0;background: none;}
input[type="text"]{padding: 0 10px;-webkit-appearance:none;}
select{padding: 0 10px;-webkit-appearance:none;background: url(../images/jt-3-bottom.png) no-repeat calc(100% - 20px);}
option{background: #67d43d;padding:10px;-webkit-appearance:none;}
textarea{padding:10px;resize:none;-webkit-appearance:none;}
input[type="submit"],button{cursor: pointer;}
html{overflow-y: scroll;overflow-x: hidden;width: 100%;}
body{overflow-x: hidden;}
.wrap {
    width: 80%;
    max-width: 1300px;
    margin: auto;
    position: relative;
}
.wrap_tt{width:93%;margin: auto;position: relative;}
.wrap1{width:90%;max-width: 1200px;margin: auto;position: relative;}
@media only screen and (max-width: 1280px) {
	.wrap{width: 90%;}
	.wrap1{width: 90%;}
}
.over{overflow:hidden ;}
/* .clear{position: relative;} */
.clear:after{content: "";display: block;clear: both;}
.l{float: left;}
.r{float: right;}
.show p{display: block;max-width: 100% !important;margin:0 auto !important;height: auto !important;max-height:none !important;text-indent:2em;}
.show img{display: block;max-width: 100% !important;margin:0 auto !important;height: auto !important;max-height:none !important}
.img-box img{display: block;width: 100%;margin: 0;}
.color-1{color: #de5a08}
.color-2{color: #de5a08}
.font24{font-size: 24px;}
.font18{font-size: 18px;}
@media only screen and (max-width:980px) {
	.font24{font-size: 20px;}
	.font18{font-size: 16px;}
}
@media only screen and (max-width:640px) {
	.font24{font-size: 18px;}
	.font18{font-size: 16px;}
}
.web-bread{padding: 10px 0;}
.web-bread a{margin: 0 3px;transition: 0.2s;}
.web-bread a:hover{color: #dd231f;}
.web-pages{font-size: 0;text-align: center;}
.web-pages li{display: inline-block;vertical-align: middle;width: 40px;height: 40px;line-height: 40px;text-align: center;background: #a0a0a0;font-size: 14px;margin:10px;color: #fff;}
.web-pages li span{display: block;}
.web-pages li a{display: block;}
.web-pages li.cur{background: #000;}
.web-pages .left{background:url(../images/page-left.png) no-repeat center;height:40px;}
.web-pages .right{background:url(../images/page-right.png) no-repeat center;height:40px;}
@media only screen and (max-width:640px) {
	.web-pages a{width: 30px;height: 30px;line-height: 30px;margin: 5px;}
	.web-pages .left{30px}
	.web-pages .right{30px}
}
.web-fy{font-size: 14px;color: #666;line-height: 25px;border-top:1px dashed #ddd;padding:20px 0 0;}
.web-fy .box{margin-top: 5px;}
.web-fy a{transition: 0.3s;}
@media only screen and (min-width:1025px) {
	.web-fy a:hover{color: #3496d3;}
}
@media only screen and (max-width:640px) {
	.web-fy{padding: 10px 0 0;}
	.web-fy .box{margin-top: 0px;}
}
.web-tit-1{line-height: 1.1;}
.web-tit-1 .z1{font-size:46px;font-weight: bold;color: #39ad00;}
.web-tit-1 .z2{font-size:30px;color: #000;}
@media only screen and (max-width:980px) {
	.web-tit-1 .z1{font-size: 36px;}
	.web-tit-1 .z2{font-size: 24px;}
}
@media only screen and (max-width:640px) {
	.web-tit-1 .z1{font-size: 24px;}
	.web-tit-1 .z2{font-size: 16px;}
}
.web-tit-2{line-height: 1.4;text-align: center;font-size: 32px;font-weight: bold;}
.web-tit-2 .b2{font-size: 14px;color: #666;font-weight:normal;margin-top: 10px;text-transform : capitalize;}
@media only screen and (max-width: 980px) {
	.web-tit-2{font-size: 24px;}
}
.web-tit-3{position: relative;width: 100%;}
.web-tit-3:before{content:"";position: absolute;left: 0;bottom: 1px;width: 100%;height:1px; background: #c5c5c5;}
.web-tit-3 .b1{display: inline-block;vertical-align: bottom;font-size: 34px;color: #111;margin-right: 5px;}
.web-tit-3 .b1 .z1{display: inline-block;color: #39ad00;font-weight: bold;padding-bottom: 15px;border-bottom: 3px solid #39ad00;}
.web-tit-3 .b2{display: inline-block;vertical-align: bottom;font-size: 26px;font-weight: bold;color: #b2b2b2;text-transform : uppercase;padding-bottom: 15px;}
.web-tit-3 .more{display: inline-block;margin-top: 15px;background: #39ad00 url(../images/tit-3-sj.png) no-repeat 100% 100%;color: #fff;line-height: 35px;font-size: 0;padding: 0 20px;transition: 0.3s;}
.web-tit-3 .more span{display: inline-block;vertical-align: middle;font-size: 14px;}
.web-tit-3 .more img{display: inline-block;vertical-align: middle;margin: 0 10px;transition: 0.3s;}
.web-tit-3 .more:hover{background-position:110% 110% ;}
.web-tit-3 .more:hover img{margin: 0 0 0 20px;}
@media only screen and (max-width:980px) {
	.web-tit-3 .b1{font-size: 24px;}
	.web-tit-3 .b1 .z1{padding-bottom: 10px;}
	.web-tit-3 .b2{font-size: 24px;padding-bottom: 10px;}
	.web-tit-3 .more{margin-top: 0;}
}
@media only screen and (max-width:640px) {
	.web-tit-3 .b1{font-size: 18px;}
	.web-tit-3 .b1 .z1{padding-bottom: 5px;}
	.web-tit-3 .b2{font-size: 18px;padding-bottom: 7px;display: none;}
	.web-tit-3 .more{line-height: 26px;padding: 0 10px;}
}
.web-tit-4{text-align: center;}
.web-tit-4 .b1{font-size: 36px;line-height: 1;}
.web-tit-4 .b1 span{font-size: 72px;font-family:Impact;font-weight: bold;color: #0061b2;font-style:italic;padding:0 10px 0 5px;}
.web-tit-4 .b2{color:#555555;font-size: 20px;}
.web-tit-4 .b2 span{display: inline-block;vertical-align: middle;padding: 0 10px;border-right:20px solid #0061b2;border-left:20px solid #0061b2;line-height:3px}
.web-tit-4 .b2:before{content:"";display: inline-block;vertical-align: middle;width:200px;height:1px;background: #0061b2;}
.web-tit-4 .b2:after{content:"";display: inline-block;vertical-align: middle;width:200px;height:1px;background: #0061b2;}
@media only screen and (max-width:980px) {
	.web-tit-4 .b1{font-size: 24px;}
	.web-tit-4 .b1 span{font-size: 36px;}
	.web-tit-4 .b2{font-size: 16px;}
	.web-tit-4 .b2:before{width: 100px;}
	.web-tit-4 .b2:after{width: 100px;}
}
@media only screen and (max-width:640px) {
	.web-tit-4 .b2 span{border:0}
	.web-tit-4 .b2:before{display: none;}
	.web-tit-4 .b2:after{display: none;}
}
.web-txt-1{font-size: 14px;line-height: 30px;color: #666;}
.web-txt-2{font-size: 16px;line-height: 35px;color: #666;}
@media only screen and (max-width:640px ) {
	.web-txt-1{font-size: 14px;line-height: 25px;}
	.web-txt-2{font-size: 14px;line-height: 25px;}
}
.web-nav-0 .lump{display: block;text-align: center;background: #00900d;color: #fff;line-height: 50px;height: 50px;overflow: hidden;font-size: 16px;border: 1px solid #00900d;}
.web-nav-0 .lump.cur{color: #39ad00;background: #fff;}
@media only screen and (max-width: 640px) {
	.web-nav-0 .lump{line-height: 40px;height: 40px;font-size: 14px;}
}



.web-nav-1{border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.web-nav-1 .li-box{float: left;position:relative;padding-right: 30px;padding-left: 30px;}
.web-nav-1 .li-box:before{content: "";position: absolute;left:1px;top:50%;height: 30px;width: 1px;background: #d2d2d2;margin-top: -15px;}
.web-nav-1 .li-box span{display: inline-block;line-height:50px;font-size: 20px;position: relative;}
.web-nav-1 .li-box.cur span:before{content: "";position: absolute;bottom:-2px;left:0;position: absolute;width: 100%;height: 4px;background: #cd2e25;}
.web-nav-1 .li-box:first-child{padding-left:0;}
.web-nav-1 .li-box:first-child:before{display: none;}
.web-nav-1 .more{float: right;line-height: 50px;color: #888;text-transform : uppercase;transition: 0.2s;}
@media only screen and (min-width:1025px) {
	.web-nav-1 .more:hover{color: #dd231f}
}
@media only screen and (max-width:1024px) {
	.web-nav-1{margin-bottom: 15px;}
	.web-nav-1 .li-box{padding-left: 15px;padding-right: 15px;}
	.web-nav-1 .li-box:before{height: 16px;margin-top:-8px}
	.web-nav-1 .li-box span{font-size: 16px;line-height: 40px;}
	.web-nav-1 .more{line-height: 40px;}
}
.show{  margin: 0 auto;}
.show p{ line-height: 34px;}

/*首页产品*/
.web-grid-1.grid1{overflow: hidden;}
.web-grid-1.grid1 .zbl-lump{display: block;}
.web-grid-1.grid1 .zbl-lump .img-box{background: #fff;position: relative;}
/* .web-grid-1.grid1 .zbl-lump .img-box:before{content:"";position: absolute;z-index: 2;left: 0;top:0;width: 100%;height: 100%;background: #000;opacity: 0;transition: 0.3s;} */
.web-grid-1.grid1 .zbl-lump .img-box .txt{position: absolute;z-index: 3;left: 0;top:60%;width: 100%;height:50px;line-height: 50px;overflow: hidden;margin-top: -25px;font-size: 36px;color: #fff;text-align: center;padding: 0 20px;opacity: 0;transition: 0.3s;}
.web-grid-1.grid1 .zbl-lump .zbl-img{padding-top: 75%;}
/* .web-grid-1.grid1 .zbl-lump .img-box img{transition: 0.3s;transform: scale(1.1);} */
.web-grid-1.grid1 .zbl-lump .txt-box{height: 45px;line-height: 45px;overflow: hidden;font-size: 14px;text-align: center;background: #00900d;color: #fff;}
@media only screen and (min-width:1025px) {
	.web-grid-1.grid1 .zbl-lump:hover img{transform: scale(1.2);}
}
@media only screen and (max-width: 1440px) {
	.web-grid-1.grid1 .zbl-lump .img-box .txt{font-size: 30px;}
}
@media only screen and (max-width: 1024px) {
	.web-grid-1.grid1 .zbl-lump .img-box{margin-bottom: 0;}
	.web-grid-1.grid1 .zbl-lump .img-box .txt{}
	.web-grid-1.grid1 .zbl-lump .txt-box{font-size: 16px;}
}
@media only screen and (max-width: 640px) {
	.web-grid-1.grid1 .zbl-lump .txt-box{height: 40px;line-height: 40px;font-size: 14px;}
}
.web-grid-1.grid2{margin-top: -5%;overflow: hidden;}
.web-grid-1.grid2 .zbl-lump{display: block;border-bottom: 1px solid #ddd;padding: 5% 0;}
.web-grid-1.grid2 .zbl-lump .img-box{background: #fff;position: relative;border:1px solid #dcdcdc;width: 435px;float: left;}
.web-grid-1.grid2 .zbl-lump .img-box:before{content:"";position: absolute;z-index: 2;left: 0;top:0;width: 100%;height: 100%;background: #000;opacity: 0;transition: 0.3s;}
.web-grid-1.grid2 .zbl-lump .img-box .txt{position: absolute;z-index: 3;left: 0;top:60%;width: 100%;height:50px;line-height: 50px;margin-top: -25px;font-size: 30px;color: #fff;text-align: center;padding: 0 20px;opacity: 0;transition: 0.3s;}
.web-grid-1.grid2 .zbl-lump .zbl-img{padding-top:330px;}
.web-grid-1.grid2 .zbl-lump .txt-box{width: calc(100% - 500px);float: right;}
.web-grid-1.grid2 .zbl-lump .txt-box .tit{height: 50px;line-height: 50px;overflow: hidden;font-size: 24px;color: #333;font-weight: bold;}
.web-grid-1.grid2 .zbl-lump .txt-box .x{display: block;width: 100%;height: 7px;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;margin: 40px 0 30px;}
.web-grid-1.grid2 .zbl-lump .txt-box .txt{margin-bottom: 30px;line-height: 25px;height: 100px;overflow: hidden;}
@media only screen and (min-width:1025px) {
	.web-grid-1.grid2 .zbl-lump:hover .img-box:before{opacity: 0.5;}
	.web-grid-1.grid2 .zbl-lump:hover .img-box .txt{top: 50%;opacity: 1;}
}
@media only screen and (max-width: 980px) {
	.web-grid-1.grid2 .zbl-lump .img-box{width: 300px;}
	.web-grid-1.grid2 .zbl-lump .zbl-img{padding-top:200px;}
	.web-grid-1.grid2 .zbl-lump .txt-box{width: calc(100% - 340px);}
	.web-grid-1.grid2 .zbl-lump .txt-box .x{margin: 20px 0;}
	.web-grid-1.grid2 .zbl-lump .txt-box .txt{margin-bottom: 20px;height: 50px;}
}
@media only screen and (max-width: 640px) {
	.web-grid-1.grid2 .zbl-lump .img-box{width: 130px;}
	.web-grid-1.grid2 .zbl-lump .zbl-img{padding-top:110px;}
	.web-grid-1.grid2 .zbl-lump .txt-box{width: calc(100% - 150px);}
	.web-grid-1.grid2 .zbl-lump .txt-box .tit{font-size: 18px;line-height: 30px;height: 30px;}
	.web-grid-1.grid2 .zbl-lump .txt-box .x{display: none;}
	.web-grid-1.grid2 .zbl-lump .txt-box .txt{margin-bottom: 20px;height: 50px;margin-bottom: 10px;}
}
.web-grid-case .lump{background:#fff;color: #111;transition: 0.3s;border: 1px solid #0061b2;}
.web-grid-case .zbl-img{padding-top: 76%;}
.web-grid-case .txt-box{height: 40px;line-height: 40px;overflow: hidden;font-size: 14px;text-align: center;}
.web-grid-case .lump:hover{background:#0061b2;color: #fff;}


/*首页新闻*/
.web-grid-2 .zbl-lump{border: 1px solid #ccc;overflow: hidden;}
.web-grid-2 .zbl-lump:before{content:"";position: absolute;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity:0;transition: 0.5s;}
.web-grid-2 .zbl-lump .zbl-img{height: 100%;padding-top: 0;left: 0;top: 100%;position: absolute;opacity: 0;transition: 0.5s;}
.web-grid-2 .zbl-lump .txt-box{padding: 25px 35px;position: relative;z-index: 3;color: #666;transition: 0.5s;}
.web-grid-2 .zbl-lump .txt-box .b1{font-size: 16px;color: #333;line-height: 25px;height: 25px;overflow: hidden;margin-bottom: 15px;transition: 0.5s;}
.web-grid-2 .zbl-lump .txt-box .b2{font-size: 12px;line-height: 20px;height: 40px;overflow: hidden;margin-bottom: 15px;}
.web-grid-2 .zbl-lump .txt-box .b3{font-size: 12px;}
.web-grid-2 .zbl-lump .txt-box .b3 span{font-size: 16px;}
@media only screen and (min-width:1025px) {
	.web-grid-2 .zbl-lump:hover:before{opacity: 0.6;}
	.web-grid-2 .zbl-lump:hover .zbl-img{opacity: 1;top: 0;}
	.web-grid-2 .zbl-lump:hover .txt-box{color: #fff;}
	.web-grid-2 .zbl-lump:hover .txt-box .b1{color: #fff;}
}
@media only screen and (max-width: 640px) {
	.web-grid-2 .zbl-lump .txt-box{padding: 15px 20px;}
	.web-grid-2 .zbl-lump .txt-box .b1{margin-bottom: 5px;}
	.web-grid-2 .zbl-lump .txt-box .b2{margin-bottom: 5px;}
}
/*视频中心*/
.web-grid-4 .zbl-lump{display: block;overflow: hidden;padding: 25px;border: 1px solid #c7c7c7;}
.web-grid-4 .zbl-lump .img-box{padding: 0;position: relative;}
.web-grid-4 .zbl-lump .zbl-img{padding-top: 48%;}
.web-grid-4 .zbl-lump .img-box:before{content:"";position: absolute;left: 24px;bottom: 15px;width: 33px;height:24px;background:url(../images/video-bo.png) no-repeat center/contain;z-index: 2;}
@media only screen and (max-width: 640px) {
	.web-grid-4 .zbl-lump{padding: 10px;}
}
/*解决方案列表/新闻*/
.web-grid-5 .zbl-lump{display: block;overflow: hidden;padding: 30px 0;border-bottom: 1px dashed #959595;}
.web-grid-5 .zbl-lump a{transition: 0.3s;}
.web-grid-5 .zbl-lump:first-child{padding-top: 0;}
.web-grid-5 .zbl-lump .img-box{background: #fff;position: relative;float: left;width:300px;margin-right: 4%;padding: 0;overflow: hidden;}
.web-grid-5 .zbl-lump .img-box .zbl-img{padding-top:66%;transition: 0.5s;}
.web-grid-5 .zbl-lump .txt-box{padding: 25px 0;}
.web-grid-5 .zbl-lump .txt-box .tit{font-size: 20px;line-height: 30px;height: 30px;overflow: hidden;margin-bottom: 10px;}
.web-grid-5 .zbl-lump .txt-box .txt{font-size: 15px;line-height: 30px;height: 60px;overflow: hidden;margin-bottom: 25px;color: #666;}
.web-grid-5 .zbl-lump .txt-box .more{font-size:15px;color: #999;}
.web-grid-5 .zbl-lump .txt-box .more span{font-size:18px;color: #999;}
@media only screen and (min-width: 1025px) {
	.web-grid-5 .zbl-lump .img-box:hover .zbl-img{transform: scale(1.05);}
	.web-grid-5 .zbl-lump a:hover{color:#3496d3;}
}
@media only screen and (max-width: 1024px) {
	.web-grid-5 .zbl-lump{padding: 20px 0;}
	.web-grid-5 .zbl-lump .img-box{width: 150px;}
	.web-grid-5 .zbl-lump .txt-box{padding: 0;}
	.web-grid-5 .zbl-lump .txt-box .tit{margin-bottom: 5px;font-size: 16px;line-height: 25px;height: 25px;}
	.web-grid-5 .zbl-lump .txt-box .txt{line-height: 22px;height: 44px;margin-bottom: 5px;}
	.web-grid-5 .zbl-lump .txt-box .more span{font-size:14px;color: #999;}
}

.web-grid-10 .lump{border-top:1px dashed #999;padding: 30px 0;}
.web-grid-10 .lump:first-child{padding-top: 0;border-top:0 ;}
.web-grid-10 .lump:last-child{padding-bottom: 0;}
.web-grid-10 .lump .tit{font-size: 14px;color: #333;height: 25px;line-height: 25px;overflow: hidden;margin-bottom: 10px;}
.web-grid-10 .lump .tit:before{content:"问";float:left;background: #cd2e25;color: #fff;width: 18px;height: 18px;line-height: 18px;text-align: center;margin-right: 5px;margin-top: 3px;}
.web-grid-10 .lump .txt{font-size: 14px;color: #666;height:50px;line-height:25px;overflow: hidden;}
.web-grid-10 .lump .txt:before{content:"答";float:left;background: #333333;color: #fff;width: 18px;height: 18px;line-height: 18px;text-align: center;margin-right: 5px;margin-top: 3px;}



.web-more-1{text-align: center;font-size: 0;}
.web-more-1 a{display: inline-block;font-size: 16px;color: #999;border: 1px solid;line-height: 40px;margin:0 5px;padding: 0 40px;text-transform : uppercase;cursor: pointer;transition: 0.5s;}
@media only screen and (min-width:1025px) {
	.web-more-1 a:hover{color: #fff;background: #dd231f;}
}
@media only screen and (max-width: 640px) {
	.web-more-1 a{font-size: 14px;line-height: 28px;padding: 0 15px;}
}