*{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(../img/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;}
body{overflow-x: hidden;}
.wrap{width:80%;max-width: 1400px;margin: auto;position: relative;}
.wrap1{width:80%;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{font-size: 14px;color: #333;line-height: 2;}
.show .tablebox{max-width:100%;overflow-x:auto}
.show table{border: 1px solid #ddd;width: 100%;text-align: center;border-collapse:collapse;line-height: 1.4;}
.show table th{border: 1px solid #ddd;padding: 10px;}
.show table td{border: 1px solid #ddd;padding: 10px;color: #666;}
.show p{display: block;max-width: 100% !important;margin:0 auto !important;height: auto !important;max-height:none !important;}
.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: #f66b01;}
.web-pages{font-size: 0;text-align: center;}
.web-pages a{display: inline-block;vertical-align: middle;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #a0a0a0;font-size: 14px;margin:5px;color: #fff;}
.web-pages a.cur{background: #000;}
.web-pages .left{background:url(../img/page-left.png) no-repeat center;}
.web-pages .right{background:url(../img/page-right.png) no-repeat center;}
@media only screen and (max-width:640px) {
	.web-pages a{width: 30px;height: 30px;line-height: 30px;margin: 5px;}
}
.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: #f66b01;}
}
@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.4;text-align: center;}
.web-tit-1 .b1{display: inline-block;position: relative;}
.web-tit-1 .b1 .z1{display: inline-block;vertical-align: middle;font-size: 30px;color: #333333;line-height:35px;margin-right: 5px;}
.web-tit-1 .b1 .z2{display: inline-block;vertical-align: middle;font-size: 14px;color: #0f66b2;line-height:30px;padding-top: 5px;}
.web-tit-1 .b2{font-size: 22px;color: #666;letter-spacing : 2pt;margin: 7px auto;}
@media only screen and (max-width: 1024px) {
	.web-tit-1 .b1 .z0{font-size: 64px;line-height: 50px;}
	.web-tit-1 .b1 .z1{font-size: 24px;line-height: 30px;}
	.web-tit-1 .b1 .z2{font-size: 14px;line-height: 20px;}
	.web-tit-1 .b2{font-size: 18px;}
}
@media only screen and (max-width:640px) {
	.web-tit-1 .b1{padding-left: 45px;}
	.web-tit-1 .b1 .z0{font-size: 50px;line-height: 40px;width: 45px;}
	.web-tit-1 .b1 .z1{font-size: 20px;line-height: 25px;}
	.web-tit-1 .b1 .z2{font-size: 12px;line-height: 15px;}
	.web-tit-1 .b2{font-size: 16px;}
}
.web-tit-2{line-height: 1.4;text-align: center;font-size: 30px;}
.web-tit-2 .b2{font-size: 14px;color: #666;font-weight:normal;margin-top: 10px;}
@media only screen and (max-width: 980px) {
	.web-tit-2{font-size: 24px;}
}
.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{text-align: center;}
.web-nav-0 .li-box{display: inline-block;background: #e8e8e8;padding: 0 25px;line-height: 30px;color: #666;border-radius:15px;margin: 5px 12.5px;}
@media only screen and (min-width: 1025px) {
	.web-nav-0 .li-box:hover{color: #fff;background: #0f66b2;}
}
@media only screen and (max-width: 640px) {
	.web-nav-0 .li-box{margin: 5px;padding: 0 10px;}
}

.web-nav-1{text-align: center;}
.web-nav-1 .li-box{background: #e8e8e8;line-height: 45px;color: #333;border-radius:5px;font-size: 16px;}
.web-nav-1 .li-box.cur{color: #fff;background: #0f66b2;}
@media only screen and (max-width: 640px) {
	.web-nav-1 .li-box{padding: 0 10px;}
}

/*首页产品*/
.web-grid-1.grid1 .zbl-lump{display: block;}
.web-grid-1.grid1 .zbl-lump .img-box{background: #fff;border:1px solid #dcdcdc;margin-bottom: 10px;transition: 0.4s;}
.web-grid-1.grid1 .zbl-lump .zbl-img{padding-top: 80%;}
.web-grid-1.grid1 .zbl-lump .txt-box{height: 50px;line-height: 50px;overflow: hidden;font-size: 16px;text-align: center;}
@media only screen and (min-width:1025px) {
	.web-grid-1.grid1 .zbl-lump:hover .img-box{box-shadow: 0 0 7px #999;}
}
@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: 36px;color: #fff;text-align: center;padding: 0 20px;opacity: 0;transition: 0.3s;}
.web-grid-1.grid2 .zbl-lump .zbl-img{padding-top:300px;}
.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-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: 20px;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%;}
@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: 14px;line-height: 30px;height: 60px;overflow: hidden;margin-bottom: 25px;color: #666;}
.web-grid-5 .zbl-lump .txt-box .more{font-size:14px;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:#f66b01;}
}
@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-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: #f66b01;}
}
@media only screen and (max-width: 640px) {
	.web-more-1 a{font-size: 14px;line-height: 28px;padding: 0 15px;}
}