@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; list-style-image: none;list-style-type: none;}

body {
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-text-size-adjust:none;
	background-attachment: fixed;
	background-image: url(../images/pc-bj1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	overflow-x:hidden;
	overflow: hidden;
}
img { border:none;}
.fix {clear:both;height: 1px;font-size: 0px;}

.slogan {font-family: Forum;width: 90%;margin-right: auto;margin-left: auto;font-size: 130px;color: #e7d0bc;margin-top: 14%;letter-spacing: -5px;position: relative;z-index: 50;}
.char {display: inline-block;opacity: 0;filter: blur(20px);transition: opacity 1s ease-out, filter 1s ease-out;}
.char.visible {opacity: 1;filter: blur(0);}

.list {position: absolute;bottom: 130px;z-index: 100;width: 100%;}
.list_k {width: 90%;margin-right: auto;margin-left: auto;display: grid;grid-template-columns: repeat(3, 1fr);gap: 2%;}
.vision_z {width: 2%;float: left;position: relative;height: 170px;}
.vision {width: 100%;float: left;position: relative;}
.vision a {color: #e7d0bc;text-decoration: none;display: block;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);height: 170px;border-top-width: 1px;border-top-style: solid;border-top-color: #e7d0bc;}
.vision a:hover {color: #FFF;text-decoration: none;transform:translateY(-10px);border-top-color: #FFF;}

.design_wz {padding-top: 58px;}

.design_wz dd.imgcp {float: right;bottom: 0px;position: absolute;right: 40px;}
.design_wz dd.en_biaoti {font-size: 18px;padding-bottom: 10px;font-family: Geometos;}
.design_wz dd.biaoti {font-size: 14px;line-height: 24px;}


/*自适应解决方案*/

@media screen and (max-width: 1900px) {
.slogan {margin-right: auto;margin-left: auto;font-size: 120px;margin-top: 14%;}
}
@media screen and (max-width: 1260px) {
.slogan {margin-right: auto;margin-left: auto;font-size: 100px;margin-top: 16%;}
}
@media screen and (max-width: 800px) {
body {background-image: url(../images/m-bj1.jpg);}
.slogan {margin-right: auto;margin-left: auto;font-size: 60px;margin-top: 18%;letter-spacing: -2px;}
.list {bottom: 60px;}
.list_k {grid-template-columns: repeat(1, 3fr);gap: 0%;}
.vision a {height: 80px;border-top-width: 0.5px;}
.design_wz {padding-top: 25px;}
.design_wz dd.en_biaoti {font-size: 14px;padding-bottom: 2px;}
.design_wz dd.biaoti {font-size: 10px;line-height: 14px;}

}