body{color:#1d1d1f;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;margin:0;padding:0;font-family: "思源黑体 CN", "思源黑体", "Microsoft Yahei", Helvetica, Arial, system-ui;line-height: 1.618}
a{color:#06c; text-decoration: none;cursor:pointer}
a:-webkit-any-link{cursor:pointer}
a:hover{text-decoration: underline}

a.zta,.zta a{color:#1d1d1f;}
a.zta:hover,.zta a:hover{color:#06c;}

h1,h2,h3,h4,h5,h6{margin:0;}


.zts, .zts *{box-sizing:border-box;}
.ztwrap{margin: 0 auto;max-width: 1900px;width:90%;}

.ztease{-ms-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;transition: all ease 0.5s;}

.ztbannerrel{position:relative;}

.slider-banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	position: relative;
    width: 100%;
    height: auto;
	line-height: 0;
	margin:0;padding:0;overflow: hidden;
}
.slider-banner img{margin:0;padding:0;}
.bannercontent{
	position: absolute;
	left: 0;
	right:0;
	bottom:50px;
	overflow: hidden;
	color:#fff;
	text-align: center;
}
.bannercontent >h1,.bannercontent >h2,.bannercontent >h3,.bannercontent >h4,.bannercontent >a{padding:0;margin:0 auto;
line-height:1.4;margin-bottom: 16px;max-width: 90%;font-size:56px;letter-spacing: 0.25em;color:#fff}
.bannercontent >h1.small-letter-space,.bannercontent >h2.small-letter-space,.bannercontent >h3.small-letter-space,.bannercontent >h4.small-letter-space,.bannercontent >a.small-letter-space{letter-spacing: -0.01em}

.bannercontent >p{padding:0;margin:0 auto;max-width: 640px;color:#ccc;font-weight:300;line-height:1.5125;letter-spacing: 0.125em}
.bannercontent >p.ops{margin-top:16px;}
@media only screen and (max-width: 700px) 
{
	.bannercontent >p{max-width: 90%;display: none}
	.bannercontent >h1,.bannercontent >h2,.bannercontent >h3,.bannercontent >h4,.bannercontent >a{font-size:28px;}
	.bannercontent >p.ops{display:block;text-align: center;}
}
@media only screen and (max-width: 640px) 
{
	.bannercontent{bottom: 30px;}
	.bannercontent >p{max-width: 90%;display: none}
	.bannercontent >h1,.bannercontent >h2,.bannercontent >h3,.bannercontent >h4,.bannercontent >a{font-size:16px;}
	.bannercontent >p.ops{display:none;text-align: center;}
}


.mobile-banner{padding:0;margin:0 auto;display: none;position: relative}
.mobile-banner .overlay-text{position:absolute;top:10%;bottom:10%;left:30px;right: 30px;}
.overlay-text h2{font-size:32px;color:#fff;padding: 16px 0;margin:0;}
.overlay-text p{font-size:16px;line-height:1.3;margin-bottom:16px;color:#ccc}
@media only screen and (max-width: 800px) {
	.mobile-banner{display:block}
	.pc-banner{display:none}
	
}

.banner-text{position:absolute;bottom:60px;left:5%;max-width: 45%; transition: ease 0.5s all}
.banner-text >div{max-width:768px;}
.banner-text >div>h1,.banner-text >div>h2{font-size:56px;color:#fff;line-height: 1.4;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin:0;padding:0;margin-bottom:16px;transition: all 0.5s ease}
.banner-text >div>.banner-text-desc,.banner-text >div>p{color:#ccc;line-height: 1.5125;margin:0;padding:0;margin-bottom:16px;font-size:16px;transition: all 0.5s ease}
.banner-icon{position:absolute;bottom:60px;right:60px;max-width:50%;text-align: right}
.banner-icon>div{max-width:800px;}
.banner-icon img{max-width:90%;transition: all 0.5s ease}
@media only screen and (max-width: 1680px) 
{
	.banner-text >div>h1{font-size:40px;}
}
@media only screen and (max-width: 1440px) 
{
	.banner-icon{bottom:30px;right:30px;}
}
@media only screen and (max-width: 1280px) 
{
	.banner-text{bottom: 30px;left:5%;max-width:45%;}
	.banner-text >div>h1,.banner-text >div>h2{font-size:32px;}
	.banner-text >div>.banner-text-desc,.banner-text >div>p{font-size:14px;line-height:1.4}
	.banner-icon{bottom:30px;right:15px;}
}
@media only screen and (max-width: 1024px) 
{
	.banner-text >div>h1,.banner-text >div>h2{font-size:30px;}
	.banner-text >div>.banner-text-desc{display:none;}
}
@media only screen and (max-width: 960px) 
{
	.banner-text{left:5%;max-width: 90%;bottom: 30px;}
	.banner-text >div>h1,.banner-text >div>h2{font-size:20px;}
	.banner-text >div>.banner-text-desc,.banner-text >div>p{display:none;}

	.banner-icon{bottom:10px;right:10px;}

}
@media only screen and (max-width: 640px) 
{
	.banner-text{left:5%;max-width: 90%;bottom: 15px;}
	.banner-text >div>h1,.banner-text >div>h2{font-size:16px;}				
	.banner-icon{bottom:10px;right:10px;}

}

.centerimg {
    visibility: visible;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
}
.centerimg img{transition:ease all 0.5s}

.swiper-container{clear: both; display: block;}

.ztnavs{z-index:1000;position: relative;}
.ztnavc{height:60px; box-sizing: border-box;background:#efefef;border:1px solid #ccc;z-index:1004;}
.ztnavc.ztbr{border-radius: 10px;}
.ztnavc.ztbr li.norel .navsubmenus{border-radius: 10px;}

.ztnav{list-style: none;list-style-type:none;box-sizing: border-box;display:block;padding:0 24px;margin: 0; position: relative;height:100%;z-index:1004;}
.ztnav .ztnavsearch{position: absolute;right:16px;top:7px;bottom:0;z-index:1005}

.ztnav >ul{
	z-index:1004;
	list-style: none;list-style-type:none;display:block;padding:0;margin: 0;position: relative;line-height: 0;font-size:0;height:100%;
	vertical-align: top;white-space: nowrap;overflow: visible;
}
.ztnav >ul >li{list-style: none;list-style-type:none;display:inline-block;padding:0;margin: 0;position: relative;height:100%;overflow: visible; vertical-align: top}

.ztnav >ul >li >span,.ztnav >ul >li >a{display:block;cursor:pointer;height:100%;font-size:16px;line-height:60px;padding:0 16px;letter-spacing: 0.115em; font-weight: 400;position: relative}
.ztnav >ul >li >span >a{display:block;cursor: pointer;height:100%;}
.ztnav >ul >li .ztnavsigntop,.ztnav >ul >li .ztnavst{font-size:10px;position: absolute;top:5px;left:0;right:0;text-align: center; font-style: normal;color:#06c;line-height: 1.1}
.ztnav >ul >li .ztnavsignbottom,.ztnav >ul >li .ztnavsb{font-size:10px;position: absolute;bottom:5px;left:0;right:0;text-align: center; font-style: normal;color:#06c;line-height: 1.1}

.ztnav >ul >li.norel{position:static}

.ztnav >ul >li.logo{overflow: hidden;box-sizing: border-box;padding:5px;}
.ztnav >ul >li.logo >div{padding:10px;height:100%; box-sizing: border-box}
.ztnav >ul >li.logo >div h1,.ztnav >ul >li.logo >div a{display: block;font-size:24px;margin:0;padding:0;line-height: 40px; text-decoration: none;font-weight: 600;color:#333}

.ztnav >ul >li:hover{background:#fff;}
.ztnav >ul >li.logo:hover{background:none;}

/**Panel显示*/
.pcnavmenupanel{padding:30px;overflow: hidden}
.pcnavmenugroups{margin:0;padding:0;list-style:none;overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap}
.pcnavmenugroups >li{margin:16px 0px;padding:0;flex-basis: 33%;overflow: hidden; max-width: 33%;}

.pcnavmenugroups >li >span{display:block;overflow: hidden; position: relative;line-height:2;font-weight: bold;}
.pcnavmenugroups >li >span >dt{position:absolute;right:0;top:0;}
.pcnavmenugroups >li >ul{display:block;padding:5px 0px 5px 20px;list-style: none;}
.pcnavmenugroups >li >ul >li{display:block;line-height: 1.6;list-style: none;}
.pcnavmenugroups >li >ul >li >span{}


/**菜单列表显示*/
.pcnavmenulist{}
.pcnavmenuitems{list-style: none;padding:0;margin:0;display: block}
.pcnavmenuitems >li{list-style:none;display: block;padding:8px 0px;line-height:1.5;}
.pcnavmenuitems >li >a{display:block;width: 100%;height:100%;}

.ztnav >ul >li >.navsubmenus{
	box-sizing: border-box;overflow: hidden;display: block; visibility: hidden;
	padding:10px;
	position: absolute;left:0;border:1px solid #ccc;min-width: 150px;background:#fff;font-size:14px;line-height:2;
}



.ztnav >ul >li.norel >.navsubmenus{left:-1px;right:-1px;}
.ztnav >ul >li:hover >.navsubmenus{
	display:block;height:auto; visibility: visible;
	transition: all ease 0.5s;-ms-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;
	
	
	-ms-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	transform:scale(1, 1);
}

.ztnav >ul >li >.navsubmenus.oc{
	
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
}
.ztnav >ul >li >.navsubmenus.olt{
	
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
}
/*
.ztnav >ul >li >.navsubmenus{box-sizing: border-box;overflow: hidden;display: block;
	position: absolute;left:0;border:1px solid #00f;min-width: 150px;background:#fff;font-size:14px;line-height:2;
	transform:scale(1,0);
	-ms-transform:scale(1,0); 
	-moz-transform:scale(1,0);
	-webkit-transform:scale(1,0);
	-o-transform:scale(1,0); 
}
.ztnav >ul >li.norel >.navsubmenus{right:0;}
.ztnav >ul >li:hover >.navsubmenus{display:block;height:auto;
	transition: all ease 0.5s;-ms-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;
	transform:scale(1,1);
	-ms-transform:scale(1,1); 
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1); 
}
*/
/**缩放X，Y*/
.ztnav >ul >li >.navsubmenus.scxy{
	
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	
	
	-ms-transform:scale(0,0);
	-moz-transform:scale(0,0);
	-webkit-transform:scale(0,0);
	-o-transform:scale(0,0); 
	transform:scale(0,0);
}
.ztnav >ul >li:hover >.navsubmenus.scxy{	
	
	-ms-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	transform:scale(1, 1);
}
.ztnav >ul >li >.navsubmenus.scx{
	
	-ms-transform:scale(0,1);
	-moz-transform:scale(0,1);
	-webkit-transform:scale(0,1);
	-o-transform:scale(0,1); 
	transform:scale(0,1);
}
.ztnav >ul >li:hover >.navsubmenus.scx{	
	
	-ms-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	transform:scale(1, 1);
}
.ztnav >ul >li >.navsubmenus.scy{
	
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	
	-ms-transform:scale(1,0);
	-moz-transform:scale(1,0);
	-webkit-transform:scale(1,0);
	-o-transform:scale(1,0); 
	transform:scale(1,0);
}
.ztnav >ul >li:hover >.navsubmenus.scy{	
	
	-ms-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	transform:scale(1, 1);
}
/**上往下*/
.ztnav >ul >li >.navsubmenus.uptodown{
	
	-ms-transform:translate(0,-100%);
	-moz-transform:translate(0,-100%);
	-webkit-transform:translate(0,-100%);
	-o-transform:translate(0,-100%); 
	transform:translate(0,-100%);
}
.ztnav >ul >li:hover >.navsubmenus.uptodown{	
	
	-ms-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
}

/**左往右*/
.ztnav >ul >li >.navsubmenus.lefttoright{
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	
	-ms-transform:translate(-100%,0);
	-moz-transform:translate(-100%,0);
	-webkit-transform:translate(-100%,0);
	-o-transform:translate(-100%,0); 
	transform:translate(-100%,0);
}

/*全部恢复**/
.ztnav >ul >li:hover >.navsubmenus.lefttoright{	
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	-ms-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
}

.ztnav >ul >li.navon >.navsubmenus{	
	
	-ms-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
}

.ztnavblank{height:0px;display: block;overflow: hidden;padding:0;margin:0;transition: all ease 0.5s;-ms-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;}

.ztnavm,.ztnavc.ztnavm{z-index:100;border:none;}
.ztnavm .ztnavmtitle{height:100%;position:relative;overflow: hidden;line-height:60px;border-bottom: 1px solid #0071e3;}

.ztnavm .ztnavmtitle .ztnavsearch{position: absolute;right:70px;top:7px;bottom:0;z-index:1005}
.ztnavm .ztnavmtitle .ztnavsearch .searchitem{width:200px;}


.searchitem{display:inline-block;overflow:hidden; vertical-align:top;height:44px;position:relative;width:400px;}
.searchitem >input.q{display:block;border:none; -webkit-appearance:none;height:100%;width:100%;overflow:hidden;line-height:44px;font-size:14px;padding-left:25px;outline: none}
.searchitem >.search{display:block;border:none; -webkit-appearance:none;position:absolute;right:0;top:0;bottom:0;line-height:44px;padding-left:10px;padding-right:10px;font-size:14px;cursor:pointer}
.searchitem >dt{background:url(icons/searchgray.png) no-repeat 5px center;position:absolute;left:0;bottom:0;top:0;width:25px;}
.searchitem{border:1px solid #06c}
.searchitem .search{background:#06c;color:#fff;}

.logom{height:100%;box-sizing: border-box;padding:5px;}
.logom >div{height:100%; box-sizing: border-box;padding:5px}
.ztnavm .ztnavmtitle .ztnavlisticon{position: absolute;right:0;top:0;bottom:0;box-sizing: border-box;width:60px;height:60px;padding:15px;}
.ztnavm .ztnavmtitle .ztnavlisticon >div{box-sizing: border-box;height:100%;width:100%;background:url(menulist.png) no-repeat center center; background-size:cover;transition: all ease 0.5s;-ms-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;}
.ztnavm .ztnavmtitle .ztnavlisticon.ztnavmact >div{background:url(closemenu.png) no-repeat center center;background-size:cover;}

.ztnavm .ztnavmtitle .ztnavlisticon .openmenu{display:block;}
.ztnavm .ztnavmtitle .ztnavlisticon .closemenu{display:none}
.ztnavm .ztnavmtitle .ztnavlisticon.ztnavmact .openmenu{display:none}
.ztnavm .ztnavmtitle .ztnavlisticon.ztnavmact .closemenu{display:block}

.ztnavmmain{border-bottom:2px solid #ff7f26}
.ztnavm .ztnav{height:auto;z-index: 101;margin:0;padding:0;overflow: hidden;}
.ztnavm .ztnav >ul{height:auto;}
.ztnavm .ztnav >ul >li{display:block;height:auto;overflow: hidden;border-bottom:1px solid #bacddf;}

.ztnavm .ztnav >ul >li >span, .ztnavm .ztnav >ul >li >span >a, .ztnavm .ztnav >ul >li >a{line-height:40px;height:40px;}
.ztnavm .ztnav >ul >li >span{display:block;position: relative;}
.ztnavm .ztnav >ul >li >span >i{position:absolute;right:16px;left:auto;top:0;bottom:0;width:50%;box-sizing: border-box;z-index: 1;text-align: right;padding-top:0px;padding-right:20px;}

.ztnavm .ztnav{display:none;
	background:#fff;
	height:auto;
	overflow: hidden;
	
	
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	
	
	
	-ms-transform:scale(1,0);
	-moz-transform:scale(1,0);
	-webkit-transform:scale(1,0);
	-o-transform:scale(1,0); 
	transform:scale(1,0);
}
.ztnavm .ztnav.scy{
	transition: all ease 0.5s;-ms-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;
	
	
	-ms-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	transform:scale(1, 1);
}
.ztnavm .ztnavm-submenus{
	display:none;
	background:#fff;
	height:auto;
	z-index:3;
	
	padding-left:30px;
	
	line-height:1.5;
	font-size:14px;
	
	
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	
	-ms-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
}

.zts-graybg{background:#efefef;}
.zts-whitebg{background:#fff;}
.zts-bluebg{background:#e6f2f2}

.zthoverscale{transform:scale(1,1);}
.zthoverscale:hover{transform:scale(1.1,1.1);}

.ztnavms{display: none;position: fixed;top:0px;left:0;right:0;}
.ztnavpcs{display: block;position: fixed;top:0px;left:0;right:0;transition: all ease 0.5s;-ms-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-webkit-transition: all ease 0.5s;-o-transition: all ease 0.5s;}
.ztnavpc-fixed{background:#efefef;border-bottom:1px solid #0071e3}
.ztnavpc-fixed .ztbr{border-radius:0;}
.ztnavpc-fixed .ztbr .norel .navsubmenus{border-radius:0;}
.ztnavpc-fixed .ztnavc{border:none;}

.ztnavmtop{position:absolute;top:0;bottom:0;left:100px;right:100px;overflow: hidden}
.ztnavmtop ul{display:block;margin:0 auto;padding: 0;line-height: 60px;text-align: center}
.ztnavmtop ul li{display:inline-block;vertical-align: top;margin:0;padding:0 5px;overflow: hidden;}
.ztnavmtop ul li a{display:block;height:100%;}
@media only screen and (max-width: 1280px) 
{
	.ztnavms{display: block}
	.ztnavpcs{display: none}
	.ztnavblank{height:60px;}
}
@media only screen and (max-width: 640px) 
{
	.ztnavmtop ul li a{font-size:12px;}
}

.ztgrid{display:grid; display: -ms-grid;column-gap: 32px; grid-row-gap: 32px; grid-auto-rows:minmax(100px, auto); grid-template-columns: 1fr;-ms-grid-columns:1fr;z-index:0}
/*
.ztgrid >div{background: linear-gradient(137deg,#5f51ff, #326fff 76%);border-radius:10px;color:#fff;padding:8px;}
.ztgrid >div{background: #f3f5fd;border-radius:10px;color:#1d1d1f;padding:8px;}
*/
.ztgrid.zt-bglg >div{background: linear-gradient(51deg, #9a5ee8 0%, #5387ff 51%);border-radius:10px;color:#fff;padding:8px;}

.ztgrid.sp1{grid-template-columns: repeat(1, 1fr);-ms-grid-columns:repeat(1, 1fr)}
.ztgrid.sp2{grid-template-columns: repeat(2, 1fr)}
.ztgrid.sp3{grid-template-columns: repeat(3, 1fr)}
.ztgrid.sp4{grid-template-columns: repeat(4, 1fr)}
.ztgrid.sp5{grid-template-columns: repeat(5, 1fr)}
.ztgrid.sp6{grid-template-columns: repeat(6, 1fr)}
.ztgrid.sp7{grid-template-columns: repeat(7, 1fr)}
.ztgrid.sp8{grid-template-columns: repeat(8, 1fr)}
.ztgrid.sp9{grid-template-columns: repeat(9, 1fr)}
.ztgrid.sp10{grid-template-columns: repeat(10, 1fr)}


.ztgrid.spauto63{grid-template-columns: repeat(6, 1fr)}
.ztgrid.spauto21{grid-template-columns: repeat(2, 1fr)}

.ztgrid.spauto421{grid-template-columns: repeat(4, 1fr);-ms-grid-columns:1fr 1fr 1fr 1fr}
.ztgrid.spauto42{grid-template-columns: repeat(4, 1fr);-ms-grid-columns:1fr 1fr 1fr 1fr}


.ztgrid >div:nth-child(n+1){-ms-grid-column:1}
.ztgrid >div:nth-child(n+2){-ms-grid-column:2}
.ztgrid >div:nth-child(n+3){-ms-grid-column:3}
.ztgrid >div:nth-child(n+4){-ms-grid-column:4}
.ztgrid >div:nth-child(2n+1){-ms-grid-column:1}
.ztgrid >div:nth-child(2n+2){-ms-grid-column:2}
.ztgrid >div:nth-child(2n+3){-ms-grid-column:3}
.ztgrid >div:nth-child(2n+4){-ms-grid-column:4}

/**IE10+*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}

@media only screen and (max-width: 1100px) 
{
	.ztgrid.spauto63{grid-template-columns: repeat(3, 1fr)}
	.ztgrid.spauto21{grid-template-columns: repeat(1, 1fr)}
}

@media only screen and (max-width: 800px) 
{
	.ztgrid.spauto421{grid-template-columns: repeat(2, 1fr);-ms-grid-columns:1fr 1fr}
	.ztgrid.spauto42{grid-template-columns: repeat(2, 1fr);-ms-grid-columns:1fr 1fr}
}
@media only screen and (max-width: 640px) 
{
	.ztgrid.spauto421{grid-template-columns: repeat(1, 1fr);-ms-grid-columns:1fr}
	.ztgrid{column-gap: 1px;grid-row-gap: 16px;}
}
/**产品类项目图标列表*/
.ztgrid.zt-icon-item >div{position: relative;padding-bottom:20px;background:#efefef;border-radius: 10px;overflow: hidden;}
.ztgrid.zt-icon-item >div >.ops_bottom{position:absolute;bottom:0;left:0;right:0;background:#bbb;color:#333;line-height:1.125;padding:10px 0px;transition: all ease 0.5s;height:56px;}
.ztgrid.zt-icon-item >div:hover .ops_bottom{background:#0071e3;color:#fff;}
@media only screen and (max-width: 640px) 
{
	.ztgrid.zt-icon-item >div{border-radius:0;}
}

.zt-pt42{padding-top:42px}
.zt-pb42{padding-bottom:42px}

.zt-pt16{padding-top:16px}
.zt-pb16{padding-bottom:16px}

.zt-plr16{padding-left:16px;padding-right:16px;}

.zt-p16{padding:16px;}
.zt-p8{padding:8px;}
.zt-p10{padding:10px;}

.zt-pt8{padding-top:8px}
.zt-pb8{padding-bottom:8px}

.zt-pt10{padding-top:10px}
.zt-pb10{padding-bottom:10px}

.zt-pt20{padding-top:20px}
.zt-pb20{padding-bottom:20px}

.zt-pb135{padding-bottom:135px}
.zt-mt42{margin-top:42px;}

.zt-style-title>h2{font-size:48px; line-height: 1.37834;padding:0;margin:0;font-weight: 500;}
.zts-title>h2{font-size:48px; line-height: 1.37834;padding:0;margin:0;font-weight: 500;}

.zt-style-title-grid{}
.zt-style-title-grid >.zt-style-title>h2{text-align: center}
.zt-style-title-grid .ztgrid{margin-top:70px;}

.zts-flex-row{display: flex;justify-content: space-between;width:100%;}
.zts-flex-col{display: flex;justify-content: center; flex-direction: column;text-align: center}
.zts-title-panel  >.zts-title>h2{text-align: center}
.zts-title-panel  >.zts-panel{margin-top:60px;}

.zt-style-imgtext{display: flex;justify-content: space-between;width:100%;}
.zt-style-img{flex-basis: 60%;justify-content: center;display:flex;flex-direction: column;text-align: center}
.zt-style-text{flex-basis: 40%; justify-content: center;display:flex;flex-direction: column;text-align: center}
.zt-text-first{}
.zt-text-first >.zt-style-img{order:2}

.zt-style-imgtext.sp37 .zt-style-img{flex-basis: 70%;max-width:70%}
.zt-style-imgtext.sp37 .zt-style-text{flex-basis: 30%;}

.zt-style-imgtext.sp46 .zt-style-img{flex-basis: 60%;max-width:60%}
.zt-style-imgtext.sp46 .zt-style-text{flex-basis: 40%;}

.zt-style-imgtext.sp55 .zt-style-img{flex-basis: 50%;max-width:50%}
.zt-style-imgtext.sp55 .zt-style-text{flex-basis: 50%;}

.zt-style-imgtext.sp21 .zt-style-img{flex-basis: 66.667%;max-width:66%}
.zt-style-imgtext.sp21 .zt-style-text{flex-basis: 33.333%;max-width:33%}

.zt-text-content{text-align: left}

.zt-style-imgbanner{max-width:90%;}

@media only screen and (max-width: 1024px) 
{
	.zt-style-imgtext{flex-direction: column;text-align: center;padding:20px;}
	.zt-text-first >.zt-style-img{order:0}
	.zt-style-img{flex-basis:100%;flex-direction: row;display:block;width:100%;max-width:100%;margin-bottom:20px;}
	.zt-style-text{flex-basis: 100%;flex-direction: row;display:block;width:100%;text-align: center;max-width:100%;}
	.zt-style-imgbanner{max-width:100%;}
	.zt-text-content{text-align: center}
	
	.zt-style-title>h2{font-size:32px;line-height:1.125}
	.zts-title>h2{font-size:32px;line-height:1.125}
	
	.zt-pt42{padding-top:21px}
	.zt-pb135{padding-bottom:65px}
	
	.zt-style-imgtext.sp37 .zt-style-img{flex-basis: 10%;max-width:100%}
	.zt-style-imgtext.sp37 .zt-style-text{flex-basis: 100%;}

	.zt-style-imgtext.sp46 .zt-style-img{flex-basis: 100%;max-width:100%}
	.zt-style-imgtext.sp46 .zt-style-text{flex-basis: 100%;}

	.zt-style-imgtext.sp55 .zt-style-img{flex-basis: 100%;max-width:100%}
	.zt-style-imgtext.sp55 .zt-style-text{flex-basis: 100%;}

	.zt-style-imgtext.sp21 .zt-style-img{flex-basis: 100%;max-width:100%}
	.zt-style-imgtext.sp21 .zt-style-text{flex-basis: 100%;max-width:100%}
}

.zt-text-content .zt-style-title>h2,.zt-text-content .zt-style-title>h1,.zt-text-content .zt-style-title>h3{font-size:18px;font-weight: bold;line-height:1.2;padding:20px 0px;}
.zt-text-content .zt-style-title>h2 >span,.zt-text-content .zt-style-title>h1 >span,.zt-text-content .zt-style-title>h3 >span{font-size:12px;line-height:2.08334;padding:0;margin:0;display: block; white-space: nowrap; color:#bf4800;}
.zt-text-content >p{margin:0;padding:0;}
.zt-text-content >p.subtitle{    
	font-size: 24px;
    line-height: 1.16667;
    font-weight: 500;
    letter-spacing: .009em;
}
.zt-text-content >p.desc{    
	margin-top:17px;
	font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: 0em;
}
.zt-text-content >p.forward{    
	margin-top:17px;
	font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: 0em;
}
.zt-text-content >p.ops{margin: 16px 0;}

/**简易文章列表**/
.zts-list-simple{}
.zts-list-simple >h2,.zts-list-simple >.zts-title >h2,.zts-list-simple >h3,.zts-list-simple >.zts-title >h3,.zts-list-simple >p,.zts-list-simple >.zts-title >p{display:block;padding:0;margin:0;font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: .015em;
    padding-bottom: 13px;
}
.zts-list-simple >ul{list-style:none;margin:0;padding:0;display:block;}
.zts-list-simple >ul >li{list-style:none;margin:0;padding:0;display:block;
	font-size: 17px;
    line-height: 1.41278;
    font-weight: 400;
    letter-spacing: -0.021em;
    margin-top: 12px;
}
.zts-list-simple >ul >li:first-child{margin-top:0;}

.zts-list-simple.zts-list-block{padding-bottom:12px;}
.zts-list-simple.zts-list-block  >.zts-title,.zts-list-simple.zts-list-block  >h2{padding-bottom:0;margin:0;padding:10px 16px;border-bottom:1px solid #ccc}
.zts-list-simple.zts-list-block  >.zts-title{padding-bottom:0;}
.zts-list-simple.zts-list-block  >ul{padding:0px 16px;padding-top:4px;}
.zts-list-simple.zts-list-block  >ul >li{margin-top:8px;}

.zts-list-simple.zts-font12 >ul >li,.zts-list-simple.zts-font12 >ul >li a{font-size:12px; font-weight: normal}
.zts-list-simple.zts-fonts >ul >li,.zts-list-simple.zts-fonts >ul >li a{font-size:14px;font-weight: normal}

/**多列*/
.zts-cols{display:block;margin:0;padding: 0;overflow: hidden}
.zts-cols:after,.zts-cols:before{display:block;content: ' ';height:1px;overflow: hidden;clear: both}
.zts-cols >.zts-col{float:left;width:25%;overflow: hidden;box-sizing: border-box;}

.zts-col >h2{position: relative;margin:0;padding:0;padding-bottom:12px;}
.zts-col >.zts-col-main{display: block;overflow: hidden}
.zts-col >.zts-col-main >ul{list-style:none;display: block;margin:0;padding:0;clear: both}
.zts-col >.zts-col-main >ul >li{list-style:none;display: block;margin:0;padding:0;margin-top:12px;line-height: 1.53;}
.zts-col >.zts-col-main >ul >li:first-child{margin-top:0;}



@media only screen and (max-width: 1280px) 
{
	.zts-cols{padding:0px 16px;}
}
@media only screen and (max-width: 960px) 
{
	.zts-cols >.zts-col{width:50%;}
}

.zts-fullwrap{}
@media only screen and (max-width: 640px) 
{
	.zts-cols{display:block;}
	.zts-cols >.zts-col{width:100%;}
	
	.zts-fullwrap{padding-left:16px;padding-right:16px;}
	
	.zts-cols.smallhide .zts-col >.zts-col-main{display:none}
	.ztsfooter .zts-col >.zts-col-main >ul >li{margin-top:0;}
	.ztsfooter .zts-col >.zts-col-main{padding-bottom:30px;}
}

.ztsfooter .zts-col >h2,.ztsfooter .zts-col >h3{font-size:12px;}
.ztsfooter .zts-col >.zts-col-main >ul >li{font-size:12px; vertical-align: top}

.ztsfooter .smalltext{font-size:12px;}

.ztsfooter{
	padding: 20px 0;
	background-color: #f2f2f2;
    color: #666;
}

/**Buttons*/
.zt-button {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 17px;
    line-height: 1.17648;
    font-weight: 400;
    letter-spacing: -.022em;
    min-width: 28px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 980px;
    background: #0071e3;
    color: #fff;
	text-decoration: none;
}
.zt-button.zt-white{color: #0071e3;
    background: #fff;}
.zt-button-small{
    font-size: 12px;
    line-height: 1.33337;
    letter-spacing: -.01em;
    min-width: 23px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.zt-button:hover{text-decoration: none;}

.link-arrow {
	display :inline-block;
	position: absolute;
	top:0;right:16px;
	vertical-align: middle
}
.link-arrow::after {
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	content: " ";
	right:0px;
	width: 8px;
	height: 8px;	
	border-width: 2px 2px 0 0;
	border-color: #0071e3;
	border-style: solid;
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);	
	top: 16px;
}
.textc{text-align:center}
.textl{text-align:left}
.textr{text-align:right}

.textes{text-overflow:ellipsis;overflow: hidden; white-space: nowrap;}
/**自动网格*/
.ztgrid-comm{padding:0;margin:0;visibility: visible;box-sizing: border-box;}
.ztgrid-comm:after{clear:both;overflow: hidden;display: block;height:1px;content: ' '}
.ztgrid-comm >div{overflow: hidden;float:left;box-sizing: border-box;background:#fff; position: relative}
.ztgrid-comm.ztin-graybg >div{background:#efefef}
.zts-flexmid{display:flex; flex-direction: column; flex-wrap: nowrap; justify-content: center;align-items:center; height: 100%;}
/**默认宽度*/
.zts-sp2 >div{width:50%;}
.zts-sp3 >div{width:33.3%;}
.zts-sp4 >div{width:25%;}
.zts-sp5 >div{width:20%;}
.zts-sp6 >div >div{width:16.6%;}
.zts-sp7{width:14.28%;}
.zts-sp8 >div{width:12.5%;}
.zts-sp9 >div{width:11.1%;}
.zts-sp10 >div{width:10%;}

/**自动网格*/
.ztgrid-auto2{padding:0;margin:0;visibility: visible;box-sizing: border-box;display: flex; flex-wrap: wrap;}
.ztgrid-auto2:after{clear:both;overflow: hidden;display: block;height:1px;content: ' '}
.ztgrid-auto2 >div{overflow: hidden;float:left;box-sizing: border-box;background:none; position: relative;padding-right:20px;margin-bottom: 20px;flex-basis: 50%;width:50%;}
.ztgrid-auto2 >div.gridcol60{flex-basis: 60%;width:60%;}
.ztgrid-auto2 >div.gridcol40{flex-basis: 40%;width:40%;}
.ztgrid-auto2 >div >div{background:#fff;box-sizing: border-box;padding:16px 0px}
.ztgrid-auto2 >div >div .fullcenterimg{overflow:hidden;}
.ztgrid-auto2 >div:nth-child(2n){padding-right:0px;}
.ztgrid-auto2.ztin-graybg >div{background:#efefef}
.ztgrid-auto2.ztin-graybg >div >div{background:#efefef;}
@media only screen and (max-width: 960px) 
{
	.ztgrid-auto2 >div{padding-right: 0px;flex-basis: 100%;width:100%;}
	.ztgrid-auto2 >div.gridcol60{flex-basis: 100%;width:100%;}
	.ztgrid-auto2 >div.gridcol40{flex-basis: 100%;width:100%;}
}

/**图+标题块*/
.zts-img-item{position:relative;box-sizing: border-box}
.zts-img-item >div.zts-img{overflow:hidden; box-sizing: border-box}
.zts-img-item >div.zts-img >img{margin:0;padding:0;width: 100%;overflow: hidden;display: block}
.zts-img-item >h1,.zts-img-item >h2,.zts-img-item >h3{font-size:24px;font-weight: bold;line-height:2;}
.zts-img-item >.zts-text{overflow:hidden;line-height:1.3;box-sizing: border-box}
.zts-img-item >.zts-desc{overflow:hidden;line-height:1.3;}

.zts-img-item.zts-text-bottom{padding-bottom:30px;}
.zts-img-item.zts-text-bottom .zts-text{position: absolute;bottom: 0;left:0;right:0;min-height: 30px;line-height:30px;background:#fff;}

/**img items*/
.zts-img-items >div{position:relative;box-sizing: border-box}
.zts-img-items >div >div.zts-img{overflow:hidden; box-sizing: border-box}
.zts-img-items >div >div.zts-img >img{margin:0;padding:0;width: 100%;overflow: hidden;display: block}
.zts-img-items >div >h1,.zts-img-items >div >h2,.zts-img-items >div >h3{font-size:24px;font-weight: bold;line-height:2;}
.zts-img-items >div .zts-text{overflow:hidden;line-height:1.3;box-sizing: border-box}
.zts-img-items >div .zts-desc{overflow:hidden;line-height:1.3;}

.zts-img-items.zts-text-bottom >div{padding-bottom:30px;}
.zts-img-items.zts-text-bottom >div .zts-text{position: absolute;bottom: 0;left:0;right:0;min-height: 30px;line-height:30px;background:#fff;}
.zts-img-items.zts-text-bottom >div >.title{position: absolute;bottom: 0;left:0;right:0;padding:10px;min-height: 60px;line-height:1.3;background:#fff; vertical-align: bottom}


.zts-f{}
.zts-f.pb40{padding-bottom: 40px;}
.zts-f.pb60{padding-bottom: 60px;}
.zts-f.pb90{padding-bottom: 90px;}
.zts-f.pb100{padding-bottom: 100px;}
.zts-f.pb120{padding-bottom: 120px;}
.zts-f.p16{padding: 16px;}


.page-pointers{font-size:14px;display: none; position: fixed;top: 100px;right:10px;max-width: 150px;padding:16px;z-index: 200000;background:rgba(255,255,255,0.9);overflow: hidden; box-sizing: border-box;border-radius: 10px;}
.page-pointers >div >div{white-space: nowrap; vertical-align: middle;line-height:30px;height:30px;overflow: hidden; box-sizing: border-box; text-overflow: ellipsis}
.page-pointers >div >div >span{vertical-align: top;margin-top:10px;display: inline-block;width: 10px;height:10px;border: 1px solid #06c;background:#06c;border-radius: 50%;}
.page-pointers >div >div >a{font-size:14px}

.textc{text-align:center}
.textl{text-align:left}
.textr{text-align:right}

.textes{text-overflow:ellipsis;overflow: hidden; white-space: nowrap;}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


@-webkit-keyframes fadeInLeftTop {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftTop {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftTop {
  -webkit-animation-name: fadeInLeftTop;
  animation-name: fadeInLeftTop;
}


@-webkit-keyframes fadeInRightBottom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBottom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBottom {
  -webkit-animation-name: fadeInRightBottom;
  animation-name: fadeInRightBottom;
}

/**2023*/
:root{
	--light-color: #666;
	--dark-color: #000;
	--text-color: #181818;
	--main-color: #1c6ede;
	--main-light-color: rgba(28, 110, 239, 0.5);
	--light-border-color: #ddd;
	--gray-bg: #efefef;
	--padding: 24px;
}
.zt23block:nth-child(2n+1){background:var(--gray-bg)}
.zt23-wrap{margin:0 auto;max-width: 1900px;width:90%;}

@media only screen and (max-width: 1440px) 
{
	.zt23-wrap{width:100%;}
}
@media only screen and (max-width: 800px) 
{
	:root{
		--padding: 16px;
	}
}

.ztnav{padding:0 var(--padding)}

a,h1,h2,h3,h4,h5,h6,div,td,span,p,dt,li{transition:0.5s color ease}

.gray-bg{background:#efefef;}
.cards{display:flex;overflow: hidden;flex-wrap: wrap}
.cards >div{width:25%;display:flex;flex-direction: column;border-left:1px solid #ccc;
margin-bottom:30px;box-sizing: border-box;justify-content: center;text-decoration: none;outline:none;}
.cards >div:first-child{border-left:none;}
/*
.cards >div:hover{
	background:rgba(28, 110, 239, 0.1);
	border-radius:10px;
}
*/

.cards.card-fix-height120{height:120px;}
.cards.card-fix-height120 >div{margin-bottom: 0;}
.cards.card-auto-height{height:auto;}

.card >h1,.card >h2,.card >h3,.card >.card-title{display:block;padding-left:var(--padding);padding-right:var(--padding);font-weight: 600;font-size:16px;line-height: 24px;color:var(--main-color)}
.card >h2 >a,.card >h1 >a,.card >h3 >a{color:var(--main-color)}

.cards.num-card >.card >h2{font-size:36px;font-weight: 700;line-height:40px;color:var(--main-color)}
.card:hover >h2,.card:hover >.card-title{color:var(--main-light-color)}
.cards.num-card .card:hover >h2,.cards.num-card .card:hover >.card-title{color:var(--main-light-color)}

.card >p,.card >.card-desc{margin:0;padding-left:var(--padding);padding-right:var(--padding);padding-top:13px;font-size:14px;line-height: 24px;color:var(--light-color);letter-spacing: 0.4px}
.card:hover >p,.card:hover >.card-desc{color:var(--dark-color)}

.cards.card-noborder >div{border:none;border-left:none;}

.cards >div.title-card{justify-content: flex-start}
.title-card >div{padding:0 var(--padding);}
.title-card >div >h1,.title-card >div >h2,.title-card >div >h3,.title-card >div >.card-title{display:block;font-weight: 600;font-size:24px;line-height: 1.3;color:var(--main-color);position:relative}
.title-card >div >h2 >a,.title-card >div >h1 >a,.title-card >div >h3 >a{color:var(--main-color)}
.title-card >div >.card-line{margin-top:12px;height:12px;border-top:1px solid var(--light-border-color);overflow: hidden}
.title-card:hover >div >h1,.title-card:hover >div >h2,.title-card:hover >div >h3,.title-card:hover >div >.card-title{color:var(--main-light-color)}

.title-card >div >p,.title-card >div >.card-desc{margin:0;font-size:14px;line-height: 24px;color:var(--light-color);text-align: justify;letter-spacing: 0.4px}
.title-card:hover >div >p,.title-card:hover >div >.card-desc{color:var(--dark-color)}

.item-card >h2,.item-card >h3,.item-card >.card-title{display:block;padding-left:var(--padding);padding-right:var(--padding);font-weight: 600;font-size:16px;line-height: 24px;color:var(--main-color);position:relative}

.card-hot{
position:absolute;right:0;display: inline-block;padding:2px 5px;border-radius: 960px;background:#e30054;color:#fff;
font-size:10px;line-height:12px;
-webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
   -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
   -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.item-card .card-hot,.card .card-hot{right:var(--padding)}

.item-card >h2 >a,.item-card >h3 >a{color:var(--main-color)}
.item-card:hover >h2,.item-card:hover >h3,.item-card:hover >.card-title{color:var(--main-light-color)}

.item-card >p,.item-card >.card-desc{margin:0;padding-left:var(--padding);padding-right:var(--padding);padding-top:13px;font-size:14px;line-height: 24px;color:var(--light-color);letter-spacing: 0.4px}
.item-card:hover >p,.item-card:hover >.card-desc{color:var(--dark-color)}

.zt23-bigtitle{position: relative}
.zt23-bigtitle >h1,.zt23-bigtitle >h2{padding:48px var(--padding);font-size:32px;font-weight: 600;color:var(--text-color);line-height:1.2}

.zt23-bigtitle >.zt23-rights{position:absolute;right:var(--padding);top:48px;}

.zt23-blockfooter{padding-top:40px;}
.zt23-blockdesc{padding:var(--padding);overflow: hidden;line-height: 1.5}

/**25,75*/
.zt23-sp2-block{display:flex;flex-wrap: wrap;flex-direction: row}
.zt23-sp2-block >div:first-child{width:25%;display: flex;flex-direction: column}
.zt23-block-menu{display:flex;width:100%;flex-direction: column}
.zt23-block-menuitem{display:flex;justify-content: flex-end;width:100%;flex-direction: row;line-height: 50px;background:#C7DAE9;border-bottom:1px solid #fff;position: relative}
.zt23-block-menuitem>a{color:#333}
.zt23-block-menuitem>i{width:40px;height:100%;text-align: center;background: url(marker1.png) center center no-repeat;transition: all ease 0.2s}
.zt23-block-menuitem.act>i{background: url(marker2.png) center center no-repeat}
.zt23-block-menuitem.act{background:#30A5DD;}

.zt23-sp2-block >div:last-child{width:75%;display:flex;flex-direction: row;flex-wrap: wrap}

.zt23-sp2-block >div:last-child >div{width:33%;margin-bottom:20px;}
.zt23-sp2-block >div:last-child >div.zt23full{width:100%;margin-bottom:0px;display:flex;flex-direction: row;flex-wrap: wrap} /**内部加一层*/
.zt23-sp2-block >div:last-child >div.zt23full.zt23hide{display:none}
.zt23-sp2-block >div:last-child >div.zt23full >div{width:33%;margin-bottom:20px;}

.zt23-block-desc{padding:0 var(--padding);text-align: justify;color:var(--light-color);letter-spacing: 0.5px;line-height: 1.5;font-size:14px}
.zt23-block-img{padding:0 var(--padding);margin-top:20px;overflow: hidden}
@media only screen and (max-width: 1300px) 
{
	.cards.card-fix-height120{height:220px}
	.cards >div{width:50%;flex-basis: 50%;margin-bottom: 20px;}
	
	.cards.card-fix-height120 >div{margin-bottom:0;border-bottom:1px solid var(--light-border-color)}
	.cards.card-fix-height120{border-top:1px solid var(--light-border-color)}
	
	.zt23-sp2-block >div:last-child >div{width:50%;}
	.zt23-sp2-block >div:last-child >div.zt23full{width:100%;}
	.zt23-sp2-block >div:last-child >div.zt23full>div{width:50%;}
	
	.zt23-sp2-block{flex-direction: column}
	.zt23-sp2-block >div:first-child{width:100%;margin-bottom:30px;}
	.zt23-sp2-block >div:last-child{width:100%}
}
@media only screen and (max-width: 800px) 
{
	.cards.card-fix-height120{height:120px;}
	
	.cards >div{width:100%;flex-basis: 100%;margin-bottom: 20px;}
	.cards.card-fix-height120 >div{width:50%;flex-basis: 50%;margin-bottom:0;border-bottom:1px solid var(--light-border-color)}
	.cards.card-fix-height120{border-top:1px solid var(--light-border-color)}
	
	.cards.num-card{height:200px;}
	
	
	.card >p,.card >.card-desc{display:none}
	
	.cards.num-card >.card >h2,.cards.num-card >.card >h3{font-size:28px;line-height:36px;}
	.cards.num-card .card >p,.cards.num-card .card >.card-desc{display:block}
	
	
}

@media only screen and (max-width: 640px) 
{
	.zt23-sp2-block >div:last-child >div{width:100%;}
	.zt23-sp2-block >div:last-child >div.zt23full{width:100%;}
	.zt23-sp2-block >div:last-child >div.zt23full>div{width:100%;}
	
	.zt23-bigtitle >h1,.zt23-bigtitle >h2{font-size:18px;padding:24px var(--padding);}
	.title-card >div >h1,.title-card >div >h2,.title-card >div >h33,.title-card >div >.card-title{font-size:16px;}
	.zt23-bigtitle >.zt23-rights{right:var(--padding);top:20px;}
	
	.zt23-bigtitle >.zt23-rights .zt-button{font-size:14px;padding-left: 10px;padding-right:10px;}
	
}

.cms_guidetext{padding:10px 0px;}
.zts-title >p.desc{padding:16px 16px;max-width: 800px;margin-left:auto;margin-right:auto;}
.zts-funcicon{padding: 10px auto;text-align: center}
.zts-funcicon >img{height:64px;}

.oneitem{position:relative;min-height:100px;margin-top:20px;}
.oneitem{padding-left:150px;}
.oneitem >dt{position:absolute;width:128px;height:88px;overflow: hidden;left:6px;top:6px;text-align: center}
.oneitem >dt >img{max-width:100%;max-height: 100%;object-fit: contain;object-position: center}
.oneitem >h1,.oneitem >h2,.oneitem >h3,.oneitem >div{font-weight:bold;font-size:18px;line-height:1.2;padding:10px 0px;}
.oneitem >h1 >a,.oneitem >h2 >a,.oneitem >h3 >a,.oneitem >div >a{font-size:18px;font-weight: bold}
.articlelists{padding-bottom:60px;}

.catgory-title{padding:20px 0px;}
.catgory-title >div{background:#efefef;padding:16px;}
.catgory-title h1,.catgory-title h2{line-height:1.4;font-weight: bold;font-size:20px;}


.e40flow{max-width:1280px;margin:40px auto;}
.e40flow >div{display:flex;flex-direction: row;}
.e40flow .eitem{display:flex;flex-direction: column;position:relative;flex-basis: 25%;box-sizing: border-box;width:25%;overflow: hidden}
.e40flow .itemdesc{box-sizing: border-box;padding:20px 16px;text-align: center}
.e40flow .itemdesc p{color:#666;font-size:12px}
.e40flow .dot{width:80px;height:80px;background:#022664;color:#ccc;border-radius: 50%;text-align: center;vertical-align: middle;position: relative;margin:0 auto;z-index: 1}
.e40flow .dot:after{content:' ';display:inline-block;vertical-align: middle;height:100%;overflow: hidden;width:1px;}
.e40flow .dot span{display:inline-block;line-height:1.5;vertical-align: middle}
.e40flow .eitemsplit{position:relative;height:44px;}
.e40flow .itemname{position:relative;height:80px;}

.e40flow .dot.blue{background:#6BA8E1;color:#000;}
.e40flow .dot.red{background:#EBB7B8;color:#000}
.e40flow .dot.green{background:#C3F5C7;color:#000}

.e40flow.e40flowstyle_bri .eitem:nth-child(6n+1) .dot{background:#0e72cc;color:#fff;}
.e40flow.e40flowstyle_bri .eitem:nth-child(6n+2) .dot{background:#6ca30f;color:#fff;}
.e40flow.e40flowstyle_bri .eitem:nth-child(6n+3) .dot{background:#f59311;color:#fff;}
.e40flow.e40flowstyle_bri .eitem:nth-child(6n+4) .dot{background:#fa4343;color:#fff;}
.e40flow.e40flowstyle_bri .eitem:nth-child(6n+5) .dot{background:#16afcc;color:#fff;}
.e40flow.e40flowstyle_bri .eitem:nth-child(6n+6) .dot{background:#85c021;color:#fff;}

.e40flow .rline{position:absolute;right:0;top:35px;left:50%;background:#C0D9F1;height:10px;display:block;overflow: hidden;z-index: 0}
.e40flow .lline{position:absolute;left:0;top:35px;right:50%;background:#C0D9F1;height:10px;display:block;overflow: hidden;z-index: 0}
.e40flow .tline{position:absolute;top:0;left:35px;bottom:50%;background:#C0D9F1;width:10px;display:block;overflow: hidden;z-index: 0}
.e40flow .bline{position:absolute;bottom:0;left:35px;top:50%;background:#C0D9F1;width:10px;display:block;overflow: hidden;z-index: 0}


.icon-list{display:flex;flex-wrap: wrap;align-items: stretch;}
.icon-item{width:20%;margin-bottom:20px;overflow: hidden}
.icon-item-in{padding:8px;}
.icon-logo{background:#000;padding:0;margin:0;overflow: hidden}
.icon-logo >img{object-fit: contain;height:180px;overflow: hidden;width: 100%;padding:0;margin:0;}
.icon-desc{color:#888;font-size:12px;margin-top:16px;}
.icon-title{margin-top:16px;min-height: 42px;}
.main-content{margin:30px auto;}

@media only screen and (max-width: 1679px) 
{
	.icon-item{width:25%;}
	.icon-logo >img{height:180px;}
}
@media only screen and (max-width: 1280px) 
{
	.icon-item{width:33.3%;}
	.icon-logo >img{height:180px;}
}
@media only screen and (max-width: 960px) 
{
	.icon-item{width:50%;}
	.icon-logo >img{height:270px;}
}
@media only screen and (max-width: 640px) 
{
	.icon-item{width:100%;}
	.icon-logo >img{height:360px;}
	
	.page-c{text-align:center}
}
@media only screen and (max-width: 414px) 
{
	.icon-item{width:100%;}
	.icon-logo >img{height:232px;}
	
	.page-c{text-align:center}
}
@media only screen and (max-width: 375px) 
{
	.icon-item{width:100%;}
	.icon-logo >img{height:210px;}
	
	.page-c{text-align:center}
}