.qtip-red .qtip-titlebar {

	background-color: #F06D65

}

.qtip-red .qtip-close .qtip-icon {

	background-position: -102px 0

}

.qtip-red .qtip-icon {

	border-color: #D95252

}

.qtip-red .qtip-titlebar .ui-state-hover {

	border-color: #D95252

}/*! Green tooltip style */

.qtip-green {

	background-color: #CAED9E;

	border-color: #90D93F;

	color: #3F6219

}

.qtip-green .qtip-titlebar {

	background-color: #B0DE78

}

.qtip-green .qtip-close .qtip-icon {

	background-position: -42px 0

}/*! Blue tooltip style */

.qtip-blue {

	background-color: #E5F6FE;

	border-color: #ADD9ED;

	color: #5E99BD

}

.qtip-blue .qtip-titlebar {

	background-color: #D0E9F5

}

.qtip-blue .qtip-close .qtip-icon {

	background-position: -2px 0

}

.qtip-shadow {

	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15);

	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15);

	box-shadow: 1px 1px 3px 1px rgba(0,0,0,.15)

}

.qtip-bootstrap, .qtip-rounded, .qtip-tipsy {

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px

}

.qtip-rounded .qtip-titlebar {

	-moz-border-radius: 4px 4px 0 0;

	-webkit-border-radius: 4px 4px 0 0;

	border-radius: 4px 4px 0 0

}

.qtip-youtube {

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	-webkit-box-shadow: 0 0 3px #333;

	-moz-box-shadow: 0 0 3px #333;

	box-shadow: 0 0 3px #333;

	color: #fff;

	border: 0 solid transparent;

	background: #4A4A4A;

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, #000));

	background-image: -webkit-linear-gradient(top, #4A4A4A 0, #000 100%);

	background-image: -moz-linear-gradient(top, #4A4A4A 0, #000 100%);

	background-image: -ms-linear-gradient(top, #4A4A4A 0, #000 100%);

	background-image: -o-linear-gradient(top, #4A4A4A 0, #000 100%)

}

.qtip-youtube .qtip-titlebar {

	background-color: #4A4A4A;

	background-color: rgba(0,0,0,0)

}

.qtip-youtube .qtip-content {

	padding: .75em;

	font: 12px arial, sans-serif;

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);

	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"

}

.qtip-youtube .qtip-icon {

	border-color: #222

}

.qtip-youtube .qtip-titlebar .ui-state-hover {

	border-color: #303030

}

.qtip-jtools {

	background: #232323;

	background: rgba(0,0,0,.7);

	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));

	background-image: -moz-linear-gradient(top, #717171, #232323);

	background-image: -webkit-linear-gradient(top, #717171, #232323);

	background-image: -ms-linear-gradient(top, #717171, #232323);

	background-image: -o-linear-gradient(top, #717171, #232323);

	border: 2px solid #ddd;

	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;

	-moz-box-shadow: 0 0 12px #333;

	box-shadow: 0 0 12px #333

}

.qtip-jtools .qtip-titlebar {

	background-color: transparent;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"

}

.qtip-jtools .qtip-content {

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"

}

.qtip-jtools .qtip-content, .qtip-jtools .qtip-titlebar {

	background: 0 0;

	color: #fff;

	border: 0 dashed transparent

}

.qtip-jtools .qtip-icon {

	border-color: #555

}

.qtip-jtools .qtip-titlebar .ui-state-hover {

	border-color: #333

}

.qtip-cluetip {

	-webkit-box-shadow: 4px 4px 5px rgba(0,0,0,.4);

	-moz-box-shadow: 4px 4px 5px rgba(0,0,0,.4);

	box-shadow: 4px 4px 5px rgba(0,0,0,.4);

	background-color: #D9D9C2;

	color: #111;

	border: 0 dashed transparent

}

.qtip-cluetip .qtip-titlebar {

	background-color: #87876A;

	color: #fff;

	border: 0 dashed transparent

}

.qtip-cluetip .qtip-icon {

	border-color: #808064

}

.qtip-cluetip .qtip-titlebar .ui-state-hover {

	border-color: #696952;

	color: #696952

}

.qtip-tipsy {

	background: #000;

	background: rgba(0,0,0,.87);

	color: #fff;

	border: 0 solid transparent;

	font-size: 11px;

	font-family: 'Lucida Grande', sans-serif;

	font-weight: 700;

	line-height: 16px;

	text-shadow: 0 1px #000

}

.qtip-tipsy .qtip-titlebar {

	padding: 6px 35px 0 10px;

	background-color: transparent

}

.qtip-tipsy .qtip-content {

	padding: 6px 10px

}

.qtip-tipsy .qtip-icon {

	border-color: #222;

	text-shadow: none

}

.qtip-tipsy .qtip-titlebar .ui-state-hover {

	border-color: #303030

}

.qtip-tipped {

	border: 3px solid #959FA9;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	background-color: #F9F9F9;

	color: #454545;

	font-weight: 400;

	font-family: serif

}

.qtip-tipped .qtip-titlebar {

	border-bottom-width: 0;

	color: #fff;

	background: #3A79B8;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));

	background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);

	background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);

	background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);

	background-image: -o-linear-gradient(top, #3A79B8, #2E629D);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"

}

.qtip-tipped .qtip-icon {

	border: 2px solid #285589;

	background: #285589

}

.qtip-tipped .qtip-icon .ui-icon {

	background-color: #FBFBFB;

	color: #555

}

.qtip-bootstrap {

	font-size: 14px;

	line-height: 20px;

	color: #333;

	padding: 1px;

	background-color: #fff;

	border: 1px solid #ccc;

	border: 1px solid rgba(0,0,0,.2);

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);

	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);

	box-shadow: 0 5px 10px rgba(0,0,0,.2);

	-webkit-background-clip: padding-box;

	-moz-background-clip: padding;

	background-clip: padding-box

}

.qtip-bootstrap .qtip-titlebar {

	padding: 8px 14px;

	margin: 0;

	font-size: 14px;

	font-weight: 400;

	line-height: 18px;

	background-color: #f7f7f7;

	border-bottom: 1px solid #ebebeb;

	-webkit-border-radius: 5px 5px 0 0;

	-moz-border-radius: 5px 5px 0 0;

	border-radius: 5px 5px 0 0

}

.qtip-bootstrap .qtip-titlebar .qtip-close {

	right: 11px;

	top: 45%;

	border-style: none

}

.qtip-bootstrap .qtip-content {

	padding: 9px 14px

}

.qtip-bootstrap .qtip-icon {

	background: 0 0

}

.qtip-bootstrap .qtip-icon .ui-icon {

	width: auto;

	height: auto;

	float: right;

	font-size: 20px;

	font-weight: 700;

	line-height: 18px;

	color: #000;

	text-shadow: 0 1px 0 #fff;

	opacity: .2;

	filter: alpha(opacity=20)

}

.qtip-bootstrap .qtip-icon .ui-icon:hover {

	color: #000;

	text-decoration: none;

	cursor: pointer;

	opacity: .4;

	filter: alpha(opacity=40)

}

.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {

	filter: none;

	-ms-filter: none

}

.qtip .qtip-tip {

	margin: 0 auto;

	overflow: hidden;

	z-index: 10

}

.qtip .qtip-tip, x:-o-prefocus {

visibility:hidden

}

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {

	position: absolute;

	color: #123456;

	background: 0 0;

	border: 0 dashed transparent

}

.qtip .qtip-tip canvas {

	top: 0;

	left: 0

}

.qtip .qtip-tip .qtip-vml {

	behavior: url(#default#VML);

	display: inline-block;

	visibility: visible

}

#qtip-overlay {

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%

}

#qtip-overlay.blurs {

	cursor: pointer

}

