

*/

/*===================================================================================*/
/*  								1 - General                                      */
/*===================================================================================*/

::selection {
	background-color: #333;
	color: #fff;
}
html, body {
	background: #C0C0C0;
	width:100%;
	height:100%;
	padding:0;
	-webkit-font-smoothing: antialiased;
	font-family: "微软雅黑";
}

.copyright p a {
    font-family: 微软雅黑;
    font-size: 12px;
    color: rgb(137, 137, 137);
}

a,
a:hover,
a:active,
a:focus
{
	color:#464646;
	text-decoration:none;
	outline:none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: "微软雅黑";
	font-weight:100;
}

p{
	margin:0 0 5px;
}

.clear{
	clear:both;
}

.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.shadow{
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1);
}

.rounded{
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

ol, ul{
	list-style:none;
	padding:0;
}

.animated{
	visibility:hidden;
}

.visible{
	visibility:visible;
}


#pageloader {
	width: 100%;
    height: 100%;
    position: fixed;
	background-color: #555;
    z-index: 999999;
}
.loader {
  position: absolute;
  width: auto;
  height:height;
  margin: -25px 0 0 -25px;
  top:50%;
  left:50%;
  text-align:center;
}

.loader h2{
	color:#ccc;
	margin:0 auto;
	font-size:20px;
}

.contain{
	overflow: hidden;
	width:100%;
	position:relative;
	height:auto;
}

.inner{
	width:1280px;
	margin:0 auto;
	position:relative;
	z-index:2;
}

.contain-logo{
	margin:auto;
	width:64px;
	height:64px;
	background:white;
	border:1px solid #bcbcbc;
	padding:18px 0;
	text-align:center;
	position:relative;
	top:-32px;
	border-radius:100px;
}

.contain-logo i{
	font-size:30px;
	color:#bcbcbc;
	font-weight:light;
}

.br{
	top:-72px;
}
.br-b{
	top:-72px;
}

.header{
	margin:auto;
	font-family: 'Open Sans';
	font-size: 38px;
	color: #222;
	font-weight:300;
	text-transform:uppercase;
	width:50%;
	text-align:center;
	position: relative;
	letter-spacing: 8px;
    padding: 20px 0;
    text-transform: uppercase;
    border-top: #FFA300 1px solid;
    border-bottom: #FFA300 1px solid;
	opacity:0.7;
}


.description{
	margin:15px auto;
	font-size:18px;
	font-weight:300;
	text-transform:uppercase;
	width:100%;
	max-width:860px;
	text-align:center;
	opacity:0.7;
}


.content {
	margin-top:80px;
}

.col-xs-offset-1 {
    margin-left: 50px;
}

/*===================================================================================*/
/*  								2 - Banner                                         */
/*===================================================================================*/

#slider #mask img {
	width: 100%;
	height: 574px;
	min-width:1960px;
}

