
/*returnTop*/ 
p#back-to-top{ 
position:fixed; 
display:none; 
bottom:100px; 
right:80px; 
} 
p#back-to-top a{ 
text-align:center; 
text-decoration:none; 
color:#d1d1d1; 
display:block; 
width:64px; 
/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ 
-moz-transition:color 1s; 
-webkit-transition:color 1s; 
-o-transition:color 1s; 
} 
p#back-to-top a:hover{ 
color:#979797; 
} 
p#back-to-top a span{ 
background:transparent url(../images/back.png) no-repeat -25px -290px; 
/*background:transparent src="logo.png" no-repeat -25px -290px;*/
border-radius:6px; 
display:block; 
height:64px; 
width:56px; 
margin-bottom:5px; 
/*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/ 
-moz-transition:background 1s; 
-webkit-transition:background 1s; 
-o-transition:background 1s; 
} 
#back-to-top a:hover span{ 
background:transparent url(../images/back.png) no-repeat -25px -290px; 
} 
/*返回顶部结束*/


body {
	font-family: 'Source Sans Pro',arial,sans-serif;
	color: #444;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
html,body {
	height: 100%;
	width:100%;
}
html{
	overflow-x:hidden;
}
.wrapper {
	min-height: 100%;
	margin-bottom: -45px
}

.wrapper:after {
	content: "";
	display: block;
	height: 45px
}

.footer {
	height: 45px
}

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

ul,ol,li{
	list-style: none;
}

a {
	color: #049fbb;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}

a:hover {
	text-decoration: none;
	color: #025f70
}

.btn,a.btn {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	font-family: Roboto,sans-serif;
	padding: 8px 32px;
	font-weight: 600
}

.btn:focus,a.btn:focus {
	color: #fff
}

a.btn-cta-primary,.btn-cta-primary {
	background: #049fbb;
	border: 2px solid #049fbb;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase
}

a.btn-cta-primary:hover,.btn-cta-primary:hover {
	background: #0497b1;
	border: 2px solid #0497b1;
	color: #fff
}

a.btn-cta-red,.btn-cta-red {
	background: #fb866a;
	border: 2px solid #fb866a;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase
}

a.btn-cta-red:hover,.btn-cta-red:hover {
	background: #fb7e60;
	border: 2px solid #fb7e60;
	color: #fff
}

a.btn-cta-secondary,.btn-cta-secondary {
	background: 0 0;
	border: 1px solid #fff;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase
}

a.btn-cta-secondary:hover,.btn-cta-secondary:hover {
	background: #fff;
	border: 1px solid #fff;
	color: #049fbb
}

.form-control {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	height: 40px;
	border-color: #f5f5f5;
	background: #f5f5f5;
	font-size: 16px;
	-webkit-appearance: none
}

.form-control:focus {
	border-color: #e8e8e8;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #fff
}

.text-highlight {
	color: #024a57
}
.has-bg-color {
	background: #fff url(../images/paper-bg.jpg) repeat;
	color: #000
}
.has-bg-infocolor {
	background: #eee url(../images/paper-bg4.jpg) repeat;
	color: #000
}
.has-bg-procolor {
	background: #fff;
	color: #000
}
.has-bg-locolor {
	background: #eee;
	color: #000
}
.has-bg-picolor {
	background: #fff;
	color: #000
}
.has-bg-conmcolor {
	background: #eee;
	color: #000
}
.has-bg-contcolor {
	background: #fff;
	color: #000
}
.delayp1 {
	animation-delay: .1s;
	-moz-animation-delay: .1s;
	-webkit-animation-delay: .1s;
	-o-animation-delay: .1s;
	transition-delay: .1s;
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-o-transition-delay: .1s
}

.delayp2 {
	animation-delay: .2s;
	-moz-animation-delay: .2s;
	-webkit-animation-delay: .2s;
	-o-animation-delay: .2s;
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s
}

.delayp3 {
	animation-delay: .3s;
	-moz-animation-delay: .3s;
	-webkit-animation-delay: .3s;
	-o-animation-delay: .3s;
	transition-delay: .3s;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s
}

.delayp4 {
	animation-delay: .4s;
	-moz-animation-delay: .4s;
	-webkit-animation-delay: .4s;
	-o-animation-delay: .4s;
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-o-transition-delay: .4s
}

.delayp5 {
	animation-delay: .5s;
	-moz-animation-delay: .5s;
	-webkit-animation-delay: .5s;
	-o-animation-delay: .5s;
	transition-delay: .5s;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s
}

.delayp6 {
	animation-delay: .6s;
	-moz-animation-delay: .6s;
	-webkit-animation-delay: .6s;
	-o-animation-delay: .6s;
	transition-delay: .6s;
	-webkit-transition-delay: .6s;
	-moz-transition-delay: .6s;
	-o-transition-delay: .6s
}

.delayp7 {
	animation-delay: .7s;
	-moz-animation-delay: .7s;
	-webkit-animation-delay: .7s;
	-o-animation-delay: .7s;
	transition-delay: .7s;
	-webkit-transition-delay: .7s;
	-moz-transition-delay: .7s;
	-o-transition-delay: .7s
}

.delayp8 {
	animation-delay: .8s;
	-moz-animation-delay: .8s;
	-webkit-animation-delay: .8s;
	-o-animation-delay: .8s;
	transition-delay: .8s;
	-webkit-transition-delay: .8s;
	-moz-transition-delay: .8s;
	-o-transition-delay: .8s
}

.delayp9 {
	animation-delay: .9s;
	-moz-animation-delay: .9s;
	-webkit-animation-delay: .9s;
	-o-animation-delay: .9s;
	transition-delay: .9s;
	-webkit-transition-delay: .9s;
	-moz-transition-delay: .9s;
	-o-transition-delay: .9s
}

.delay1s {
	animation-delay: 1s;
	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-o-animation-delay: 1s;
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s
}

.delay2s {
	animation-delay: 2s;
	-moz-animation-delay: 2s;
	-webkit-animation-delay: 2s;
	-o-animation-delay: 2s;
	transition-delay: 2s;
	-webkit-transition-delay: 2s;
	-moz-transition-delay: 2s;
	-o-transition-delay: 2s
}

.promo-wrapper {
	background: #049fbb url(../images/promo-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 720px
}

.header {
	padding: 15px 0;
	padding-top: 30px;
	z-index: 888
}

.header.navbar-fixed-top {
	border: none;
	background: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.5);
	box-shadow: 0 0 4px rgba(0,0,0,.5);
	padding-top: 15px
}

.header.navbar-fixed-top h1.logo a {
	color: #444
}

.header.navbar-fixed-top .main-nav .nav .nav-item a {
	color: #444
}

.header h1.logo {
	margin-top: 0;
	margin-bottom: 0;
	/*text-transform: uppercase;*/
	font-weight: 500;
	font-size: 18px;
	line-height: 1.5;
	padding-top: 0px;
}

.header h1.logo a {
	color: #fff
}

.header h1.logo .logo-image {
	margin-right: 5px
}

.header h1.logo .logo-title {
	vertical-align: middle;
	line-height: 2.5
}

.header .navbar-collapse {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.header .main-nav .navbar-toggle {
	margin-right: 0
}

.header .main-nav button {
	background: 0 0;
	color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}

.header .main-nav button:focus {
	outline: 0
}

.header .main-nav button:hover {
	background: 0 0
}

.header .main-nav button .icon-bar {
	background-color: #fff
}

.header .main-nav .nav .nav-item {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	margin-left: 10px;
	font-family: Roboto,sans-serif
}

.header .main-nav .nav .nav-item.active a {
	color: #049fbb;
	background: 0 0
}

.header .main-nav .nav .nav-item a {
	color: #fff;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none
}

.header .main-nav .nav .nav-item a:hover {
	color: #049fbb;
	background: 0 0
}

.header .main-nav .nav .nav-item a:focus {
	outline: 0;
	background: 0 0
}

.header .main-nav .nav .nav-item a:active {
	outline: 0;
	background: 0 0
}

.header .main-nav .nav .nav-item.active {
	color: #049fbb
}

.header .main-nav .nav .nav-item.last {
	margin-right: 0
}

.promo {
	position: relative
}

.promo .intro {
	color: #fff;
	padding-top: 180px
}

.promo .intro h2.title {
	color: #fff;
	font-weight: 100;
	font-size: 40px;
	margin: 0 auto;
	padding-bottom: 20px;
	border-bottom: 2px solid rgba(255,255,255,.2);
	max-width: 620px;
	line-height: 1.25
}

.promo .intro h2.title .sub {
	font-family: 微软雅黑;
	font-size: 21px;
	font-weight: 500;
	text-shadow: 0 1px 1px rgba(0,0,0,.3)
}

.promo .intro h3.summary {
	color: rgba(255,255,255,.8);
	font-size: 17px;
	margin-bottom: 45px;
	margin-top: 25px;
	font-weight: 400
}

.promo .intro .btn-wrapper .btn-cta-primary {
	margin-right: 15px;
	background: rgba(4,159,187,.7);
	border: 2px solid rgba(4,159,187,.7)
}

.promo .intro .btn-wrapper .btn-cta-primary:hover {
	background: #049fbb;
	border-color: #049fbb
}

.what-we-do {
	padding: 80px 0 50px;
	color: #424242;
}

.what-we-do .title {
	font-size: 36px;
	margin-top: 0;
	margin-bottom: 40px
}

.what-we-do .summary {
	font-size: 18px;
	color: #666;
	margin-bottom: 70px;
	font-weight: 300
}
.what-we-do .services .title {
	width: 140px;
	height: 140px;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	display: table;
	font-size: 36px;
	font-weight: 300
}

.what-we-do .services .title.title-ux {
	float: right;
	margin-right: -25px
}

.what-we-do .services .title.title-ux span {
	background: #049fbb;
	-webkit-opacity: .9;
	-moz-opacity: .9;
	opacity: .9
}

.what-we-do .services .title.title-ui {
	float: left;
	margin-left: -25px
}

.what-we-do .services .title.title-ui span {
	background: #fb866a;
	-webkit-opacity: .9;
	-moz-opacity: .9;
	opacity: .9
}

.what-we-do .services .title span {
	display: table-cell;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box
}

.what-we-do .services ul {
	font-size: 18px;
	color: #666;
	padding-top: 230px
}

.what-we-do .services ul li {
	margin-bottom: 30px;
	font-weight: 600
}

.what-we-do .services ul li .sub {
	font-size: 14px;
	color: #999;
	font-weight: 400
}

.what-we-do .services .ux-col ul {
	margin-right: 90px;
	position: relative
}

.what-we-do .services .ux-col ul:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 200px;
	background: #e8e8e8;
	top: 190px;
	right: -45px
}

.what-we-do .services .ux-col ul:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background: #05b4d4;
	top: 185px;
	right: -50px
}

