@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);
}