#slider, .slides {

	width:100%;
	margin:81px auto 0;
	overflow:visible;
	position:relative;
}
#mask {
	overflow:hidden;
	height:574px;
}
#slider ul {
	margin:0;
	padding:0;
	position:relative;
}
#slider li {
	width:100%;
	position:absolute;
	left:-1680px;
	list-style:none;
}
#slider li.firstanimation{
	animation:first 15s linear infinite;
}
#slider li.secondanimation{
	animation:second 15s linear infinite;
}
#slider li.thirdanimation{
	animation:third 15s linear infinite;
}
@keyframes first
{
0%    {left: 0px;opacity:1;}
8%   {left: 0px;opacity:1;}
24%   {left: 0px;opacity:1;}
30%   {left: 1680px;opacity:0;}
31%   {left: -1680px;opacity:0;}
88%   {left: -1680px;opacity:0;}
94%   {left: -1680px;opacity:0;}
100%   {left: 0px;opacity:1;}
}
@-moz-keyframes first /* Firefox */
{
	0%    {left: 0px;opacity:1;}
	8%   {left: 0px;opacity:1;}
	24%   {left: 0px;opacity:1;}
	30%   {left: 1680px;opacity:0;}
	31%   {left: -1680px;opacity:0;}
	88%   {left: -1680px;opacity:0;}
	94%   {left: -1680px;opacity:0;}
	100%   {left: 0px;opacity:1;}
}
@-webkit-keyframes first /* Safari 和 Chrome */
{
	0%    {left: 0px;opacity:1;}
	8%   {left: 0px;opacity:1;}
	24%   {left: 0px;opacity:1;}
	30%   {left: 1680px;opacity:0;}
	31%   {left: -1680px;opacity:0;}
	88%   {left: -1680px;opacity:0;}
	94%   {left: -1680px;opacity:0;}
	100%   {left: 0px;opacity:1;}
}
@-o-keyframes first /* Opera */
{
	0%    {left: 0px;opacity:1;}
	8%   {left: 0px;opacity:1;}
	24%   {left: 0px;opacity:1;}
	30%   {left: 1680px;opacity:0;}
	31%   {left: -1680px;opacity:0;}
	88%   {left: -1680px;opacity:0;}
	94%   {left: -1680px;opacity:0;}
	100%   {left: 0px;opacity:1;}
}
@keyframes second
{
0%    {left: -1680px;opacity:0;}
24%   {left: -1680px;opacity:0;}
30%   {left: 0px;opacity:1;}
46%   {left: 0px;opacity:1;}
62%   {left: 0px;opacity:1;}
68%   {left: 1680px;opacity:0;}
69%   {left: -1680px;opacity:0;}
100%   {left: -1680px;opacity:0;}
}
@-moz-keyframes second /* Firefox */
{
	0%    {left: -1680px;opacity:0;}
	24%   {left: -1680px;opacity:0;}
	30%   {left: 0px;opacity:1;}
	46%   {left: 0px;opacity:1;}
	62%   {left: 0px;opacity:1;}
	68%   {left: 1680px;opacity:0;}
	69%   {left: -1680px;opacity:0;}
	100%   {left: -1680px;opacity:0;}
}
@-webkit-keyframes second /* Safari 和 Chrome */
{
	0%    {left: -1680px;opacity:0;}
	24%   {left: -1680px;opacity:0;}
	30%   {left: 0px;opacity:1;}
	46%   {left: 0px;opacity:1;}
	62%   {left: 0px;opacity:1;}
	68%   {left: 1680px;opacity:0;}
	69%   {left: -1680px;opacity:0;}
	100%   {left: -1680px;opacity:0;}
}
@-o-keyframes second /* Opera */
{
	0%    {left: -1680px;opacity:0;}
	24%   {left: -1680px;opacity:0;}
	30%   {left: 0px;opacity:1;}
	46%   {left: 0px;opacity:1;}
	62%   {left: 0px;opacity:1;}
	68%   {left: 1680px;opacity:0;}
	69%   {left: -1680px;opacity:0;}
	100%   {left: -1680px;opacity:0;}
}
@keyframes third
{
0%    {left: -1680px;opacity:0;}
62%   {left: -1680px;opacity:0;}
68%   {left: 0px;opacity:1;}
84%   {left: 0px;opacity:1;}
94%   {left: 0px;opacity:1;}
100%   {left: 1680px;opacity:0;}
}
@-moz-keyframes third /* Firefox */
{
	0%    {left: -1680px;opacity:0;}
	62%   {left: -1680px;opacity:0;}
	68%   {left: 0px;opacity:1;}
	84%   {left: 0px;opacity:1;}
	94%   {left: 0px;opacity:1;}
	100%   {left: 1680px;opacity:0;}
}
@-webkit-keyframes third /* Safari 和 Chrome */
{
	0%    {left: -1680px;opacity:0;}
	62%   {left: -1680px;opacity:0;}
	68%   {left: 0px;opacity:1;}
	84%   {left: 0px;opacity:1;}
	94%   {left: 0px;opacity:1;}
	100%   {left: 1680px;opacity:0;}
}
@-o-keyframes third /* Opera */
{
	0%    {left: -1680px;opacity:0;}
	62%   {left: -1680px;opacity:0;}
	68%   {left: 0px;opacity:1;}
	84%   {left: 0px;opacity:1;}
	94%   {left: 0px;opacity:1;}
	100%   {left: 1680px;opacity:0;}
}


.tooltip1 {
	animation:tooltip1 15s linear infinite;
	position:absolute;
}
.tooltip2 {
	animation:tooltip2 15s linear infinite;
	position:absolute;
}
.tooltip3 {
	animation:tooltip3 15s linear infinite;
	position:absolute;
}
@keyframes tooltip1 {
	0%    {left:1000px;top: 100px;opacity:0;}
	3%    {left:1000px;top: 250px;opacity:1;}
	18%    {left:1000px;top: 250px;opacity:1;}
	25%   {left:1000px;top: 100px;opacity:0;}
	100%   {left:1000px;top: 100px;opacity:0;}
}
@-moz-keyframes tooltip1 /* Firefox */ {
	0%    {left:1000px;top: 100px;opacity:0;}
	3%    {left:1000px;top: 250px;opacity:1;}
	18%    {left:1000px;top: 250px;opacity:1;}
	25%   {left:1000px;top: 100px;opacity:0;}
	100%   {left:1000px;top: 100px;opacity:0;}
}
@-webkit-keyframes tooltip1 /* Safari 和 Chrome */ {
	0%    {left:1000px;top: 100px;opacity:0;}
	3%    {left:1000px;top: 250px;opacity:1;}
	18%    {left:1000px;top: 250px;opacity:1;}
	25%   {left:1000px;top: 100px;opacity:0;}
	100%   {left:1000px;top: 100px;opacity:0;}
}
@-o-keyframes tooltip1 /* Opera */ {
	0%    {left:1000px;top: 100px;opacity:0;}
	3%    {left:1000px;top: 250px;opacity:1;}
	18%    {left:1000px;top: 250px;opacity:1;}
	25%   {left:1000px;top: 100px;opacity:0;}
	100%   {left:1000px;top: 100px;opacity:0;}
}