.what-we-do .services .ui-col ul {
	margin-left: 90px;
	position: relative
}

.what-we-do .services .ui-col ul:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 200px;
	background: #e8e8e8;
	top: 190px;
	left: -45px
}

.what-we-do .services .ui-col ul:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background: #fc9a83;
	top: 185px;
	left: -50px
}

.what-we-do .other-services {
	margin-top: 60px
}

.what-we-do .other-services .title-other {
	color: #fb866a;
	font-size: 14px;
	font-weight: 700
}

.what-we-do .other-services .service-name {
	font-size: 18px;
	font-weight: 600;
	color: #666
}

.what-we-do .other-services .sub {
	color: #999;
	font-size: 14px;
	font-family: 'Source Sans Pro',arial,sans-serif;
	font-weight: 400
}

.clients {
	padding: 60px 0
}

.clients .container {
	position: relative
}

.clients .container:before {
	content: "";
	height: 2px;
	width: 100%;
	position: absolute;
	background: #fff;
	top: 15px;
	-webkit-opacity: .1;
	-moz-opacity: .1;
	opacity: .1
}

.clients .title {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 24px;
	position: relative;
	display: inline-block;
	background: #049fbb;
	padding-right: 15px
}

.clients ul {
	margin: 0 auto;
	margin-bottom: 0
}

