/*
Website Name: Control Cable
Copyright 2016
Adventure Web Interactive
*/


@font-face {
	font-family: 'Cooper Hewitt';
	font-weight: normal;
	font-style: normal;
	src: url('../font/cooperhewitt-medium-webfont.woff2') format('woff2'), url('../font/cooperhewitt-medium-webfont.woff') format('woff');
}

@font-face {
	font-family: 'Lato';
	font-weight: 700;
	font-style: normal;
	src: url('../font/lato-bold-webfont.woff2') format('woff2'), url('../font/lato-bold-webfont.woff') format('woff');
}

@font-face {
	font-family: 'Lato';
	font-weight: normal;
	font-style: normal;
	src: url('../font/lato-regular-webfont.woff2') format('woff2'), url('../font/lato-regular-webfont.woff') format('woff');
}


*, *:before, *:after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, main, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	padding: 0;
	margin: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
}

main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img, hr, cite {
	display: block;
}

audio, canvas, video {
	display: inline-block;
	display: inline;
	vertical-align: middle;
	zoom: 1;
}

video {
	width: 100% !important;
	height: auto !important;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

abbr[title] {
	border-bottom: 1px dotted;
}

dfn {
	font-style: italic;
}

mark {
	color: #000;
	background: #ff0;
}

code, kbd, pre, samp {
	font-family: monospace, serif;
	font-family: 'courier new', monospace;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

::-moz-selection {
	text-shadow: none;
	background: #ffb7a4;
}

::selection {
	text-shadow: none;
	background: #ffb7a4;
}


/***
 *     ██████╗ ███████╗███╗   ██╗███████╗██████╗  █████╗ ██╗
 *    ██╔════╝ ██╔════╝████╗  ██║██╔════╝██╔══██╗██╔══██╗██║
 *    ██║  ███╗█████╗  ██╔██╗ ██║█████╗  ██████╔╝███████║██║
 *    ██║   ██║██╔══╝  ██║╚██╗██║██╔══╝  ██╔══██╗██╔══██║██║
 *    ╚██████╔╝███████╗██║ ╚████║███████╗██║  ██║██║  ██║███████╗
 *     ╚═════╝ ╚══════╝╚═╝  ╚═══╝╚══════╝╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝
 *
 * $$general
 */

html {
	font-family: sans-serif;
	font-size: 18px;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	font: 100%/1.4 'Lato', Arial, Helvetica, sans-serif;
	color: #312929;
	background: #fff;
}

p, h1, h2, h3, h4, form, table, hr, pre, blockquote {
	margin: 0 0  0px;
	
}

h1, h2, h3, h4 {
	margin-top: 40px;
	line-height: 1.2;
}

h1 {
	font-family: 'Cooper Hewitt', 'Lato', sans-serif;
	font-size: 2em;
	text-transform: uppercase;
}

.alpha {
	font-family: 'Cooper Hewitt', 'Lato', sans-serif;
	font-size: 2em;
	text-transform: uppercase;
}

.alpha {
	color: #312929;
}

h2 {
	font-size: 1.6667em;
	color:#02050a;
}

.beta {
	font-size: 1.6667em;
	color: #8a0011;
}

h3 {
	font-size: 1.5556em;
	color: #0f58d3;
}

.gamma {
	font-size: 1.5556em;
	color: #d62929;
}

h4 {
	font-family: 'Cooper Hewitt', 'Lato', sans-serif;
	font-size: 1.3333em;
	text-transform: uppercase;
}

.delta {
	font-family: 'Cooper Hewitt', 'Lato', sans-serif;
	font-size: 1.3333em;
	text-transform: uppercase;
}

h5 {
	font-size: .8889em;
}

h6 {
	font-size: .7778em;
}

ul, ol, dl, menu {
	margin: 0 0 2px 40px;
}

a {
	color: #616161;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

a:active, a:hover {
	text-decoration: underline;
	outline: 0;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

hr {
	display: block;
	height: 1px;
	padding: 0;
	border: 0;
	border-top: 3px solid #000;
}

small {
	font-size: 80%;
}

sub, sup {
	position: relative;
	font-size: 80%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

td {
	vertical-align: top;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

blockquote {
	padding: 20px;
	background: #ffb7a4;
	border-left: 8px solid #d62929;
}

blockquote p {
	margin: 0;
}


/***
 *    ████████╗ ██████╗  ██████╗ ██╗     ███████╗
 *    ╚══██╔══╝██╔═══██╗██╔═══██╗██║     ██╔════╝
 *       ██║   ██║   ██║██║   ██║██║     ███████╗
 *       ██║   ██║   ██║██║   ██║██║     ╚════██║
 *       ██║   ╚██████╔╝╚██████╔╝███████╗███████║
 *       ╚═╝    ╚═════╝  ╚═════╝ ╚══════╝╚══════╝
 *
 * $$tools
 */

.hidden, .tablet-view, .mobile-view {
	display: none !important;
	visibility: hidden;
}

.desktop-view {
	display: block !important;
	visibility: visible;
}

.clearfix:before, .clearfix:after, .container:before, .container:after {
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after, .container:after {
	clear: both;
}

.clearfix, .container {
	zoom: 1;
}

.browserupgrade {
	padding: 5px 0;
	color: #000;
	text-align: center;
	background: #ccc;
}

.inlineblock-fix {
	font-size: 0;
}

.inlineblock-reset {
	font-size: 18px;
	font-size: 1rem;
}

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

:first-child {
	margin-top: 0;
}

:last-child {
	margin-bottom: 0;
}

.list--unstyled {
	margin: 0;
	list-style: none;
}

.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}


/***
 *    ███████╗ ██████╗ ██████╗ ███╗   ███╗███████╗
 *    ██╔════╝██╔═══██╗██╔══██╗████╗ ████║██╔════╝
 *    █████╗  ██║   ██║██████╔╝██╔████╔██║███████╗
 *    ██╔══╝  ██║   ██║██╔══██╗██║╚██╔╝██║╚════██║
 *    ██║     ╚██████╔╝██║  ██║██║ ╚═╝ ██║███████║
 *    ╚═╝      ╚═════╝ ╚═╝  ╚═╝╚═╝     ╚═╝╚══════╝
 *
 * $$forms
 */

legend {
	margin-left: -7px;
	white-space: normal;
}

label {
	display: block;
	margin: 0 0 4px;
}

input, textarea, select, button, .button {
	width: 100%;
	height: 44px;
	padding: 0 10px;
	font: inherit;
	font-weight: 700;
	color: inherit;
	background: #fff;
	border: 2px solid #e1e1e1;
	border-radius: 10px;
}

input, textarea {
	-webkit-appearance: none;
}

select {
	padding: 0 0 0 5px;
}

textarea {
	height: 120px;
	padding: 10px;
	vertical-align: top;
	overflow: auto;
	resize: vertical;
}

button, html input[type='button'], input[type='reset'], input[type='submit'], .button {
	overflow: visible;
	cursor: pointer;
	-webkit-appearance: button;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

input[type='radio'], input[type='checkbox'] {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0 4px 0 0;
	border: none;
}

input[type='radio'] {
	-webkit-appearance: radio;
}

input[type='checkbox'] {
	-webkit-appearance: checkbox;
}

input[type='file'] {
	height: auto;
	height: 32px\9;
	background: none;
	background: #fff\9;
	border: none;
	border: 1px solid #ccc\9;
}

input[type='file']::-ms-value {
	background: #fff;
	border: none;
}

input[type='search'] {
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}

button {
	width: auto;
	height: auto;
	padding: .58em 2em;
	font-family: 'Cooper Hewitt', 'Lato', sans-serif;
	font-size: 1.3333em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	background: #0c0c0c;
	background: linear-gradient(to bottom, #0c0c0c 0%, #2d2a2a 0%, #0c0c0c 100%);
	border: none;
	border-radius: 0;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0c0c0c', endColorstr='#0c0c0c', GradientType=0);
	-webkit-appearance: none;
}

html input[type='button'] {
	width: auto;
	height: auto;
	padding: .58em 2em;
	font-family: 'Cooper Hewitt', 'Lato', sans-serif;
	font-size: 1.3333em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	background: #0c0c0c;
	background: linear-gradient(to bottom, #0c0c0c 0%, #2d2a2a 0%, #0c0c0c 100%);
	border: none;
	border-radius: 0;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0c0c0c', endColorstr='#0c0c0c', GradientType=0);
	-webkit-appearance: none;
}

input[type='reset'] {
	width: auto;
	height: auto;
	padding: .58em 2em;
	font-family: 'Cooper Hewitt', 'Lato', sans-serif;
	font-size: 1.3333em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	background: #0c0c0c;
	background: linear-gradient(to bottom, #0c0c0c 0%, #2d2a2a 0%, #0c0c0c 100%);
	border: none;
	border-radius: 0;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0c0c0c', endColorstr='#0c0c0c', GradientType=0);
	-webkit-appearance: none;
}

input[type='submit'] {
	width: auto;
	height: auto;
	padding: .58em 2em;
	font-family: 'Cooper Hewitt', 'Lato', sans-serif;
	font-size: 1.3333em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	background: #0c0c0c;
	background: linear-gradient(to bottom, #0c0c0c 0%, #2d2a2a 0%, #0c0c0c 100%);
	border: none;
	border-radius: 0;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0c0c0c', endColorstr='#0c0c0c', GradientType=0);
	-webkit-appearance: none;
}

.button {
	width: auto;
	height: auto;
	padding: .58em 2em;
	font-family: 'Cooper Hewitt', 'Lato', sans-serif;
	font-size: 1.3333em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	background: #0c0c0c;
	background: linear-gradient(to bottom, #0c0c0c 0%, #2d2a2a 0%, #0c0c0c 100%);
	border: none;
	border-radius: 0;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0c0c0c', endColorstr='#0c0c0c', GradientType=0);
	-webkit-appearance: none;
}

.button {
	display: inline-block;
	text-align: center;
}

button:hover {
	text-decoration: none;
	background: #2d2a2a;
}

html input[type='button']:hover {
	text-decoration: none;
	background: #2d2a2a;
}

input[type='reset']:hover {
	text-decoration: none;
	background: #2d2a2a;
}

input[type='submit']:hover {
	text-decoration: none;
	background: #2d2a2a;
}

.button:hover {
	text-decoration: none;
	background: #2d2a2a;
}

button:active, html input[type='button']:active, input[type='reset']:active, input[type='submit']:active, .button:active {
	-webkit-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px);
}

button[disabled], html input[disabled] {
	cursor: default;
}

.button--red {
	padding: .5625em 1.875em;
	font-family: 'Lato', 'Cooper Hewitt', sans-serif;
	font-size: .8889em;
	color: #fff;
	background: #0a3174;
	border-radius: 10px;
}

.button--red:hover {
	background: #8a0011;
}

.button--small {
	padding: .6 1.25em;
	font-family: 'Lato', 'Cooper Hewitt', sans-serif;
	font-size: .8889em;
	font-weight: 700;
	color: #3e3c3c;
	background: rgb(226, 225, 221);
	background: linear-gradient(to bottom, rgba(226, 225, 221, 1) 0%, rgba(215, 212, 212, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e2e1dd', endColorstr='#d7d4d4', GradientType=0);
}

.button--small:hover {
	background: #d7d4d4;
}

.button--white {
	font-family: 'Lato', 'Cooper Hewitt', sans-serif;
	font-size: 1.1111em;
	font-weight: 700;
	color: #3e3c3c;
	background: rgb(226, 225, 221);
	background: linear-gradient(to bottom, #616a68 0%, #616a68 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e2e1dd', endColorstr='#d7d4d4', GradientType=0);
}

.button--white:hover {
	background: #616a68;
}

form .list--unstyled li + li {
	margin-top: 14px;
}

form .list--unstyled li:last-child {
	text-align: center;
}


/***
 *    ███████╗████████╗██████╗ ██╗   ██╗ ██████╗████████╗██╗   ██╗██████╗ ███████╗
 *    ██╔════╝╚══██╔══╝██╔══██╗██║   ██║██╔════╝╚══██╔══╝██║   ██║██╔══██╗██╔════╝
 *    ███████╗   ██║   ██████╔╝██║   ██║██║        ██║   ██║   ██║██████╔╝█████╗
 *    ╚════██║   ██║   ██╔══██╗██║   ██║██║        ██║   ██║   ██║██╔══██╗██╔══╝
 *    ███████║   ██║   ██║  ██║╚██████╔╝╚██████╗   ██║   ╚██████╔╝██║  ██║███████╗
 *    ╚══════╝   ╚═╝   ╚═╝  ╚═╝ ╚═════╝  ╚═════╝   ╚═╝    ╚═════╝ ╚═╝  ╚═╝╚══════╝
 *
 * $$structure
 */

.container {
	max-width: 1200px;
	padding: 0 30px;
	margin: 0 auto;
}

.full-width {
	margin: 0 auto;
	width: 100%;
	max-width: 54em;
	float: none;
}

.content {
	max-width: 850px;
	margin: 0 auto;
}

.form-list {
	max-width: 500px;
	margin: 0;
	list-style: none;
}

.form-list li {
	margin: 10px 0 0;
}

.form-list li:first-child {
	margin: 0;
}


/***
 *    ██╗  ██╗███████╗ █████╗ ██████╗ ███████╗██████╗
 *    ██║  ██║██╔════╝██╔══██╗██╔══██╗██╔════╝██╔══██╗
 *    ███████║█████╗  ███████║██║  ██║█████╗  ██████╔╝
 *    ██╔══██║██╔══╝  ██╔══██║██║  ██║██╔══╝  ██╔══██╗
 *    ██║  ██║███████╗██║  ██║██████╔╝███████╗██║  ██║
 *    ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚═════╝ ╚══════╝╚═╝  ╚═╝
 *
 * $$header
 */

header {
	padding: 20px 0;
	background: #fff;
}

header .logo {
	float: left;
}

.header__right {
	float: right;
	margin-top: -10px;
	width:715px;
}

.header__right .button {
	margin-right: 15px;
	vertical-align: middle;
}

.header__right a[href^='tel'] {
	font-size: 1.6667em;
	font-weight: 700;
	color: inherit;
	vertical-align: middle;
}

.header__right a[href^='tel']:hover {
	color: #d62929;
	text-decoration: none;
}


/***
 *    ███╗   ██╗ █████╗ ██╗   ██╗
 *    ████╗  ██║██╔══██╗██║   ██║
 *    ██╔██╗ ██║███████║██║   ██║
 *    ██║╚██╗██║██╔══██║╚██╗ ██╔╝
 *    ██║ ╚████║██║  ██║ ╚████╔╝
 *    ╚═╝  ╚═══╝╚═╝  ╚═╝  ╚═══╝
 *
 * $$nav
 */

.container nav {
	float: right;
	margin: 10px 0 -10px;
	clear: right;
}

.rNav, .rNav ul {
	margin: 0;
	list-style: none;
	width:805px;
}

.rNav {
	zoom: 1;
}

.rNav:before, .rNav:after {
	content: '';
	display: table;
}

.rNav:after {
	clear: both;
}

.rNav > li {
	float: left;
	position: relative;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
}

.rNav a {
	display: block;
	padding: 0 12px;
	font-size: .8889em;
	color: #616161;
	text-decoration: none;
	background: #fff;
}

.rNav a:hover {
	color: #d62929;
}

.rNav li:hover > a {
	color: #d62929;
}

nav .current-menu-item > a {
	color: #8a0011;
}

.rNav ul {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9999;
	display: none;
	width: 0;
	height: 0;
	visibility: hidden;
	opacity: 0;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}

.rNav li:hover > ul {
	display: block;
	width: auto;
	height: auto;
	visibility: visible;
	opacity: 1;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

.rNav ul li {
	float: none;
	height: 40px;
	line-height: 40px;
}

.rNav ul ul {
	top: 0;
	left: 100%;
}

#rNav-trigger {
	display: none;
}



.banner {
	position: relative;
	height: 600px;
	overflow: hidden;
}

.interior-banner {
	position: relative;
	height: 400px;
	overflow: hidden;
	background-position: center;
	background-size: cover;
}

.banner:after, .interior-banner:after {
	content: '';
	position: absolute;
	bottom: -50px;
	left: 25%;
	z-index: 20;
	width: 50%;
	height: 50px;
	border-radius: 50%;
	box-shadow: 0 0 50px #000;
}

.banner ul {
	height: 100%;
	margin: 0;
	list-style: none;
}

.banner li {
	height: 100%;
}

.slide {
	position: relative;
	height: 100%;
	background-position: center;
	background-size: cover;
}
.sp_vid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
.sp_vid video{
	height: 800px!important;
	object-fit: fill;
}
.slide:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.slide .slide__inner {
	position: relative;
	z-index: 3;
	display: table;
	width: 100%;
	height: 100%;
	padding: 0 40px;
}

.slide__content {
	display: table-cell;
	vertical-align: middle;
}

.slide__content > * {
	max-width: 550px;
}

.slide__content h3 {
	font-size: 1.8889em;
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, .7);
}

.flex-direction-nav a:before {
	color: #fff;
}


/***
 *    ███████╗███████╗██████╗ ██╗   ██╗██╗ ██████╗███████╗███████╗
 *    ██╔════╝██╔════╝██╔══██╗██║   ██║██║██╔════╝██╔════╝██╔════╝
 *    ███████╗█████╗  ██████╔╝██║   ██║██║██║     █████╗  ███████╗
 *    ╚════██║██╔══╝  ██╔══██╗╚██╗ ██╔╝██║██║     ██╔══╝  ╚════██║
 *    ███████║███████╗██║  ██║ ╚████╔╝ ██║╚██████╗███████╗███████║
 *    ╚══════╝╚══════╝╚═╝  ╚═╝  ╚═══╝  ╚═╝ ╚═════╝╚══════╝╚══════╝
 *
 * $$services
 */

.services {
	padding: 40px 0;
  overflow: hidden;
}

.services ul {
	display: table;
	width: 100%;
}

.services ul li {
	position: relative;
	display: table-cell;
	width: 25%;
	height: 100%;
	padding-bottom: 50px;
}

.service__inner {
	padding-right: 30px;
	text-align:center;
}

.services li:nth-child(2) .service__inner {
	padding: 0 20px 0 10px;
}

.services li:nth-child(3) .service__inner {
	padding: 0 10px 0 20px;
}

.services li:last-child .service__inner {
	padding: 0 0 0 30px;
}

.services img {
	display:block;
  width: 100%;
  max-width: 304px;
	border-radius: 50%;
	margin: 0 auto 10px;
	border: 2px solid #fff;
}

.services h3 {
	margin: 0 0 10px;
	font-size: 1.25em;
}

.services p {
	margin: 0;
	font-size: .8889em;
}

.services .button {
	position: absolute;
	bottom: 0;
	left: 50%;
	white-space: nowrap;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	color:#faf6f6;
	background: linear-gradient(to bottom, #0f58d3 0%,#0c3780);
}

.services li:nth-child(1) .button {
	left: calc(50% - 15px);
}

.services li:nth-child(2) .button {
	left: calc(50% - 5px);
}

.services li:nth-child(3) .button {
	left: calc(50% + 5px);
}

.services li:last-child .button {
	left: calc(50% + 15px);
	color: #fff;
	background: #d62a2a;
background: -moz-linear-gradient(top, #d62a2a 0%, #9e0404 100%);
background: -webkit-linear-gradient(top, #d62a2a 0%,#9e0404 100%);
background: linear-gradient(to bottom, #0f58d3 0%,#0c3780 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62a2a', endColorstr='#9e0404',GradientType=0 );
}


/***
 *    ███╗   ███╗ █████╗ ██╗███╗   ██╗
 *    ████╗ ████║██╔══██╗██║████╗  ██║
 *    ██╔████╔██║███████║██║██╔██╗ ██║
 *    ██║╚██╔╝██║██╔══██║██║██║╚██╗██║
 *    ██║ ╚═╝ ██║██║  ██║██║██║ ╚████║
 *    ╚═╝     ╚═╝╚═╝  ╚═╝╚═╝╚═╝  ╚═══╝
 *
 * $$main
 */

main {
	/*padding: 70px 0;*/
}

article, aside {
	float: left;
	width: 70%;
	width: calc(100% - 330px);
}

.home main {
	text-align: center;
}

.logo-list {
	margin-top: 50px;
  text-align: center;
  width:60%;
}

.logo-list li {
	display: inline-block;
	margin-top: 10px;
  max-width: 200px;
	vertical-align: middle;
}

.logo-list li + li {
	margin-left: 12px;
}

.contact-block {
	background: #d62929;
	background: #0a3174;
}

.contact-block .container {
	display: table;
}

.contact-block__content {
	position: relative;
	display: table-cell;
	padding: 60px 30px 60px 0;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

.contact-block__img {
	position: absolute;
	top: 0;
	right: 0;
	width: 58vw;
	height: 100%;
	background-position: center;
	background-size: cover;
}

.contact-block__img:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #d62929;
	background: #0a3174;
}

.contact-block__content-inner {
	float: right;
	position: relative;
	z-index: 3;
}

.contact-block__content h2 {
	color: #fff;
}

.contact-block__content h2:after {
	content: '';
	display: block;
	width: 100%;
	max-width: 198px;
	margin: 10px auto 0;
	border-bottom: 2px solid #fff;
}

.contact-block__content-inner a { color: #fff; }

.contact-block__form {
	display: table-cell;
	width: 480px;
	padding: 60px;
	vertical-align: middle;
	background: #ebebeb;
	background: rgba(235, 235, 235, .88);
}

.contact-block__form input[type='submit'] {
	box-shadow: 0 5px 5px -5px #fff, 0 20px 20px -20px #000, 0 20px 20px -20px #000;
}


/***
 *    ███████╗██╗██████╗ ███████╗██████╗  █████╗ ██████╗
 *    ██╔════╝██║██╔══██╗██╔════╝██╔══██╗██╔══██╗██╔══██╗
 *    ███████╗██║██║  ██║█████╗  ██████╔╝███████║██████╔╝
 *    ╚════██║██║██║  ██║██╔══╝  ██╔══██╗██╔══██║██╔══██╗
 *    ███████║██║██████╔╝███████╗██████╔╝██║  ██║██║  ██║
 *    ╚══════╝╚═╝╚═════╝ ╚══════╝╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝
 *
 * $$sidebar
 */

aside {
	width: 30%;
	width: calc(100% - (100% - 330px));
	padding: 0 0 0 30px;
}

.sidebar {
	margin-bottom: 30px;
}

.sidebar--dynamic {
	padding-left: 20px;
	border-left: 8px solid #8a0011;
}

.sidebar--dynamic ul {
	margin-left: 0;
	list-style: none;
}

.sidebar--dynamic > ul > li {
	margin: 0 0 30px;
}

.sidebar--dynamic ul ul li {
	margin: 0 0 20px;
	line-height: 1.2;
}

.sidebar--dynamic li:last-child {
	margin-bottom: 0;
}


/***
 *    ███████╗ ██████╗  ██████╗ ████████╗███████╗██████╗
 *    ██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗
 *    █████╗  ██║   ██║██║   ██║   ██║   █████╗  ██████╔╝
 *    ██╔══╝  ██║   ██║██║   ██║   ██║   ██╔══╝  ██╔══██╗
 *    ██║     ╚██████╔╝╚██████╔╝   ██║   ███████╗██║  ██║
 *    ╚═╝      ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝╚═╝  ╚═╝
 *
 * $$footer
 */

footer {
	padding: 70px 0;
	color: #fff;
	background: #363636;
}

footer a {
	color: #a8a6a6;
}

.footer-col {
	float: left;
}

.footer-col + .footer-col {
	margin-left: 8.333%;
}

footer address {
	margin-bottom: 30px;
	font-family: 'Cooper Hewitt', 'Lato', sans-serif;
	font-size: 1.1111em;
	text-transform: uppercase;
}

footer a[href^='tel'] {
	font-family: 'Cooper Hewitt', 'Lato', sans-serif;
	font-size: 1.6667em;
	color: #fff;
}

.social-media {
  margin-top: 30px;
}

.social-media li {
  float: left;
  font-size: 1.4em;
}

.social-media li + li {
  margin-left: 12px;
}

.social-media a:hover {
  color: #fff;
}

.copyright {
	padding: 10px 0;
	margin: 0;
	font-size: 0;
	color: #fff;
	text-align: center;
	list-style: none;
	background: #141414;
}

.copyright li {
	display: inline-block;
	padding: 0 6px;
	font-size: 11.25px;
	font-size: .625rem;
	line-height: 1;
	border-left: 1px solid #fff;
}

.copyright li:first-child {
	border: none;
}

.copyright a {
	color: #fff;
}

/* WPCF7 */

.wpcf7-form.sent * {
	display: none;
}

.wpcf7-response-output {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 80%;
	line-height: 1.2;
}

.wpcf7-mail-sent-ok {
	padding: 4px 6px !important;
	background: #d2f7ad;
	color: #318a1c;
	border: 1px solid #aedb2e !important;
}

.wpcf7-validation-errors {
	color: #f00;
	border: none !important;
}

.wpcf7-not-valid-tip {
	padding: 0 !important;
	top: 0 !important;
	left: auto !important;
	background: none !important;
	border: none !important;
	font-size: 80% !important;
	width: auto !important;
}

.wpcf7-captchac {
	display: inline-block;
	vertical-align: text-bottom;
}

span.wpcf7-form-control-wrap {
	width: 100%;
}

input.wpcf7-not-valid, textarea.wpcf7-not-valid, select.wpcf7-not-valid {
	background: #f6c1c1;
	border: 1px solid #f00;
}

div.wpcf7 img.ajax-loader {
	position: absolute;
	display: inline-block;
}

span.wpcf7-list-item {
	margin: 0 !important;
}


/* Jetpack */

.jetpack_subscription_widget form {
	margin: 0;
}

.jetpack_subscription_widget label[for="subscribe-field"] {
	margin: 0;
}

.jetpack_subscription_widget label[for="email"] {
	display: none;
}

#subscribe-text {
	display: none;
}

#subscribe-email {
	margin: 0 0 10px;
}

#subscribe-submit {
	margin: 0;
}

#subscribe-email input {
	width: 100% !important;
}

div.success p {
	font-size: 1rem;
	line-height: 1.2;
	margin: 0 0 10px;
}

div.sharedaddy div.sd-block {
	margin: 0 0 15px !important;
	padding: 0 !important;
	border: none !important;
}

div.sharedaddy .sd-content {
	width: 100% !important;
	margin: 0 !important;
}

.widget_rss_links p {
	margin: 0;
	text-align: center;
}

.widget_rss_links img {
	margin-right: 5px;
	display: inline;
	vertical-align: middle;
}

#wpstats, .home div.sharedaddy, .archive div.sharedaddy, .search div.sharedaddy {
	display: none;
}

.comment-subscription-form {
	margin: 0;
}

.embed-youtube, .embed-vimeo {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.embed-youtube iframe, .embed-vimeo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*产品 start*/

.product_box{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.product_box .pro_left{
	width: 18%;
}
.product_box .pro_left ul{
	margin: 0;
	margin-top: 10px;
}
.product_box .pro_left ul li{
	background: #fff;
	line-height: 50px;
	/*border-bottom: 1px solid #ccc;*/
	box-shadow: 0px 0px 2px rgba(255,255,255,.4);
}
.product_box .pro_left ul li.active{
	border-left: 3px solid #0a3c93;
}
.product_box .pro_left ul li:hover{
	border-left: 3px solid #000;
}
.product_box .pro_left ul li a{
	display: block;
	color: #000;
	margin-left: 30px;
	text-decoration: none;
	font-size: 15px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
}
.product_box .pro_left .pro_title{
	background: #0f58d6;
}
.product_box .pro_left .pro_title h2{
	color: #fff !important;
	line-height: 28px;
    text-align: center;
    font-size: 20px;
}
.product_box .pro_right{
	width: 74.266%;
}
.product_box .pro_right ul::after{
	content: "";
	display: block;
	clear: both;
}
.product_box .pro_right ul{
	margin: 0;
}
.product_box .pro_right ul li{
	float: left;
	width: 32%;
    margin-right: 17px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.product_box .pro_right ul li:nth-child(3n){
	margin-right: 0;
}
.product_box .pro_right ul li a{
	display: block;
	width: 100%;
	text-decoration: none;
}
.product_box .pro_right ul li div{
	height: 220px;
	display: flex;
	align-items: center;
}
.product_box .pro_right ul li img{
	display: block;
	width: 100%;
	max-height: 220px;
}
.product_box .pro_right ul li p{
	text-align: center;
	color: #666;
	line-height: 40px;
	border-top: 1px solid #ccc;
}
.product_box .pro_right ul li:hover p{
	background: #0f3d88;
	color: #fff;
}
.pro_title{
	text-transform: uppercase;
}
.list--unstyled.logo-list.list-box{
	margin:auto;
}
/*产品 end*/
.page{text-align: center;margin: 15px 0;}
.page a{padding:5px 15px;border:1px solid #666;color: #666;border-radius: 5px;margin:0 5px; }
.page a.coc{color: #fff;background-color: #0f3d88;border:1px solid #0f3d88;}
@media screen and (max-width: 1279px) {}

@media screen and (max-width: 1023px) {
	.container {
		padding: 0 20px;
	}
	.rNav a {
		padding: 0 8px;
	}
	.services {
		padding: 30px 0;
	}
	.service__inner {
		padding-right: 15px;
	}
	.services li:nth-child(2) .service__inner {
		padding: 0 10px 0 5px;
	}
	.services li:nth-child(3) .service__inner {
		padding: 0 5px 0 10px;
	}

	.services li:last-child .service__inner {
		padding: 0 0 0 15px;
	}

	.services li:nth-child(1) .button {
	left: calc((100% - 15px) / 2 );
    }

    .services li:nth-child(2) .button {
	left: calc((100% - 5px) / 2 );
    }

    .services li:nth-child(3) .button {
	left: calc((100% + 5px) / 2 );
    }

    .services li:last-child .button {
	left: calc((100% + 15px) / 2 );
    }

	main {
		padding: 50px 0;
	}
	.logo-list {
		margin-top: 30px;
	}
	.contact-block .container, .contact-block__content, .contact-block__form {
		display: block;
		width: 100%;
	}
	.contact-block .container {
		padding: 0;
	}
	.contact-block__content, .contact-block__form {
		padding: 30px;
	}
	.contact-block__img {
		width: 100%;
	}
	footer {
		padding: 50px 0;
	}
	aside {
		padding-left: 20px;
	}
}

@media screen and (max-width: 950px) {
	header {
		position: relative;
		padding: 20px 0 0;
	}
	header .logo {
		margin-bottom: 20px;
	}
	.container nav {
		float: none;
		padding: 0 20px;
		margin: 0 -20px;
		clear: both;
		background: #0f58d6;
	}
	.rNav > li {
		height: 50px;
		line-height: 50px;
	}
	.rNav > li > a {
		color: #fff;
	}
	.rNav > li:hover > a {
		color: #ffb7a4;
	}
	.rNav > li > a:hover {
		color: #ffb7a4;
	}
	.rNav a {
		background: none;
	}
	.rNav ul {
		background: #fff;
	}
	.banner {
		height: 450px;
	}
	.services ul, .services ul li {
		display: block;
		width: 100%;
	}
	.services ul {
		max-width: 600px;
		margin: 0 auto;
	}
	.services ul li + li {
		margin-top: 20px;
	}
	.services li:nth-child(1) .button,
	.services li:nth-child(2) .button,
	.services li:nth-child(3) .button,
	.services li:last-child .button {
		left: 50%;
	}

  .services img {
    width: 304px; 
    max-width: 100%;
  }

	.service__inner {
		padding: 0 !important;
	}


	.footer-col:last-child {
		margin: 30px 0 0;
		clear: left;
	}
}

@media screen and (max-width: 767px) {
	.container {
		padding: 0 10px;
	}
	.header__right .button {
		position: absolute;
		bottom: 0;
		left: 20px;
		z-index: 2;
		height: 50px;
		padding: 0;
		font-weight: 700;
		line-height: 50px;
		background: none;
	}
	.header__right .button:hover {
		color: #ffb7a4;
		background: none;
	}
	.container nav {
		position: relative;
		margin: 0 -10px;
	}
	.container nav:after {
		content: '';
		display: table;
		clear: both;
	}
	#rNav-wrap {
		float: right;
		text-align: center;
	}
	#rNav-trigger {
		display: block;
		height: 50px;
		line-height: 50px;
		text-align: center;
		cursor: pointer;
		background: #0f58d6;
	}
	.sp_vid video{
		height: 400px!important;
		object-fit: fill;
	}
	#rNav-trigger div {
		display: inline-block;
		vertical-align: middle;
	}
	#rNav-trigger span {
		display: block;
		width: 40px;
		height: 4px;
		background: #fff;
		border-radius: 4px;
	}
	#rNav-trigger span:first-child + span {
		margin: 5px 0;
	}
	.rNav {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 9999;
		display: none;
		width: 100%;
		background: #fff;
	}
	.rNav > li {
		float: none;
		height: 40px;
		line-height: 40px;
	}
	.rNav > li > a {
		color: #616161;
	}
	.rNav > li > a:hover {
		color: #d62929;
	}
	.rNav a {
		height: auto;
		padding: 0 20px;
	}
	.rNav li.rNav-back a:before {
		content: '\25C0';
		padding: 0 10px 0 0;
		font-family: 'Lucida Sans Unicode', 'Arial Unicode MS';
	}
	a.rNav-parent:after {
		content: '\25B6';
		padding: 0 0 0 10px;
		font-family: 'Lucida Sans Unicode', 'Arial Unicode MS';
	}
	.rNav-trans {
		position: absolute;
		display: block;
		overflow: hidden;
	}
	.rNav-trans li, .rNav-trans li a {
		white-space: nowrap;
		overflow: hidden;
	}
	.services {
		padding: 20px 0;
	}
	main {
		padding: 40px 0;
	}
	.logo-list {
		margin-top: 10px;
	}
	footer {
		padding: 40px 0;
	}
	blockquote {
		padding: 15px;
	}
	article, aside {
		float: none;
		width: 100%;
	}
	aside {
		padding: 0;
		margin-top: 20px;
	}
	.sidebar {
		padding: 15px;
	}
	.product_box{
		flex-wrap: wrap;
		padding: 10px;
	}
	.product_box .pro_left {
		width: 100%;
	}
	.product_box .pro_right {
		width: 100%;
	}
	.product_box .pro_left ul {
		margin-bottom: 10px;
	}
	.product_box .pro_right ul li {
		width: 100%;
		margin-right: 15px;
	}
	.product_box .pro_right ul li:nth-child(3n){
		margin-right: 15px;
	}
	.product_box .pro_right ul li:nth-child(2n){
		margin-right: 0;
	}
	.page a {
		padding: 5px 11px;
	}
	.logo-list{
		width: 100%;
	}




}

@media screen and (max-width: 567px) {
	html {
		font-size: 1rem;
	}
	header .logo {
		float: none;
		margin: 0 auto 20px;
	}
	.header__right a[href^='tel'] {
		display: none;
	}
	.banner {
		height: 200px;
	}
	.interior-banner {
		height: 240px;
	}
	.slide .slide__inner {
		padding: 0 20px;
	}
	.flex-direction-nav {
		display: none;
	}
	.services {
		padding: 15px 0;
	}
	main {
		padding: 30px 0;
	}
	.contact-block__content {
		padding: 30px 15px;
	}
	.contact-block__form {
		display: none;
	}
	footer {
		padding: 30px 0;
	}
	.footer-col {
		float: none;
	}
	.footer-col + .footer-col {
		margin-top: 30px;
		margin-left: 0;
	}
	.copyright li {
		display: block;
		padding: 0;
		line-height: 1;
		border: none;
	}
}

@media print {
	@page {
		margin: .5cm !important;
	}
	*, *:before, *:after {
		color: #000 !important;
		text-shadow: none !important;
		background: transparent !important;
		box-shadow: none !important;
	}
	body {
		padding: .75cm !important;
		font: 10pt/1.2 Arial, Helvetica, sans-serif !important;
	}
	article, .container {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	nav, aside, footer {
		display: none;
	}
	a, a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: ' (' attr(href) ')';
	}
	abbr[title]:after {
		content: ' (' attr(title) ')';
	}
	a[href^='#']:after, a[href^='javascript:']:after {
		content: '';
	}
	h1, h2, h3, h4, h5, h6 {
		font-size: 18pt !important;
		font-weight: bold !important;
	}
	h2 {
		font-size: 16pt !important;
	}
	h3 {
		font-size: 14pt !important;
	}
	h4 {
		font-size: 12pt !important;
	}
	h5, h6 {
		font-size: 10pt !important;
	}
	code {
		font: 10pt Courier, monospace;
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
}
.list--unstyled li {
	text-align: left !important;
}
.social-media.list--unstyled li{
	margin-top: 0 !important;
}
span#lContent{
	display: block;
	width: 1200px;
	padding: 0 30px;
	margin: 0 auto;
}
@media screen and (max-width:768px) {
	span#lContent{
		width: 100%;
		padding:0 10px;
		margin: 0 auto;
		box-sizing: border-box;
	}

}
.w1280{
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
.pro-xq::after{
	content: "";
	display: block;
	clear: both;
}
.pro-xq-left{
	float: left;
	width: 23.438%;
}
.pro-xq-right{
	float: right;
	width: 74.266%;
}
.pro-xq-left .aside-title {
	text-align: center;
	height: 118px;
	font-size: 45px;
	line-height: 115px;
	font-family: "DINPro-Regular";
	color: #fff;
	background: url(../images/bg8.jpg) no-repeat top center/100% 100%;
}
.pro-xq-left .aside-list>ul{
	margin: 0;
	padding: 12px 7px 4px 7px;
	border: 1px solid #e5e5e5;
	margin-bottom: 24px;
}
.pro-xq-left .aside-list ul li>a {
	display: block;
	line-height: 23px;
	font-size: 16px;
	color: #062552;
	padding: 13px 17px 14px 19px;
	letter-spacing: .5px;
	transition: .5s;
	border-left: 5px solid #fff;
	background: url(../images/dot9h.png) no-repeat 92% center;
}
.pro-xq-left .aside-list ul .active>a {
	color: #fff;
	border-left: 5px solid #f39800;
	background: #0f3d88 url(../images/dot9.png) no-repeat 92% center;
}
.pro-xq-left .aside-list>ul>li:hover>a {
	color: #fff;
	border-left: 5px solid #f39800;
	background: #0f3d88 url(../images/dot9.png) no-repeat 92% center;
	text-decoration: none;
}
.aside-list>ul>li>ul{
	display: none ;
}
.aside-list>ul>li.active>ul{
	display: block ;
}
.aside-list-b{
	margin-left: 0;
	display: none;
}
.aside-list-a.active>.aside-list-b{
	display: block;
}
.aside-list-b li{
	padding: 0 18px;
	background: url(../images/dot10.png) no-repeat 29px center;
}
.aside-list-b li:hover{
	padding: 0 18px;
	background: url(../images/dot10h.png) no-repeat 29px center;
}
.aside-list-b li a{
	text-decoration: none;
	color: #666;
}
.aside-list-b li:hover a{
	text-decoration: none;
	color: #0f3d88 ;
}

.pro-xq-right .a-title {
	position: relative;
}
.pro-xq-right .a-title h3 {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-left: 24px;
	font-size: 22px;
	color: #2e2e2f;
	z-index: 2;
	letter-spacing: 1.2px;
	line-height: 44px;
	padding-right: 23px;
	background: #fff;
}
.pro-xq-right .a-title h3:before {
	content: '';
	display: block;
	width: 6px;
	height: 20px;
	background: #f39800;
	border-radius: 8px;
	position: absolute;
	top: 12px;
	left: 0;
}
.pro-xq-right .a-title h3:after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #b5b6b6;
	position: absolute;
	top: 17px;
	right: 0;
}
.pro-xq-right  .a-title:after {
	content: '';
	display: block;
	height: 1px;
	border-bottom: 1px dotted #e7e7e7;
	position: absolute;
	top: 20px;
	right: 0;
	width: 100%;
	z-index: 1;
}
.pro-xq-right .product-top .pro-left {
	width: 41.946%;
	float: left;
	overflow: hidden;
}
.pro-xq-right .product-top .pro-right {
	width: 54.7%;
	float: right;
}
.pro-xq-right .product-top::after{
	content: "";
	display: block;
	clear: both;
}

.pro-xq-right .product-info .p-title {
	background: url(../images/bg9.png) no-repeat bottom left;
	padding-left: 65px;
	font-size: 18px;
	color: #333;
	padding-bottom: 12px;
	margin-bottom: 37px;
	letter-spacing: 1px;
}
.product-top .pro-left .pro-max {
	border-top: 2px solid #f39800;
	position: relative;
}
.product-top .pro-right .bt {
	font-size: 22px;
	color: #000;
	border-bottom: 1px dashed #dbdce0;
	padding-bottom: 8px;
}
.product-top .pro-right .info {
	padding-top: 9px;
	margin-bottom: 21px;
	overflow: hidden;
	border-bottom: 1px dashed #dbdce0;
	padding-bottom: 10px;
}
.product-top .pro-right .info .jsh {
	line-height: 31px;
	font-size: 16px;
	color: #666;
}
.product-top .pro-right .info .jsh p {
	background: url(../images/dot6.png) no-repeat left 9px;
	padding-left: 31px;
	color: #333;
	margin-bottom: 0;
}
.product-top .pro-right .info .jsh p span {
	color: #666;
	width: 169px;
	display: inline-block;
	vertical-align: top;
}
.product-top .pro-right .online {
	background: url(../images/phone3.png) no-repeat top left;
	padding-left: 56px;
	overflow: hidden;
	padding-top: 2px;
}
.product-top .pro-right .online .on {
	display: block;
	float: left;
	height: 42px;
	line-height: 40px;
	color: #1b4fa2;
	font-size: 20px;
	margin-right: 20px;
	border-top: 1px solid #1b4fa2;
	border-bottom: 1px solid #1b4fa2;
	padding-left: 5px;
}
.product-top .pro-right .online .on span {
	font-size: 24px;
}
.more1 {
	position: relative;
	overflow: hidden;
	width: 148px;
	margin: 0 auto;
	background: #0f3d88;
}
.more1 a {
	width: 100%;
	height: 42px;
	line-height: 42px;
	display: block;
	position: relative;
	z-index: 2;
	transition: all .7s;
	padding-left: 27px;
	font-size: 16px;
	color: #fff;
	background: url(../images/moreh.png) no-repeat 87% center;
	background-size: 15px;
}

.swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.gallery-top {
  height: 333px;
  width: 100%;
}

.gallery-thumbs {
  height: 95px;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-slide-thumb-active{
	border: 2px solid #0f3d88;
}
.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.6;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
.p-info p img{
	display:inline-block;
}
@media screen and (max-width:768px) {
	.pro-xq-left{
		width: 100%;
		float: none;
	}
	.pro-xq-right{
		width: 100%;
		float: none;
	}
	.pro-xq-left .aside-list ul{
		box-sizing: border-box;
	}
	.pro-xq-right .product-top .pro-left{
		width: 100%;
		float:none;
		overflow: hidden;
	}
	.pro-xq-right .product-top .pro-right {
		width: 100%;
		float: none;
	}
	.w1280 {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}
	.more1 {
		margin: 0;
	}
	.product-top .pro-right .online .on span {
		font-size: 22px;
	}
	.p-info table{
		width: 100% !important;
		overflow-x: auto;
	}
}
.p-info p img{
            display:inline-block;
        }
.ty_nr p img{
	margin: 0 auto;
}
        @media screen and ( max-width:758px) {
            .p-info table{
                width: 100% !important;
                overflow-x: auto;
            }
        }

.lianxi{ float:right;}
@media only screen and (max-width: 980px) {
	
	.lianxi{ float:none; display:block; margin:0 auto; width:90%;}
	}