@keyframes tooltip2 {
	0%    {left:700px;top: 100px;opacity:0;}
	33%    {left:700px;top: 100px;opacity:0;}
	36%    {left:700px;top: 250px;opacity:1;}
	60%    {left:700px;top: 250px;opacity:1;}
	66%    {left:700px;top: 100px;opacity:0;}
	100%   {left:700px;top: 100px;opacity:0;}
}
@-moz-keyframes tooltip2 /* Firefox */{
	0%    {left:700px;top: 100px;opacity:0;}
	33%    {left:700px;top: 100px;opacity:0;}
	36%    {left:700px;top: 250px;opacity:1;}
	60%    {left:700px;top: 250px;opacity:1;}
	66%    {left:700px;top: 100px;opacity:0;}
	100%   {left:700px;top: 100px;opacity:0;}
}
@-webkit-keyframes tooltip2 /* Safari 和 Chrome */{
	0%    {left:700px;top: 100px;opacity:0;}
	33%    {left:700px;top: 100px;opacity:0;}
	36%    {left:700px;top: 250px;opacity:1;}
	60%    {left:700px;top: 250px;opacity:1;}
	66%    {left:700px;top: 100px;opacity:0;}
	100%   {left:700px;top: 100px;opacity:0;}
}
@-o-keyframes tooltip2 /* Opera */{
	0%    {left:700px;top: 100px;opacity:0;}
	33%    {left:700px;top: 100px;opacity:0;}
	36%    {left:700px;top: 250px;opacity:1;}
	60%    {left:700px;top: 250px;opacity:1;}
	66%    {left:700px;top: 100px;opacity:0;}
	100%   {left:700px;top: 100px;opacity:0;}
}

@keyframes tooltip3
{
	0%    {left:100px;top: 400px;opacity:0;}
	68%    {left:100px;top: 400px;opacity:0;}
	71%    {left:570px;top: 400px;opacity:1;}
	94%    {left:570px;top: 400px;opacity:1;}
	100%   {left:1680px;top: 400px;opacity:0;}
}
@-moz-keyframes tooltip3 /* Firefox */{
	0%    { top:-300px;left: -100px;opacity:0;}
	69%    { top:-300px;left: 30px;opacity:0;}
	73%   { top:-300px;left: 60px;opacity:1;}
	89%   { top:-300px;left: 60px;opacity:1;}
	94%    { top:-300px;left: 30px;opacity:0;}
	100%   { top:-300px;left: -100px;opacity:0;}
}
@-webkit-keyframes tooltip3 /* Safari 和 Chrome */{
	0%    { top:-300px;left: -100px;opacity:0;}
	69%    { top:-300px;left: 30px;opacity:0;}
	73%   { top:-300px;left: 60px;opacity:1;}
	89%   { top:-300px;left: 60px;opacity:1;}
	94%    { top:-300px;left: 30px;opacity:0;}
	100%   { top:-300px;left: -100px;opacity:0;}
}
@-o-keyframes tooltip3 /* Opera */{
	0%    { top:-300px;left: -100px;opacity:0;}
	69%    { top:-300px;left: 30px;opacity:0;}
	73%   { top:-300px;left: 60px;opacity:1;}
	89%   { top:-300px;left: 60px;opacity:1;}
	94%    { top:-300px;left: 30px;opacity:0;}
	100%   { top:-300px;left: -100px;opacity:0;}
}


#slider .toolimg {
	bottom:75px;
}
.toolimg1{
	position:absolute;
	animation:toolimg1 15s linear infinite;
}

.toolimg2{
	position:absolute;
	animation:toolimg2 15s linear infinite;
}

.toolimg3{
	position:absolute;
	animation:toolimg3 15s linear infinite;
}

.toolimg4{
	position:absolute;
	animation:toolimg4 15s linear infinite;
}
.toolimg5{
	position:absolute;
	animation:toolimg5 15s linear infinite;
}
.toolimg6{
	position:absolute;
	animation:toolimg6 15s linear infinite;
}


