@charset "UTF-8";

/*[class^=“xxx”]属性选择器，定义以XX_开头的公用样式
图片下间隙问题解决：1，在父元素设置font-size:0;
		    2, 设置图片元素display:block;
		    3, 设置图片元素vertical-align:middle;*/
*,::before,::after{margin:0;padding:0;
-webkit-tap-highlight-color:transparent;/*清除点击高亮*/
-webkit-box-sizing:border-box; /*设置以边框计算宽度*/
box-sizing:border-box;
}
input{
border:none;
outline:none;
-webkit-appearance:none /*去除表单的样式*/
}
.clearfix::before,clearfix::after{
content:"";
height:0;
line-height:0px;
display:block;
visibility:hidden;
clear:both;
}
*:focus {
	outline: none;
}
body{ font-family:微软雅黑, Arial, Helvetica, sans-serif; font-size:14px; background:#fff; width:100%;}
body {
	margin: 0;
	padding: 0;
	overflow-x:hidden;
	
}
.main{ width:100%;min-width:320px; max-width:640px; margin:0 auto;background:#f9f9f9;}
.main-header{ width:100%;min-width:320px; max-width:640px; margin:0 auto; background-color:#FFFFFF; overflow:hidden; border-bottom:#CCC solid 1px; position:relative; height:60px;}
.main-footer{ width:100%;min-width:320px; max-width:640px; margin:0 auto; background-color:#d34836; overflow:hidden;}
.nav_content{width:100%;min-width:320px; max-width:640px; margin:0 auto; background-color:#d34836; overflow:hidden;background:rgba(40%,40%,40%,0.6);height:100%; }
.nav{display:none;position:fixed; top:60px; left:0px; width:100%; z-index:999999; height:100%}
.navlist{ width:100%; padding:0px 20px; background:#FFF; overflow:hidden}
.nav ul li{border-bottom:1px solid #ddd; line-height:42px; position:relative}
.nav ul li a{width:90%; height:42px; line-height: 42px; display: block; text-align:left;}
.nav ul li span{ display:none; width:10%; position:absolute; top:0px; right:0px;}
.nav ul li span.dropss{ display:block}
.nav ul li:last-child a{border-bottom:0;}
.nav ul li a{color:#666;}
.navlist li dl.child{ display:none; width:100%}
.navlist li dl.child dd{ border-top:#CDCDCD solid 1px; line-height:40px; height:40px; display:block; width:100%; padding-left:20px;}
.navlist li dl.child dd a{ display:block; width:100%; float:none}

body::-webkit-scrollbar { 
    display: none; 
}
.group{ background:#fff;  margin-top:0px; width:100%;}
.group.bk{ background:#FAFAFA}
.group.red{ background:rgba(255,0,4,0.60)}
.group.blue{ background:#00486f}
.group.flx{ position:fixed; z-index:9999; left:0px; bottom:0px;}
.group.blue .contact-us{text-align:right; color:#FFFFFF; position:relative;}
.group.blue .contact-us .qq{ position:absolute; left:1px; top:-25px;}
.group.blue .contact-us p.clicks{ position:absolute; left:80px; top:-25px;}
.group.blue .contact-us p{ line-height:32px;}
.group.blue .contact-us a.tels{    padding: 5px 25px;
    border-radius: 3px;
    display: inline-block;
    color: #FFFFFF;
    background: #0F9FFB;}
a{ text-decoration:none; color:#000}
a:hover{
	text-decoration:none!important;
}
.m-t-10{ margin-top:10px;}
.m-t-20{ margin-top:20px;}
.m-t-30{ margin-top:30px;}
.m-t-40{ margin-top:40px;}
.m-t-50{ margin-top:50px;}
.m-t-60{ margin-top:60px;}
.m-t-70{ margin-top:70px;}
.m-t-80{ margin-top:80px;}
.m-t-90{ margin-top:90px;}
.m-t-100{ margin-top:100px;}
.m-t-110{ margin-top:110px;}

::selection {
	background-color:#CCC;
	color: #000;
}
.forms .input-wd.border-red{ border:#FF0004 solid 1px;}
a, p, img, blockquote, form, fieldset, textarea, iframe, code, pre {
	display: block;
	position:relative;
	overflow:hidden;
}

/*	2. Typography  */ 

p {
	line-height: 26px;
	margin-bottom: 0px;
	font-size:13px;
	letter-spacing:0px;
}

p > a {
	display: inline;
	text-decoration: none;
}

p > a:hover {
	text-decoration: underline;
}

p > span {
	display: inline;
}

span > a {
	display: inline;
}

a > span {
	display: inline;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
	display: inline;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	background-color: #f6f6f6;
	border-left: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
	width: 100%;
	clear: both;
	margin-bottom: 27px;
}

thead {}

th {
	vertical-align: middle;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	font-weight: bold;
	color: #555;
	background-color: #f6f6f6;
}

tr {
	line-height: 18px;
}

td {
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	color: #666;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 18px;
	vertical-align: middle;
	background-color: #fdfdfd;
}

tr:hover > td {
	background: #fff;
}
.server li .pic{width:100%; height:93.6px; background-repeat:no-repeat; background-position: center center; background-size:cover; border-radius:50%}
.server li .server-title{ float:left; width:70%; font-size:14px;}
.server li .server-title h3{ font-size:12px; font-weight:normal; padding: 5px 5px 0px 5px; line-height:24px; text-align:center}
.server-description{ font-size:14px;}

.servers li .pic{width:100%; height:93.6px; background-repeat:no-repeat; background-position: center center; background-size:cover; border-radius:50%}
.servers li .server-title{ float:left; width:70%; font-size:14px;}
.servers li .server-title h3{ font-size:12px; font-weight:normal; padding: 5px 5px 0px 5px; line-height:24px; text-align:center}
.server-description{ font-size:14px;}

.form{position:relative;margin:7px 0 0 0;padding:0;overflow:hidden;zoom:1;font-size:12px; width:100%}
.extformClass:hover{overflow:visible!important;}
.photoMarqueeForms .modifyPhotoTool{width:36px;height:18px;background:#fff;border:1px solid #ff8040;position:absolute;top:66px;right:0;margin:0;padding:0}
.photoMarqueeForms .modifyPhotoTool .editIcon{display:block;float:left;height:18px;width:18px;cursor:pointer;}
.photoMarqueeForms .modifyPhotoTool .deleteIcon{display:block;float:left;height:18px;width:18px;cursor:pointer;}
.photoMarqueeForms{text-align:center; width:100%}
.photoMarqueeForms .demo{position:relative;overflow:hidden;height:262px; width:100%}
.photoMarqueeForms .old-demo{width:98%;margin:5px 0 5px 5px}
.photoMarqueeForms .demo0{float:left;text-align:center}
.photoMarqueeForm{display:inline;margin-right:20px;float:left;position:relative}
.photoMarqueeForm .imgDiv{width:262px;height:262px}
.photoMarqueeForm .imgDiv table{width:100%;height:100%;padding:0;border-spacing:0}
.photoMarqueeForm .propDiv{line-height:23px;text-align:center;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:rgba(0,0,0,0.6); color:#FFF; position:absolute; bottom:0px; left:0px; width:100%; z-index:999}
.photoMarqueeForm .nameWordWrap{height:auto;line-height:auto;word-break:break-all;white-space:normal;overflow:visible;text-overflow:clip}
.photoMarqueeForm .propDiv a{text-decoration:none; color:#FFF}
.photoMarqueeFormClear{margin-bottom:20px}
.index-team-list li{ float:left; width:48%; margin:1%}
.people-intro{ text-align:center}