#qtip-overlay div {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: #000;

	opacity: .7;

	filter: alpha(opacity=70);

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"

}

.qtipmodal-ie6fix {

	position: absolute!important

}

/* `Basic HTML

----------------------------------------------------------------------------------------------------*/

.row * {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.row *:before, *:after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

html .row{

	font-size: 10px;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

body .row{

	background: #eee;

}

body .row, .row input,.row button,.row select,.row textarea {

	font-family: "Microsoft YaHei", Helvetica, Arial;

	font-size: 12px;

	line-height: 1.42857143;

	color: #666;

}

/* `Headings

----------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {

	font-family: inherit;

	font-weight: bold;

	line-height: 1.1;

	margin: 0px 0 10px;

	color: inherit;

	color: #333

}

h1 {

	font-size: 20px;

}

h2 {

	font-size: 18px;

}

h3 {

	font-size: 16px;

}

h4, h5, h6 {

	font-size: 14px;

}

/* `Spacing

----------------------------------------------------------------------------------------------------*/

ol {

	list-style: decimal;

	margin: 0;

	padding: 0;

}

ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

li {

	margin-left: 0px;

}

p, dl, hr, h1, h2, h3, ol, ul, pre, table, address, fieldset, figure {

/*	margin-bottom: 15px;*/

}

p {

	margin-top: 0px;

}

ul p, ol p {

	margin-bottom: 2px;

}

h4, h5, h6 {

	margin-bottom: 15px;

}

/*

  Style Start

----------------------------------------------------------------------------------------------------*/



#body-wrapper {

	max-width: 1600px;

	margin: 0 auto;

	background: #f6f6f6;

	box-shadow: 0px 0px 8px #aaa;

}

#header-wrapper, .content, #footer {

	text-align: center;

	margin-left: auto;

	margin-right: auto;

}

.container {

	text-align: left;

}

a, a:visited {

	text-decoration: none;

	color: #000;

}

a:hover, a:focus {

	text-decoration: underline;

	color: #D81F1D;

}

a img {

	border: none

}

img {

	vertical-align: middle;

}

.img-rsp {

	display: block;

	max-width: 100%;

	height: auto;

	max-height:200px;

	min-height:200px;

}

a.btn {

	display: inline-block;

	padding: 4px 6px 3px;

	background: #5c85ad;

	border-bottom: 2px solid #369;

	color: #fff;

}

a.btn:hover {

	text-decoration: none;

	background: #369;

}

a.btn.gray {

	background: #888;

	border-bottom: 2px solid #666;

}

a.btn.gray:hover {

	background: #666;

}

a.btn.orange {

	background: #fe9c5b;

	border-bottom: 2px solid #fe8332;

}

a.btn.orange:hover {

	background: #fe8332;

}

a.btn.green {

	background: #4cab4c;

	border-bottom: 2px solid #080;

}

a.btn.green:hover {

	background: #080;

}

.last {

	margin-right: 0;

	margin-bottom: 0;

}