@keyframes toolimg1
{
	0%    {left:580px;top: 474px;opacity:0;}
	3%    {left:580px;top: 250px;opacity:1;}
	18%    {left:580px;top: 250px;opacity:1;}
	25%   {left:580px;top: 474px;opacity:0;}
	100%   {left:580px;top: 474px;opacity:0;}
}
@-moz-keyframes toolimg1 /* Firefox */{
	0%    {left:580px;top: 474px;opacity:0;}
	3%    {left:580px;top: 250px;opacity:1;}
	18%    {left:580px;top: 250px;opacity:1;}
	25%   {left:580px;top: 474px;opacity:0;}
	100%   {left:580px;top: 474px;opacity:0;}
}
@-webkit-keyframes toolimg1 /* Safari 和 Chrome */{
	0%    {left:580px;top: 474px;opacity:0;}
	3%    {left:580px;top: 250px;opacity:1;}
	18%    {left:580px;top: 250px;opacity:1;}
	25%   {left:580px;top: 474px;opacity:0;}
	100%   {left:580px;top: 474px;opacity:0;}
}
@-o-keyframes toolimg1 /* Opera */{
	0%    {left:580px;top: 474px;opacity:0;}
	3%    {left:580px;top: 250px;opacity:1;}
	18%    {left:580px;top: 250px;opacity:1;}
	25%   {left:580px;top: 474px;opacity:0;}
	100%   {left:580px;top: 474px;opacity:0;}
}


@keyframes toolimg2
{
	0%    {left:150px;top: 474px;opacity:0;}
	2%    {left:150px;top: 0px;opacity:1;}
	19%    {left:150px;top: 0px;opacity:1;}
	25%   {left:150px;top: 474px;opacity:0;}
	100%   {left:150px;top: 474px;opacity:0;}
}
@-moz-keyframes toolimg2 /* Firefox */
{
	0%    {left:150px;top: 474px;opacity:0;}
	2%    {left:150px;top: 0px;opacity:1;}
	19%    {left:150px;top: 0px;opacity:1;}
	25%   {left:150px;top: 474px;opacity:0;}
	100%   {left:150px;top: 474px;opacity:0;}
}
@-webkit-keyframes toolimg2 /* Safari 和 Chrome */
{
	0%    {left:150px;top: 474px;opacity:0;}
	2%    {left:150px;top: 0px;opacity:1;}
	19%    {left:150px;top: 0px;opacity:1;}
	25%   {left:150px;top: 474px;opacity:0;}
	100%   {left:150px;top: 474px;opacity:0;}
}
@-o-keyframes toolimg2 /* Opera */
{
	0%    {left:150px;top: 474px;opacity:0;}
	2%    {left:150px;top: 0px;opacity:1;}
	19%    {left:150px;top: 0px;opacity:1;}
	25%   {left:150px;top: 474px;opacity:0;}
	100%   {left:150px;top: 474px;opacity:0;}
}

@keyframes toolimg3
{
	0%    {left:0px;top: 30px;opacity:0;}
	33%    {left:0px;top: 30px;opacity:0;}
	36%    {left:300px;top: 30px;opacity:1;}
	60%    {left:300px;top: 30px;opacity:1;}
	66%    {left:0px;top: 30px;opacity:0;}
	100%   {left:0px;top: 30px;opacity:0;}
}
@-moz-keyframes toolimg3 /* Firefox */
{
	0%    {left:0px;top: 30px;opacity:0;}
	33%    {left:0px;top: 30px;opacity:0;}
	36%    {left:300px;top: 30px;opacity:1;}
	60%    {left:300px;top: 30px;opacity:1;}
	66%    {left:0px;top: 30px;opacity:0;}
	100%   {left:0px;top: 30px;opacity:0;}
}
@-webkit-keyframes toolimg3 /* Safari 和 Chrome */
{
	0%    {left:0px;top: 30px;opacity:0;}
	33%    {left:0px;top: 30px;opacity:0;}
	36%    {left:300px;top: 30px;opacity:1;}
	60%    {left:300px;top: 30px;opacity:1;}
	66%    {left:0px;top: 30px;opacity:0;}
	100%   {left:0px;top: 30px;opacity:0;}
}
@-o-keyframes toolimg3 /* Opera */
{
	0%    {left:0px;top: 30px;opacity:0;}
	33%    {left:0px;top: 30px;opacity:0;}
	36%    {left:300px;top: 30px;opacity:1;}
	60%    {left:300px;top: 30px;opacity:1;}
	66%    {left:0px;top: 30px;opacity:0;}
	100%   {left:0px;top: 30px;opacity:0;}
}


@keyframes toolimg4
{
	0%    {left:0px;top: 50px;opacity:0;}
	68%    {left:0px;top: 50px;opacity:0;}
	71%    {left:500px;top: 50px;opacity:1;}
	94%    {left:500px;top: 50px;opacity:1;}
	100%   {left:1680px;top: 50px;opacity:0;}
}
@-moz-keyframes toolimg4 /* Firefox */
{
	0%    {left:0px;top: 50px;opacity:0;}
	68%    {left:0px;top: 50px;opacity:0;}
	71%    {left:500px;top: 50px;opacity:1;}
	94%    {left:500px;top: 50px;opacity:1;}
	100%   {left:1680px;top: 50px;opacity:0;}
}
@-webkit-keyframes toolimg4 /* Safari 和 Chrome */
{
	0%    {left:0px;top: 50px;opacity:0;}
	68%    {left:0px;top: 50px;opacity:0;}
	71%    {left:500px;top: 50px;opacity:1;}
	94%    {left:500px;top: 50px;opacity:1;}
	100%   {left:1680px;top: 50px;opacity:0;}
}
@-o-keyframes toolimg4 /* Opera */
{
	0%    {left:0px;top: 50px;opacity:0;}
	68%    {left:0px;top: 50px;opacity:0;}
	71%    {left:500px;top: 50px;opacity:1;}
	94%    {left:500px;top: 50px;opacity:1;}
	100%   {left:1680px;top: 50px;opacity:0;}
}