.clients li {
	vertical-align: middle;
	text-align: center;
	margin-bottom: 30px
}

.clients li.last {
	margin-right: 0
}

.clients li img {
	background: #0497b1;
	-webkit-opacity: .8;
	-moz-opacity: .8;
	opacity: .8;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	margin: 0 auto
}

.clients li img:hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1
}

.products {
	padding: 80px 0 50px;
    color: #424242;
}

.products .title {
	font-size: 36px;
	margin-top: 0;
	margin-bottom: 15px
}

.products .summary {
	font-size: 18px;
	color: #666;
	margin-bottom: 40px;
	font-weight: 300
}

.products .item {
	padding: 60px 30px
}

.products .item .title {
	color: #666;
	font-size: 16px;
	margin-bottom: 30px;
	font-weight: 400
}

.products .item .image-container {
	margin-bottom: 30px
}
.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 1020px;
}
p.locate{
	margin-top:40px;
	font-size: 16px;
	color:#666;
	line-height:30px;
}
.information {
	padding: 80px 0;
	color:#424242;
}

.information .title {
	font-size: 36px;
	margin-top: 0;
	margin-bottom: 30px;
}
.information .summary{
	font-size: 18px;
	color:#666;
	margin-top: 20px;
	margin-bottom:25px;
}
.information h3.summary{
	font-size: 15px;
	margin-top: 20px;
	margin-bottom:15px;
}
.information .phase{
	font-size: 17px;
	margin-top: 0px;
	margin-bottom:7px;
}
.information .organizer{
	max-width: 1170px;
}
.information .organizer .layout{
	width:33%;
	float: left;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.information .item {
	margin-bottom: 30px
}
.information .item img {
	margin: 60px auto;
	margin-bottom: 30px
}
.information .item img {
	margin: 60px auto;
	margin-bottom: 30px
}
.information .item .info {
	padding: 60px;
	padding-top: 30px;
	padding-bottom: 0;
	position: relative
}

.information .item .info-inner {
	background: rgba(4, 159, 187, 0.59);
	padding: 30px
}

.information .item .info-inner:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgba(4, 159, 187, 0.61);
	position: absolute;
	top: 20px;
	margin-left: -10px;
	left: 50%
}

