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

.wrapper-header { width:100%; overflow:hidden; z-index:2; }
.wh-container { height:410px; position: relative; overflow:hidden; }
.screens { height: 410px; left: 0; position: absolute; top: 0; width: 300%; }
.screen { float: left; height: 410px; width:33.3333%; }
.screen-1 { background:#3ebcd5; }
.screen-2 { background:#40c6bb; }
.screen-3 { background:#ffa200; }
.cloud { position: absolute; bottom:0; width:100%; left:0; background:url(../images/yun.png) repeat-x 0 0;z-index:10; height:39px; display:block; }
.wang { position:absolute; bottom:5px; left:50%; margin-left:-350px; }
.text0 { position:absolute; left:50%; margin-left:-500px; top:30px; width:500px; padding-top:20px; }
.text1 { position:absolute; left:50%; margin-left:-500px; top:80px; width:500px; padding-top:20px;  display:none; }
.text0 h1, .text1 h1 { font-size:46px; color:#FFF; font-weight:normal; line-height:50px;}
.text0 p, .text1 p { font-size:16px; color:#FFF; margin-top:10px; line-height:30px; text-indent:0px;width:480px; padding-left:5px; padding-top:10px;}
.onebg { background-color:#000; position:fixed; display:block; left:0; top:0; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; width:100%; height:100%; z-index:999; }
.text2 p {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 26px;
    margin-top: 10px;
    text-indent: 0px;
	padding-left:5px;
}
.text2 h1{
    color: #FFFFFF;
    font-size: 52px;
	line-height:52px;
    font-weight: normal;
}
.text2 {
    display: none;
    left: 50%;
    margin-left: -500px;
    position: absolute;
    top: 80px;
    width: 400px;
}
.tel2 {
    display: none;
    left: 50%;
    margin-left: 50px;
    position: absolute;
    top: 100px;
    z-index: 9;
}

.tel0 { position:absolute; left:50%; top:40px; margin-left:50px; z-index:9; }
.tel1 { position:absolute; left:50%; top:100px; margin-left:50px; z-index:9; display:none; }
.pages { position:absolute; bottom: 30px; left: 50%; margin-left: -30px; z-index:99; }
.pages li { width:14px; height:14px; overflow:hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%; text-decoration: none; background-color:#B5B5B5; float:left; margin:10px 5px; cursor:pointer; }
.pages li.curs { background-color:#ff5500; }

.content0{
	height:329px;
	padding:20px 0;
	width:1000px;
	margin:0 auto;
	color:#8c8c8c;
	}
.content0 h1{
	font-size:36px;
	
	}
.content0 li{
	line-height:28px;
	float:left;
	margin:10px 0;
	height:260px;
	}
.content0 li p{
	font-size:16px;
	padding-left:10px;
	width:295px;
	}
.btnred{
	padding-right:20px;
	border-right:1px solid #bebfbf;
	}	
.btnblue{
	padding:0 20px 0 27px;
	border-right:1px solid #bebfbf;
	}
.btngre{
	padding-left:20px;
	}
.btnred div,.btnblue div,.btngre div{
	background:url(../images/btnbg.gif) no-repeat;
    color: #fff;
    font-size: 16px;
	width:295px;
	height:105px;
	}	
.btnblue div{
	background-position: -349px 0;
	}	
.btngre div{
	background-position: -698px 0;
	}		
.btngre img{
	padding:10px 0;
	display:block;
	width:133px;
	margin:0 auto;
	}	
.picbg1{
	background:url(../images/bg11.gif) center no-repeat;
	height:340px;
	position:relative;
	width:1000px;
	margin:0 auto;
	}	
.picbg1 div{
	position: absolute;
	left: 322px;
	top: 33px;
	width: 600px;
	height: 260px;
	color:#6f6f6f;
	font-size:16px;
	line-height:26pt;
	}	
.picbg1 div h1{
	font-size:22pt;
	margin-bottom:30px;
	color:#333;
	}	
.picbg1 div h1 em{
	font-size:36pt;
	}	
.develop{
	height:396px;
	background:url(../images/bg_pic0.png) center 10px no-repeat;
	}	
.cont,.cont3{
	width:1000px;
	margin:0 auto;
	padding:10px 0;
	overflow:hidden;
	}
.cont3 h1{
	background:url(../images/icon.gif) left 10px no-repeat;
	padding-left:15px;
	font-size:22pt;
	margin: 20px 0;
 	}
.cont3 h1 span{
	padding-left:40px;
	}
.graybg{
	background:#f3f3f3;
	}	
.pro{
	background:#f8f8f8;
	}
/*
.cont3 ul li{
	float:left;
	border:1px solid #999;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	width:100px;
	height:100px;
	margin:15px 31px 15px 8px;
	text-align:center;
	}	
.cont3 ul li span{
	display:block;
	height:60px;
	width:60px;
	margin:8px auto;
	}
.btn0 span,.btn1 span,.btn2 span,.btn3 span,.btn4 span,.btn5 span,.btn6 span,.btn7 span,.btn8 span,.btn9 span,.btn10 span,.btn11 span,.btn12 span,.btn13 span{
	background:url(../images/icon1.png) no-repeat;
	}
.btn0 span{
	background-position:-3px 0;
	}
.btn1 span{
	background-position:-70px 0;
	}
.btn2 span{
	background-position:-132px 0;
	}
.btn3 span{
	background-position:-200px 0;
	}
.btn4 span{
	background-position:-264px 0;
	}
.btn5 span{
	background-position:-336px 0;
	}
.btn6 span{
	background-position:-403px 0;
	}
.btn7 span{
	background-position:-3px -65px;
	}
.btn8 span{
	background-position:-70px -65px;
	}
.btn9 span{
	background-position:-132px -65px;
	}
.btn1-65px span{
	background-position:-200px -65px;
	}
.btn11 span{
	background-position:-264px -65px;
	}
.btn12 span{
	background-position:-336px -65px;
	}
.btn13 span{
	background-position:-403px -65px;
	}*/
.proic{
	margin-top:10px;
	}
.proic li{
	background:url(../images/iconbg.gif) no-repeat; 
	width:300px;
	height:95px;
	padding:13px 10px;
	float:left;
	margin-right: 12px;
	}
.proic li span{
	display:block;
	height: 80px;
    margin-right: 10px;
    width: 80px;
	}
.proic li dl{
    height: 79px;
    line-height: 18px;
    overflow: hidden;
    padding-top: 3px;
    width: 200px;
	}
.proic li dl dt{
	font-size:18px;
	margin-bottom:4px;
	}
.proic li dl dd{
	font-size:12px;
	}
.proic .btn0 span,.btn1 span,.btn2 span,.btn3 span,.btn4 span,.btn5 span,.btn6 span,.btn7 span,.btn8 span,.btn9 span,.btn10 span,.btn11 span,.btn12 span,.btn13 span,.btn14 span{
	background:url(../images/icon101.gif) no-repeat;
	float:left;
	}
.btn0 span{
	background-position:-3px 0;
	}
.btn1 span{
	background-position:-88px 0;
	}
.btn2 span{
	background-position:-177px 0;
	}
.btn3 span{
	background-position:-266px 0;
	}
.btn4 span{
	background-position:-350px 0;
	}
.btn5 span{
	background-position:-440px -3px;
	}
.btn6 span{
	background-position:-531px -5px;
	}
.btn7 span{
	background-position:-617px 0;
	}
.btn8 span{
	background-position:-705px 0;
	}
.btn9 span{
	background-position:6px -88px;
	}
.btn10 span{
	background-position:-90px -88px;
	}
.btn11 span{
	background-position:-177px -88px;
	}
.btn12 span{
	background-position:-266px -88px;
	}
.btn13 span{
	background-position:-357px -88px;
	}
.btn14 span{
	background-position:-444px -88px;
	}
.trend{
	background:url(../images/bg_14.png) left center no-repeat;
	height:340px;
	}
.trend div{
	position:relative;
	left:600px;
	line-height:20pt;
	}
.trend div h1{
	margin:25px 0;
	font-size:2em;
	}
.trend div p{
	margin-bottom:15px;
	font-size:16px;
	color:#6f6f6f;
	}
.crm{
	background:#f8f8f8;
	padding: 15px 0;
	}
.font_30{
	font-size:21pt;
	}
.crm h1{
	color:#666;
	margin-bottom:20px;
	}
.crm .cont div{
	height:89px;
	position:relative;
	}
.crm div p{
	color:#fff;
	font-size:18px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	padding:0 10px;
	}
.crm div h5{
    margin: 0 auto;
    position: absolute;
	font-size: 21pt;
    color: #fff;
    width: 200px;
	text-align:center;
	}
.crm div h5 span{
	display:block;
	line-height:60PX;
	}
.crm0 h5{
	background:url(../images/bg_18.gif) no-repeat;
	padding:24px 0 0 7px;
	height: 150px;
	right: 15px;
    top: -64px;
	}
.crm0 p{
	background:#0093d7;
	margin-left: 157px;
    width: 605px;
	}
.crm0 span{
	font-size:34pt;
	}
.crm1 p{
	background:#9cd600;
	margin-left: 176px;
	width:605px;
	}
.crm1 h5{
	background:url(../images/bg_21.gif) 17px 0 no-repeat;
    left: -20px;
    top: -63px;
	padding:40px 0 0;
	height: 120px;
	font-size: 26pt;
	line-height:1.7em;
	}
.crm2 p{
	background:#e45b75;
	margin-left: 176px;
	width:605px;
	}
.crm2 h5{
	background:url(../images/bg_18.gif) 0 bottom no-repeat;
    height: 133px;
    line-height: 1.7em;
    padding: 26px 0 0 8px;
    right: 15px;
    top: -59px;
	}
.crm3 p{
	background:#d10054;
	margin-left: 176px;
	width:450px;
	}
.crm3 h5{
	background:url(../images/bg_21.gif) 17px bottom no-repeat;
	left: -18px;
	top: -66px;
	padding:40px 0 0;
	height: 126px;
	line-height:1.7em;
	}
.media{
	background:url(../images/bg15.jpg) center no-repeat;
	height:310px;
	position:relative;
	}
.media dl{
	position:absolute;
	left: 449px;
    top: 25px;
	}
.media dl dt{
	font-size:2.2em;
	}
.media dl dd{
	color:#6f6f6f;
	font-size:16px;
	margin:15px 0;
	}
.msgplatform{
	background:url(../images/bg18.jpg) center 46px no-repeat;
	height:310px;
	}
.msgplatform h1{
	color:#838383;
	font-size:2em;
	color:#838383;
	}
.msgplatform h1 .color_6{
	font-size:1.6em;
	}

.telbg{
	background:url(../images/tel_61.png) no-repeat;
	height: 115px;
    margin: 10px auto;
	position:relative;
	}
.telbg a{
	display: block;
    height: 120px;
    width: 1005px;
	}
.telbg p{
	position:absolute;
	left:213px;
	top:16px;
	font-size:18pt;
	color:#666;
	}
.telbg p span{
	display:block;
	font-size:20pt;
	}
.trilogy{
	background:url(../images/bg20.gif) center 10px no-repeat;
	height:353px;
	position:relative;
	}
.trilogy h1{
	padding:27px 0 0 410px;
	font-size:23pt;
	}
.trilogy div{
	width:203px;
	position:absolute;
	color:#fff;
	font-size:16px;
	line-height:2.5em;
	color:#fff;
	}
.tril1{
	left: 91px;
	top: 177px;
	}
.tril2{
	left: 411px;
	top: 177px;
	}
.tril3{
	right: 66px;
	top: 177px;
	}

/*  官方案例  */
.case{
	padding: 20px 0 20px 92px;
	}
.case h1{
	background:url(../images/icon0.png) 120px  center no-repeat;
	}
.case ul li{
	float:left;
	margin:10px 6px 10px 4px;
	text-align:center;
	}
.picls{
	border-top:1px solid #d5d5d5;
	}
.picls h1{
	text-align:center;
	font-size:2em;
	}

.adva{
	background:url(../images/bg_51.png) 40px center no-repeat;
	height:270px;
	position:relative;
	}
.adva div{
	position:absolute;
	left:450px;
	top:30px;
	line-height:24pt;
	font-size:16px;
	}
.adva div h1{
	background:url(../images/bg_54.png) no-repeat;
	padding-left:65px;
	margin-bottom:20px;
	height:42px;
	font-size:2em;
	}

.plan{
	background:url(../images/bg_59.png) 20px center no-repeat;
	height:320px;
	position:relative;
	}
.plan div{
	position:absolute;
	width: 441px;
	left: 526px;
    top: 40px;
	height: 175px;
	line-height:26pt;
	font-size:16px;
	}
.plan div h1{
	margin-bottom:25px;
	font-size:2em;
	}

.promodel{
	background:url(../images/bg_62.png) center no-repeat;
	height:430px;
	}
	
.pink{
	background:#f7f6f7;
	}	
.pink .cont{
	background:url(../images/bg_pic1.png) center top no-repeat;
	height:360px;
	}	
.pink ul li{
	float:left;
	width:180px;
	margin:80px 1px 10px 32px;
	color:#fff;
	line-height:24px;
	}	
.pink ul li p{
	height:200px;
	}	
.pink ul li span{
	text-align:right;
	display:block;
	font-size:16px;
	}	
.pink ul li span.first{
	text-align:center;
	}	
	
.about{
	background:url(../images/bg_68.gif) 0 10px no-repeat;
	height:300px;
	}	
.abmsg{
	padding-left:280px;
	padding-top:30px;
	width:300px;
	line-height:2.5em;
	font-size:16px;
	float:left;
	margin-right:50px;
	}	
.abmsg h1{
	margin:10px 0;
	}
.piclogo{
	padding-top:50px;
	}	
.piclogo img{
	display:block;
	margin-bottom:30px;
	}
.telbg p.w_msg{
	left: 230px;
    top: 30px;
	}	
.w_msg em{
	font-size:24pt;
	}
	
	
.orderinfo p {
	margin:10px 0;
}
input[type="text"]:focus {
	outline:none;
}
.orderinfo h3{
	font-weight:bold;
	color:#333;
	}
.orderinfo label {
	display:block;
	position:relative;
	margin:6px 0;
}
#keydown span {
	position:absolute;
	float:left;
	line-height:35px;
	left:10px;
	color:#BCBCBC;
	cursor:text;
}
.orderinfo .input_txt {
	width:398px;
	border:solid 1px #ccc;
	box-shadow:0 1px 10px rgba(0,0,0,0.1) inset;
	height:25px;
	padding:5px;
	text-indent:10px;
}
#keydown textarea{
	height:90px;
	resize:none;
	}
.input_txt:focus {
	box-shadow:0 0 4px rgba(255,132,0,0.8);
	border:solid 1px #B00000;
}
.classify{
	margin:10px 0 30px 0;
	overflow:hidden;
	border-bottom:1px solid #dedede;
	}
.classify li{
	float:left;
	border:1px solid #fff;
	border-left:none;
	}
.classify li a{
	display:block;
	color:#333;
	width:90px;
	height:100%;
	background:#dedede;
	padding:8px 10px;
	text-align:center;
	}
.classify li a.clson,.classify li a:hover{
	background:#ff7600;
	color:#fff;
	}
.classify li.last{
	padding:8px 10px;
	background:#dedede;
	}
.msgbg{
	background:#f8f8f8;
	padding:10px 0;
	position:relative;
	}	
.ybtn {
	background:url(../images/yelbtn.png) no-repeat;
	color:#fff;
	width:264px;
	height: 58px;
    padding: 13px 30px 30px 0;
	font-size:24px;
	cursor:pointer;
}
.smw{
	position:absolute;
	 bottom:100px;
	 right:300px;
	 color:#161616;
	 font-size:16px;
	}	
	.color_0 {
	color:#8c8c8c;
}
.color_1 {
	color:#199a00;
}
.color_2 {
	color:#b40055;
}

.crm h1 {
color: #666;
margin-bottom: 20px;
}

.crm  h1 {
display: block;
font-size: 2em;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}

.color_4 {
	color:#ff7200;
}
.color_5 {
	color:#6447ca;
}
.color_6{
	color:#ce0a00;
	}
	
	.color_3 {
color: #0b7db5;
}



.feature {
	height: 300px;
    margin: 0 auto;
    overflow: hidden;
    width: 855px;
	}
.botton-scroll {
 WIDTH: 2872px;
}
.botton-scroll ul{ margin-top: 15px;}
.botton-scroll li{ margin:6px 20px 6px 0; width:155px; height:251px; position:relative;  float:left; text-align:center; background:url(../images/picbg.gif) no-repeat;}
/*.botton-scroll li a{display:block;}
*/.botton-scroll li a:hover{ opacity:0.9;}
.botton-scroll li img{ padding:5px; display:block; width:144px; height:220px; }
.botton-scroll li span{ display:block; text-align:center; color:#333;}


.piclist{
	position:relative;
	background: url("../images/1_r12_c6.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
	zoom:1;
 	}
.contss .piclist{
	position:relative;
    border: 1px solid #D6D6D6;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	zoom:1;
 	height:150px;
	}
.piclist .pre {
	background: url("../images/feature_left.png") no-repeat scroll center top transparent;
	display: inline;
    height: 52px;
    position: absolute;
    text-indent: -9999px;
    top: 120px;
	left:3px;
    width: 30px;
	cursor:pointer;
} 
.piclist .next {
	background: url("../images/feature_right.png") no-repeat scroll center top transparent;
    display: inline;
    height: 52px;
    position: absolute;
    right: 3px;
    text-indent: -9999px;
    top: 120px;
    width: 30px;
	cursor:pointer;
}
.piclist .pre:hover {
    background-position: center bottom;
}
.piclist .next:hover {
	background-position: center bottom;
}

.linkpic img{
	padding-right:50px;
	}

.frmbox{
	position:fixed;
	width:174px;
	height:289px;
	top:200px;
	right:0;
	font-size:18px;
	z-index:999;
	}	
.frmbox ul{
	background:#0090e1;
	padding:10px 0;
	}
.frmbox li{
	}
.frmbox ul li a{
	display:block;
	background:url(../images/box_05.gif) right no-repeat;
	height:38px;
	line-height:38px;
	color:#fff;
	padding-left: 26px;
	}	
.frmbox ul li a:hover{
	background:url(../images/box_03.gif) right no-repeat;
	}
	
.topcs{
	background:url(../images/box_08.gif) #ededed 130px 12px no-repeat;
	text-align:center;
	height:40px;
	line-height:40px;
	}