@keyframes toolimg5
{
	0%    {left:0px;top: 50px;opacity:0;}
	66%    {left:0px;top: 50px;opacity:0;}
	69%    {left:850px;top: 50px;opacity:1;}
	92%    {left:850px;top: 50px;opacity:1;}
	100%   {left:1680px;top: 50px;opacity:0;}
}
@-moz-keyframes toolimg5 /* Firefox */
{
	0%    {left:0px;top: 50px;opacity:0;}
	66%    {left:0px;top: 50px;opacity:0;}
	69%    {left:850px;top: 50px;opacity:1;}
	92%    {left:850px;top: 50px;opacity:1;}
	100%   {left:1680px;top: 50px;opacity:0;}
}
@-webkit-keyframes toolimg5 /* Safari 和 Chrome */
{
	0%    {left:0px;top: 50px;opacity:0;}
	66%    {left:0px;top: 50px;opacity:0;}
	69%    {left:850px;top: 50px;opacity:1;}
	92%    {left:850px;top: 50px;opacity:1;}
	100%   {left:1680px;top: 50px;opacity:0;}
}
@-o-keyframes toolimg5 /* Opera */
{
	0%    {left:0px;top: 50px;opacity:0;}
	66%    {left:0px;top: 50px;opacity:0;}
	69%    {left:850px;top: 50px;opacity:1;}
	92%    {left:850px;top: 50px;opacity:1;}
	100%   {left:1680px;top: 50px;opacity:0;}
}


@keyframes toolimg6
{
	0%    {left:0px;top: 50px;opacity:0;}
	64%    {left:0px;top: 50px;opacity:0;}
	67%    {left:1200px;top: 50px;opacity:1;}
	90%    {left:1200px;top: 50px;opacity:1;}
	100%   {left:1680px;top: 50px;opacity:0;}
}
@-moz-keyframes toolimg6 /* Firefox */
{
	0%    {left:0px;top: 50px;opacity:0;}
	64%    {left:0px;top: 50px;opacity:0;}
	67%    {left:1200px;top: 50px;opacity:1;}
	90%    {left:1200px;top: 50px;opacity:1;}
	100%   {left:1680px;top: 50px;opacity:0;}
}
@-webkit-keyframes toolimg6 /* Safari 和 Chrome */
{
	0%    {left:0px;top: 50px;opacity:0;}
	64%    {left:0px;top: 50px;opacity:0;}
	67%    {left:1200px;top: 50px;opacity:1;}
	90%    {left:1200px;top: 50px;opacity:1;}
	100%   {left:1680px;top: 50px;opacity:0;}
}
@-o-keyframes toolimg6 /* Opera */
{
	0%    {left:0px;top: 50px;opacity:0;}
	64%    {left:0px;top: 50px;opacity:0;}
	67%    {left:1200px;top: 50px;opacity:1;}
	90%    {left:1200px;top: 50px;opacity:1;}
	100%   {left:1680px;top: 50px;opacity:0;}
}

/*===================================================================================*/
/*  								3 - Navigation                                   */
/*===================================================================================*/

#navigation{
	width:100%;
	border-bottom:1px solid #252525;
	position:fixed;
	z-index:9999;
	background:#252525;
	height:82px;
	top: 0;
}

#navigation .navigation{
	padding:0;
	height:100%;
}

.navigation .logo{
	float:left;
	position:absolute;
	z-index:999;
}

.navigation .logo a{
	width:auto;
	display:block;
}

.nav-menu{
	width:auto;
	float:right;
	height:82px;
	text-align:right;
}

.nav-menu ul{
	padding:0;
	margin:0;
}

.nav-menu ul li{
	height:82px;
	width:auto;
	display:block;
	float:left;
	list-style:none;
	padding:0;
	margin:0;
}

.nav-menu ul li  a{
	height:82px;
	padding:33px 15px;
	display:block;
	text-transform:uppercase;
	font-size:16px;
  	font-family: "微软雅黑";
	text-align:center;
	color:#bfbfbf;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.nav-menu ul li:first-child a{

}

.nav-menu ul li:last-child a{
	padding-right:0;
}

.nav-menu a:hover{
	color:#FFA300;
}

.nav-menu a.active{
	color:#FFA300;
}

.main-nav > li > a:hover,
.main-nav > li > a:focus{
	background:none;
	color:#b38851;
}