.font0 {

	line-height: 0;

	font-size: 0;

}

.mb10 {

	margin-bottom: 10px

}

.mb15 {

	margin-bottom: 15px

}

.mb20 {

	margin-bottom: 20px

}

/* Home */

#banner {

	margin-top: 30px

}

#home-quote {

	background: url(../images/black.6.png);

	padding: 20px 15px 10px;

	text-align: right

}

#home-quote form {

	margin-top: 10px;

	margin-bottom: 10px;

}

#home-quote form input, #home-quote form select {

	width: 49%;

	float: left;

	margin-left: 1%;

}

#home-quote form textarea {

	width: 99%

}

#home-quote form input, #home-quote form select, #home-quote form textarea {

	margin-bottom: 5px;

	background-color: #eee

}

#home-quote a.submit {

	cursor: pointer;

	margin: 0 0 10px;

	display: block;

	float: right;

	background: linear-gradient(to bottom, #fa0, #f60);

	opacity: 1;

	color: #fff;

	font-weight: bold;

	text-shadow: none;

	font-size: 14px;

	padding: 6px 35px;

	border: 1px solid #f90;

	border-radius: 3px;

}

#home-quote a.submit:hover {

	text-decoration: none;

	border: 1px solid #fc0;

	background: linear-gradient(to bottom, #fb0, #f60);

}

#home-quote .import-link {

	float: left;

	text-align: left;

	margin: 0 0 10px;

	color: #aaa;

}

#home-quote .import-link a, .homeQuoteLink {

	color: #ddd;

}

#home-quote .import-link a:hover, .homeQuoteLink:hover {

	color: #fff;

}

#home-quote .error {

	border: 1px dotted #f00

}

.sbanner {

	float: right

}

.sbanner {

	position: relative;

	border-radius: 8px;

	margin-bottom: 15px;

	opacity: 0.8

}

.sbanner:hover {

	opacity: 1

}

.sbanner .orders {

	position: absolute;

	margin: 5px;

	line-height: 16px;

	color: #444;

	text-align: left;

}

.sbanner .orders .order {

	height: 70px;

	width: 200px;

	margin-bottom: 5px;

	text-align: right

}

.sbanner .orders .order span {

	display: inline-block;

	margin-bottom: 3px;

	color: #000;

	padding: 1px 3px;

	border-radius: 5px

}

.sbanner .orders .order span.orders-dt {

	float: left;

	background: url(../images/black.3.png);

	color: #fff

}

#weixin {

}

#weixin img {

	margin-left: auto;

	margin-right: auto;

}

.box {

}

.box ul {

	margin-bottom: 0;

}

.box.homeAbout {

	border-top: 1px solid #ddd;

	border-left: 1px solid #ddd;

	border-right: 2px solid #ccc;

	border-bottom: 2px solid #ccc;

	background: #eee;

	padding: 15px 15px;

}

.box.homeWhy {

	border-top: 1px solid #ddd;

	border-left: 1px solid #ddd;

	border-right: 2px solid #ccc;

	border-bottom: 2px solid #ccc;

	background: #eee;

	padding: 15px 15px 5px;

}

.box.homeWhy img {

	margin-left: auto;

	margin-right: auto;

}

.box.homeMust ul li a {

	display: block;

	padding: 2px 3px 3px 8px;

	background-color: #ddd;

	margin-bottom: 5px;

	border-left: 3px solid #369;

}

.box.homeMust ul li a:hover {

	text-decoration: none;

	background-color: #369;

	color: #fff;

}

.box.homeDestination a {

	display: block;

	margin-bottom: 12px;

	text-align: center

}

.box.homeDestination a:hover {

	text-decoration: none;

}

.box.homeOrigin a {

	display: block;

	padding: 3px 0px;

	background: #ddd;

	margin-bottom: 4px;

	text-align: center;

}

.box.homeOrigin a:hover {

	background: #369;

	text-decoration: none;

	color: #fff;

}

.box.homeCase {

	padding: 0px;

	display: block;

	margin-bottom: -15px;

}

/* Header & NAV*/

#top {

	height: 24px;

	line-height: 24px;

	color: #777;

	background: url(../images/black.7.png);

	overflow: hidden;

}

#top img {

	width: 20px;

	height: 20px;

	line-height: 24px;

	display: inline-block;

}

#top a {

	height: 24px;

	line-height: 24px;

	display: inline-block;

	float: right;

	margin-right: 10px;

	color: #999

}

#top a:hover {

	color: #ddd

}

#header-wrapper {

	margin-bottom: 10px;

	border-top: 3px solid #222;

}

#header-wrapper.home {

	overflow: hidden;

}

#header {

	padding: 10px 0 0;

	background: url(../images/black.6.png);

	overflow: hidden;

	zoom: 1;

	text-transform: uppercase;

}

#header .logo a {

	display: inline-block;

	padding: 0 0 10px;

	float: left

}

#header .logo a img {

	width: 200px;

	height: 45px;

	margin-top: -5px;

}

.nav-collapse {

	display: block;

	max-height: 0;

	overflow: hidden;

	zoom: 1;

}

.nav-collapse ul {

	margin: 0;

	padding: 0;

	width: 100%;

	display: block;

	overflow: hidden;

	zoom: 1;

}

.nav-collapse li {

	margin: 0;

	width: 33.33333333%;

	float: left;

	display: inline-block;

	text-align: center

}

