@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
a {
blr:expression(this.onFocus=this.blur())
}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
:focus {
	outline: 0;
}
img {
	vertical-align: middle;
}
table {
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size: 16px;
}
h2, h3, h4 {
	font-size: 14px;
}
h5, h6 {
	font-size: 12px;
}
abbr, acronym {
	border: 0;
	font-variant: normal
}
address, caption, cite, code, dfn, em, th, var, optgroup,i{
	font-style: normal;
	font-weight: normal
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}
input, button, textarea, select {
*font-size:100%
}
a, img {
	border: 0;
}
a {
	color: #777;
	text-decoration: none;
}
a:hover {
	color: #0a335f;
	text-decoration:none;
}
.clear {
	display: block;
	overflow: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}/* Hides from IE-mac \*/
*html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}/* End hide from IE-mac */
*+html .clearfix {
	min-height: 1%;
}
body {
	font-family:"\5b8b\4f53,arial";
	color: #666;
	background: #fff;
	font-size: 12px;
	line-height: 180%;
}
/* shortcut */
.shortcut {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
}
*html, *html body /* 修正IE6振动bug */ {
	background-image: url(about:blank);
	background-attachment: fixed;
}
*html .shortcut {
	position: absolute;
top:expression(eval(document.documentElement.scrollTop));
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.tL {
	text-align: left;
}
.tR {
	text-align: right;
}
ins{ text-decoration:none;}
/*---------------------------------------------------------------------------------------------------------------------------------------------------*/

.main{ width:1080px; margin:0px auto;}
.foot{ background:#181818; padding:30px 0px; height: auto; overflow:hidden;color:#fff;}
.foot dl{width:1080px; margin: 0px auto;}
.foot dl dt{float:left; width:70%; height: auto; overflow:hidden;}
.foot dl dt h1{ font-size:14px; font-family:"Microsoft Yahei";font-weight: normal;}
.foot dl dt h1 a{color:#ffcc00}
.foot dl dt h1 a:hover{color:#ff4e4e}
.foot dl dt p{ color:#666;font-family:"verdana";}
.foot dl dd{ float: right; width:30%; height: auto; overflow: hidden;}
.foot dl dd p{ margin-bottom:10px; font-size:14px;overflow:hidden;font-family:"Microsoft Yahei";}
.foot dl dd p span{ width:60%; float: left; line-height: 20px;}
.foot dl dd p span em{width:22px; height:20px;background:url(../images/ico.png) no-repeat 0px 1px;float:left; margin-right:5px;}
.foot dl dd p span.fmail{width:40%;}
.foot dl dd p span.fmail em{background-position:-22px 0px;}
.foot dl dd p span.fmail a{color:#fff;font-weight: lighter;}
.foot dl dd p span.fmail a:hover{color:#ffcc00;}
.foot dl dd tt{ display:block;color:#666;font-size:14px;font-family:"Microsoft Yahei";font-weight: lighter;}
.foot dl dd tt a{width:50%;float:left; text-align: center;}
.foot dl dd tt a:hover{color:#ff4e4e;}
.callFile{background:#2c2c2c;padding:60px 0px; height: auto; overflow: hidden; text-align: center;}
.temlist{width:100%; height:auto;overflow:hidden; background:#f2f2f2;padding:40px 0px 0px;margin:60px 0px 0px;}
.temlist ul{ width:110%; margin:30px 0px 0px;}
.temlist li{ float:left; width:325px; overflow: hidden; margin:0px 50px 40px 0px; background:#fff; padding:0px 0px 40px;}
.temlist li p{width:325px; height:230px; overflow: hidden;}
.temlist li p img{width:100%;}
.temlist li h1{ font-size:30px; color:#000;font-family:"Microsoft Yahei"; font-weight: lighter; line-height:150%; padding:10px 20px 5px;}
.temlist li h1 em{color:#999;font-size:14px; float: right;line-height: 30px;}
.temlist li h2{ padding: 0px 15px 20px; font-size:14px; color:#6a6a6a;font-family:"Microsoft Yahei"; font-weight: lighter; }
.tAlign{text-align:center;}
.temlist li .more{
    float: right;
    width: 32px;
    height: 32px;
    margin:15px 20px 0px 0px;
    background: url(../images/j.png) no-repeat 0 0;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
}

.temlist li.hover .more{
    background: url(../images/j.png) no-repeat 0 -32px;
}
.temlist li .mBtn{ float:left; padding-left:50px;opacity:0;}
.temlist li .mBtn a{
    float: left;
    width: 54px;
    height: 54px;
    margin-left: 10px;
    position: relative;
    font-size: 14px;
    line-height: 54px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}

.temlist li .mBtn a i {
    width: 54px;
    height: 54px;
    position: absolute;
    top: -3px;
    left: -3px;
    clip: rect(0px, 80px, 80px, 0);
    border-radius: 50%;
    z-index: 10;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}

.temlist li .mBtn a.c1 {
    border: 3px solid #4c9feb;
    color: #4c9feb;
}

.temlist li .mBtn a.c1 i {
    border: 3px solid #b7d9f7;
}

.temlist li .mBtn a.c2 {
    border: 3px solid #ff503f;
    color: #ff503f;
}

.temlist li .mBtn a.c2 i {
    border: 3px solid #ffb9b2;
}

.temlist li .mBtn a.c3 {
    border: 3px solid #7ec867;
    color: #7ec867;
}

.temlist li .mBtn a.c3 i {
    border: 3px solid #cbe9c2;
}

.temlist li .mBtn a:hover i{
  clip: rect(0px, 0px, 0px, 0);
  -webkit-transition: all 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
  transition: all 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.doubleScreen{ width: 100%; height: auto; overflow: hidden; padding:50px 0px;}
.mgTop01{ margin-top:40px;}
.mgTop02{ margin-top:20px;}
.totalfile{width: 100%; height: auto; overflow: hidden; padding:50px 0px 0px; background:#181818;}
.serverfile{width: 100%; height: auto; overflow: hidden; padding:60px 0px 0px;}
.hostfile{width: 100%; height: auto; overflow: hidden; padding:60px 0px; background:#f2f2f2;}
.price{ position: relative; width:775px; margin: 50px auto;}
.tip{ position: absolute; top: 20px; right: 40px;}
.btn{ width:100%; height:100px; margin: 0px auto; text-align: center; display: block;}
.btn a{ width:345px; margin: 0px 15px; display:inline-block;}
.nav{ width: 1200px; margin: 50px auto 0px;height: auto; overflow: hidden;}
.nav li{color:#000; font-size:20px;font-family:"Microsoft Yahei";font-weight: lighter; float: left; width:24%; text-align:center;}
.nav li i{ display:block;background: url(../images/ico01.jpg) no-repeat 0 0; width:88px;height:52px;margin:0px auto 30px;}
.nav li i.n01{background-position:-30px -24px;}
.nav li i.n02{background-position:-346px -24px;}
.nav li i.n03{background-position:-657px -24px;}
.nav li i.n04{background-position:-972px -24px;}
.tu03{ position:relative; height: 725px; margin:30px 0px 0px;}
.tu03 img{ position:absolute;width:1920px; height:725px; left:50%; margin-left:-960px; top: 0px;}
.banner{ width:100%; height:957px; overflow: hidden; position: relative;}
.banner img{position:absolute;}
.tu{ top:0px; left:50%; margin-left:-960px;height:957px;}
.logo{top:70px; left:50%; margin-left:-232.5px; height:135px;}
.t01{top:287px; left:50%; margin-left:-540px; height:324px;}
.t02{top:640px; left:50%; margin-left:-540px; height:320px;}
.mount{bottom:0px; left:50%; margin-left:-960px; height:420px;}
.robot{top:360px; right:50%; margin-right:-600px; height:325px;}
.fly{top:220px; left:50%;margin-left:-50px; height:332px;}
.mg{margin:30px 0px;}
.cloud{ top:390px;left:50%; margin-left:-680px; height:105px;}
.leave01{ width:200px; height:105px;}
.leave02{ width:1080px; height:324px;}
.leave04{ width:1080px; height:320px;}
.leave05{ width:220px; height:325px;}
.leave06{ width:182px; height:332px;}
.gToOne{background: url(../images/b01.png) no-repeat 0 0 #181818;width: 238px;height: 68px;margin:40px auto 90px; display:block;
-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
.gToTwo{background: url(../images/b01.png) no-repeat 0 -68px #ffffff;width: 238px;height: 68px;margin:0px auto 90px; display:block;
-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
.gToOne:hover{background-color:#ff4e4e;}
.gToTwo:hover{background:url(../images/b01.png) no-repeat 0px 0px #ff4e4e;}


/*底部QQ客服*/
.footer_qq { width:96px; height:38px; position:fixed; right:0px; bottom:80px; z-index:1000;}