.main-nav li.active a{
	color:#b38851;
	border-bottom-style:solid;
	border-bottom-width:5px;
}

/* 		Mobile		 */

.mobile-drop{
	height:100%;
	width:100%;
	display:none;
}

a.mobile-menu{
	position:absolute;
	top:50%;
	font-size:21px;
	right:30px;
	left:auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mobile-drop ul.fullwidth{
	width:100%;
	position:relative;
}

.mobile-drop ul.fullwidth li{
	width:100%;
	height:auto;
	margin:0;
}

.mobile-drop ul.fullwidth li a{
	padding:10px;
	margin:0;
	height:auto;
	text-align:left;
	text-transform:uppercase;
	border-bottom:1px solid #ededed;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.mobile-drop ul.fullwidth li.active a{
	background-color:#333;
	color:white;
}

.news-pic > img {
	width: 170px;
}


/*===================================================================================*/
/*  								4 - Product                                      */
/*===================================================================================*/

#product .prod-menu img {
	width: 256px;
	height: 210px;
}

#product .prod-img1 {
 	background-image:url(../images/product1.jpg);
}

#product .prod-img1:hover {
	background-image:url(../images/product1_hover.jpg);
}

#product .prod-img2 {
 	background-image:url(../images/product2.jpg);
}

#product .prod-img2:hover {
	background-image:url(../images/product2_hover.jpg);
}

#product .prod-img3 {
 	background-image:url(../images/product3.jpg);
}

#product .prod-img3:hover {
	background-image:url(../images/product3_hover.jpg);
}

#product .prod-img4 {
 	background-image:url(../images/product4.jpg);
}

#product .prod-img4:hover {
	background-image:url(../images/product4_hover.jpg);
}

#product .prod-img5 {
 	background-image:url(../images/product5.jpg);
}

#product .prod-img5:hover {
	background-image:url(../images/product5_hover.jpg);
}

/*===================================================================================*/
/*  								5 - Service                                      */
/*===================================================================================*/

#service {
	background:url(../images/service-back.jpg) center no-repeat;
	height:567px
}

.bubble-container {
	margin:150px auto;
	text-align:center;
}

/*===================================================================================*/
/*  								6 - News                                         */
/*===================================================================================*/

#news .news-body{
	background-color:#fff;
	padding-bottom:70px;
}

#news .news-body .news-item {
	background:url(../images/news_item.png) no-repeat;
	position:relative;
	height: 163px;
	width: 1021px;
	margin:0 auto;
}

.sub-title h2{
	margin:0 auto;
	font-family:"微软雅黑";
	font-size: 30px;
	color:#626262;
	letter-spacing:25px;
}

.sub-title {
	text-align:center;
}


.news-pic {
	position:absolute;
	top: 29px;
	left: 29px;
}

.news-container {
	margin-top:40px;
}

.news-text {
	position:absolute;
	top: 19px;
	left: 206px;
}
.news-item-title h4 {
	font-family:"微软雅黑";
	font-size:20px;
	color:#1b1b1b;
	font-weight:300;
}
.news-item-context p{
	font-family:"微软雅黑";
	font-size:14px;
	color:#1b1b1b;
	line-height:18px;
	max-width:780px;
}
.news-item-date {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12;
	color:#626262;
}

.more {
	text-align:right;
	margin-right:150px;
	margin-top:50px;
	letter-spacing:10px;
	font-family:"微软雅黑";
}

.more i{
	margin-left:30px;
}



/*===================================================================================*/
/*  								6 - Case                                         */
/*===================================================================================*/

.case-body, .solution {
	padding-top: 100px;
	background-color:#252525;
	padding-bottom: 20px;
}

.case-title h2 {
	color:#bfbfbf;
}

.case-container {
	margin:50px 50px;
}

.case-item {
	text-align:center;
}

.case-name {
	font-family:"微软雅黑";
	font-size:16px;
	color:#1b1b1b;
	padding: 6px 0 6px 0;
	background-color:#FFFFFF;
	width:245px;
	margin:0 auto;
}

.case-container .row {
	margin-bottom:50px;
}

.more-case {
	margin-right:100px;
}

.more-case p {
	color:#bfbfbf;
}


/*===================================================================================*/
/*  								7 - Partner                                      */
/*===================================================================================*/

.partner-body, .intro-part {
	padding-top: 100px;
	background-color:#ffffff;
	padding-bottom: 50px;
}

.partner-table {
	padding-left: 44px;
	margin-top: 50px;
}


/*===================================================================================*/
/*  								8 - Footer                                       */
/*===================================================================================*/

#footer {
	min-width:1280px;
	background-color:#252525;
}

.footer-body {
	padding-top:50px;
	padding-left:50px;
	padding-right:50px;
}

.footer-body table {
	width:100%;
	margin-right:44px;
}

.footer-body .link-title {
	font-family:"微软雅黑";
	font-size: 16px;
	color:#bfbfbf;
	margin-bottom:30px;
}

