﻿@charset "utf-8";
body,span,div,ul,li,img,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,label,p,ol,fieldset{margin: 0px;padding: 0px;border:0px;}
h1,h2,h3{}
body {font:12px/1.5 "微软雅黑"; color:#333333; 	}
ul,li {list-style-type: none;}
a{color:#333333;text-decoration:none;}
a:hover {color:#cc0000;text-decoration:underline;}
a:active {color:#cc0000;}
.clear{clear: both;height:0;overflow:hidden;}
*html{
    background-image:url(about:blank);
    background-attachment:fixed;
}


*{
	margin:0;
	padding:0;
}

.clearfix:after{
	display:block;
	visibility:hidden;
	font-size:0;
	height:0;
	line-height:0;
	content:"";
	clear:both;
}
*html .clearfix{zoom:1;}
*:first-child+html .clearfix{zoom:1;}


.mt10{ margin-top:10px;}
.mt5{ margin-top:5px;}
.mt20{ margin-top:20px;}
.ml10{ margin-left:20px;}

.top { width:100%; height:80px; background:#fff;}
.top_1000 { width:1170px; margin:0 auto; line-height:80px; }
.top_l { float:left; margin-right:5px;}
.top_l img { margin-top:7px; }
.top_r { float:right; margin-top:10px;}
.top_r li{
	float:left;
	position:relative;/* min-width:100px; text-align:center;*/ width:115px; text-align:center;
}

.top_r li ul{
	position:absolute;
	top:60px;
	background:#fff;
}
.top_r li ul li{
	float:none;
	line-height:36px; text-align:center; 
}

.top_r a { color:#5a5a5a; font-size:15px; font-weight:500; /*margin:0 3px;*/ padding:8px 3px; font-family:微软雅黑; }
.top_r .now, .top_r a:hover { background-color:#5fc3c4; color:#FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; text-decoration: none;}








.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; }
.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;
    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;
}
/*.screen-3 {
    background: none repeat scroll 0 0 #3EBCD5;
}*/
.tel0 { position:absolute; left:50%; top:40px; margin-left:20px; 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; }
.main { width:1000px; margin:0 auto; }
.nav { width:1000px; height:155px; margin-top:50px; overflow:hidden; }
.nav a { width:247px; height:155px; display:inline-block; background:url(../img/gb.png) no-repeat; border-left: solid 1px #cfcfcf; margin-left:-1px; }
.nav p { text-align:center; margin-top:120px; }
.nav .n1 { background-position:  66px 10px }
.nav .n2 { background-position: -180px 10px }
.nav .n3 { background-position: -427px 10px }
.nav .n4 { background-position: -674px 10px }
.nav .n1:hover { background-position:  66px -137px }
.nav .n2:hover { background-position: -180px -137px }
.nav .n3:hover { background-position: -427px -137px }
.nav .n4:hover { background-position: -674px -137px }
.service { margin-top:50px }
.service h2, .case h2 { background-color:#f56262; color:#FFF; font-size: 26px; width:165px; height:45px; line-height:45px; padding-left:20px; margin:0 0 20px 0; }
.service_list div { width:300px; height:110px; float:left; margin:0 33px 30px 0; background-image:url(../img/gongneng.png); background-repeat:no-repeat; position:relative; }
.service_list a { width:300px; height:110px; display:block; }
.txt { position:absolute; width:190px; right:15px; top :5px; }
.txt h3 { font-size:33px; font-weight:normal; text-align:right; color:#FFF; }
.txt p { font-size:16px; text-align:right; color:#FFF; margin-top:5px;}
.bottom { position:absolute; bottom:0; left:0; width:300px; height:23px; line-height:23px; background-color:#000; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; }
.btxt { position:absolute; bottom:0; left:0; color:#FFF; width:280px; height:23px; line-height:23px; background:url(../img/j.png) no-repeat 270px 2px; z-index:990; padding-left:20px; }
.case { margin-top:20px; overflow: hidden; padding-bottom:20px;}
.case_z { width:222px; float:left; margin:10px 30px 50px 0; position:relative;}
.big_pic { text-align:center; }
.big_pic img:hover{   transform: rotate(45deg);}
.big_pic img { -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -moz-box-shadow:0px 0px 8px #999; /* For Firefox3.6+ */ -webkit-box-shadow:0px 0px 8px #999;          /* For Chrome5+, Safari5+ */ box-shadow:0px 0px 8px #999; width:140px; height:140px; transition: transform 0.2s ease-in 0s; border: solid 1px #e8e8e8; }
.sm_pic { margin-top:20px; width:222px; }
.sm_pic img { float:left; width:45px; height:45px; transform: rotate(0deg); transition: all 0.6s ease 0s; }
.sm_pic_txt { float:left; margin-left:10px; width:160px; }
.sm_pic_txt h3 { font-size: 14px; height: 20px; margin-bottom: 3px; overflow: hidden; color:#484848; }
.sm_pic_txt p { color:#484848; line-height:20px; height:20px; overflow:hidden; }
.foot { margin-top:50px; width:100%; background-color:#252525; padding:20px 0; overflow:hidden; }
.foot1000 { width:1000px; margin:0 auto; overflow:hidden;}
.MicroFor_Top { padding: 0 40px; margin:0 auto; width:1080px; font-size:13px; font-family:微软雅黑; color:#999; line-height:26px;}
.MicroFor_Top a { text-decoration: none; color:#999; }
.MicroFor_Top dl { float: left; height: 200px; width: 150px; }
.MicroFor_Top dl dt { color: #DFDFDF; cursor: pointer; float: left; font-family: "微软雅黑"; font-size: 15px; line-height: 30px; margin: 25px 0; width: 150px; }
.MicroFor_Top dl dd { color: #868686; float: left; font-family: "微软雅黑"; font-size: 12px; height: 20px; line-height: 20px; overflow: hidden; width: 150px; }
.MicroFor_Top dl dd a { color: #868686; }
.MicroFor_Top dl dd a:hover { color: #E1E1E1; cursor: pointer;  }
.MicroFor_Top ul { float: right; margin-top: 25px; width: 108px; }
.MicroFor_Top ul span { background: url("MicroFor1.gif") no-repeat scroll 50px center transparent; color: #FFFFFF; float: left; font-family: "微软雅黑"; line-height: 18px; width: 108px; }
.MicroFor_Top ul img { float: left; height: 108px; margin-top: 10px; width: 108px; }
.MicroFor_Top ul dl { float: left; height: auto; padding: 10px 0; width: 108px; }
.MicroFor_Top ul dl dt { cursor: auto; float: left; height: 30px; line-height: 0; margin: 0; width: 30px; }
.MicroFor_Top ul dl dt img { height: 30px; margin: 0; width: 30px; }
.MicroFor_Top ul dl dd { color: #767676; float: left; height: 30px; line-height: 15px; width: 78px; }
.erwei{background: url("ew.png") repeat scroll 0 0 transparent;bottom: -50px; height: 140px; left: 50px;position: absolute;width: 130px;z-index: 999; display: none;}
.erwei img{ -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; position:absolute; left:0 top:0; width:100px; height:100px;transition: none; top:25px; right:18px;-moz-box-shadow:0px 0px 3px #999; /* For Firefox3.6+ */ -webkit-box-shadow:0px 0px 3px #999;  /* For Chrome5+, Safari5+ */ box-shadow:0px 0px 3px #999;}
.erwei img:hover{transform:none;}
.sea_pic5 { background: url("xinban.png") repeat scroll 0 0 transparent; height: 115px; left: 315px; top: -500px; width: 371px; position:absolute; display:none; }


/*跳转页面*/
.tz_w{ width:960px; margin: 0 auto; background-color:#FFF; height:450px; border:solid 1px #e8e8e8;-moz-border-radius:1%; -webkit-border-radius:1%; border-radius:1%;}
.tz_list{ width:560px; margin: 120px auto 0 auto;}
.tz_list_l{ float:left;}
.tz_list_r{ float:left; margin-left:20px;}
.tz_list_r h2{ font-size:37px; font-weight: normal;}
.tz_list_r p{ margin-top:10px; font-size:14px;}
.r_color{color:#cc0000;text-decoration: underline;}
.tz_ts{ margin-top:20px;}
.tz_ts p{ margin:0; line-height:21px;}
.tz_foot{ width:100%; height:52px; background-color:#3A3A3A; }
.tz_foot960{ width:960px; margin:0 auto; color:#FFF; line-height:52px; text-align:center;}

.wrapper{
    width:100%;
    height:100%;
}

.container{
    /*width:1100px;*/
    margin:10px auto;
}

.clearfix:after{
    display:block;
    visibility:hidden;
    font-size:0;
    height:0;
    content:"";
    clear:both;
}

*html .clearfix{zoom:1;}
*:first-child+html .clearfix{zoom:1;}

/* 2013-09-28 增加微网站介绍页面 开始 */

.wei-banber{
	margin-bottom:10px;
	width:1100px;
	overflow:hidden;
}



.wei-smart{
	color:#494949;
}

.wei-point{
	width:1030px;
	height:36px;
	line-height:36px;
	padding:0 15px 0 55px;
	margin-top:40px;
	background:url(../images/wei-point.gif) no-repeat;
}

.wei-point-left{
	float:left;
	max-width:400px;
	color:#666;
	font-size:14px;
}






.turn .wei-what-text{
	float:right;
}

.turn .wei-photo{
	float:left;
	text-align:left;
}


.wei-what-text h3{
	font-size:30px;
	color:#000;
	margin-bottom:15px;
}
.wei-what-text h4{
	padding-left:15px;
	font-size:22px;
	font-weight:normal;
	margin-bottom:10px;
}

.wei-text-body{
	padding-left:15px;
	font-size:16px;
	line-height:1.5;
	color:#666;
}

.wei-tip{
	width:945px;
	height:60px;
	padding:55px 60px;
	line-height:30px;
	font-size:20px;
	margin:0 auto 50px;
	background:url(../images/wei-dashed-box.jpg) no-repeat;
}

.wei-case{
	margin-bottom:20px;
}

.wei-case h2{
	font-size:26px;
	font-weight:normal;
	color:#494949;
	margin:0 0 20px;
}

.wei-case-wrap{
	width:1100px;
	overflow:hidden;
}

.wei-case-wrap ul{
	overflow:hidden;
	zoom:1;
}

.wei-case-wrap li{
	float:left;
	margin:10px 15px;
	_display:inline;
}


.wei-case-wrap li a{
	display:block;
	width:76px;
	overflow:hidden;
	position:relative;
	text-decoration:none;
	color:#494949;
	font-weight:600;
}

.wei-round-bg{
	width:76px;
	height:76px;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	background:url(../images/wei-round-bg.png) no-repeat;
}

.wei-case-wrap li a img{
	display:block;
	width: 76px;
	height:76px;
}

.wei-case-name{
	display:block;
	line-height:22px;
	height:22px;
	overflow:hidden;
	text-align:center;
}



/* 2013-09-28 增加微网站介绍页面 结束 */

#fix-menu{
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	background:#fff;
	width:100%;	
    _position:absolute;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop));
}
