/*
hstech
*/
body{
	font-family:"微软雅黑", "宋体";
}
h1,h2,h3,h4{
	font-weight:normal; color:#323232;
}
a{
-webkit-transition: all .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-moz-transition: all .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-ms-transition: all .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-o-transition: all .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
transition: all .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

#scrollUp {
bottom: 20px;
right: 20px;
height: 38px;
width: 38px;
background: url("../images/top.png") no-repeat;
}
blockquote p{
	font-size:16px;
}
/*menu*/
.navbar .navbar-hstech .nav-bg{
	background:#f9f9f9;-moz-border-radius:0 0 6px 6px;-khtml-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;
	font-size:16px;
	-webkit-box-shadow:0px 0px 5px #aaa;-moz-box-shadow:0px 0px 5px #aaa;box-shadow:0px 0px 5px #aaa;
	padding:5px 0 5px;
}
.navbar .nav{
	float:right; margin:2px 0 0;
}
.navbar .nav>li{
	
}
.navbar .nav>li>a{
	padding:5px 15px 5px;margin:5px 2px 0;
}
.navbar-inverse .brand, .navbar-inverse .nav>li>a{
	color:#323232;
	-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
}
.navbar-inverse .brand, .navbar-inverse .nav>li>a:hover{
	color:#fff;background:#77C4D3;
}
.navbar-inverse .nav .active>a, .navbar-inverse .nav .active>a:hover, .navbar-inverse .nav .active>a:focus,.navbar-inverse .nav li.dropdown.open>.dropdown-toggle, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{
	background:#77C4D3;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#111111',GradientType=0);
background-color: #313131;
background-image: -moz-linear-gradient(top,#333,#111);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#333),to(#111));
background-image: -webkit-linear-gradient(top,#333,#111);
background-image: -o-linear-gradient(top,#333,#111);
background-image: linear-gradient(to bottom,#333,#111);

}


.navbar .navbar-hstech .nav-bg .span3{
	padding-left:25px;
}
.btn-navbar{
	 margin-top:10px !important;
}

.dropdown-menu ul.dropdown-menu{
	left:161px  !important; top:auto; margin-top:-25px;
}
.dropdown-menu .dropdown-menu:before {
content: '';
display: inline-block;
border-top: 7px solid transparent;
border-right: 7px solid #ccc;
border-bottom: 7px solid transparent;
position: absolute;
top: 5px;
left: -7px;
}
.dropdown-menu .dropdown-menu:after {
content: '';
display: inline-block;
border-top: 6px solid transparent;
border-right: 6px solid #ffffff;
border-bottom: 6px solid transparent;
position: absolute;
top: 5px;
left: -6px;
}

/*end menu*/


/*index*/
.slogan{
	border-bottom:1px solid #E5E5E5; margin-bottom:35px;
}
.slogan div{
	padding:30px 20px 25px; font-size:16px; color:#999;
}
.slogan div h2{
	margin:0;
}


.defaultimg{
	max-height:none;
}

.featre h3{
	text-align:center; font-size:18px; font-weight:normal; margin:0; padding:15px 0 5px;
}
.featre span{
	color:#a5a5a5; padding:0 20px 0; display:block;
}
.featre1 .html5,.featre2 .design,.featre3 .platform{
		height:137px; display:block;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
}
.featre1,.featre2{
	width:29.2%; float:left; padding-right:3%
}
.featre2,.featre3{
	width:29.2%;border-left:1px solid #E5E5E5; float:left;padding-left:3%
}
.featre1 .html5{
	background:#77C4D3 url(../images/features_icons.png) no-repeat center center;
	/*77C4D3*/
	
}
.featre2 .design{
	background:#77C4D3 url(../images/features_icons.png) no-repeat center bottom;
	
}
.featre3 .platform{
	background:#77C4D3 url(../images/features_icons.png) no-repeat center 0;
	
}


.nowContact{
	background:#f9f9f9;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; min-height:100px;
	margin:45px 0 35px; text-align:center;
}
.nowContact p{
	color:#a5a5a5; font-weight:normal;  padding:20px 0 10px 20px; text-align:left;
}
.nowContact a{
	display:block; width:70%; height:55px; background:#77C4D3; border:4px solid #fff;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; color:#fff; font-size:28px; line-height:55px; margin:20px;text-shadow:1px 1px 1px #666;
transition: background-color 0.2s ease-out 0s;
-moz-transition: background-color 0.5s ease-out 0s;
-webkit-moz-transition: background-color 0.5s ease-out 0s;
-o-moz-transition: background-color 0.5s ease-out 0s;
-ms-moz-transition: background-color 0.5s ease-out 0s;
}
.nowContact a:hover{
	text-decoration:none; background:#888;
}

.hsClients{
	overflow:hidden; margin:20px 0 35px;
}
.hsClienttxt{
	color:#a5a5a5;
}
.hsClients a{
border-left: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
display: block;
float: left;
margin: -1px 0 0 -1px;
padding: 16px 0 0 42px;;
position: relative;
}
.hsClients a img{
opacity: 0.8;
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
}
.hsClients a:hover img{
	opacity: 1;
}

.fullwidthbanner-container{
	background:#B3C5D3;
}
.tp-leftarrow.default, .tp-rightarrow.default{
	top:295px 
}


/*page*/
.pageTopbg{
	height:160px; background:url(../images/header.jpg) no-repeat center;
}
.pageTopbg .bannerTxt{
	padding-top:90px;
}
.pageTopbg .bannerTxt h3{
	padding-left:55px; color:#FFF;
}
.pageTopbg .bannerTxt h3 small{
	padding-left:10px;
}
.pageTopbg .bannerTxt .location{
	padding-top:50px;
}
.pageTopbg .bannerTxt .location a{
	color:#323232;
}

.page-content{
	border-right:1px solid #eee; padding-right:20px; min-height:500px;
}

.breadcrumb{
	border-bottom:1px solid #ccc; background:none;
}
.box{
	margin-bottom:25px;
}
.box .input-append{
	margin-bottom:0;
}
.box .nav-stacked a:hover,.box .nav-stacked a.active{
	padding-left:15px; color:#6ab9ca;
}
.box .nav-stacked i{
	margin-top:3px;
}
.box .table td{
	border:none;border-bottom:1px solid #dddddd;
}
.box ul.news{
	margin-bottom:0;
}
/*news*/
table.news{
	border-bottom:1px solid #dddddd;
}
table.news td.text-right{
	text-align:right;
}
/*footer*/
footer{
	background:#292D36; color:#FFF; min-height:44px; padding:10px 0 10px; margin-top:35px;
}
.cpoyright{
	line-height:44px;
}
.socials{
	float:right !important;
}

.socials a{
display:block; float:right; width:44px; height:44px;background:url(../images/icon-socials.png) no-repeat; margin-left:5px;
}
.socials a.email{
	background-position:-132px 0
}
.socials a.email:hover{
	background-position:-132px bottom;
	
}

.socials a.qq{
	background-position:0 0
}
.socials a.qq:hover{
	background-position:0 bottom;
	
}
.socials a.weibo{
	background-position:-88px 0
}
.socials a.weibo:hover{
	background-position:-88px bottom;
	
}
.socials a.weixin{
	background-position:-176px 0
}
.socials a.weixin:hover{
	background-position:-176px bottom;
	
}
.popover-content{
	color:#666;
}

@media (min-width: 1200px){
.navbar .nav>li>a{
	margin:10px 2px 0;
}	
}

@media (max-width: 979px) {
.tp-leftarrow.default, .tp-rightarrow.default{
	top:205px 
}
.fullwidthbanner-container{
	margin-top:-17px
}
.navbar-inverse .nav .active>a{
	background-color:#111;
}
.nowContact h2{
	font-size:18px;
}
.nowContact a{
	font-size:18px;
}
.navbar-hstech .span9{
	width:100% !important;
}
.dropdown-menu ul.dropdown-menu{
	margin-top:0;
}
}

@media (max-width: 767px) {
.navbar .navbar-hstech .nav-bg .span4{
	text-align:center;padding-left:0px !important;
}
.featre1,.featre2,.featre3{
	width:100%; border:none; padding:0 0 20px !important; text-align:center;
}
.nowContact h2{
	font-size:18px;
}
.nowContact a{
	margin:20px auto 20px;
	}
.tp-leftarrow.default, .tp-rightarrow.default{
	top:105px 
}
}