.footer-body .link-text {
	font-family:"微软雅黑";
	font-size: 14px;
	color:#ffffff;
	margin-bottom:12px;
}

.contact {
	padding:10px 10px 20px 10px;
	border:1px solid #bfbfbf;
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
}

.contact td p {
	font-family:"微软雅黑";
	font-size: 22px;
	color:#009fb9;
	margin-bottom:10px;
}

.icon-item {
	text-align:center;
}

.icon-text {
	font-family:"微软雅黑";
	font-size: 12px;
	color:#bfbfbf;
}

.contact-body {
	margin-bottom:30px;
}

.contact-body p {
	margin:20px auto;
	text-align:center;
	color: #8c8c8c;
	font-size: 16px;
}

.contact-body table p {
	margin:5px auto;
	font-size:24px;
	color: #539b37;
	text-align:left;
	font-family:"微软雅黑";
}

.contact-body table p span {
	font-size:22px;
	color: #8c8c8c;
	text-align:left;
	font-family:"微软雅黑";
}


.contact-body .contact-icon {
	text-align:center;
}

.copyright p {
	font-family:"微软雅黑";
	font-size: 12px;
	color:#898989;
}

.copyright {
	text-align:center;
	padding-bottom:20px;
}

.area-news hr {
	border:1px solid #5c5c5c;
}
.company-news hr {
	border:1px solid #dcdcdc;
}

.area-news p {
	color:#949494;
}
/*===================================================================================*/
/*  								9 - Product                                      */
/*===================================================================================*/

.sub-nav {
	width:1280px;
	height:72px;
	margin:0 auto;
	background-image:url(../images/subtitlebackground.png);

}

.sub-nav-container {
	width:1280px;
	margin:0 auto;
	padding-left:80px;
	padding-right:80px;
}

.sub-nav-container .col-md-12 {
	padding:0;
}

.sub-nav .sub-nav-container ul > li >a {
	float:left;
	padding:25px 70px;
	font-size:16px;
}

.sub-nav .sub-nav-container ul > li > a:hover, .sub-nav .sub-nav-container ul > li.active > a{
	float:left;
	padding:25px 70px;
	font-size:16px;
	background-color:#b38851;
	color:#fff;
}

.hsia-eflow {
	background-image:url(../images/product/hsia1.png);
}

.list-content {
	background-color:#fff;
}

.list-content table{
	margin:0 auto;
	width:1200px;
}

.list-content table > thead > tr > td {
	color:#b38851;
	font-size:22px;
}

.content .eflow {
	height:496px;
	background-image:url(../images/product-01-HSIA_02.jpg);
	padding:200px 0 0 100px;
}
.content .phone {
	height:435px;
	background-image:url(../images/prod-HSIA2.png);
	padding:150px 0 0 800px
}
.content .net {
	height:435px;
	background-image:url(../images/prod-HSIA3.png);
	padding:150px 0 0 100px
}

.content .qos {
	position:relative;
	height:585px;
	background-image:url(../images/prod-HSIA4.png);
	padding:120px 0 0 100px
}

.content .qos .qos-inner {
	position:absolute;
	right:10px;
	bottom:50px;
}

.content .qos .qos-inner p {
	width:260px;
	color:#b38850;
	font-size:22px;
	line-height:50px;
}

.content .qos p span {
	font-size:22px;
	color:#dcdcdc;
}

.content .qos p {
	width:800px;
	font-size:16px;
	color:#a0a0a0;
}

.content .eflow p, .content .phone p, .content .net p {
	font-weight:500;
	line-height:40px;
	color:#626262;
	font-size:20px;
}
.content .eflow p span.title, .content .phone p span.title , .content .net p span.title{
	margin-left:20px;
	font-size:24px;
}
.content .eflow p span, .content .phone p span, .content .net p span {
	color:#b38850;
	font-size:16px;
}

.content .hsia-list {
	background-color:#fff;
	padding-bottom:150px;
}

.content .hsia-list table{
	margin-left:20px;
	font-size:14px;
	color:#626262;
}
.content .hsia-list table td{
	padding:8px 0;
}
.content .hsia-list p {
	color:#b38850;
	font-size:24px;
	margin-left:20px;
}
.content .hsia-list .row {
	padding-left:70px;
}

/*===================================================================================*/
/*  								10 - Service                                      */
/*===================================================================================*/

.service-center {
	background-image:url(../images/service.jpg);
	width:1280px;
	height:495px;
	padding-top: 200px;
	padding-left: 110px;
}

.service-center p {
	width:500px;
	font-size:18px;
}

.service-center p > span {
	color:#b38851;
	font-size:24px;
}

.service-call {
	background-image:url(../images/calls.png);
	width:1280px;
	height:695px;
	padding-left: 30px;
	padding-top: 340px;
}

.service-call p {
	width:300px;
	font-size:16px;
	margin:0 50px;
}