.nav-collapse li a {

	display: block;

	color: #fff;

	padding: 7px 8px 8px;

}

.nav-collapse li.current a {

	color: #fff;

	background: url(../images/white.2.png);

}

.nav-collapse li a:hover {

	background: url(../images/white.2.png);

	text-decoration: none;

}

.js .nav-collapse {

	clip: rect(0 0 0 0);

	max-height: 0;

	position: relative;

	display: block;

	overflow: hidden;

	zoom: 1;

	clear: both;

}

.nav-collapse.opened {

	max-height: 9999px;

}

.nav-toggle {

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

	width: 30px;

	margin-top: 5px;

	height: 30px;

	float: right;

	text-indent: -9999px;

	overflow: hidden;

	display: block;

	background: url(../images/hamburger.png) no-repeat 50% 50%;

}

 @media screen and (min-width: 992px) {

#header .logo a {

	width: 290px;

	background: url(../images/slogan.png) 100% 50% no-repeat

}

.nav-collapse ul {

	margin-top: 5px;

}

.js .nav-collapse {

	clear: none;

}

.js .nav-collapse.closed {

	max-height: none;

}

.nav-collapse ul {

	display: inline-block;

	float: right;

	width: auto;

}

.nav-collapse li {

	display: inline-block;

	float: left;

	width: auto;

	text-align: right;

	margin-left: 5px;

}

.nav-collapse li a {

	display: inline-block;

}

.nav-toggle {

	display: none;

}

}

#breadcrumb {

	width: 100%;

	margin: 30px 0 10px;

}

#breadcrumb span {

	background: url(../images/black.6.png);

	padding: 4px 10px 3px;

	border-radius: 6px;

}

#breadcrumb span, #breadcrumb span a {

	color: #fff;

}

#breadcrumb span a:hover {

	color: #aaa;

	color: rgba(255,255,255,0.5)

}

/* Content */

.content {

}

.content.home {

}

.content.home.alt {

}

.content.home h3 {

	display: inline-block;

	font-size: 14px;

	background: #666 url(../images/title-bg.png) 0 50% repeat-x;

	color: #fff;

	padding: 8px 18px;

	border-radius: 13px;

	margin: 0px 0 10px;

	overflow: hidden;

}



.content.home h3 a {

	color: #fff;

	font-size: 18px;

}



.content.home h3 a:hover {

	color: #fff;

	text-decoration:none;

}

.contBox h3 {

	display: inline-block;

	font-size: 14px;

	background: #666 url(../images/title-bg.png) 0 50% repeat-x;

	color: #fff;

	padding: 8px 18px;

	border-radius: 13px;

	margin: 0px 0 10px;

	overflow: hidden;

}

.contBox h3 a {

	color: #fff;

	font-size: 18px;

}



.contBox h3 a:hover {

	color: #fff;

	text-decoration:none;

}

/* Content - Sider */

#sider {

	padding: 5px 10px 30px 0px;

}

#sider h4 {

	display: inline-block;

	background: #666 url(../images/title-bg.png) 0 50% repeat-x;

	padding: 3px 15px;

	border-radius: 12px;

	color: #fff;

	margin: 15px 0 10px;

}

#sider .banner {

	width: 100%;

	text-align: center;

	overflow: hidden

}

#sider .banner ul {

}

#sider .banner li {

	margin-bottom: 8px;

}

#sider .banner li:hover {

}

#sider .siderMenu {

	overflow: hidden

}

#sider .siderMenu a {

	display: block;

	background: #5c85ad;

	border-top: 2px solid #5c85ad;

	border-bottom: 2px solid #369;

	text-align: center;

	color: #fff;

	border-radius: 0;

	margin: 0 2px 5px 0;

	padding: 3px 0;

}

#sider .siderMenu a:hover {

	background: #369;

	border-top: 2px solid #369;

	text-decoration: none;

}

#sider .siderMenu .gray a {

	background: #888;

	border-top: 2px solid #888;

	border-bottom: 2px solid #666;

}

#sider .siderMenu .gray a:hover {

	background: #666;

	border-top: 2px solid #666;

}

#sider .siderMust {

	margin-bottom: 10px

}

#sider .siderMust ul li a {

	display: block;

	padding: 2px 5px 3px 12px;

	margin-bottom: 3px;

	background: #ddd;

	color: #555;

	border-left: 3px solid #369;

}

#sider .siderMust ul li a:hover {

	text-decoration: none;

	background-color: #369;

	color: #fff;

	font-weight: bold;

}

#sider .siderDestination .col {

	margin-bottom: 5px;

	text-align: center;

}

#sider .siderSearch {

	margin-bottom: 30px

}

/* Content - Post/Page*/

.page, .post, .list {

	font-size: 12px;

	line-height: 1.8

}

.post {

	font-size: 14px;

	line-height: 1.8

}

.list .case {

	font-size: 12px;

	line-height: 1.6

}

.page h6, .post h6 {

	display: inline-block;

	padding: 3px 12px;

	margin: 0 0 15px;

	background: #888 url(../images/title-bg.png) 0 50% repeat-x;

	color: #fff;

}

.page p, .post p {

	margin-bottom: 15px;

}

.page, .list {

	overflow: hidden;

}

.page a, .post a {

	color: #369;

	text-decoration: underline;

}

.page a:hover, .post a:hover {

	color: #369;

	text-decoration: none;

}