.information .item .job-title {
	/*color: #024a57;*/
	font-weight: 400;
	font-size: 16px
}


.team {
	padding: 80px 0 72px;
	color:#424242;
}

.team .title {
	font-size: 36px;
	margin-top: 0;
	margin-bottom: 20px;
}

.team .summary {
	font-size: 18px;
	margin-bottom: 40px;
	margin-top:15px;
	color: #666;
	font-weight: 300
}
.team .summary2 {
	font-size: 18px;
	margin-bottom: 15px;
	margin-top:15px;
	color: #666;
	font-weight: 300
}
.team h4.name{
	font-size:17px;
	margin: 0 auto 5px;
	padding-bottom: 4px;
    border-bottom: 2px solid rgba(0,0,0,.2);
    max-width: 225px;
    line-height: 1.25;
    font-weight: bold;
}
.team h4.name2{
	font-size:17px;
	margin: 0 auto 2px;
	padding-bottom: 2px;
    border-bottom:none;
    font-weight: normal;
}
.team .item .job-title {
	color: #424242;
	font-weight: 400;
	font-size: 16px
}
.team .item {
	margin-bottom: 35px;
	padding:0 20px;
}

.team .item img {
	margin: 0 auto;
	margin-bottom: 30px
}
.team .item img {
	margin: 0 auto;
	margin-bottom: 30px
}
.team .item .info {
	padding: 60px;
	padding-top: 20px;
	padding-bottom: 0;
	position: relative
}

.team .item .info-inner {
	background: rgba(4, 159, 187, 0.59);
	padding: 10px 20px;
	text-align: left;
	height: 150px;
	font-size: 15px;
}

