html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,select,input,textarea {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font-family: "Microsoft Yahei","微软雅黑","simhei","黑体","arial";
  vertical-align:baseline;
}
blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:""; content:none; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration:line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

html, body{
	overflow: hidden;
}

ol,ul,li{list-style: none; padding: 0; margin: 0;}

.box .load {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 900;
	width: 100%;
	height: 100%;
}
.load_bg {
	width: 100%;
	height: 100%;
	background: #fff;
}
.load #foo {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 200;
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin: -50px 0 0 -50px;
}

/**header**/
.wrapHeader {position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 65px;}
.header {width: 100%;height: 60px;margin: 0 auto;}
.logo {float: left;width: 143px;height: 60px;margin: 7px 10px 10px 32px;font-weight: normal;}
.logo .icon{font-size: 200px;line-height:50px;color: #fff;-webkit-transition: font-size 0.25s ease-out 0s;-moz-transition: font-size 0.25s ease-out 0s;transition: font-size 0.25s ease-out 0s;}

/*导航*/
.nav {list-style: none;float: left;font-weight: bold;font-size: 15px;line-height: 30px;left: 50%;position: absolute;margin-left: -150px;top:20px}
.nav li {float: left;}
.nav li.contact{position:fixed;  right: 10px; top:25px; background: #fff;  border-radius: 30px;}
.nav li.contact a,.nav li.contact a.cur{color:#7a7a7a; border: none;}
.nav li.contact a{margin: 0 15px;}
.nav a {float: left;margin: 0 30px;color: #fff;opacity: .7;text-decoration: none;}
.nav a:hover, .nav .cur {opacity: 1;border-bottom: 3px #fff solid;}

/*小圆点*/
.fixedNav {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 1000;
	width: 24px;
	height: 141px;
	margin-top: -80px;
	padding-top: 24px;
	list-style: none;
}
.fixedNav li {
	float: left;
	position: relative;
	width: 100%;
	height: 16px;
	padding-left: 3px;
	margin-bottom: 5px;
}
.fixedNav .icon {
	display: block;
	width: 12px;
	height: 12px;
	cursor: pointer;
	border-radius: 50%;
  box-shadow: inset 0 0 0 1px #fff;
  opacity: .5;
}
.fixedNav .txt {
	display: none;
	position: absolute;
	left: 10px;
	top: -3px;
	width: 76px;
	height: 19px;
	color: #fff;
	font-size: 12px;
	line-height: 19px;
	text-align: center;
}
.fixedNav .cur .icon {
	background: #fff;opacity: 1;
}
/**内容**/
.wrapBox {
	position: fixed;
	top: 0px;
	width: 100%;
}
.box {
	position: relative;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 800px;
	overflow: hidden;
}
.box_fixed {
	position: relative!important;
	width: 100%;
	height: 520px;
	padding: 100px 0;
	width: 1000px;
	margin: auto;
}
.box .load_bg {
	position: absolute;
	z-index: 100;
}

/**box1**/
.b1_bg {background: #28c18d;}
.b1_bg .box_fixed p{text-align: center;font-size: 30px;color:#FFF; font-weight: 600; padding-top: 80px; opacity: 0;filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;}
.composition{position: relative; width: 800px; margin:40px  auto 20px auto;}
.composition li{position: absolute; cursor: pointer; width: 20%; text-align: center;color: #1da275; top:0; 
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;}
.composition li i{ font-size: 120px;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;}
.composition li span{display: block; }
.composition li.product{ left:0;}
.composition li.development{ left: 20%;}
.composition li.operations{ left: 40%;}
.composition li.front{ left: 60%;}
.composition li.sales{ left: 80%;}
.composition li .unsales{ position: absolute; top:10%; left: 12%; opacity: 0;}
.composition li .unsales i{color: #fff;}
.b1_bg .box_fixed p.inn{
		-webkit-animation:bounceIn 1.5s ease 0s forwards;
		animation:bounceIn 1.5s ease 0s forwards;
		-moz-animation:bounceIn 1.5s ease 0s forwards;
		-ms-animation:bounceIn 1.5s ease 0s forwards;
		-o-animation:bounceIn 1.5s ease 0s forwards;
}
.composition li:hover i{
font-size: 125px;
}
.composition li.inn{
	-webkit-animation:bounceIn 1.5s ease .5s forwards;
	animation:bounceIn 1.5s ease .5s forwards;
	-moz-animation:bounceIn 1.5s ease .5s forwards;
	-o-animation:bounceIn 1.5s ease .5s forwards;
	-ms-animation:bounceIn 1.5s ease .5s forwards;
}
/*.composition li.inn.development{
	-webkit-animation:bounceIn 1.5s ease 1s forwards;
	animation:bounceIn 1.5s ease 1s forwards;
	-moz-animation:bounceIn 1.5s ease 1s forwards;
	-o-animation:bounceIn 1.5s ease 1s forwards;
	-ms-animation:bounceIn 1.5s ease 1s forwards;
	
}
.composition li.inn.operations{
	-webkit-animation:bounceIn 1.5s ease 1.5s forwards;
	animation:bounceIn 1.5s ease 1.5s forwards;
	-moz-animation:bounceIn 1.5s ease 1.5s forwards;
	-o-animation:bounceIn 1.5s ease 1.5s forwards;
	-ms-animation:bounceIn 1.5s ease 1.5s forwards;
}
.composition li.inn.front{
	-webkit-animation:bounceIn 1.5s ease 2s forwards;
	animation:bounceIn 1.5s ease 2s forwards;
	-moz-animation:bounceIn 1.5s ease 2s forwards;
	-ms-animation:bounceIn 1.5s ease 2s forwards;
	-o-animation:bounceIn 1.5s ease 2s forwards;
}
.composition li.inn.sales{
	-webkit-animation:bounceIn 1.5s ease 2.5s forwards;
	animation:bounceIn 1.5s ease 2.5s forwards;
	-moz-animation:bounceIn 1.5s ease 2.5s forwards;
	-o-animation:bounceIn 1.5s ease 2.5s forwards;
	-ms-animation:bounceIn 1.5s ease 2.5s forwards;
}*/

.composition li.inn .unsales{
	-webkit-animation: rotateIn 1.5s ease 1s forwards;
	animation: rotateIn 1.5s ease 1s forwards;
	-moz-animation: rotateIn 1.5s ease 1s forwards;
	-o-animation: rotateIn 1.5s ease 1s forwards;
	-ms-animation: rotateIn 1.5s ease 1s forwards;
}



/**box2**/
.b2_bg {background:#0887c2;}
.page02{position:relative; margin-top: 90px;}
.page02 li{position: absolute; left: 0; top:0; width: 33.33%; text-align: center; opacity: 0;cursor: pointer;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
}
.page02 li div{ width: 145px; height: 145px; background: #fff; margin: auto; border-radius: 50%;-ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; margin-bottom: 40px; text-align: center; position: relative;}
.page02 li div:after{content: ""; background: #fff; left: 50%; margin-left: -7px; width: 14px; height: 14px; position: absolute; bottom: -6px;
z-index: 0;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.page02 li div i{font-size: 120px; color: #0887c2; line-height: 145px;}
.page02 li.idea{left：0}

.page02 li.technology{left: 33.33%;}
.page02 li.precipitation{left: 66.66%;}
.page02 li.inn{
-webkit-animation: bounceInDown 1.5s ease 0s forwards;
animation: bounceInDown 1.5s ease 0s forwards;
-moz-animation: bounceInDown 1.5s ease 0s forwards;
-ms-animation: bounceInDown 1.5s ease 0s forwards;
-o-animation: bounceInDown 1.5s ease 0s forwards;
}

/*.page02 li.inn.technology{
-webkit-animation: bounceInDown 1.5s ease 1s  forwards; 
animation: bounceInDown 1.5s ease 1s  forwards; 
-moz-animation: bounceInDown 1.5s ease 1s  forwards; 
-ms-animation: bounceInDown 1.5s ease 1s  forwards; 
-o-animation: bounceInDown 1.5s ease 1s  forwards; 
}

.page02 li.inn.precipitation{
-webkit-animation: bounceInDown 1.5s ease 2s  forwards;
animation: bounceInDown 1.5s ease 2s  forwards;
-moz-animation: bounceInDown 1.5s ease 2s  forwards;
-o-animation: bounceInDown 1.5s ease 2s  forwards;
-ms-animation: bounceInDown 1.5s ease 2s  forwards;
}*/

.page02 li span,.page02 li p{color: #fff;}
.page02 li span{font-size: 30px; display: block;}
.page02 li:hover p font{
font-size: 30px;
}
.page02 li p{font-size: 18px;}
.page02 li p font{color: #fcff00; font-size: 24px;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;}

/**box3**/
.b3_bg {background:#f2992e;}
.business{position:relative; margin-top: 40px;}
.business li{position: absolute;left: 0; top:0; width: 16.66%; text-align: center;transform:scale(0,0);-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);}
.business li div{width: 130px; height: 130px; margin: auto; background: #fff;border-radius: 50%;-ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;
transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;cursor: pointer;}
.business li:hover div{transform:scale(1.1,1.1);}
.business li:hover div i{color: #ff7800;}
.business li div i{ font-size:70px;color: #fcb73f; line-height: 130px;}
.business li span{color: #fff; font-size: 14px; display: block; margin-top: 10px; line-height: 20px;}
.business li.b01,.business li.b07{left: 0;}
.business li.b02,.business li.b08{left: 16.66%;}
.business li.b03,.business li.b09{left: 33.33%;}
.business li.b04,.business li.b10{left: 49.99%;}
.business li.b05,.business li.b11{left: 66.66%;}
.business li.b06,.business li.b12{left: 83.32%;}
.business li.b07,.business li.b08,.business li.b09,.business li.b10,.business li.b11,.business li.b12{top:210px;}
.business li.scale{}
.business li.scale{
	-webkit-animation:bounceIn 1.5s ease .4s forwards;
	animation:bounceIn 1.5s ease .4s forwards;
	-moz-animation:bounceIn 1.5s ease .4s forwards;
	-o-animation:bounceIn 1.5s ease .4s forwards;
	-ms-animation:bounceIn 1.5s ease .4s forwards;
	
}
/*.business li:nth-child(2).scale{
	-webkit-animation:bounceIn 1.5s ease .5s forwards;
	animation:bounceIn 1.5s ease .5s forwards;
	-moz-animation:bounceIn 1.5s ease .5s forwards;
	-o-animation:bounceIn 1.5s ease .5s forwards;
	-ms-animation:bounceIn 1.5s ease .5s forwards;
}
.business li:nth-child(3).scale{
	-webkit-animation:bounceIn 1.5s ease .6s forwards;
	animation:bounceIn 1.5s ease .6s forwards;
	-moz-animation:bounceIn 1.5s ease .6s forwards;
	-o-animation:bounceIn 1.5s ease .6s forwards;
	-ms-animation:bounceIn 1.5s ease .6s forwards;
}
.business li:nth-child(4).scale{
	-webkit-animation:bounceIn 1.5s ease .7s forwards;
	animation:bounceIn 1.5s ease .7s forwards;
	-moz-animation:bounceIn 1.5s ease .7s forwards;
	-o-animation:bounceIn 1.5s ease .7s forwards;
	-ms-animation:bounceIn 1.5s ease .7s forwards;
}
.business li:nth-child(5).scale{
	-webkit-animation:bounceIn 1.5s ease .8s forwards;
	animation:bounceIn 1.5s ease .8s forwards;
	-moz-animation:bounceIn 1.5s ease .8s forwards;
	-o-animation:bounceIn 1.5s ease .8s forwards;
	-ms-animation:bounceIn 1.5s ease .8s forwards;
}
.business li:nth-child(6).scale{
	-webkit-animation:bounceIn 1.5s ease .9s forwards;
	animation:bounceIn 1.5s ease .9s forwards;
	-moz-animation:bounceIn 1.5s ease .9s forwards;
	-o-animation:bounceIn 1.5s ease .9s forwards;
	-ms-animation:bounceIn 1.5s ease .9s forwards;
}
.business li:nth-child(7).scale{
	-webkit-animation:bounceIn 1.5s ease 1s forwards;
	animation:bounceIn 1.5s ease 1s forwards;
	-moz-animation:bounceIn 1.5s ease 1s forwards;
	-o-animation:bounceIn 1.5s ease 1s forwards;
	-ms-animation:bounceIn 1.5s ease 1s forwards;
}

.business li:nth-child(8).scale{
	-webkit-animation:bounceIn 1.5s ease 1.1s forwards;
	animation:bounceIn 1.5s ease 1.1s forwards;
	-moz-animation:bounceIn 1.5s ease 1.1s forwards;
	-o-animation:bounceIn 1.5s ease 1.1s forwards;
	-ms-animation:bounceIn 1.5s ease 1.1s forwards;	
}

.business li:nth-child(9).scale{
	-webkit-animation:bounceIn 1.5s ease 1.2s forwards;
	animation:bounceIn 1.5s ease 1.2s forwards;
	-moz-animation:bounceIn 1.5s ease 1.2s forwards;
	-o-animation:bounceIn 1.5s ease 1.2s forwards;
	-ms-animation:bounceIn 1.5s ease 1.2s forwards;	
}

.business li:nth-child(10).scale{
	-webkit-animation:bounceIn 1.5s ease 1.3s forwards;
	animation:bounceIn 1.5s ease 1.3s forwards;
	-moz-animation:bounceIn 1.5s ease 1.3s forwards;
	-o-animation:bounceIn 1.5s ease 1.3s forwards;
	-ms-animation:bounceIn 1.5s ease 1.3s forwards;	
}

.business li:nth-child(11).scale{
	-webkit-animation:bounceIn 1.5s ease 1.4s forwards;
	animation:bounceIn 1.5s ease 1.4s forwards;
	-moz-animation:bounceIn 1.5s ease 1.4s forwards;
	-o-animation:bounceIn 1.5s ease 1.4s forwards;
	-ms-animation:bounceIn 1.5s ease 1.4s forwards;	
}

.business li:nth-child(12).scale{
	-webkit-animation:bounceIn 1.5s ease 1.5s forwards;
	animation:bounceIn 1.5s ease 1.5s forwards;
	-moz-animation:bounceIn 1.5s ease 1.5s forwards;
	-o-animation:bounceIn 1.5s ease 1.5s forwards;
	-ms-animation:bounceIn 1.5s ease 1.5s forwards;	
}*/

/*@keyframes scale{0%{transform:scale(0,0);}80%{transform:scale(1.05,1.05);}100%{transform:scale(1,1);}}
@-moz-keyframes scale{0%{-moz-transform:scale(0,0);}80%{-moz-transform:scale(1.05,1.05);}100%{-moz-transform:scale(1,1);}}
@-webkit-keyframes scale{0%{-webkittransform:scale(0,0);}80%{-webkittransform:scale(1.05,1.05);}100%{-webkittransform:scale(1,1);}}
@-o-keyframes scale{0%{-o-transform:scale(0,0);}80%{-o-transform:scale(1.05,1.05);}100%{-o-transform:scale(1,1);}}*/

/**box4**/
.b4_bg {background:#ff684c;color: #fff;}
.page04{position: relative;  height:100%;}
.page04 p{font-size: 30px; width: 700px; height: 200px; margin-left: -350px; text-align: center;left: 50%; top:50%; font-weight: 600;  position: absolute;z-index:1;}
.page04 p b{font-size: 50px;}
.page04 p.txt01{margin-top: -150px;}
.page04 p.txt02{margin-top: -150px;}
.page04 p.txt03{margin-top: -150px;}

.page04 i{font-size: 70px; color: #f56145; position: absolute; left: 0; top:0; z-index: 0;}
.page04 i.icon01{left:80px; top:50px}
.page04 i.icon02{left:220px; top:90px}
.page04 i.icon03{left:480px; top:30px}
.page04 i.icon04{left:680px; top:100px}
.page04 i.icon05{left:740px; top:20px}
.page04 i.icon06{left:850px; top:200px}
.page04 i.icon07{left:780px ; top:350px}
.page04 i.icon08{left:650px ; top:260px}
.page04 i.icon09{left:500px; top:310px}
.page04 i.icon10{left:300px; top:350px}
.page04 i.icon11{left:100px; top:350px}
.page04 i.icon12{left:180px; top:230px}

/**box7**/
.b7_bg {background:#4c4f54;}
.input-txt{height: 60px; border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px; -webkit-border-radius: 8px;-ms-border-radius: 8px;  font-size：18px;background: #5f6267; width: 300px; padding: 0 20px; font-size: 18px; color: #fff; float: left; border: none; outline: none;}

.section6{width: 740px; margin:50px auto 0 auto;}
.section6 textarea{padding:20px ; width:700px; border:none; min-height: 120px; border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px; -webkit-border-radius: 8px;-ms-border-radius: 8px;  font-size：18px;background: #5f6267; font-size: 18px; color: #fff; outline: none;}
.input-txt:hover,.section6 textarea:hover{background:#767A81}
.section6 li{margin-bottom: 40px;overflow: hidden;}
.input-txt.input-right{float: right;}
.submit-btn{background:#1eb9bd; font-size: 18px; color: #fff; width: 224px; height: 66px; border: none; cursor: pointer; margin: auto; display: block; border-radius: 50px;-moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px;border-bottom: 4px #15979a solid; outline: none;}
.submit-btn:hover{background:#1baeb2;}

.footer{ text-align: center; font-size: 12px; color: #fff; padding-top: 20px;}