.page img, .post img {

	display: block;

	max-width: 100%;

	height: auto;

}

.post.cloud img {

	margin-left: auto;

	margin-right: auto;

}

.page h6 a, .post h6 a {

	color: #fff;

	text-decoration: none;

}

.page h6 a:hover, .post h6 a:hover {

	color: #fff;

	text-decoration: none;

}

.page-title, .list-title {

	margin-bottom: 20px

}

.page-content {

	color: #555;

	margin-bottom: 20px

}

.withBorder td {

	border: 1px solid #bbb;

	padding: 0 10px

}

.withBorder td p {

	margin-top: 5px;

	margin-bottom: 5px

}

.estimate {

	position: relative;

}

.estimate ul {

	display: block;

	font-size: 12px;

}

.estimate ul li {

	float: left;

	position: relative;

	width: 96px;

	line-height: 1.5;

	height: 135px;

	border: 1px solid #ddd;

	margin-right: -1px;

	margin-top: -1px;

	padding: 5px 5px 0px;

	text-align: center;

}

.estimate ul li img {

	width: 70px;

	display: inline-block;

}

.estimate ul li div {

	text-align: center;

	height: 40px;

	margin: 10px -4px 0 -4px;

	line-height: 20px;

	background: #eee;

}

.estimate ul li div i {

	display: block;

	color: #aaa

}

.estimate ul li:hover div {

	background: #ddd;

}

.estimate a.info {

	display: block;

	position: absolute;

	width: 16px;

	height: 16px;

	background: url(../images/icon-info.png);

	cursor: pointer;

}

.estimate a.qty {

	display: block;

	position: absolute;

	width: 30px;

	height: 30px;

	line-height: 30px;

	font-size: 14px;

	font-weight: bold;

	right: 8px;

	top: 8px;

	border: 2px solid #fe8332;

	background: #fe9c5b;

	color: #fff;

	text-decoration: none;

	border-radius: 17px;

	display: none;

}

.estimate a.plus, .estimate a.minus {

	display: block;

	position: absolute;

	bottom: 40px;

	width: 30px;

	height: 30px;

	background: #ccc;

	cursor: pointer;

	border-radius: 15px;

	text-decoration: none;

	color: #fff;

	font-weight: bold;

	line-height: 30px;

	text-align: center;

}

.estimate a.plus:hover, .estimate a.minus:hover {

	background: #bbb;

	text-decoration: none;

}

.estimate a.plus {

	right: 10px;

}

.estimate a.minus {

	left: 10px;

}

.estimate .summary {

	z-index: 99999;

	width: 280px;

	height: 100px;

	padding: 10px 15px;

	line-height: 1.4;

	background: #eee;

	border-top: 1px solid #ddd;

	border-left: 1px solid #ddd;

	border-right: 2px solid #ccc;

	border-bottom: 2px solid #ccc;

	margin-bottom: 15px

}

.estimate .summary span {

	color: #f60;

	font-size: 16px;

	font-weight: bold;

}

.estimate .summary a {

	color: #fff;

	text-decoration: none;

}

.estimate .summary.fixed {

	position: fixed;

	top: -35px;

}

ul.archive {

	list-style: square

}

ul.archive li {

	border-bottom: dotted 1px #aaa;

	margin-bottom: 10px;

}

ul.archive li .right {

	float: right

}

.achiveDestnation a {

	display: block;

	padding: 12px 12px 6px;

	margin-bottom: 20px;

	background: #ddd;

	border-bottom: 2px solid #bbb;

	height: 62px;

	max-height: 80px;

	overflow: hidden;

}

.achiveDestnation a:hover {

	background: #369;

	border-bottom: 2px solid #369;

	color: #fff;

	text-decoration: none;

}

.achiveDestnation a span {

}

.achiveDestnation a img {

	width: 39px;

	height: 39px;

	margin-right: 15px;

	float: left;

}

.achiveOrigin a {

	display: block;

	text-align: center;

	padding: 8px 12px 6px;

	margin-bottom: 18px;

	background: #ddd;

	border-bottom: 2px solid #bbb;

}

.achiveOrigin a:hover {

	background: #369;

	border-bottom: 2px solid #369;

	color: #fff;

	text-decoration: none;

}

a.case {

	display: block;

	padding: 8px;

	margin-bottom: 15px;

	background: #ddd;

	border-bottom: 2px solid #bbb;

}

a.case:hover {

	border-color: #369;

	background: #e6e6e6;

	color: #555;

	text-decoration: none;

}

a.case img {

	margin-bottom: 5px;

}

a.case .meta {

	position: absolute;

	right: 20px;

	top: 16px;

	border-radius: 10px;

	padding: 1px 6px;

	background: url(../images/black.3.png);

	color: #fff;

	

}

a.case strong {

	display: block;

	height: 16px;

	line-height: 16px;

	overflow: hidden

}

/*首页新闻、经验区块*/

ul.archive.article {

	border-top: 1px solid #ddd;

	border-left: 1px solid #ddd;

	border-right: 2px solid #ccc;

	border-bottom: 2px solid #ccc;

	background: #eee;

	padding: 15px 20px 5px 15px;

}

ul.archive.article li {

	height: 20px;

	overflow: hidden;

}

ul.archive.article li .date {

	float: right;

}

.post {

	overflow: hidden;

}

.post-title {

	margin-bottom: 20px

}

.post-meta {

	color: #999;

	margin-bottom: 20px

}