.team .item .title {
	font-size: 15px;
    width: 63px;
    text-align: right;
    vertical-align: top;
    padding-right: 12px;
    font-weight:bold;
}
.team .item .lh{
    line-height: 1.5;
}

.team .item .info1 {
	font-size:15px;
	text-align:left;
	vertical-align: top;
	text-justify:inter-ideograph;
	text-align:justify;
	line-height: 1.7;
}
.team h3.title1{
	font-size: 17px;
	margin-top: 25px;
	margin-bottom: 18px;
}
.team p.inform{
	font-size:15px;
	margin-bottom: 5px;
}
.addheight{
	height: 40px;
	margin-bottom: 5px;
}

.team .item .info-inner:before {
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgba(4, 159, 187, 0.61);
	position: absolute;
	top: 10px;
	margin-left: -10px;
	left: 50%
}

.contact {
	padding: 130px 0 80px;
}

.contact .title {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 36px
}

.contact .summary {
	font-size: 23px;
	color: #666;
	margin-bottom: 40px;
	font-weight: 300
}

.contact .other-info {
	padding: -7px;
	display: inline-block;
	margin-bottom: 60px;
	font-size:17px;
}

.contact .other-info li {
	margin-right: 15px;
	margin-bottom: -30px
}

.contact .other-info .fa {
	color: #666;
	font-size: 16px;
	padding: 8px;
	background: #049fbb;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin-right: 5px
}

.contact .contact-form .success {
	color: #5DA830
}

.contact .contact-form .error {
	color: #DC4348
}

.contact .contact-form .btn-submit {
	width: 100%
}

.contact .contact-form .form-title {
	margin-bottom: 30px
}

.footer {
	background: #373737;
	color: #eee;
	/*padding: 10px 0*/
}

.footer .copyright {
	line-height: 1.6;
	-webkit-opacity: .8;
	-moz-opacity: .8;
	opacity: .8;
	color: #fff;
	font-size: 14px
}

#page-preloader {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 99999;
	text-align: center
}

.spinner {
	margin: 300px auto;
	width: 60px;
	height: 60px;
	position: relative;
	text-align: center;
	-webkit-animation: rotate 2s infinite linear;
	animation: rotate 2s infinite linear
}

.dot1,.dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #049fbb;
	border-radius: 100%;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out
}

.dot2 {
	top: auto;
	bottom: 0;
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
	background-color: #fb866a
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg)
	}
}

@-webkit-keyframes bounce {
	0%,100% {
		-webkit-transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1)
	}
}

@keyframes bounce {
	0%,100% {
		transform: scale(0);
		-webkit-transform: scale(0)
	}

	50% {
		transform: scale(1);
		-webkit-transform: scale(1)
	}
}

.page-404 .logo-title {
	color: #444
}

.page-404 .not-found {
	padding-top: 60px
}

.page-404 .not-found .title {
	margin-bottom: 30px;
	color: #012025
}

.page-404 .not-found .summary {
	font-size: 24px;
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 30px;
	color: #999
}

.page-404 .not-found .btn {
	margin-bottom: 60px
}

