html, body{
font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
background: #FFf;
}
body a,.grid_1 {
transition:0.5s all;
-webkit-transition:0.5s all;
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
}
a:hover{
text-decoration:none;
}
.h_dl {font-size: 14px;color:#fff;font-family:"Microsoft YaHei";float: left; line-height:30px;width:580px;}
.h_dl A:link {font-size: 14px;color:#fff;text-decoration: none;font-family:"Microsoft YaHei";float: left; line-height:30px}
.h_dl A:visited {font-size: 14px;color:#fff;text-decoration: none;font-family:"Microsoft YaHei";float: left; line-height:30px}
.h_dl A:hover {font-size: 14px;color:#78babd;text-decoration:none;font-family:"Microsoft YaHei";float: left; line-height:30px}
.h_dl A:active {font-size: 14px;color:#fff;text-decoration: none;font-family:"Microsoft YaHei";float: left; line-height:30px}
.h_dl2 {font-size: 14px;color:#fff;font-family:"Microsoft YaHei";float:right; line-height:30px}
.h_dl2 A:link {font-size: 14px;color:#fff;text-decoration: none;font-family:"Microsoft YaHei";float:right; line-height:30px}
.h_dl2 A:visited {font-size: 14px;color:#fff;text-decoration: none;font-family:"Microsoft YaHei";float:right; line-height:30px}
.h_dl2 A:hover {font-size: 14px;color:#78babd;text-decoration:none;font-family:"Microsoft YaHei";float:right; line-height:30px}
.h_dl2 A:active {font-size: 14px;color:#fff;text-decoration: none;font-family:"Microsoft YaHei";float:right; line-height:30px}
.h_d3 {font-size: 14px;color:#3e4040;font-family:"Microsoft YaHei";line-height:30px}
.h_d3 A:link {font-size: 14px;color:#3e4040;text-decoration: none;font-family:"Microsoft YaHei";line-height:30px}
.h_d3 A:visited {font-size: 14px;color:#3e4040;text-decoration: none;font-family:"Microsoft YaHei";line-height:30px}
.h_d3 A:hover {font-size: 14px;color:#216b68;text-decoration:none;font-family:"Microsoft YaHei";line-height:30px}
.h_d3 A:active {font-size: 14px;color:#3e4040;text-decoration: none;font-family:"Microsoft YaHei";line-height:30px}
.h_text{ font-family:"黑体"; color:#7C7C7C; font-size:28px; font-weight:bold; line-height:40px}
.search {
width:355px;
border-radius: 20px;
display: inline-block;
background-color: #FFFFFF;
border:1px solid #216b68
}
.search input[type="text"] {
border: none;
background: none;
outline: none;
width: 90%;
padding: 8px 0px 8px 12px;
-webkit-appearance: none;
font-size: 16px;
color: #969797;
}
.search input[type="submit"] {
background:url(../images/search.png)no-repeat;
height:18px;
border: none;
width: 30px;
outline: none;
vertical-align:middle;
}
.logo {
float:left;
}
.logo a h1{
color:#26B572;
font-size:1.8em;
margin-top: 5px;
font-family: 'Abril Fatface', cursive;
}
.logo a h1 span{
font-weight:400;
font-family: 'Lato', sans-serif;
color:#000;
}
.logo a h1:hover{
color:#26B572;
text-decoration:none;
}
.logo a h1 span{
color:#000;
text-decoration:none;
}
.top-menu2 {
text-align: center;
margin-top: 30px;
float:right;
}
.top-menu2 ul{
display: inline-block;
margin: 0 25px;
color: #fff;
font-weight: 900;
vertical-align: top;
}
.top-menu {
text-align: center;
margin-top: 0.9em;
float:right;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.top-menu ul a{
text-decoration: none;
color: #000;
font-size: 0.9em;
font-weight: 400;
text-transform: uppercase;
}
/*----start-home---*/
.header-bottom {
padding:0.9em 0 0 0;
background: #fff;
}
.strip {
padding:0;
background:#216b68;
}
p.location {
float: left;
color: #fff;
font-size: 14px;
}
/*----右上导航---*/
.navigation {
margin:0;
padding:0;
list-style:none;
}
/* Little tricking with positions */
.navigation la {
float:left; /* Show list items inline */
width:100px;
position:relative;
}
/* Playing with Main Categories */
.navigation la a {
color:#fff;
display:block;
text-decoration:none; /* No underline */
text-align:center;
text-transform:uppercase;
padding: 5px;
font-family:"Microsoft YaHei"; font-size:14px;
}
.navigation la a:hover {
color:#78babd;font-family:"Microsoft YaHei"; font-size:14px;
}
/* Sub Cat Menu stuff*/
.navigation ua {
position:absolute;
left:0;
display:none; /* Hide it by default */
margin:0 0 0 0px;
padding:0;
list-style:none;
}
.navigation ua la {
width:100px;
float:left;
border-top:none;
z-index:100 !important;
}
/* Sub Cat menu link properties */
.navigation ua a {
display:block; /* Making sure a element covers whole li area */
padding:8px 7px 8px 7px;
color:#3e4040;
background-color:#ffffff;
text-decoration:none; border-bottom:1px solid #216b68; border-left:1px solid #216b68;border-right:1px solid #216b68;
border-top:none;font-family:"Microsoft YaHei"; font-size:14px; line-height:15px;
}
.navigation ua a:hover {
color:#216b68;
}
h4{
margin:0;
}
#home h4{
font-size: 1.5em;
padding: 2.2em 0.4em;
font-family: 'Lato', sans-serif;
transform: rotate(42deg);
-webkit-transform: rotate(42deg);
-o-transform: rotate(42deg);
-moz-transform: rotate(42deg);
line-height: 1.5em;
}
.team h4 {
color: #333;
font-size: 1.3em;
margin: 0.5em 0;
text-transform: uppercase;
font-weight: 600;
}
.content_top h4 {
color: #403f3f;
font-size: 22px;
text-align: center;
font-weight: 600;
margin-bottom: 2em;
}
ul.hosting li.host_desc h4{
color: #fff;
font-size: 1.3em;
text-transform: uppercase;
font-weight:700;
margin: 0.1em 0 0.5em 0;
}
.service_grid h4{
text-transform:uppercase;
font-size:1.1em;
color:#000;
margin-top:2em;
}
.domain-bottom h4{
margin: 2em 0 0 0;
color: #fff;
font-weight: 600;
font-size: 2em;
text-transform: uppercase;
text-align: center;
}
.col-md-1, .col-md-2,.col-md-3, .col-lg-3,.col-md-4, .col-lg-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
padding: 0;
}
.grid_1:hover i.time {
background: url(../images/img-sprite.png) -0px -60px;
}
.grid_1:hover i.platform{
background: url(../images/img-sprite.png) -60px -60px;
}
.grid_1:hover i.fast{
background: url(../images/img-sprite.png) -120px -60px;
}
.grid_1:hover i.data{
background: url(../images/img-sprite.png) -180px -60px;
}
.grid_1{
text-align: center;
width: 24.2%;
margin-right: 10px;
padding: 1em 1em;
background-color: #FFFFFF;
}
.grid_1:hover{
background: #e9e9e9;
}
.grid_1.one:hover{
background: #e9e9e9;
}
.grid_1:hover p,.grid_1:hover h3{
color:#333;
}
.grid_1.lost {
margin: 0;
}
.grid_1 h9{
color: #353535;
font-size:18px;
line-height:50px;
font-weight:bold;
text-transform: uppercase;
}
.grid_1 p{
font-size:14px;
line-height: 23px;
color: #777777;
font-weight: 400;
}