<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,b,img{margin:0;padding:0;}

body{font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; min-width: 1200px;color: #333;}

fieldset,img{border:0}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,li{list-style:none}

h1,h2,h3,h4,h5,h6,b{font-size:100%;font-weight:normal;}

q:before,q:after{content:''}

abbr,acronym{border:0}

input:disabled {background: none;}

textarea{resize:none;outline:none}

a, img {border: 0px none; color: #333;text-decoration: none;}

.clear { clear:both;}



/*---item banner---*/

.itembanner {

	width: 100%;

	height: 960px;

	margin: 0 auto;

	overflow: hidden;

}



.li-img1 {

	height:960px;

	width: 100%;

	position: relative;

	z-index: 0;

}

.li-word1{

	width: 100%;

	height: 768px;

	float: left;

	margin: 0 auto;

	background: url(../images/itempageb.png) no-repeat center;

	position: relative;

	z-index: 1;

}



/*---page02---*/

.itempage02 {

	width: 100%;

	height: 899px;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

}

.itemli-img02{

	position: absolute;

	width: 100%;

	height:899px;

	float:left;

	z-index: -1;

	overflow: hidden;

}

.page02-con {

	width: 1200px;

	margin: 0 auto;

}

.page-title {

	vertical-align: middle;

	text-align: center;

	padding-top: 36px;

}



.item-con {

	margin: 20px 0;

	border: 0;

}

.item-web {

	height: 738px;

	background: url(../images/itempage02-pc.png) no-repeat left center;

}

.web-li {

	width:850px;

	height: 600px;

	float: right;

}

.li-left {

	margin-left: 136px;

}

.web-img {

	width: 168px;

	height: 168px;

	float: left;

}

.web-text{

	width: 540px;

	float: left;

}

.web-text h2 {

	font-size: 30px;

	font-weight: bold;

	color: #ffda00;

	margin-top: 10px;

}

.web-text p {

	font-size: 12px;

	color: #fff;

	line-height: 24px;

}

/*---page03---*/

.itempage03 {

	width: 100%;

	height: 873px;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

}

.itemli-img03 {

	position: absolute;

	width: 100%;

	height: 873px;

	float:left;

	z-index: -1;

	overflow: hidden;

}

.item-system {

	width: 1200px;

	height: 516px;

	margin: 0 auto;

	margin-top: 84px;

	background: url(../images/itempage03img.png) no-repeat center;

	position: relative;

}

.system01 {

	width: 370px;

	position: absolute;

	left: 24px;

	top:140px;

}

.system02 {

	width: 370px;

	position: absolute;

	left: 24px;

	bottom:20px;

}

.system03 {

	width: 370px;

	position: absolute;

	right: 24px;

	top:36px;

}

.system04 {

	width: 370px;

	position: absolute;

	right: 24px;

	bottom:136px;

}

.system-title {

	font-size: 18px;

	font-weight: bold;

}

.system-desc {

	font-size: 12px;

	line-height: 24px;

}

.color01 {

	color: #2abce4;

}

.color02 {

	color: #7f7f7f;

}

.color03 {

	color: #ee5b51;

}

.color04 {

	color: #179d82;

}

/*---itempage04---*/

.itempage04 {

	width: 100%;

	height:816px;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

}

.itemli-img04 {

	position: absolute;

	width: 100%;

	height: 816px;

	float:left;

	z-index: -1;

	overflow: hidden;

}

.item-con04 {

	width: 1200px;

	margin: 0 auto;

	margin-top: 70px;

}

.doma-text {

	width: 434px;

	float: left;

}

.doma-text h2 {

	font-size: 36px;

	font-weight: bold;

	color: #ffda00;

}

.doma-text p {

	color: #fff;

	line-height: 30px;

	margin-top: 10px;

}

.doma-text .doma-a {

	display: block;

	width: 148px;

	height: 52px;

	margin-top: 90px;

	border: 1px solid #fff;

	color: #fff;

	text-align: center;

	line-height: 52px;

}

.doma-text .doma-a:hover {

	color: #ffda00;

	border: 1px solid #ffda00;

	transition: linear 0.5s;

}

.doma-img {

	float: right;

}

/*---itempage05---*/

.itempage05 {

	width: 100%;

	height: 923px;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

}

.itemli-img05 {

	position: absolute;

	width: 100%;

	height: 923px;

	float:left;

	z-index: -33;

	overflow: hidden;

}

.pro-con {

	width:1200px;

	height: 500px;

	margin: 0 auto;

	margin-top: 90px;

	background: url(../images/c-bj.png) no-repeat 76px center;

	position: relative;

	overflow: hidden;

}

.c-pro01 {

	width: 240px;

	position: absolute;

	left:90px;

	top:18px;

}

.c-pro02 {

	width: 380px;

	position: absolute;

	left:318px;

	bottom:18px;

}

.c-pro03 {

	width: 448px;

	position: absolute;

	right:150px;

	top:18px;

}

.c-pro04 {

	width: 332px;

	position: absolute;

	right: 74px;

	bottom:18px;

}

.c-title {

	font-size: 18px;

	font-weight: bold;

}

.c-p {

	color: #fff;

}

.c-color01{

	color: #ed5d4f;

}

.c-color02{

	color: #7f7f7f;

}



.c-color03{

	color: #179d82;

}



.c-color04{

	color: #2abce4;

}

.cl-con {

	height: 172px;

	margin-top: 180px;

	position: relative;

	margin-left: 144px;

}

.cl01 {

	background: url(../images/itempage0501.png) no-repeat center;

}

.cl02 {

	background: url(../images/itempage0502.png) no-repeat center;

}

.cl03 {

	background: url(../images/itempage0503.png) no-repeat center;

}

.cl04 {

	background: url(../images/itempage0504.png) no-repeat center;

}

.cl {

	width: 172px;

	height: 172px;

	float: left;

	margin: 0 30px;

}

.cl img:hover {

	transition: -transform 4s;

	transform: rotate(360deg);

	-webkit-transition: -webkit-transform 4s;

	-webkit-transform: rotate(360deg);

	-moz-transition: -moz-transform 4s;

	-moz-transform: rotate(360deg);

	-ms-transition: -webkit-transform 4s;

	-ms-transform: rotate(360deg);

}

.web-img img:hover {

	transition: 1s;

	transform:rotateY(-180deg);

}

.web-img img {

	transition: 1s;

	transform:rotateY(0deg);

}









</pre></body></html>