p.call-pur {
	color:#ab94c6;
	font-size:24px;
}

p.call-green {
	color:#8cc63e;
	font-size:24px;
}

p.call-blue {
	color:#56b9c3;
	font-size:24px;
}

.service-comp {
	background-image:url(../images/comp.png);
	height:568px;
	padding:20px 0 0 700px;
}

.service-comp p {
	width:460px;
	font-size:16px;
}

.call-800 {
	background-image:url(../images/call800.png);
	height:745px;
	color:#ab94c6;
	padding-top:50px;
}

.call-title {
	margin-left:100px;
}

.call-800 .call-title > p {
	font-size:20px;
}

.call-800 p.phone-num {
	font-size:46px;
}

.call-800 p {
	font-size:14px;
	width:640px;
	padding:0 60px 0 60px;
}

.call-800 ul li p:nth-child(2) {
	color:#a0a0a0;
}

.call-800 table {
	margin-top: 100px;
}

.contact-us {
	background-color:#fff;
	text-align:center;
	padding-bottom:150px;
}

.contact-us .map {
	margin:0 auto;
}

.contact-us .map .location {
	width:733px;
	text-align:left;
	margin:0px auto 60px auto;
}

.contact-us .map .location p {
	font-size:20px;
}
.contact-us .map .location p.green {
	font-weight:600;
	font-size:24px;
}
.green {
	color:#8cc63e;
}

.mobile {
	padding-left:50px;
	width: 400px;
	margin:0 auto;
	text-align:left;
}

.mobile p {
	font-size:24px;
}
.mobile .contact-icon {
	margin-top:30px;
}

.mobile .icon-text {
	color:#000;
}




/*===================================================================================*/
/*  								11 - Introduction                                */
/*===================================================================================*/

.new-life, .intro-tv, .intro-vadio-container{
	padding: 60px 0 10px 60px;
	background-color:#fff;
}

.new-life p.new-life-title {
	font-size:46px;
}

.new-life p.new-life-title span {
	color:#00abbd;
}

.intro-tv, .intro-vadio-container {
	position:relative;
}

.intro-vadio-container {
	height: 640px;
}

.tv-text {
	position:absolute;
	top:50px;
	left:700px;
}

.tv-text p {
	font-size:16px;
}

.tv-text p span {
	color:#00abbd;
	font-size:66px;
}

.vadio-text {
	width:490px;
}

.intro-vadio {
	position:absolute;
	top:0;
	left:600px;
}

.video-text-below {
	width:1100px;
	position:absolute;
	top:370px;
	left:60px;
}

.intro-vadio-container p {
	line-height:23px;
	margin-bottom:20px;
}

.intro-part img {
	margin-top:30px;
}

.intro-sol {
	height:515px;
	background-color:#252525;
}

.intro-sol .row {
	padding-top:100px;
}

.intro-sol p {
	color:#7b7b7b;
	font-size:13px;
	margin-left:80px;
}

.intro-sol p span {
	color:#b38850;
	font-size:18px;
	margin-left:-30px;
}


/*===================================================================================*/
/*  								12 - news			                             */
/*===================================================================================*/

.content .inner .news {
	background-color:#fff;
	padding:80px 100px 100px 100px;
}

.newsitem h3 {
	display:none;

}
.news-details h3 {
	color:#b38851;
}
.news-details {
	padding:30px;
}
.news-details p {
	line-height:30px;
}

.newsitem .clip {
	display:none;
}
.news-details .clip p{
	text-align:right;
}
.news-details .highlight-pic {
	text-align:center;
	max-width:1200px;
	margin:30px auto;
}

.news-details  img {
	max-width:1050px;
}

.news-details .news-list-title {
	display:none;
}

.content .inner .news h2{
	margin:0 auto 50px auto;
	text-align:center;
}

.content .inner .area-news h2{
	margin:0 auto 50px auto;
	text-align:center;
	color:#949494;
}

.content .inner .area-news {
	background-color:#252525;
}

.content .inner .news .news-content .news-title {
	font-size:20px;
	color:#b38851;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-bottom:15px;
}

.content .inner .news .news-content p {
	font-size:16px;
	margin-top:15px;
}

.content .inner .news .news-content p span a{
	color:#57b9c4;
}

.content .inner .news .news-content .news-list-pic img {
	width:156px;
	height:111px;
}

.content .inner .news .news-content .news-list-title {
	font-size:18px;
	color:#b38851;
}

.content .inner .news .news-content .news-list-content p {
	font-size:14px;
	margin-top:5px;
}


/*===================================================================================*/
/*  								12 - case			                             */
/*===================================================================================*/


.content .inner .case {
	padding: 70px;
	background-color:#fff;
}

.content .inner .case p.case-title {
	color:#b38851;
	font-size:16px;
}

.content .inner .case p {
	font-size:14px;
}

.seperator {
	padding:0 120px 0 60px;
	margin:40px 0;
}