/*宽度小于767px*/
@media (max-width:767px) {
	p#back-to-top a{
		display: none;
	}
	.wrapper {
		min-height: inherit;
		margin-bottom: 0
	}

	.wrapper:after {
		content: none
	}

	.footer {
		height: auto
	}

	.header.navbar-fixed-top {
		position: static;
		background: 0 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		padding-top: 30px!important
	}

	.header.navbar-fixed-top h1.logo a {
		color: #fff
	}

	.header .main-nav button {
		padding: 0
	}

	.promo-wrapper {
		min-height: inherit;
		padding-bottom: 90px
	}

	.promo .intro {
		padding-top: 60px
	}

	.promo .intro h2.title {
		font-size: 23px;
		padding-bottom: 15px;
		margin-bottom: 15px
	}

	.promo .intro h2.title .sub {
		font-size: 20px
	}

	.promo .intro h3.summary {
		font-size: 14px;
		margin-top: 20px
	}
	.container {
	    width:100%;
	}
	.container-fluid{
		width:100%;
	}
	.subtitle{
		font-size: 17px;
	}
	/*information响应式*/
	.information{
		padding:50px 0;
	}
	.information .title{
		font-size: 24px;
	}
	.information .summary{
		font-size: 16px;
	}
	.information .phase{
		font-size: 15px;
	}
	.information .organizer .layout{
		width:100%;
	}
	.information .item {
		margin-bottom: 0px;
	}

	.information .item img {
		margin: 20px auto;
		margin-bottom: 10px;
	}
	.information .item .info {
		padding: 60px;
		padding-top: 30px;
		padding-bottom: 0;
		position: relative
	}

	.information .item .info-inner {
		background: rgba(4, 159, 187, 0.59);
		padding: 30px
	}

	.information .item .info-inner:before {
		content: "";
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid rgba(4, 159, 187, 0.61);
		position: absolute;
		top: 20px;
		margin-left: -10px;
		left: 50%
	}

	.information .item .job-title {
		/*color: #024a57;*/
		font-weight: 400;
		font-size: 16px
	}
	.what-we-do{
		padding:50px 0;
	}
	.what-we-do .title {
		font-size: 24px;
		margin-bottom: 30px;
	}

	.what-we-do .summary {
		font-size: 16px;
		margin-bottom: 40px;
	}
	
	.what-we-do .services ul li {
		margin-bottom: 15px;
		font-size: 16px
	}

	.what-we-do .services .title.title-ux,.what-we-do .services .title.title-ui {
		float: none;
		margin: 0 auto
	}

	.what-we-do .ux-col,.what-we-do .ui-col {
		text-align: center
	}

	.what-we-do .services .ux-col ul {
		text-align: center;
		padding-top: 30px;
		margin-right: 0
	}
	.photo ul{
		padding:0px;
	}
	.what-we-do .services .ux-col ul:before {
		display: none
	}

	.what-we-do .services .ux-col ul:after {
		display: none
	}

	.what-we-do .services .ui-col ul {
		text-align: center;
		padding-top: 30px;
		margin-left: 0
	}

	.what-we-do .services .ui-col ul:before {
		display: none
	}

	.what-we-do .services .ui-col ul:after {
		display: none
	}
	.contact{
		padding:80px 0;
	}
	.clients li {
		margin-bottom: 30px
	}

	.clients .container:before {
		display: none
	}

	.clients .title {
		font-size: 24px;
		text-align: center;
		display: block;
		margin-bottom: 30px
	}
	.products{
		padding:50px 0;
	}
	.products .title {
		font-size: 24px
	}

	.products .summary {
		font-size: 16px;
		margin-bottom: 25px;
	}

	.products .item {
		margin-bottom: 30px
	}

	.products .item .title {
		font-size: 14px
	}

	.team{
		padding:50px 0;
	}
	.team .item .info-inner {
		height: auto;
	}
	.team .title {
		font-size: 24px
	}

	.team .summary {
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 15px;
	}

	.team .item .info {
		padding-left: 15px;
		padding-right: 15px
	}
	.team h4.name2{
		margin-bottom: 8px;
	}
	.team h3.title1{
		font-size: 16px;
	}
	.team p.inform{
		font-size:15px;
	}

	.contact .title {
		font-size: 24px
	}

	.contact .summary {
		font-size: 18px
	}

	.promo .intro .btn-wrapper .btn-cta-primary {
		margin-bottom: 15px;
		margin-right: 0
	}

	.contact .other-info {
		font-size: 14px
	}

	.contact .other-info .fa {
		padding: 5px;
		font-size: 14px
	}
	.what-we-do .why .photo{
		margin:0 auto;
		width: 300px;
	}
}