.post-content {

	color: #555;

	margin-bottom: 20px;

}

.post ul li {

	list-style-type: disc;

	margin-left: 20px;

}

.post-tag {

	padding-top: 20px;

	font-size: 12px;

}

.post-tag strong {

	background: #999;

	padding: 2px 5px 3px;

	color: #fff;

	border-radius: 3px;

}

.post-tag a {

	background: #999;

	padding: 2px 5px 3px;

	color: #fff;

	border-radius: 3px;

	text-decoration: none;

}

.post-tag a:hover {

	background: #369;

	color: #fff

}

.post-random {

	margin-top: 20px;

	padding-top: 8px;

	padding-bottom: 10px;

	font-size: 12px;

	background: #eee;

	border-top: 1px solid #ddd;

	border-left: 1px solid #ddd;

	border-right: 2px solid #ccc;

	border-bottom: 2px solid #ccc;

}

.post-random ul {

	margin-bottom: 0;

	padding: 0 10px;

}

.post-random ul li {

	list-style-type: none;

	display: inline-block;

	overflow: hidden;

	height: 24px;

	line-height: 24px;

	margin: 0 1%;

	width: 48%;

	border-bottom: 1px solid #ddd;

}

.post-random a {

	color: #555;

	text-decoration: none;

}

.post-random a:hover {

	text-decoration: underline;

}

.post-about {

}

#pagelist {

	color: #999

}

#pagination {

	margin-top: 5px;

	overflow: hidden;

	margin-bottom: 20px

}

#pagination .page-navigator {

	overflow: hidden;

}

#pagination ol li {

	list-style: none;

	float: left;

	margin-left: 0;

	margin-right: 5px;

}

#pagination li a {

	display: block;

	color: #fff;

	padding: 3px 10px 2px;

	background: #999;

}

#pagination li.current a {

	color: #fff;

	padding: 3px 10px 2px;

	background: #5c85ad

}

#pagination li a:hover {

	background: #369;

	text-decoration: none

}

/* Footer */

#footer {

	background-color: #222;

	color: #555;

	margin-top: 30px;

	padding-top: 15px;

	padding-bottom: 12px;

}

#footer a {

	color: #777

}

#footer a:hover {

	color: #aaa

}

#footer a.payment {

	display: none;

	height: 20px;

	width: 170px;

	background: url(../images/globe-sprites.png) -80px -0px no-repeat;

	margin-bottom: 5px;

	opacity: 0.8;

}

#footer a.payment:hover {

	opacity: 1;

}

#footer .v {

	display: none;

	margin-top: 10px

}

#footer .v a {

	opacity: 0.8

}

#footer .v a:hover {

	opacity: 1;

}

#footer div.left {

	display: inline-block;

	float: left;

	width: 540px;

	overflow: hidden;

}

#footer div.left span {

	display: inline-block;

	clear: both;

}

#footer div.right {

	display: inline-block;

	float: right;

	width: 400px;

	overflow: hidden;

}

#footer div.right span {

	display: block;

	clear: both;

	text-align: right

}

#footer #link a {

	color: #555

}

/* Service Panel */

#service {

	z-index: 9999;

	width: 120px;

	position: fixed;

	right: -150px;

	top: 60px;

}

#service #service-toggle {

	width: 30px;

	height: 100px;

	position: absolute;

	right: 120px;

	top: 80px;

	cursor: pointer;

	background: url(../images/globe-sprites.png);

	background-position: -80px -100px;

}

#service #service-main {

	width: 120px;

	text-align: center;

	color: #fff;

}

#service span.service-title-qq {

	display: block;

	height: 25px;

	background: url(../images/globe-sprites.png);

	margin: 5px 0;

	background-position: -260px -80px;

}

#service span.service-title-tel {

	display: block;

	height: 65px;

	background: url(../images/globe-sprites.png);

	margin: 0px 0 0;

	background-position: -260px -110px;

}

#service span.service-title-wechat {

	display: block;

	height: 25px;

	background: url(../images/globe-sprites.png);

	margin: 5px 0 0;

	background-position: -260px -50px;

}

#service #service-main-top {

	height: 93px;

	background: url(../images/globe-sprites.png);

	background-position: -130px -100px;

}

#service #service-main-middle {

	background: url(../images/black.6.png);

	padding: 10px 0 0;

}

#service #service-main-foot {

	height: 17px;

	background: url(../images/globe-sprites.png);

	background-position: -260px -180px;

}

.service-qq {

	font-family: Tahoma;

	display: block;

	margin: 0 auto 5px;

	padding: 0px 0px 4px;

	height: 22px;

	width: 77px;

	background: url(../images/globe-sprites.png) -80px -60px;

	padding-left: 22px;

	text-align: left;

	line-height: 22px;

	color: #333;

}

.service-qq:hover {

	color: #222;

	cursor: pointer;

	text-decoration: underline;

}

#service-m {

	z-index: 9999;

	width: 280px;

	position: fixed;

	right: -250px;

	top: 140px;

}

/*body.home #mobToggleBtn{display:none;}*/



/* ----------------------------------------------------------------------------------------------------

Form

----------------------------------------------------------------------------------------------------*/

.page-content #quote span {

	color: red

}

.page-content #quote label {

	display: inline-block;

	font-weight: bold;

}

.page-content #quote input, .page-content #quote select, .page-content #quote textarea {

	width: 100%;

	margin-bottom: 5px;

}

