*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html{overflow-x: hidden;}
body{overflow-x: hidden;;font-family: "微软雅黑";}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
p,
blockquote,
th,
td,
section {
	margin: 0;
	padding: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

a:focus {
	outline: none;
}
a:hover{
	text-decoration: none;
}


body,
input,
textarea,
select,
button {
	text-rendering: optimizeLegibility;
	/* 1 */
	-webkit-font-smoothing: antialiased;
	/* 2 */
	-moz-osx-font-smoothing: grayscale;
	/* 3 Default: auto */
	-moz-font-feature-settings: "liga", "kern";
}

select {
	-webkit-appearance: none;
	/*去除系统默认的样式*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* 点击高亮的颜色*/
}

select::-ms-expand {
	display: none;
}

em {
	font-style: normal;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */
}

button,
input {
	border: 0;
	line-height: normal;
}

input[type=file] {
	width: 66px;
}

button,
select {
	text-transform: none;
}

input[type=button],
input[type=text] {
	-webkit-appearance: none;
	outline: none
}

li,
dd,
dl {
	list-style: none;
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.clear{clear: both;}
.zbbanner{width: 100%;position: relative;margin-top:75px;}
.zbbanner img{width:100%}
.zbbanner a{display: inline-block;width: 10%;height: 60px;position: absolute;left:24%;top: 64%;transform: translateX(-50%);border-radius: 5px;line-height: 60px;background: #2181ed;text-align: center;font-size:20px;color: #ffffff;}
.zbbanner-main{max-width: 1200px;margin: 0 auto;height: 100%;position:absolute;left: 50%;transform: translateX(-50%);top: 0;}
.zb-wrap{width: 100%;}
.zb-wrap .zb-main{max-width: 1200px;margin: 0 auto;}
.dzli-box{width: 100%;overflow: hidden;background: #fff;border-radius:8px;padding:24px 20px 24px 40px;box-shadow:0 0 5px #d9d9dc;transform: translateY(-40px);}
.dzli-box ul li{width: 20%;float: left;cursor: pointer;}
.dzli-box ul li img{float: left;margin-right: 10px;margin-top: 14px;}
.dzli-box ul li .dzli-txt{width:72%;float: left;}
.dzli-txt span{font-size: 16px;color: #333333;display: inline-block;margin-bottom: 6px;}
.dzli-txt p{font-size: 12px;line-height: 22px;color: #adadad;}
.zb1-main{width: 100%;margin-top: 50px;}
.zb1-main h3{font-size: 28px;color: #333333;text-align: center;}
.zb1-box{width: 100%;overflow: hidden;padding: 70px 0 130px;}
.zb1-box .zb1-left{width: 450px;padding-right: 10px;float: left;}
.zb1-box .zb1-right{width:686px;display: flex;justify-content: center;align-items: center;float: right;}
.zb1-left ul li{width: 100%;height: 120px;border:1px solid #e5e5e5;padding: 0 30px;cursor: pointer;margin-bottom: 20px;border-radius: 8px;display: flex;align-items: center;}
.zb1-left ul li div span{font-size: 18px;color: #333333;display:inline-block;margin-bottom: 6px;}
.zb1-left ul li div p{font-size: 14px;color: #999999;line-height: 26px;}
.zb1-left ul a{display: inline-block;width: 160px;height: 60px;text-align: center;line-height: 60px;border-radius: 10px;background: #2181ed;font-size: 20px;color: #fff;}
.zb1-right img{display: none;max-width: 100%;cursor: pointer;}
.zb1-right img:first-of-type{display: block;}
.zb1-left ul .this_zb1{position: relative;border:1px solid #a3ceff;background: #eff7ff;}
.zb1-left ul .this_zb1:after{content: "";display: inline-block;width: 16px;height: 118px;background: url(../img/zbm1_active.png) no-repeat;background-size: 100% 100%;position: absolute;right:-10px;top: 0;}
.zb1-left ul .this_zb1 div span{color: #2181ed;}
.zb2-wrap{width: 100%;background: url(../img/zb2bac.png) no-repeat center;background-size:cover;padding: 80px 0;}
.zb2-main{max-width: 1200px;margin: 0 auto;}
.zb2-main h3{text-align: center;font-size: 28px;color: #333333;margin-bottom: 50px;}
.zb2-main .zb2-box{width: 100%;overflow: hidden;}
.zb2-main .zb2-left{width: 560px;float: left;display: flex;justify-content: center;align-items: center;}
.zb2-main .zb2-right{width: 510px;float: right;padding: 10px;}
.zb2-right ul li{width: 200px;height: 130px;display: flex;justify-content: center;align-items: center;float: left;
margin-right: 90px;background: #ffffff;border-radius: 10px;box-shadow: 0 0 25px #e1e5eb;margin-bottom: 30px;cursor:pointer;transition: all .3s;}
.zb2-right ul li:hover{transform: translateY(-3px);}
.zb2-right ul li:nth-of-type(2n){margin-right: 0;}
.zb2-right ul li div {text-align: center;}
.zb2-right ul li div img{display: block;margin: 12px auto;}
.zb2-right ul li div span{font-size: 16px;color: #333333;}
.zb3-wrap{width: 100%;padding: 80px 0 110px;}
.zb3-main{max-width: 1200px;margin: 0 auto;}
.zb3-main h3{font-size: 28px;color: #333333;text-align: center;margin-bottom: 70px;}
.zb3-main .zb3-box{width: 100%;overflow: hidden;}
.zb3-box .zb3-left{width: 590px;float: left;padding: 10px;}
.zb3-sbox h4{font-size: 20px;color: #666666;padding-left: 12px;position: relative;}
.zb3-sbox h4:before{content:"";display: inline-block;width: 4px;height:20px;background: #2181ed;border-radius: 3px;position: absolute;left: 0;top: 2px;}
.zb3-sbox ul{margin:24px 0 40px;}
.zb3-sbox ul li{cursor:pointer;transition: all .3s;width: 120px;height: 100px;float: left;margin-right: 30px;
display: flex;justify-content: center;align-items: center;border-radius: 10px;box-shadow: 0 0 20px #e1e5eb;cursor: pointer;}
.zb3-sbox ul li img{display: block;margin: 12px auto;}
.zb3-sbox ul li:last-of-type{margin-right: 0;}

.zb3-sbox ul li:hover{transform: translateY(-3px);}
.zb3-right{width: 563px;float: right;margin-top: 70px;}
.zb3-right img{max-width: 100%;}

.zb4-wrap{width: 100%;padding: 80px 0;background: url(../img/zbm4bac.png) no-repeat;background-size:cover;}
.zb4-main{max-width: 1220px;margin: 0 auto;padding: 10px;}
.zb4-box{width: 100%;}
.zb4-box ul li{width: 380px;height: 120px;background: #fff;border-radius: 10px;
box-shadow: 0 0 20px #e1e5eb;float: left;margin-right: 30px;display: flex;
align-items: center;padding: 0 30px;margin-bottom: 30px;cursor: pointer;transition: all .3s;}
.zb4-box ul li:hover{transform: translateY(-3px);}
.zb4-box ul li .zb4-center{width: 100%;overflow: hidden;}

.zb4-center .zb4-img{width: 60px;height: 60px;float: left;margin-right: 14px;background: #e8f2fd;border-radius: 15px;display: flex;justify-content: center;align-items: center;}
.zb4-center img{}
.zb4-center .zb4-txt{float: left;}
.zb4-txt span{font-size: 16px;display: inline-block;margin: 6px 0;}
.zb4-txt p{font-size: 12px;color: #999999;}

.zb4-box ul li:nth-of-type(3n){margin-right: 0;}
.zb4-main h3{text-align: center;font-size: 28px;color: #333333;margin-bottom: 50px;}

.zb5-wrap{width: 100%;padding: 80px 0;}
.zb5-main{max-width: 1200px;margin: 0 auto;}
.zb5-main h3{font-size: 28px;color: #333333;text-align: center;margin-bottom: 50px;}
.zb5-box{width: 100%;overflow: hidden;}
.zb5-box ul li{width: 280px;float: left;margin-right: 26px;margin-bottom: 38px;cursor: pointer;}
.zb5-box ul li div{width: 100%;position: relative;overflow: hidden;border-radius:10px;}
.zb5-box ul li:nth-of-type(4n){margin-right: 0;}
.zb5-box ul li div img{width: 100%;transition: all .3s;}
.zb5-box ul li div span{font-size: 24px;color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.zb5-box ul li:hover img{transform: scale(1.1);}
.zb6-wrap{width: 100%;padding: 80px 0;background: #f5f8fc;}
.zb6-wrap .zb6-main{max-width: 1200px;margin: 0 auto;}
.zb6-main h3{font-size: 28px;color: #333333;text-align: center;margin-bottom: 50px;}
.zb6-main .zb6-box{width:100%;}
.zb6-box img{width: 100%;cursor: pointer;}
.zb6-box .zb6-txt{width: 100%;overflow: hidden;margin-left: -14px;}
.zb6-txt span{display: inline-block;width: 25%;float: left;text-align: center;font-size: 16px;color: #333333;}
.zb7-wrap{width: 100%;padding: 80px 0;}
.zb7-main{max-width: 1220px;margin: 0 auto;padding: 10px;}
.zb7-main h3{font-size: 28px;color: #333333;text-align: center;margin-bottom: 50px;}
.zb7-box{width: 100%;}
.zb7-box ul li{width: 260px;height: 380px;float: left;box-shadow: 0 0 20px #e3e4e5;
margin-right: 53px;padding: 35px 30px;text-align: center;border-radius: 10px;cursor: pointer;transition: all .3s;}
.zb7-box ul li img{transition: all .3s;}
.zb7-box ul li:hover{transform: translateY(-3px);}
.zb7-box ul li:hover img{transform:rotate(360deg);}
.zb7-box ul li:nth-of-type(4n){margin-right: 0;}
.zb7-box ul li span{display: inline-block;width: 100%;padding: 17px 0;font-size: 24px;color: #333333;}
.zb7-box ul li p{font-size: 16px;color: #333333;line-height: 30px;}