* {box-sizing:border-box;}
body {font-family:'Microsoft YaHei','Lantinghei SC','Open Sans',Arial,'Hiragino Sans GB','STHeiti','WenQuanYi Micro Hei','SimSun',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
/* h1,h2,h3,p {font-weight:300;margin:0 0 2.4rem 0;} */
/* h1,h2,h3 {line-height:1.3;} */
a {text-decoration:none;color:inherit;font-weight:400;}
/** * Material Modal CSS */
.modal {will-change:visibility,opacity;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;z-index:1000;visibility:hidden;opacity:0;-webkit-transition:all 0.5s cubic-bezier(0.23,1,0.32,1);transition:all 0.5s cubic-bezier(0.23,1,0.32,1);-webkit-transition-delay:$modal-delay;transition-delay:$modal-delay;}
.modal--active {visibility:visible;opacity:1;}
.modal--align-top {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.modal__bg {background:transparent;}
.modal__dialog {max-width:1000px;padding:1.2rem;}
.modal__content {will-change:transform,opacity;position:relative;padding:2.4rem;background:#ffebee;background-clip:padding-box;box-shadow:0 12px 15px 0 rgba(0,0,0,0.25);opacity:0;-webkit-transition:all 0.25s cubic-bezier(0.23,1,0.32,1);transition:all 0.25s cubic-bezier(0.23,1,0.32,1);}
.modal__content--active {opacity:1;}
.modal__close {z-index:1100;cursor:pointer;}
.modal__trigger {width: 32%;position:relative;float: left;display:block;margin:0.5rem;padding:1.2rem;/* color:rgba(0,0,0,0.7);line-height:1;*/cursor:pointer;background:#ffebee;/* box-shadow:0 2px 5px 0 rgba(0,0,0,0.26);-webkit-tap-highlight-color:rgba(0,0,0,0) ;*/-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all 0.5s cubic-bezier(0.23,1,0.32,1);transition:all 0.5s cubic-bezier(0.23,1,0.32,1);}
.modal__trigger--active {z-index:10;}
/* .modal__trigger:hover {background:#e5d3d6;}
*/#modal__temp {will-change:transform,opacity;position:absolute;top:0;left:0;right:0;bottom:0;background:#ffebee;-webkit-transform:none;transform:none;opacity:1;-webkit-transition:opacity 0.1s ease-out,-webkit-transform 0.5s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.1s ease-out,-webkit-transform 0.5s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.1s ease-out,transform 0.5s cubic-bezier(0.23,1,0.32,1);transition:opacity 0.1s ease-out,transform 0.5s cubic-bezier(0.23,1,0.32,1),-webkit-transform 0.5s cubic-bezier(0.23,1,0.32,1);}
/** * Demo specific CSS */
body {height:100vh;background: #6dbe71;/* background: #0058AC url(zt_2020hwlt_0.jpg) no-repeat; background-size: cover; */}
img {max-width:100%;}
.demo-btns header{padding:3vh 10vw; margin: 0 auto; /*display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;*/text-align:center;}
.demo-btns header h1{margin:1em 0;}
.demo-btns header p{ padding:1.5rem 2rem; background-color: #00b129;background:rgba(0,0,0,0.5); color: #fff; text-align: justify; text-indent: 2em; font-size: 18px;}

.demo-btns .info {/* background:#f44336;*/  padding:3vh 10vw;/* height:20vh;*/  display:-webkit-box;/* display:-ms-flexbox;display:flex; */-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-flow:column wrap;flex-flow:column wrap;}
.demo-btns p {text-align:center;color:#fff;}
.demo-btns .link {font-size:20px;}
/* .demo-btns .modal__trigger {margin-right:3px;}
*/@media (max-width:640px) {.demo-btns .modal__trigger {margin-bottom:0.8rem;}
}
.demo-close {position:absolute;top:0;right:0;margin:1.2rem;padding:0.6rem;background:rgba(0,0,0,0.3);border-radius:50%;-webkit-transition:all 0.5s cubic-bezier(0.23,1,0.32,1);transition:all 0.5s cubic-bezier(0.23,1,0.32,1);}
.demo-close svg {width:24px;fill:#fff;pointer-events:none;vertical-align:top;}
.demo-close:hover {background:rgba(0,0,0,0.6);}
.logo {position:fixed;bottom:3vh;right:3vw;z-index:2;}
.logo img {width:45px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all 0.5s cubic-bezier(0.23,1,0.32,1);transition:all 0.5s cubic-bezier(0.23,1,0.32,1);}
.logo img:hover {-webkit-transform:rotate(180deg) scale(1.1);transform:rotate(180deg) scale(1.1);}

.demo-btns{position: absolute;top: 0;}
.demo-btns .g-top{text-align: left;}

.footer{width: 100%; overflow: hidden;}
.footer p{text-align: center; color: #fff;}

.gd-title{line-height: 50px; text-align: right;font-size: 20px;color: #fff;}
.gd-describe{padding: 1rem; font-size: 22px;}
.gd-box{overflow: hidden;}
.gd-box img{float: left; width: 300px;}
.gd-box .txt{float: left; margin-left: 2em;width: 50%; text-indent: 2em; font-size: 24px; text-align: justify;}
.m-tip{display: block; width: 100%; margin: 1rem auto;text-align: center; color: #fff; font-size: 20px;}
.m-tip i {
	font-style:normal;
}
.m-tip i {
	display:inline-block;
	padding: 0.3rem;
	vertical-align:bottom;
	-webkit-animation-name:fontSizeUp1;
	animation-name:fontSizeUp1;
	-webkit-animation-duration:5s;
	animation-duration:5s;
	-webkit-animation-timing-function:steps(1,end);
	animation-timing-function:steps(1,end);
	-webkit-animation-fill-mode:none;
	animation-fill-mode:none;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-transform-origin:50% 75%;
	transform-origin:50% 75%;
}
.m-tip i:nth-of-type(1) {
	-webkit-animation-delay:0s;
	animation-delay:0s;
}
.m-tip i:nth-of-type(2) {
	-webkit-animation-delay:0.5s;
	animation-delay:0.5s;
}
.m-tip i:nth-of-type(3) {
	-webkit-animation-delay:1s;
	animation-delay:1s;
}
.m-tip i:nth-of-type(4) {
	-webkit-animation-delay:1.5s;
	animation-delay:1.5s;
}
.m-tip i:nth-of-type(5) {
	-webkit-animation-delay:2s;
	animation-delay:2s;
}
.m-tip i:nth-of-type(6) {
	-webkit-animation-delay:2.5s;
	animation-delay:2.5s;
}
.m-tip i:nth-of-type(7) {
	-webkit-animation-delay:3s;
	animation-delay:3s;
}
.m-tip i:nth-of-type(8) {
	-webkit-animation-delay:3.5s;
	animation-delay:3.5s;
}
.nav_li_pb i:nth-of-type(9) {
	-webkit-animation-delay:4s;
	animation-delay:4s;
}
.m-tip i:nth-of-type(10) {
	-webkit-animation-delay:4.5s;
	animation-delay:4.5s;
}
.nav_li_pb i:nth-of-type(11) {
	-webkit-animation-delay:5s;
	animation-delay:5s;
}
.m-tip i:nth-of-type(12) {
	-webkit-animation-delay:5.5s;
	animation-delay:5.5s;
}
@-webkit-keyframes fontSizeUp1 {
	0% {
	-webkit-transform:scale(1.25);
	transform:scale(1.25);
}
7%,100% {
	-webkit-transform:scale(1);
	transform:scale(1);
}
}@keyframes fontSizeUp1 {
	0% {
	-webkit-transform:scale(1.25);
	transform:scale(1.25);
}
7%,100% {
	-webkit-transform:scale(1);
	transform:scale(1);
}
}.m-tip .fontSizeUp1 {
	-webkit-animation-name:fontSizeUp1;
	animation-name:fontSizeUp1;
}

@media screen and (max-width: 1366px){
.modal__trigger {max-width:341px;}
}