.page-content #quote .error {

	border: 1px dotted #f00

}

/* ----------------------------------------------------------------------------------------------------

Rsp Tab

----------------------------------------------------------------------------------------------------*/

ul.resp-tabs-list {

	margin: 0px;

	padding: 0px;

}

.resp-tabs-list li {

	font-weight: 600;

	font-size: 14px;

	display: inline-block;

	padding: 8px 12px;

	margin-right: -1px;

	margin-bottom: -1px;

	list-style: none;

	cursor: pointer;

	float: left;

	border: 1px solid #ddd;

	border-bottom: none

}

.resp-tabs-container {

	padding: 0px;

	background-color: #eee;

	clear: left;

}

h2.resp-accordion {

	cursor: pointer;

	padding: 5px;

	display: none;

}

.resp-tab-content {

	display: none;

	padding: 15px;

}

.resp-tabs-list li.resp-tab-active {

	border: 1px solid #ddd;

	border-bottom: none;

	margin-bottom: -1px !important;

	padding: 8px 12px !important;

}

.resp-tabs-list li.resp-tab-active {

	border-bottom: none;

	background-color: #eee;

}

.resp-content-active, .resp-accordion-active {

	display: block;

}

.resp-tab-content {

	border: 1px solid #ddd;

	border-bottom: 2px solid #ccc;

	padding-bottom: 25px

}

h2.resp-accordion {

	font-size: 13px;

	border: 1px solid #ddd;

	border-top: 0px solid #ddd;

	margin: 0px;

	padding: 8px 12px;

}

h2.resp-tab-active {

	border-bottom: 0px solid #ddd !important;

	margin-bottom: 0px !important;

	padding: 8px 12px !important;

}

h2.resp-tab-title:last-child {

	border-bottom: 12px solid #ddd !important;

	background: blue;

}

/*-----------Vertical-----------*/

.resp-vtabs ul.resp-tabs-list {

	float: left;

	width: 30%;

}

.resp-vtabs .resp-tabs-list li {

	display: block;

	padding: 8px 12px !important;

	margin: 0;

	cursor: pointer;

	float: none;

}

.resp-vtabs .resp-tabs-container {

	padding: 0px;

	background-color: #eee;

	border: 1px solid #ddd;

	float: left;

	width: 68%;

	min-height: 250px;

	border-radius: 4px;

	clear: none;

}

.resp-vtabs .resp-tab-content {

	border: none;

}

.resp-vtabs li.resp-tab-active {

	border: 1px solid #ddd;

	border-right: none;

	background-color: #eee;

	position: relative;

	z-index: 1;

	margin-right: -1px !important;

	padding: 8px 12px !important;

}

.resp-arrow {

	width: 0;

	height: 0;

	float: right;

	margin-top: 3px;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-top: 12px solid #ddd;

}

h2.resp-tab-active span.resp-arrow {

	border: none;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-bottom: 12px solid #9B9797;

}

/*-----------Accordion-----------*/

h2.resp-accordion {

	background: #f6f6f6

}

h2.resp-tab-active {

	background: #DBDBDB !important;

}

.resp-easy-accordion h2.resp-accordion {

	display: block;

}

.resp-easy-accordion .resp-tab-content {

	border: 1px solid #ddd;

}

.resp-easy-accordion .resp-tab-content:last-child {

	border-bottom: 1px solid #ddd !important;

}

.resp-jfit {

	width: 100%;

	margin: 0px;

}

.resp-tab-content-active {

	display: block;

}

h2.resp-accordion:first-child {

	border-top: 1px solid #ddd !important;

}

@media only screen and (max-width: 768px) {

ul.resp-tabs-list {

	display: none;

}

h2.resp-accordion {

	display: block;

}

.resp-vtabs .resp-tab-content {

	border: 1px solid #ddd;

}

.resp-vtabs .resp-tabs-container {

	border: none;

	float: none;

	width: 100%;

	min-height: initial;

	clear: none;

}

.resp-accordion-closed {

	display: none !important;

}

.resp-vtabs .resp-tab-content:last-child {

	border-bottom: 1px solid #ddd !important;

}

}

/* ----------------------------------------------------------------------------------------------------

 Login/Register Form

----------------------------------------------------------------------------------------------------*/

.login_register_form {

	position: fixed;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.5);

	top: 0;

	left: 0;

	display: none;

}

.login_register_form .wrapper {

	position: relative;

	background: #f6f6f6;

	margin: 100px auto 0;

	padding: 0 1% 15px;

	overflow: hidden;

	border-radius: 3px;

	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);

	box-shadow: 0 3px 9px rgba(0,0,0,0.5);

}

.login_register_form form {

	width: 50%;

	float: left;

	padding: 10px;

}

.login_register_close {

	position: absolute;

	top: 8px;

	right: 15px;

	font-size: 30px;

	font-weight: bold;

	line-height: 1;

	color: #000;

	cursor: pointer;

}

/* ----------------------------------------------------------------------------------------------------

 Grid

----------------------------------------------------------------------------------------------------*/

.container {

	margin-left: auto;

	margin-right: auto;

	padding-left: 10px;

	padding-right: 10px;

}

.row {

	margin-left: -10px;

	margin-right: -10px;

}

.col {

	position: relative;

	min-height: 1px;

	padding-right: 10px;

	padding-left: 10px;

	float: left

}