/*宽度大于等于768px*/
@media (min-width:768px) {
	/*p#back-to-top a{
		display: none;
	}*/
	.wrapper {
		min-height: inherit;
		margin-bottom: 0
	}

	.wrapper:after {
		content: none
	}

	.footer {
		height: auto
	}

	.navbar-fixed-top {
		position: static
	}

	.header h1.logo {
		float: none!important;
		text-align: center
	}

	.main-nav {
		float: none!important
	}

	.main-nav .navbar-collapse {
		float: none;
		text-align: center
	}

	.main-nav .navbar-collapse .nav {
		margin: 0 auto;
		float: none;
		display: inline-block;
		margin-top: 20px
	}

	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.team .item .info {
		padding-left: 15px;
		padding-right: 15px;
	}

	.header.navbar-fixed-top {
		position: static;
		background: 0 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		padding-top: 30px!important
	}

	.header.navbar-fixed-top h1.logo a {
		color: #fff
	}
}
/*宽度小于991大于767*/
@media(max-width: 991px) and (min-width: 767px){
	.container {
	    width: 750px;
	}
	p#back-to-top a{
		display: none;
	}
	.information .title {
		font-size: 30px;
		margin-top: 0;
		margin-bottom: 30px;
	}
	.information .summary{
		font-size: 16px;
		color:#666;
		margin-top: 20px;
		margin-bottom:15px;
	}
	.information .phase{
		font-size: 15px;
		margin-top: 0px;
		margin-bottom:7px;
	}
	.inforow{
		width:100%;
	}
	.products .why .benefit-item {
	    padding-left: 50px;
	    padding-right: 50px;
	    background: 0 0;
	    margin-bottom: 15px;
	}
	.what-we-do .why .photo{
		margin:0 auto;
		width: 745px;
	}
	.what-we-do .summary {
		margin-bottom: 40px;
		font-weight: 300
	}
	.team .item .info-inner {
	    height: 165px;
	}
	.team h3.title1{
		font-size: 16px;
		margin-top: 25px;
		margin-bottom: 18px;
	}
	.team p.inform{
		font-size:15px;
		margin-bottom: 5px;
	}
}
/*宽度大于等于992px*/
@media (min-width:992px) {
	.container {
	    width: 750px;
	}
	.navbar-fixed-top {
		position: fixed;
		top: 0
	}

	.main-nav {
		float: right!important
	}

	.header h1.logo {
		float: left!important;
		text-align: left
	}

	.main-nav {
		float: none!important
	}

	.main-nav .navbar-collapse {
		float: none;
    	text-align: center;
	}

	.main-nav .navbar-collapse .nav {
		margin: inherit;
		float: left；
		padding-left: 10px;
	}

	html,body {
		height: 100%
	}

	.wrapper {
		min-height: 100%;
		margin-bottom: -45px
	}

	.wrapper:after {
		content: "";
		display: block;
		height: 45px
	}

	.footer {
		height: 45px
	}

	.team .item .info {
		padding-left: 60px;
		padding-right: 60px
	}

	.header.navbar-fixed-top {
		position: fixed;
		background: #fff;
		-webkit-box-shadow: 0 0 4px rgba(0,0,0,.5);
		-moz-box-shadow: 0 0 4px rgba(0,0,0,.5);
		box-shadow: 0 0 4px rgba(0,0,0,.5);
		padding-top: 15px!important
	}

	.header.navbar-fixed-top h1.logo a {
		color: #444
	}
}



element.style {
}
themes.3rdwavemedia.com/media="all"
.products .why {
    padding-top: 60px;
    padding-bottom: 60px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.inforow {
    margin-right: -404px;
    margin-left: -15px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheetdiv {
    display: block;
}
Inherited from div.container-fluid.text-center
.text-center {
    text-align: center;
}
Inherited from body.home.blog.chrome
themes.3rdwavemedia.com/media="all"
body {
    font-family: 'Source Sans Pro',arial,sans-serif;
    color: #494d55;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    font-family: 'Source Sans Pro',arial,sans-serif;
    color: #494d55;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    font-family: 微软雅黑;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
Inherited from html
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
Pseudo ::before element
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}
:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
Pseudo ::after element
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}
:before, :after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.line{
	margin:0 auto;
	width: 1020px;
}
.photo{
	margin:0 auto;
	width: 1020px;
	margin-left:-25px;
}