.s-0 {

	display: none

}

.s-1 {

	width: 8.33333333%;

}

.s-2 {

	width: 16.66666667%;

}

.s-3 {

	width: 25%;

}

.s-4 {

	width: 33.33333333%;

}

.s-5 {

	width: 41.66666667%;

}

.s-6 {

	width: 50%;

}

.s-7 {

	width: 58.33333333%;

}

.s-8 {

	width: 66.66666667%;

}

.s-9 {

	width: 75%;

}

.s-10 {

	width: 83.33333333%;

}

.s-11 {

	width: 91.66666667%;

}

.s-12 {

	width: 100%;

}

#homeOffice {

	display: none;

}

#header-wrapper {

	background: url(../images/banner_policy.png) 50% 0%;

	border-bottom: 3px solid #ccc;

}

#header-wrapper.home {

	background: url(../images/banner1_s.jpg) 50% 0%;

	padding-bottom: 20px;

	border-bottom: 5px solid #ccc;

}

@media screen and (min-width: 768px) {

#home-quote {

	padding: 20px 30px 10px

}

#homeOffice {

	width: 100%;

	height: 155px;

	margin-bottom: 10px;

	display: block;

}

#homeOffice #office {

	width: 100%;

	height: 100%;

	overflow: hidden;

	margin-top: 40px;

}

#homeOffice #office #office-img {

	position: relative;

	width: 4660px;

	height: 100%;

	background: url(../images/home-office.png) left center repeat-x;

}

#header-wrapper.home {

	background: url(../images/banner1.jpg) 50% 0%;

	padding-bottom: 0px;

}

.container {

	width: 750px;

}

.page, .post, .list {

	padding-left: 20px

}

.list ul {

	padding-left: 20px

}

.list ul.alt {

	padding-left: 0

}

#service {

	right: -120px;

}

#service-m {

	right: -280px;

}

.s-0 {

	display: block

}

.m-0 {

	display: none

}

.m-1 {

	width: 8.33333333%;

}

.m-2 {

	width: 16.66666667%;

}

.m-3 {

	width: 25%;

}

.m-4 {

	width: 33.33333333%;

}

.m-5 {

	width: 41.66666667%;

}

.m-6 {

	width: 50%;

}

.m-7 {

	width: 58.33333333%;

}

.m-8 {

	width: 66.66666667%;

}

.m-9 {

	width: 75%;

}

.m-10 {

	width: 83.33333333%;

}

.m-11 {

	width: 91.66666667%;

}

.m-12 {

	width: 100%;

}

}

@media screen and (min-width: 992px) {

.container {

	width: 970px;

}

#banner {

	margin-top: 50px

}

#breadcrumb {

	margin: 30px 0 10px;

}

.estimate .summary {

	width: 303px;

}

#footer a.payment {

	display: block;

}

#footer .v {

	display: block;

}

#service {

	right: -120px;

}

#service-m {

	right: -280px;

}

.s-0 {

	display: block

}

.m-0 {

	display: block

}

.l-0 {

	display: none

}

.l-1 {

	width: 8.33333333%;

}

.l-2 {

	width: 16.66666667%;

}

.l-3 {

	width: 25%;

}

.l-4 {

	width: 33.33333333%;

}

.l-5 {

	width: 41.66666667%;

}

.l-6 {

	width: 50%;

}

.l-7 {

	width: 58.33333333%;

}

.l-8 {

	width: 66.66666667%;

}

.l-9 {

	width: 75%;

}

.l-10 {

	width: 83.33333333%;

}

.l-11 {

	width: 91.66666667%;

}

.l-12 {

	width: 100%;

}

}

@media screen and (min-width: 1200px) {

.container {

	width: 1103px;

}

#home-quote {

	margin: 0 50px;

}

a.btn {

	font-weight: bold;

	padding: 4px 10px 3px;

}

.box.homeMust ul li a {

	padding: 2px 5px 3px 12px;

	border-left: 5px solid #369;

}

.estimate .summary {

	width: 370px;

}

#service {

	right: 0;

}

#service-m {

	right: -280px;

}

.s-0 {

	display: block

}

.m-0 {

	display: block

}

.l-0 {

	display: block

}

.x-0 {

	display: none

}

.x-1 {

	width: 8.33333333%;

}

.x-2 {

	width: 24.99999%;

}

.x-3 {

	width: 25%;

}

.x-4 {

	width: 33.33333333%;

}

.x-5 {

	width: 41.66666667%;

}

.x-6 {

	width: 50%;

}

.x-7 {

	width: 58.33333333%;

}

.x-8 {

	width: 66.66666667%;

}

.x-9 {

	width: 75%;

}

.x-10 {

	width: 83.33333333%;

}

.x-11 {

	width: 91.66666667%;

}

.x-12 {

	width: 100%;

}

}

/* `Clear Floated Elements

----------------------------------------------------------------------------------------------------*/

.clear {

	clear: both;

	display: block;

	overflow: hidden;

	visibility: hidden;

	width: 0;

	height: 0;

}

.clearfix:before, .clearfix:after, .container:before, .container:after {

	content: '.';

	display: block;

	overflow: hidden;

	visibility: hidden;

	font-size: 0;

	line-height: 0;

	width: 0;

	height: 0;

}

.clearfix:after, .container:after {

	clear: both;

}

.clearfix, .container {
	padding-top: 70px;
	zoom: 1;

}