/*

Theme Name: Zroup高级通用企业主题

Description: WordPress通用跨屏响应式企业主题

Version: 1.4.0

Tags: 企业主题,响应式主题,HTML5,CSS3,响应式

Time: 2016.10.09

*/





/*蓝*/



article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {

	display:block

}

audio, canvas, video {

	display:inline-block

}

video {

	margin:20px;

	width:560px;

}

audio:not([controls]) {

display:none;

height:0

}

[hidden], template {

display:none

}

html {

	-ms-text-size-adjust:100%;

	-webkit-text-size-adjust:100%

}

a {

	background:transparent

}

a:focus {

	outline:thin dotted

}

a:active, a:hover {

	outline:0; color:#565656;

}

abbr[title] {

	border-bottom:1px dotted

}

b, strong {

	font-weight:bold

}

dfn {

	font-style:italic

}

hr { 

	-moz-box-sizing:content-box;

	box-sizing:content-box;

	height:0;

	border:0;

	clear:both

}

mark {

	background:#ff0;

	color:#000

}

code, kbd, pre, samp {

	font-family:monospace, serif;

	font-size:1em

}

pre {

	white-space:pre-wrap

}

q {

	quotes:"\201C" "\201D" "\2018" "\2019"

}

small {

	font-size:80%

}

sub, sup {

	font-size:75%;

	line-height:0;

	position:relative;

	vertical-align:baseline

}

sup {

	top:-.5em

}

sub {

	bottom:-.25em

}

img {

	border:0

}

svg:not(:root) {

overflow:hidden

}

figure {

	margin:0

}

fieldset {

	border:1px solid silver;

	margin:0 2px;

	padding:.35em .625em .75em

}

legend {

	border:0;

	padding:0

}

/*按钮*/

button, input, select, textarea {

	font-family:inherit;

	font-size:15px;

	margin:0;

	outline:0

	color: #0077cc;

	padding: 5px 5px;

    margin-bottom: 20px;

}

button, input {

	line-height:normal

}

button, select {

	text-transform:none

}

button, html input[type="button"], input[type="reset"], input[type="submit"] {

	-webkit-appearance:button;

	cursor:pointer

}

button[disabled], html input[disabled] {

	cursor:default

}

input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:active {

	border:1px solid #ccc

}

input[type="checkbox"], input[type="radio"] {

	box-sizing:border-box;

	padding:0

}

input[type="search"] {

	-webkit-appearance:textfield;

	-moz-box-sizing:content-box;

	-webkit-box-sizing:content-box;

	box-sizing:content-box

}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {

-webkit-appearance:none

}

button::-moz-focus-inner, input::-moz-focus-inner {

border:0;

padding:0

}

textarea {

	overflow:auto;

	vertical-align:top

}

table {

	border-collapse:collapse;

	border-spacing:0;

}

body, div, ol, ul, li, h1, h2, h3, h4, h5, h6, p, span, th, td, dl, dd, form, fieldset, legend, input, textarea, select {

	margin:0 auto;

	padding:0;

	border:0

}

.animated {

-webkit-animation-duration:.5s;

animation-duration:.5s;

	-webkit-animation-fill-mode:both;

	animation-fill-mode:both

}

@-webkit-keyframes fadeInDown {

0% {

opacity:0;

-webkit-transform:translateY(-20px);

transform:translateY(-20px)

}

100% {

opacity:1;

-webkit-transform:translateY(0);

transform:translateY(0)

}

}

@keyframes fadeInDown {

0% {

opacity:0;

-webkit-transform:translateY(-20px);

-ms-transform:translateY(-20px);

transform:translateY(-20px)

}

100% {

opacity:1;

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

}

.fadeInDown {

	-webkit-animation-name:fadeInDown;

	animation-name:fadeInDown

}

@-webkit-keyframes fadeInUp {

0% {

opacity:0;

-webkit-transform:translateY(20px);

transform:translateY(20px)

}

100% {

opacity:1;

-webkit-transform:translateY(0);

transform:translateY(0)

}

}

@keyframes fadeInUp {

0% {

opacity:0;

-webkit-transform:translateY(20px);

-ms-transform:translateY(20px);

transform:translateY(20px)

}

100% {

opacity:1;

-webkit-transform:translateY(0);

-ms-transform:translateY(0);

transform:translateY(0)

}

}

.fadeInUp {

	-webkit-animation-name:fadeInUp;

	animation-name:fadeInUp

}

@-webkit-keyframes fadeInLeft {

0% {

opacity:0;

-webkit-transform:translateX(-20px);

transform:translateX(-20px)

}

100% {

opacity:1;

-webkit-transform:translateX(0);

transform:translateX(0)

}

}

@keyframes fadeInLeft {

0% {

opacity:0;

-webkit-transform:translateX(-20px);

-ms-transform:translateX(-20px);

transform:translateX(-20px)

}

100% {

opacity:1;

-webkit-transform:translateX(0);

-ms-transform:translateX(0);

transform:translateX(0)

}

}

.fadeInLeft {

	-webkit-animation-name:fadeInLeft;

	animation-name:fadeInLeft

}

body {

	color:#444;

	background:#fff;

	font:12px/24px "Microsoft Yahei", Verdana, Tahoma, Arial, Helvetica, Sans-Serif

}

ul, ol, li {

	list-style:none

}

table, td, th, input {

	font-size:12px

}

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

	font-weight:normal

}

h1 {

	font-size:28px

}

h2 {

	font-size:18px

}

h3 {

	font-size:16px

}

h4 {

	font-size:14px

}

h5, h6 {

	font-size:12px

}

.inner {

	width:1280px;

	overflow:hidden

}

.inner-1 {

	/*width:1200px;*/

	width:100%;

	overflow:hidden

}

.inner-2 {

	/*width:1200px;*/

	width:100%;

	overflow:hidden

}

.clearfix {

	clear:both;

	font-size:1px;

	width:1px;

	height:0;

	visibility:hidden;

	margin-top:0 !important;

*margin-top:-1px;

	line-height:0

}

.radius {

	border-radius:3px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px

}

.fadein {

transition:.3s ease-in-out;

-webkit-transition:all .3s ease-in-out;

-moz-transition:all .3s ease-in-out;

-o-transition:all .3s ease-in-out

}

.opacity {

	filter:alpha(opacity=60);

	-moz-opacity:.6;

	opacity:.6

}

.folio-thumb img {

	width:100%;

	-webkit-backface-visibility:hidden;

	-moz-backface-visibility:hidden;

	-ms-backface-visibility:hidden;

	backface-visibility:hidden;

-webkit-transition-duration:.7s;

-moz-transition-duration:.7s;

-ms-transition-duration:.7s;

-o-transition-duration:.7s

}

.folio-thumb:hover img {

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-o-transform:scale(1);

	-ms-transform:scale(1)

}

.folio-thumb .opacity-pic {

	width:100%;

	height:100%;

	position:absolute;

	top:0;

	left:0;

	cursor:pointer;

	-moz-opacity:0;

	-khtml-opacity:0;

	opacity:0;

	filter:alpha(opacity=0);

	_display:none

}

.folio-thumb:hover .opacity-pic {

	background:#000;

	-moz-opacity:.4;

	-khtml-opacity:.4;

	opacity:.4;

	filter:alpha(opacity=40);

-webkit-transition:all .5s ease;

-moz-transition:all .5s ease;

-ms-transition:all .5s ease;

-o-transition:all .5s ease;

transition:all .5s ease

}

.mediaholder {

	overflow:hidden

}

a:link, a:visited {

	color:#444;

	outline:0;

	text-decoration:none

}

a:hover {

	color:#0077cc;

	text-decoration:none;

}

.topbar {

	height:32px;

	line-height:32px;

	border-bottom:1px solid #eee;

	color:#6c6c6c;

	background:#f5f5f5

}

.topbar .inner {

	overflow:visible

}

.topbar a:link, .topbar a:visited {

	color:#6c6c6c

}

.topbar a:hover {

	color:#0077cc

}

.topbar-lt {

	float:left

}

.topbar-rt {

	float:right

}

.subnav {

	float:right;

	color:#6c6c6c;

	overflow:hidden

}

.subnav a {

	padding:0 6px

}



.subnav { line-height: 30px; font-size: 14px; }

.subnav ul { list-style: none; text-align: center; }

.subnav ul li { height: 30px; line-height: 30px; display: inline; padding: 0 10px 0 0; }

.subnav ul ul { display: none; }

.header {

	padding:15px 0;

	background:#fff;

	clear:both;

*position:relative;

*z-index:1;

}

.header img {

	display:block

}

.logo {

	float:left;

	height:80px;

	margin-top:18px;

}

.rtbox {

	float:right

}

.nav-box {

	margin:0 auto;

	width:100%;

	height:100px;

	/*background:#0077cc;*/

	background: #FFFFFF;

	/*-moz-box-shadow:0 -6px 6px rgba(0, 0, 0, .1) inset;

	-webkit-box-shadow:0 -6px 6px rgba(0, 0, 0, .1) inset;

	box-shadow:0 -6px 6px rgba(0, 0, 0, .1) inset*/

}

.nav-container {

*position:relative;

*z-index:9997;

}

.navbar {

	overflow:visible;

	position:relative

}

#mobile-nav {

	display:none

}

.main-menu {

	height:100px;

	line-height:100px;

	font-size:16px;

	/*color:#fff;*/

	color:#000000;

	position:relative;

	overflow:visible

}

.main-menu .inner {

	overflow:visible

}

.navi {

	position:relative;

	z-index:9997

}

.navi li {

	float:left;

	padding:0 10px;

	text-transform: none;

	white-space:nowrap;

	position:relative

}

.navi li:first-child, .navi li.fr {

	padding:0 0px 0 0;

	border-bottom:0

}

.navi li a:link, .navi li a:visited {

	padding:0 12px;

	/*color:#fff;*/

	color:#000000;

	display:block

}

.navi li a:hover {

	color:#333333;

	text-decoration:none

}

.navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-post-parent a, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a, .navi li:hover a {

	color:#222222;

	

}

.navi li ul {

	position:absolute;

	top:70px;

	left:0;

	z-index:999;

	padding:9px 0 0;

	width:220px;

	border-bottom:1px solid #ddd;

	background:url(images/menu-hover.png) no-repeat 0 0;

	display:none

}

.navi li ul li {

	float:none;

	padding:0;

	line-height:38px;

	font-size:13px;

	border-left:1px solid #eee;

	border-right:1px solid #eee;

	border-bottom:1px solid #f4f4f4;

	background:#fff

}

.navi li ul li a:link, .navi li ul li a:visited {

	padding:0 20px;

	height:38px;

	color:#777

}

.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-menu-item ul li a:hover, .navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a {

	color:#777;

	background:none

}

.navi li ul li.menu-item-has-children a {

	padding:0 20px;

	height:38px;

	color:#777;

	background:url(images/menu.png) no-repeat right -14px

}

.navi li ul li a:hover, .navi li.current-menu-item ul li a:hover, .navi li.current-post-ancestor ul li a:hover, .navi li.current-menu-parent ul li a:hover, .navi li.current-category-ancestor ul li a:hover, .navi li:hover ul li a:hover {

	border:0;

	color:#0077cc;

	background:#f6f6f6

}

.navi li:hover a {

	color:#dcdcdc

}

.navi li:hover ul li a {

	background:none

}

.navi li:hover ul li.menu-item-has-children a {

	background:url(images/menu.png) no-repeat right -14px

}

.navi li.current-menu-parent ul li.current-menu-item a {

	color:#333;

	background-color:#f6f6f6

}

.navi li ul li ul {

	top:0;

	left:218px;

	padding:0

}

.navi li ul li.menu-item-has-children:hover a {

	color:#0077cc;

	background:#f6f6f6 url(images/menu.png) no-repeat right -58px

}

.navi li ul li.menu-item-has-children:hover ul li a {

	color:#777;

	background:#fff

}

.navi li ul li.menu-item-has-children:hover ul li a:hover {

	color:#0077cc;

	background-color:#f6f6f6

}

.navi li:hover ul li.menu-item-has-children ul li a {

	background:none

}

.pinned {

	margin:0 auto;

	height:56px;

	position:fixed;

	top:0;

	z-index:99999;

	_position:absolute;

_top:expression(eval(document.documentElement.scrollTop));

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

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

	box-shadow:0 0 12px rgba(0, 0, 0, .2)

}

.pinned .main-menu {

	height:56px;

	line-height:56px;

	font-size:13px

}

.pinned .logo {

   margin-top:-1px;

}

.pinned .navigation-up .navigation-v3 li h2 a{

   margin-top:-20px;

}

.pinned .navigation-down{position:absolute;top:60px;left:0px;width:100%}

.pinned .navigation-up .navigation-v3 li h2 a{ height: 70px;line-height:100px}

.pinned .navigation-up .navigation-v3 li h2 a:hover{color:#0077cc; border-bottom:2px solid #ececec; height:70px;}

.pinned .toggle-search{

   margin-top:-20px;

}

.pinned .navi li ul {

	top:45px

}

.pinned .navi li ul li ul {

	top:-1px;

	border-top:1px solid #ddd

}

.toggle-search .toggle-search {

	margin-top:-35px

}

.toggle-search {

	float:right;

	width:210px;

	position:absolute;

	right:3%;

	top:32px

}

.toggle-search .search-box {

	display:none

}

.toggle-search #searchform {

	padding:0;

	height:auto;

	background:none;

	position:relative

}

.toggle-search #searchform #ls {

	padding:2px 10px;

	width:180px;

	height:24px;

	line-height:24px;

	border:1px solid #ececec;

	background:#fff;

	position:absolute;

	right:-30px

}

.toggle-search #searchform #searchsubmit, .toggle-search .btn-search {

	margin-right:-1px;

	padding:0;

	width:32px;

	height:30px;

	text-indent:-9999px;

	border:0;

	background:#efefef url(images/search.png) no-repeat center 8px;

	position:absolute;

	right:-2px;

	top:0;

-webkit-transition:all .5s ease;

-moz-transition:all .5s ease;

-ms-transition:all .5s ease;

-o-transition:all .5s ease;

transition:all .5s ease

}

.toggle-search #searchform:hover #searchsubmit, .toggle-search #searchform #searchsubmit:active {

	background:#eee url(images/search.png) no-repeat center 8px

}

.toggle-search .btn-search {

	background:url(images/search.png) no-repeat center -67px;

	top:0;

	z-index:99;

	cursor:pointer;

	filter:alpha(opacity=80);

	-moz-opacity:.8;

	opacity:.8

}

.toggle-search .active {

	display:none

}

#sliderbox {

	position:relative;

	clear:both;

	overflow:hidden

}

#slidebanner {

	width:auto;

	height:auto;

	margin-left:-950px;

	text-align:center;

	_text-align:left;

	overflow:hidden;

	position:relative;

	left:50%;

	z-index:90;

	clear:both

}

#slideshow li {

	width:auto;

	height:auto;

	position:absolute;

	left:0;

	top:0

}

#slideshow li img {

	width:auto;

	height:auto;

	display:block

}

#slidebanner .bx-wrapper {

	height:auto

}

#slidebanner .bx-wrapper .bx-pager {

	width:100%;

	text-align:center;

	position:absolute;

	left:0;

	bottom:10px;

	z-index:90

}

#slidebanner .bx-wrapper .bx-pager .bx-pager-item, #slidebanner .bx-wrapper .bx-controls-auto .bx-controls-auto-item {

	display:inline

}

#slidebanner .bx-wrapper .bx-pager a {

	margin-left:10px;

	width:48px;

	height:4px;

	font-size:0;

	background:#fff;

	overflow:hidden;

	display:inline-block;

	text-decoration:none;

	moz-border-radius:50px;

	-webkit-border-radius:50px;

	border-radius:50px

}

#slidebanner .bx-wrapper .bx-pager a.active {

	background:#0077cc

}

#sliderbox .bx-prev, #sliderbox .bx-next {

	width:60px;

	height:100%;

	_height:400px;

	text-indent:-9999px;

	background:url(images/arrow-slider.png) no-repeat -50px 48%;

	overflow:hidden;

	display:none;

	position:absolute;

	top:0;

	z-index:100;

	filter:alpha(opacity=60);

	-moz-opacity:.6;

	opacity:.6

}

#sliderbox .bx-prev {

	left:3%;

	_left:69%

}

#sliderbox .bx-next {

	right:3%;

	background-position:10px 48%

}

#sliderbox .bx-prev:hover, #sliderbox .bx-next:hover {

	filter:alpha(opacity=100);

	-moz-opacity:1;

	opacity:1

}

.bx-controls-auto {

	display:none

}

.banner-shadow {

	width:100%;

	height:25px;

	background:url(images/shadow.png) repeat;

	overflow:hidden

}

.banner {

	text-align:center;

	background:#eee;

	overflow:hidden;

	position:relative

}

.banner img {

	width:100%;

	display:block

}

.container {

	/*padding:10px 0 30px;*/

	overflow:visible;

	clear:both

}

.column-fluid {

	float:right;

	width:100%

}

.content {

	/*margin-left:275px;*/

	overflow:hidden

}

.fullwidth {

	margin:0 auto;

	width:100%

}

.col-md-3 {

	margin-top:15px

}

.col-md-3 div {

	float:left;

	margin-bottom:20px;

	padding:0 1.5%;

*padding:0 1.4%;

	width:30.33%;

	height:auto;

	text-align:center;

	overflow:hidden

}

.col-md-3 div img {

	max-width:100%;

	height:auto

}

.col-md-3 div h3 {

	margin:15px auto 10px;

	width:100%;

	height:24px;

	font-size:16px;

	color:#333;

	overflow:hidden

}

.col-md-3 div p {

	color:#666

}

.col-md-4 div {

	padding:0 1%;

*padding:0 .9%;

	width:23%

}

.col-md-2 div {

	padding:0 1%;

*padding:0 .9%;

	width:48%

}

.col-md-1 div {

	padding:0;

*padding:0;

	width:100%

}

.col3 {

	overflow:hidden

}

.col3 div {

	float:left;

	margin-bottom:20px;

	padding:0 1.5%;

*padding:0 1.4%;

	width:30.33%;

	height:auto;

	text-align:center;

	overflow:hidden

}

.col3 div img {

	max-width:100%;

	height:auto

}

.col3 div h3 {

	margin:6px auto 10px;

	width:100%;

	height:24px;

	font-size:16px;

	color:#333;

	overflow:hidden

}

.col3 p {

	clear:both

}

.col3 div p {

	color:#666;

	clear:none

}

.row-fluid {

	margin-bottom:25px;

	width:100%;

	overflow:hidden

}

.row-fluid-nomargin {

	margin-bottom:0

}

.row-fluid h2 {

	margin-bottom:25px;

	font-size:16px;

	height:36px;

	line-height:36px;

	border-bottom:2px solid #e6e6e6;

	color:#0077cc;

	text-transform:capitalize

}

.row-fluid h2 a:link, .row-fluid h2 a:visited {

	color:#0077cc;

-webkit-transition:color .4s ease;

-moz-transition:color .4s ease;

-o-transition:color .4s ease;

-ms-transition:color .4s ease;

transition:color .4s ease

}

.row-fluid h2 a:hover {

	color:#333;

	text-decoration:none

}

.row-fluid h2 b {

	font-weight:normal;

	border-bottom:2px solid #0077cc;

	display:inline-block

}

.row-fluid h2 i {

	font-style:normal;

	text-align:left;

	display:block

}

.row-fluid h2 span a {

	float:right;

*margin-top:-45px;

	width:36px;

	height:auto;

	text-indent:-9999px;

	background:url(images/icon.gif) no-repeat 0 -96px;

	display:block

}

.row-fluid .content {

	margin:0 50% 0 0;

	padding-right:20px

}

.row-fluid .column-fluid {

	float:left

}

.row-fluid .piclist {

	padding-top:10px

}

.imain1{ width:729px; height:600px; float:left; margin:2px 2px 0px 0px;}

.imain1-1{position: relative;}

.imain1 img{ width:720px; height:590px; text-align:center;border-radius: 8px;}

.imain2{ width:540px; height:300px; float:left; margin:1px 1px 0px 0px;}

.imain2 img{ width:540px; height:290px; text-align:center;border-radius: 8px;}

.imain3{ width:637px; height:300px; float:left; margin:2px 2px 2px 1px;}

.imain3 img{ width:630px; height:300px; text-align:center;border-radius: 8px;}

.imaintop{ position:relative;width:90%;left:0px;bottom:60px;}

.imaintop h3{font-size:26px; color:#FFFFFF;}

.imaintop p{font-size:16px; color:#FFFFFF;}

.imaintop2{ position:relative;width:90%;left:0px;bottom:60px;}

.imaintop2 h3{font-size:26px; color:#333333;}

.imaintop2 p{font-size:16px; color:#333333;}

.imaintop .imaintop h3 hover{ color:#FFFFFF; text-decoration:none;}

.imain1 a:hover{text-decoration:none;}

.imain2 a:hover{text-decoration:none;}

.imain3 a:hover{text-decoration:none;}



/*首页新增-2019-9-6*/

.section1 {position:relative; height:530px;}

.section1 h1 {font-size:44px; font-weight: 400; line-height:186px; text-align:center;}

.section1 .main {margin:0 auto; overflow:hidden; width:1280px;}

.section1 .main .item {float:left; position:relative; margin: 0px 5px 0px 5px;}

.section1 .main .item img {width:309px; border-radius: 8px;}

.section1 .main .item .text {bottom:35px; color:#fff; left:0; position:absolute; width:100%;}

.section1 .main .item .title {font-size:26px; padding-bottom:20px; text-align:center;}

.section1 .main .item .content {font-size:16px; line-height:28px; margin:0 auto; width: 300px;}



/*产品页面视频展示*/

#tabox-video {

    /*border: 1px solid #ececec;*/

    padding: 20px;

	width: 1200px;

}

.product-video {

    width: 560px;

    height: auto;

    float: left;

    border-radius: 10px;

    background: #fff;

    margin: 0 20px 20px 0;

    position: relative;

    /*border: 1px #ececec solid;*/

    text-align: center;

}

.product-videoimg {

    width: 560px;

    height: auto;

    text-align: center;

    margin: 20px auto;

}

.product-videoimg img {

    width: 560px;

    height: auto;

    margin: 0px auto;

    text-align: center;

	border-radius: 8px;

}

.product-video h1 {

    width: 280px;

    height: 30px;

    text-align: center;

    line-height: 20px;

    font-size: 18px;

    color: #000;

}

#light {

    margin: 0px auto;

}



.white_content {

    display: none;

    position: absolute;

    left: 25%;

    width: 680px;

    height: auto;

    padding: 20px;

    /*border: 1px solid #ececec;*/

    background-color: #ececec;

    z-index: 1002;

    overflow: auto;

    text-align: center;

    font-size: 20px;

}

.entry-cptz {
    font-size: 14px;
    overflow: hidden;
    width: 98%;
}

.col-3 {

	float:left;

	padding-left:3%;

	width:31.33%;

	height:auto;

	overflow:hidden

}

.col-3:first-child, .col-3-fr {

	padding:0

}

.col-3 ul li {

	margin-bottom:6px;

	padding-left:12px;

	height:24px;

	background:url(images/icon.gif) no-repeat 0 10px;

	overflow:hidden

}

.col-3 ul li span {

	float:right;

	padding-left:5px;

	color:#999

}

.col-3 ul li.t {

	margin-bottom:12px;

	padding:0;

	height:auto;

	background:none;

	overflow:hidden

}

.col-3 ul li.t img {

	float:left;

	padding:6px 10px 0 0;

	width:120px;

	height:100px

}

.col-3 ul li.t h3 {

	margin-bottom:6px;

	height:24px;

	font-size:14px;

	overflow:hidden

}

.col-3 ul li.t p {

	height:80px;

	line-height:20px;

	color:#666;

	overflow:hidden

}

.col-box-list {

	float:right;

	padding-left:15px;

	width:430px;

	font-size:14px

}

.col-box-list ul li {

	margin-bottom:3px;

	padding-left:14px;

	height:24px;

	background:url(images/icon.gif) no-repeat 0 11px;

	overflow:hidden

}

.col-box-list ul li span {

	float:right;

	padding-left:15px;

	font-size:12px;

	color:#888

}

.col-box-list ul li.p {

	margin-bottom:15px;

	padding:0 0 15px;

	height:auto;

	font-size:12px;

	border-bottom:1px solid #EEE;

	background:none

}

.col-box-list ul li.p h3 {

	margin-bottom:8px;

	height:24px;

	text-align:center;

	white-space:nowrap;

	overflow:hidden

}

.col-box-list ul li.p a {

	color:#0077cc

}

.col-box-list ul li.p a:hover {

	color:#333

}

.col-box-list ul li.p p {

	line-height:20px;

	color:#555

}

.col-box-list ul li.p p a {

	padding-left:10px

}

.long-bar {

	text-align:center

}

.long-bar img {

	width:100%

}

.foot-longbar .row-fluid {

	padding:40px 0 0;

	border:0

}

.row-scroll {

	overflow:visible;

	clear:both

}

.row-fluid .bx-wrapper {

	padding:0

}

.pic-scroll-list {

	position:relative;

	overflow:visible

}

.pic-scroll-list .slide {

	float:left;

	margin-bottom:25px;

	width:24%;

	height:auto;

	text-align:center;

	overflow:hidden

}

.pic-scroll-list .slide .folio-thumb {

	position:relative

}

.row-scroll .bx-wrapper .bx-pager {

	text-align:center;

	position:absolute;

	right:0;

	top:-60px;

	z-index:90

}

.row-scroll .bx-wrapper .bx-pager .bx-pager-item, .row-scroll .bx-wrapper .bx-controls-auto .bx-controls-auto-item {

	display:inline

}

.row-scroll .bx-wrapper .bx-pager a {

	margin-left:10px;

	width:8px;

	height:8px;

	font-size:0;

	background:#e6e6e6;

	overflow:hidden;

	display:inline-block;

	text-decoration:none;

	moz-border-radius:15px;

	-webkit-border-radius:15px;

	border-radius:15px

}

.row-scroll .bx-wrapper .bx-pager a.active {

	background:#0077cc

}

.row-scroll .bx-controls-direction a {

	position:absolute;

	top:0;

	width:20px;

	height:100%;

	text-indent:-9999px;

	background:url(images/arrow-scroll.png) no-repeat;

	display:inline-block;

	-moz-opacity:.3;

	opacity:.3;

	filter:alpha(opacity=30)

}

.row-scroll .bx-controls-direction a:hover {

	-moz-opacity:1;

	opacity:1;

	filter:alpha(opacity=100)

}

.row-scroll .bx-controls-direction a.bx-prev {

	background-position:0 center;

	left:0

}

.row-scroll .bx-controls-direction a.bx-next {

	background-position:-62px center;

	right:0

}

.row-fluid .pic-scroll-list .bx-wrapper {

	padding:10px 0 0

}

.pic-scroll-list .pic-scroll {

	margin:0;

	padding:0

}

.pic-scroll-list .pic-scroll li {

	float:left;

	margin-bottom:30px;

	margin-left:0;

*margin-left:0;

	_margin-left:0;

	width:25%;

	height:auto;

	overflow:hidden

}

.pic-scroll-list .pic-scroll li .folio-item {

	padding:5px;

	border:1px solid #e9e9e9;

	border-bottom-width:2px;

-webkit-transition:all .4s ease;

-moz-transition:all .4s ease;

-o-transition:all .4s ease;

-ms-transition:all .4s ease;

transition:all .4s ease

}

.pic-scroll-list .pic-scroll li:hover .folio-item {

	border-color:#bfbfbf

}

.pic-scroll-list .pic-scroll li .folio-thumb {

	position:relative

}

.pic-scroll-list .pic-scroll li .folio-thumb img {

	width:100%;

	height:auto;

	display:block

}

.pic-scroll-list .pic-scroll li h3 {

	margin:5px auto;

	width:100%;

	height:24px;

	font-size:14px;

	text-align:center;

	overflow:hidden;

	position:relative;

	z-index:10

}

.breadcrumb {

	float:right;

	color:#999

}

.breadcrumb i {

	padding:0 8px;

	background:url(images/icon.gif) no-repeat 7px -39px

}

.breadcrumb a:link, .breadcrumb a:visited {

	color:#999

}

.breadcrumb a:hover {

	color:#666

}

.breadcrumb a#hp {

	padding-left:18px;

	background:url(images/icon.gif) no-repeat 0 -157px;

*background-position:0 -159px;

}

.cur-title {

	margin-bottom:35px;

	height:36px;

	line-height:36px;

	border-bottom:2px solid #e8e8e8;

	text-transform:capitalize

}

.cur-title span {

	padding-left:4px;

	color:#ddd

}

.cur-title b {

	font-size:18px;

	font-weight:normal;

	border-bottom:2px solid #0077cc;

	color:#0077cc;

	display:inline-block

}

.cur-title b a {

	color:#0077cc;

	text-decoration:none

}

.postlist {

	padding:0;

	overflow:hidden

}

.postlist li {

	margin:0 auto 5px;

	padding:0 0 7px 15px;

	height:24px;

	border-bottom:1px solid #eee;

	background:url(images/icon.gif) no-repeat 0 11px;

	overflow:hidden

}

.postlist li.nb {

	border:0

}

.postlist li a {

	float:left;

	width:85%;

	font-size:14px

}

.postlist li span {

	float:right;

	width:78px;

	text-align:right;

	color:#bbb

}

.cat-desc {

	margin-bottom:25px;

	padding:15px;

	border:1px solid #ebebeb;

	color:#666;

	background:#f6f6f6

}

.cat-desc p {

	text-indent:2em

}

.cat-column .cur-title {

	border-bottom:1px solid #e8e8e8

}

.cat-column .cur-title b {

	line-height:35px;

	font-size:16px;

	border-bottom:1px solid #888;

	color:#444

}

.cat-column .cur-title b a {

	color:#444

}

.cat-column .cur-title b a:hover {

	color:#0077cc

}

.cat-column .cur-title i a {

	float:right;

	font-family:"宋体";

	font-size:12px;

	font-style:normal;

	color:#999

}

.piclist {

	margin-left:-2%;

	overflow:hidden

}

.piclist li {

	float:left;

	margin-bottom:30px;

	margin-left:2%;

	_margin-left:1%;

	width:23%;

	height:auto;

	overflow:hidden

}

.piclist li .folio-item {

	padding:5px;

	border:1px solid #e9e9e9;

	border-bottom-width:2px;

-webkit-transition:all .4s ease;

-moz-transition:all .4s ease;

-o-transition:all .4s ease;

-ms-transition:all .4s ease;

transition:all .4s ease

}

.piclist li:hover .folio-item {

	border-color:#bfbfbf

}

.piclist li .folio-thumb {

	position:relative

}

.piclist li .folio-thumb img {

	width:100%;

	height:auto;

	display:block

}

.piclist li h3 {

	margin:8px auto;

	width:100%;

	height:29px;

	text-align:center;

	font-size:20px;

	overflow:hidden;

	position:relative;

	z-index:10;

	color:#333333;

	font-weight: bold;

}

.piclist li h4 {font-size:16px; text-align:center;

    height: 40px;

    max-height: 40px;

    margin-top: 4px;

    font-size: 16px;

    font-weight: 300;

    line-height: 1.2em;

    color: #333;

    word-wrap: break-word;

    overflow: hidden;

    text-overflow: ellipsis;

    display: none;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.piclist li .folio-meta {

	margin-top:5px;

	color:#888;

	overflow:hidden

}

.piclist li .folio-meta .meta-cat {

	float:left;

	margin-right:70px;

	height:24px;

	color:#d6d6d6;

	overflow:hidden

}

.piclist li .folio-meta .meta-cat a, .piclist li .folio-meta .meta-cat a:hover {

	color:#888

}

.piclist li .folio-meta .meta-inquiry {

	float:right;

	margin-left:-70px

}

.piclist li .folio-meta .meta-inquiry a, .piclist li .folio-meta .meta-inquiry a:hover {

	width:68px;

	text-align:center;

	font-family:Arial;

	color:#fff;

	background:#0077cc;

	display:inline-block;

-webkit-transition:all .4s ease;

-moz-transition:all .4s ease;

-o-transition:all .4s ease;

-ms-transition:all .4s ease;

transition:all .4s ease

}

.piclist li .folio-meta .meta-inquiry a:hover {

	background-color:#f80;

	text-decoration:none

}

.piclist-col3 {

	margin-left:-1.83%

}

.piclist-col3 li {

	margin-left:1.83%;

*margin-left:1.8%;

	_margin-left:.935%;

	width:31.5%

}

.bloglist {

	padding:0;

	overflow:hidden

}

.bloglist li {

	margin:0 auto 30px;

	padding:0 0 30px;

	border-bottom:1px solid #eee;

	color:#666;

	overflow:hidden

}

.bloglist li .post-thumb {

	float:left;

	padding-right:15px

}

.bloglist li .post-thumb img {

	width:240px;

	height:180px

}

.bloglist li .excerpt {

	color:#555

}

.bloglist li:last-child, .bloglist li.nb {

	margin:0 auto;

	border:0

}

.bloglist li h2.title {

	margin-bottom:5px;

	font-weight:700

}

.bloglist li .blog-meta {

	margin:0 0 15px -8px;

	color:#ddd

}

.bloglist li .blog-meta span {

	padding:0 8px;

	color:#999

}

.bloglist li .blog-meta span.date {

	padding:0 8px 0 0

}

.blog-meta a:link, .blog-meta a:visited {

	color:#999

}

.blog-meta a:hover {

	color:#666

}

.bloglist p.readmore {

	margin-top:10px;

	text-align:right

}

.bloglist p.readmore a {

	color:#005bb5;

	text-decoration:underline

}

.bloglist p.readmore a:hover {

	color:#444

}

.post {

	overflow:hidden

}

.post .post-title {

	margin-bottom:6px;

	line-height:40px;

	font-size:28px;

	text-align:center;

	color:#333

}

.post img{

    text-align:center; margin:0px auto;

}

.postmeta {

	margin-bottom:25px;

	padding-bottom:8px;

	border-bottom:1px solid #eee;

	color:#999;

	text-align:center

}

.postmeta a:link, .postmeta a:visited {

	color:#999

}

.postmeta a:hover {

	color:#666

}

.entry {

	font-size:14px;

	overflow:hidden

}

.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {

	margin-bottom:15px;

	padding:0;

	border:0;

	background:none;

	color:#000

}

.entry p {

	margin-bottom:20px

}

.inner-1 .entry p {

	margin-bottom:20px;

	text-align:center;

}

.entry a:link, .entry a:visited {

	color:#0077cc

}

.entry a:hover {

	color:#f65e4f

}

.entry img {

	max-width:100%;

	height:auto

}

.wp-block-image{margin:0px auto!important;text-align:center!important;}

.entry ol, .entry ul {

	margin:10px 20px

}

.entry ol li {

	list-style:decimal

}

.entry ul li {

	list-style:disc

}

.entry input, .entry textarea, .entry select {

	padding:6px;

	border:1px solid #ccc;

	font-size:100%;

	vertical-align:middle

}

.entry input[type="text"]:hover, .entry input[type="text"]:focus, .entry input[type="text"]:active {

	border:1px solid #999

}

.entry input[type="file"] {

	border:0

}

.entry input, .entry textarea, .entry select {

	padding:6px;

	border:1px solid #ccc;

	font-size:100%;

	vertical-align:middle

}

.entry input[type="text"]:hover, .entry input[type="text"]:focus, .entry input[type="text"]:active {

	border:1px solid #999

}

.entry input[type="file"] {

	border:0

}

.entry table {

	margin-bottom:15px;

	color:#666;

	border-left:1px solid #e4e4e4;

	border-bottom:1px solid #e4e4e4;

	height:auto !important;

	margin:0px auto;

}

.xControl{height:56px; line-height:56px; border-bottom:1px solid #ececec; font-size:16px; font-weight:100; width:60%; margin:0px auto; padding-left:40px; color:#333333;}

.xControl a{font-size:17px; font-weight:bold; color:#333333;}

.xControl a:visited{font-size:17px; font-weight:bold; color:#333333;}

.xControl a:link{font-size:17px; font-weight:bold; color:#333333;}

.xContent{width:60%; margin:0px auto; line-height:25px;padding-left:40px;}

.entry th {

	padding:3px 10px;

	border-right:1px solid #e4e4e4;

	border-top:1px solid #e4e4e4;

	background:#f5f5f5;

	height:auto !important;height:auto !important;word-wrap:break-word; word-break:break-word;

}

.entry td {

	padding:3px 10px;

	border-right:1px solid #e4e4e4;

	border-top:1px solid #e4e4e4;height:auto !important; height:auto !important;word-wrap:break-word; word-break:break-word;

}

.alignleft {

	float:left;

	padding-right:10px

}

.alignright {

	float:right;

	padding-left:10px

}

.alignnone, .aligncenter {

	float:none;

	margin-left:auto;

	margin-right:auto;

	clear:both

}

.aligncenter {

	text-align:center;

	display:block

}

.wp-caption {

	margin:10px auto;

	padding:6px;

	background:#f6f6f6;

	border:1px solid #e4e4e4;

	-khtml-border-radius:4px;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

	border-radius:4px;

	text-align:center

}

.wp-caption img {

	max-width:660px

}

.wp-caption p.wp-caption-text {

	margin:5px 0 0;

	padding:4px;

	line-height:20px;

	color:#666

}

.post .share {

	margin:25px auto;

	padding-bottom:8px;

	line-height:28px;

	border-bottom:1px solid #e8e8e8;

	color:#999;

	text-align:right;

	clear:both

}

.post .addthis_sharing_toolbox, .post #bdshare {

	float:right

}

.product .post-title {

	margin-bottom:20px;

	padding-bottom:5px;

	font-size:24px;

	line-height:36px;

	text-align:left

}

.product .productMeta {

	margin-bottom:35px;

	overflow:hidden

}

.product .product-meta-box {

	margin-left:390px;

	overflow:hidden

}

.product .metaList {

	float:left;

	margin:0 0 0 30px !important

}

.product .metaList li {

	padding:7px 0 8px 0;

	border-bottom:1px solid #eee;

	overflow:hidden

}

.product .metaList li strong {

	float:left;

	padding-right:8px;

	width:130px;

	text-align:right;

	font-weight:normal;

	display:block

}

.product .metaList li.inquiry {

	padding:15px 0 5px

}

.product .left {

	float:left;

	width:45%

}

.product .right {

	float:right;

	width:45%

}

.product hr {

	margin:60px auto;

	height:1px;

	background:#eee

}

.product .share {

	margin:35px auto 25px;

	padding:10px 0 0;

	border:0;

	border-top:1px solid #eee

}

.product .bdsharebuttonbox {

	float:right

}

.preview {

	float:left;

	margin-right:-380px;

	width:380px

}

.preview #wrap {

	padding:0

}

.preview #wrap img {

	margin-bottom:0;

	width:368px;

	height:360px

}

.post ul.thumblist {

	float:left;

	margin:10px 0 0;

	width:100%;

	display:block

}

.post ul.thumblist li {

	float:left;

	margin:0;

	width:25%;

	text-align:center;

	overflow:hidden

}

.post ul.thumblist li .thumb-wrap {

	float:left;

	padding:1px;

	width:80px;

	border:1px solid #e6e6e6;

	overflow:hidden

}

.post ul.thumblist li.nomargin {

	margin:0 0 0 9px

}

.post ul.thumblist li em {

	width:100%;

	height:6px;

	font-size:0;

	overflow:hidden;

	display:none

}

.post ul.thumblist li img {

	margin-bottom:0;

	padding:1px;

	width:78px;

	height:78px;

	cursor:pointer;

	vertical-align:middle

}

.post ul.thumblist li .imWrap {

	float:left;

	width:80px;

	height:80px;

	text-align:center;

	display:table-cell;

	vertical-align:middle;

*display:block;

*font-size:63px;

*font-family:Arial;

}

.post ul.thumblist li span {

	color:#666

}

.post ul.thumblist li.zoomActive .thumb-wrap {

	border:1px solid #0077cc

}

.post ul.thumblist li.zoomActive span {

	color:#c52620

}

.cloud-zoom-lens {

	border:2px solid #eee;

	background:url(images/grid.png) repeat 0 0;

	cursor:move

}

.cloud-zoom-big {

	top:0 !important;

	width:450px !important;

	height:300px !important;

	border:1px solid #e6e6e6;

	overflow:hidden

}

.cloud-zoom-loading {

	padding:3px;

	border:1px solid #CCC;

	color:#FFF;

	background:#222

}

.product-name {

	font-size:28px;

	line-height:36px;

	color:#cc8d39

}

.product-summary {

	margin-bottom:20px;

	font-size:13px;

	color:#555

}

.product-meta {

	margin-bottom:15px;

	font-size:14px;

	color:#555;

	overflow:hidden

}

.product-meta p, .product-meta ul li {

	margin-bottom:8px

}

.product-inquiry {

	margin-top:30px

}

.product-inquiry a, .product-inquiry a:hover {

	padding:8px 24px 8px 56px;

	font-size:16px;

	font-weight:bold;

	color:#fff;

	background:#0077cc;

	display:inline-block;

-webkit-transition:all .4s ease;

-moz-transition:all .4s ease;

-o-transition:all .4s ease;

-ms-transition:all .4s ease;

transition:all .4s ease

}

.product-inquiry a:hover {

	background-color:#f80;

	text-decoration:none

}

.product-inquiry a.chat {

	background:#0077cc url(images/icon-chat.png) no-repeat 26px 10px

}

.product-inquiry a.chat:hover {

	background-color:#f80

}

/*软件下载*/

.product-down{ width:280px; height:390px; float:left; border-radius: 10px;background: #fff;margin: 0 20px 20px 0;position: relative; border:1px #ececec solid;text-align:center;}

.product-down a{ text-decoration:none;}

.product-downimg{ width:280px; height:180px;text-align:center; margin:20px auto;}

.product-downimg img{ width:180px; height:180px; margin:0px auto; text-align:center;}

.product-down h1{ width:280px; height:30px; text-align:center; line-height:20px; font-size:18px; color:#000;}

.product-down p{ width:280px; height:50px; text-align:center; line-height:20px; font-size:14px; color:#999999;}

.product-downlink{color:#999;width:100px;margin:17px auto 0 -50px;height:40px;line-height:40px;border:1px solid #999;font-size:28px;border-radius:20px;position:absolute;bottom:48px;left:50%;text-align:center;}

.product-downlink:hover{background-color:#719ef6;color:#fff;border-color:#719ef6}

/*软件下载-新增*/

.download-main-title {

    font-size: 25px;

    font-weight: 500;

    line-height: 60px;

    text-align: center;

    margin: 20px 0 20px;

}

#tabox-download {

    border: 0px solid #ececec;

    padding: 0px;

	margin-left: 10px;

}

.downinner {

    width: 1100px;

    overflow: hidden;

}

.col-product-down-1 {width: 49%;}

.col-product-down-2 {width: 49%;}

.col-product-down-3 {width: 60%;}

.col-product-down-4 {width: 100%;float: left;margin-top: -145px;padding-left: 100px;position: relative;min-height: 1px;}

.col-product-down-title {text-align: left;font-size: 20px;font-weight: 800;margin-top: 32px;margin-bottom: 32px;margin-left: 85px;}

.col-product-down-1, .col-product-down-2, .col-product-down-3 {

	float: left;

    position: relative;

    min-height: 1px;

    padding-right: 5px;

    padding-left: 5px;

}



/*联系我们页面*/

.post-contact {

	width: 1100px;

    margin: 1px auto;

    border-bottom: 1px solid #e9e9e9;

}



/*产品页按钮*/

.product-inquiry a.olreply {

	margin:10px;

	padding:7px 24px;

	color:#0077cc;

	border:1px solid #e5e5e5;

	background-color:#eeeeee

}

.product-inquiry a.olreply:hover {

	color:#fff;

	border:1px solid #0077cc;

	background-color:#0077cc

}

#tab-main {  z-index:10000; top: 0px; left: 0px; width:100%; border-bottom:1px solid #e2e2e2;

	background-color:#ffffff; /*background-color:#4b4b53;opacity:.3;*/ 

}

#tab-head {

    width:1200px;

	height:56px;

	line-height:56px;

	border-bottom:0px solid #ddd;

	background-color:#ffffff;

	margin:0px auto;

	 color:##434a54;

}

#tab-head-left{ width:43%; float:left;}

#tab-head-left h1{ font-size:26px;font-weight:700; text-align:left;color:#333333;}

#tab-head-right{ width:56%; float: right; text-align:right;}

#tab-head span {

	padding:0 18px;

	font-size:14px;

	color:#666;

	font-weight:700;

	text-transform: none;

	display:inline-block;

	cursor:pointer;

	clear:both;

	-webkit-border-top-left-radius:4px;

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

	border-top-left-radius:4px;

	-webkit-border-top-right-radius:3px;

	-moz-border-radius-topright:3px;

	border-top-right-radius:3px

}

#tab-head span.hov {

	line-height:40px;

	border:1px solid #ddd;

	border-top:2px solid #0077cc;

	border-bottom:0;

	color:#0077cc;

	background:#fff

}

#tab-head li {

	padding:0 18px;

	font-size:14px;

	color:#666;

	font-weight:700;

	text-transform: none;

	display:inline-block;

	cursor:pointer;

	clear:both;

	-webkit-border-top-left-radius:4px;

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

	border-top-left-radius:4px;

	-webkit-border-top-right-radius:3px;

	-moz-border-radius-topright:3px;

	border-top-right-radius:3px

}

#tab-head li.hov {

	line-height:40px;

	border:1px solid #ddd;

	border-top:2px solid #0077cc;

	border-bottom:0;

	color:#0077cc;

	background:#fff

}

#tabox .entry {

	display:none

}

.post .page-title {

	margin-bottom:25px;

	padding-bottom:8px;

	line-height:40px;

	font-size:28px;

	text-align:center;

	border-bottom:1px solid #e9e9e9;

	color:#333

}

#logonTip {

	padding:12px 15px;

	font-size:12px;

	border:1px solid #e6e6e6;

	border-bottom:0;

	background:#f4f4f4

}

#logonTip a {

	color:#444;

	text-decoration:underline

}

#logonTip a:hover {

	color:#0077cc

}

#logonTip span {

	color:#888

}

#logonTip em {

	padding:0 8px;

	color:#f00;

	font-style:normal;

	font-size:12px

}

#inquiryForm .productImg {

	margin:0 0 20px 135px;

	overflow:hidden

}

#inquiryForm .productImg img {

	float:left;

	margin:5px 15px 0 0;

	padding:3px;

	width:80px;

	height:80px;

	border:1px solid #ddd

}

#inquiryForm .productImg h4 {

	margin-bottom:5px;

	font-weight:700;

	font-size:14px

}

#inquiryForm .productImg p {

	margin:0 auto;

	line-height:20px;

	font-size:12px;

	color:#888

}

#inquiryForm .productImg a {

	text-decoration:none

}

#inquiryForm .productImg a:hover img {

	border:1px solid #fb0

}

#inquiryForm .productImg a:hover h4 {

	color:#0077cc

}

.wpcf7 p {

	margin-bottom:18px;

	overflow:hidden;

	clear:both

}

/*.wpcf7 label {

	padding:0 15px 0 0;

	width:90px;

	font-size:14px;

	font-family:Verdana;

	text-align:right;

	color:#444;

	display:inline-block

}*/

.wpcf7 label.long {

	width:auto;

	text-align:left

}

.wpcf7 label em {

	padding:5px 8px 0 0;

	color:#f00;

	font-style:normal;

	font-size:12px

}

.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-captchar {

	padding:8px 10px;

	width:80%;

	line-height:24px;

	color:#666;

	border:1px solid #d8d8d8;

	border-radius:3px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px

}

.wpcf7 .wpcf7-captchar {

	width:100px

}

.wpcf7 .wpcf7-textarea {

	padding:8px 10px;

	width:80%;

	height:160px;

	color:#666;

	overflow-y:scroll;

	border:1px solid #d8d8d8;

	border-radius:3px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px

}

.wpcf7 .wpcf7-text:hover, .wpcf7 .wpcf7-text:active, .wpcf7 .wpcf7-captchar:hover, .wpcf7 .wpcf7-captchar:active, .wpcf7 .wpcf7-textarea:hover, .wpcf7 .wpcf7-textarea:active {

	border:1px solid #0077cc

}

.wpcf7 .wpcf7-submit {

	padding:10px 50px;

	font-size:20px;

	font-family:Arial;

	border:0;

	color:#fff;

	background:#0077cc;

	display:inline-block;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border-radius:3px;

-moz-transition:all .4s ease;

-o-transition:all .4s ease;

-ms-transition:all .4s ease;

transition:all .4s ease

}

.wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:active {

	background-color:#f80

}

.wpcf7 p.btn-submit span {

	float:right;

	color:#f00

}

.wpcf7 span.wpcf7-not-valid-tip {

	margin:0 0 0 -220px;

	padding-left:20px;

	background:#fff;

	display:inline !important

}

.wpcf7 .ajax-loader {

	margin:12px 0 0

}

div.wpcf7-mail-sent-ok {

	border:1px solid #c2e7c8 !important;

	color:#008c00;

	text-align:center

}

div.wpcf7-validation-errors {

	padding:.8em 1em !important;

	border:1px solid #f7e700 !important;

	color:#333;

	text-align:center

}

#inquiryForm {

	padding:40px;

	border:1px solid #e6e6e6

}

#inquiryForm .wpcf7 label {

	width:120px

}

.page-sitemap {

	background:#eee

}

.sitemap-box {

	margin:25px auto;

	padding:2%;

	width:92%;

	line-height:24px;

	background:#fff

}

.sitemap-box a:link, sitemap-box a:visited {

	color:#333

}

.sitemap-box a:hover {

	color:#10579d

}

.sitemap-box h1 {

	margin-bottom:20px;

	font-size:20px;

	text-align:center

}

.sitemap-box h2 {

	margin:8px auto 15px;

	padding-bottom:10px;

	font-size:14px;

	font-weight:700;

	border-bottom:1px solid #eee

}

.sitemap-box ul {

	margin:10px

}

.sitemap-box ul li {

	margin:6px 0 0 18px;

	list-style:disc;

	color:#999

}

.sitemap-box ul li ul {

	margin:5px 10px 10px

}

.sitemap-box ul li ul li {

	margin:3px 0 0 16px;

	list-style:circle

}

.sitemap-box #breadcrumb, .sitemap-box .archivers, .sitemap-box .full-version, .sitemap-box #footer {

	margin-top:20px;

	padding:6px 15px;

	border:1px solid #eee;

	border-top:1px solid #ddd;

	clear:both

}

.sitemap-box #breadcrumb, .sitemap-box .full-version {

	border:1px solid #eee;

	background:#f8f8f8

}

.sitemap-box .archivers {

	padding:5px 15px 15px;

	overflow:hidden

}

.sitemap-box #footer {

	padding:10px;

	text-align:center

}

.map-api .entry img {

	margin-bottom:15px;

	max-width:none;

	height:inherit

}

.wpagenavi {

	margin:25px auto;

	padding-top:40px;

	width:100%;

	line-height:48px;

	font-size:14px;

	border-top:1px solid #e8e8e8;

	text-align:center;

	height:100px;

}

.wpagenavi a:link, .wpagenavi a:visited {

	margin:0 4px;

	padding:12px 18px;

	color:#666;

	background:#f2f2f2;

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

	border-radius:4px;

-webkit-transition:background .4s ease;

-moz-transition:background .4s ease;

-o-transition:background .4s ease;

-ms-transition:background .4s ease;

transition:background .4s ease

}

.wpagenavi a:hover, .wpagenavi a:active {

	color:#fff;

	background:#0077cc;

	text-decoration:none

}

.wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover {

	color:#fff;

	background:#0077cc;

	font-weight:bold

}

.post-navi {

	padding-top:20px;

	text-align:center

}

.post-navi a:link, .post-navi a:visited {

	padding:2px 9px;

	border:1px solid #fff;

	background:#fff

}

.post-navi a:hover {

	border:1px solid #e4e4e4;

	background:#f5f5f5;

	text-decoration:none

}

.post-prev-next {

	margin:30px auto;

	padding:12px 15px;

	border-top:1px solid #e8e8e8;

	color:#333;

	background:#f6f6f6;

	line-height:30px;

	font-size:16px;

}

.post-prev-next a{

	color:#565656;

	font-size:16px;

}

.error404 {

	max-width:720px;

	padding:50px 0;

	height:300px;

}

.error404 h4 {

	height:32px;

	line-height:32px;

	font-size:200%;

	color:#F00

}

.error404 span {

	margin-bottom:25px;

	color:#666;

	display:block

}

.error404 ol {

	padding:5px 0 5px 20px

}

.error404 ol li {

	margin:0 auto;

	list-style:disc

}

.errorsearch {

	margin-top:15px;

	width:100%;

	overflow:hidden

}

.errorsearch .searchInput {

	float:left;

	padding:6px 0;

	width:80%;

	text-indent:12px;

	height:24px;

	line-height:24px;

	border:1px solid #DDD

}

.errorsearch #searchsubmit {

	float:right;

	width:19%;

	height:38px;

	font-size:14px;

	border:0;

	color:#fff;

	background:#666;

	cursor:pointer

}

.errorsearch #searchsubmit:hover {

	background:#333

}

.related {

	margin:30px auto 0

}

.related h2 {

	margin-bottom:30px;

	height:36px;

	line-height:36px;

	border-bottom:2px solid #e8e8e8;

	text-transform:capitalize

}

.related h2 b {

	font-size:18px;

	font-weight:normal;

	border-bottom:2px solid #0077cc;

	color:#0077cc;

	display:inline-block

}

.related h2 b a {

	color:#0077cc;

	text-decoration:none

}

.related ul.post-list, .related ul.thumb-list {

	margin-top:20px;

	overflow:hidden

}

.related ul.thumb-list li {

	margin-bottom:0

}

.related ul.post-list li {

	float:left;

	margin:2px auto;

	padding-right:5%;

	width:45%;

	height:24px;

	background:url(images/icon.gif) no-repeat 0 10px;

	overflow:hidden

}

.related ul.post-list li a {

	padding-left:15px

}

.sidebar {

	float:left;

	margin-right:-250px;

	width:250px;

	color:#666;

	overflow:hidden

}

.sidebar h3 {

	padding-left:14px;

	line-height:36px;

	font-size:14px;

	font-weight:700;

	border-top:1px solid #ccc;

	border-left:1px solid #ebebeb;

	border-right:1px solid #ebebeb;

	color:#666;

	background:#f2f2f2;

	-moz-border-radius-topleft:3px;

	-webkit-border-top-left-radius:4px;

	border-top-left-radius:4px;

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

	-webkit-border-top-right-radius:4px;

	border-top-right-radius:4px

}

.sidebar h3 a:link, .sidebar h3 a:visited {

	color:#666;

	display:block

}

.sidebar h3 a:hover {

	color:#0077cc

}

.sidebar ul li {

	margin-bottom:20px

}

.sidebar ul li ul {

	padding:10px;

	border:1px solid #eee;

	background:#fff;

	overflow:hidden

}

.sidebar ul li ul li {

	margin:4px auto;

	padding-left:12px;

	height:24px;

	background:url(images/icon.gif) no-repeat 0 10px;

	overflow:hidden

}

.sidebar ul li div {

	line-height:28px;

	border:1px solid #eee;

	background:#fff;

	overflow:hidden

}

.sidebar ul li div p {

	padding:15px 10px 10px

}

.sidebar ul li.widget_nav_menu {

	-moz-border-radius-topleft:3px;

	-webkit-border-top-left-radius:4px;

	border-top-left-radius:4px;

	-moz-border-radius-topright:3px;

	-webkit-border-top-right-radius:4px;

	border-top-right-radius:4px

}

.sidebar ul li.widget_nav_menu h3 {

	line-height:40px;

	border:0;

	border-bottom:1px solid #0077cc;

	color:#fff;

	background:#0077cc

}

.sidebar ul li.widget_nav_menu h3 a {

	color:#fff;

	text-decoration:none

}

.sidebar ul li.widget_nav_menu div {

	padding:0;

	border:0;

	background:none

}

.sidebar ul li.widget_nav_menu ul {

	padding:0;

	font-size:14px;

	border:0;

	border-right:1px solid #e6e6e6;

	background:none;

	overflow:visible

}

.sidebar ul li.widget_nav_menu ul li {

	margin:0;

	padding:0;

	height:auto;

	border-top:1px solid #fff;

	background:none;

	overflow:visible;

	position:relative

}

.sidebar ul li.widget_nav_menu ul li a:link, .sidebar ul li.widget_nav_menu ul li a:visited {

	height:38px;

	line-height:38px;

	text-indent:12px;

	border-bottom:1px solid #e6e6e6;

	border-left:1px solid #e6e6e6;

	color:#444;

	background:#f6f6f6 url(images/icon.gif) no-repeat right -377px;

	display:block;

	overflow:hidden;

-moz-transition:all .4s ease;

-o-transition:all .4s ease;

-ms-transition:all .4s ease;

transition:all .4s ease

}

.sidebar ul li.widget_nav_menu ul li a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat a:visited, .sidebar ul li.widget_nav_menu ul li.current_page_item a:link, .sidebar ul li.widget_nav_menu ul li.current_page_item a:visited, .sidebar ul li.widget_nav_menu ul a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat a:hover {

	text-indent:24px;

	border-left:1px solid #0077cc;

	color:#0077cc;

	background:#dcdcdc url(images/icon.gif) no-repeat right -337px;

	text-decoration:none

}

.sidebar ul li.widget_nav_menu ul li ul {

	border:0;

	border-top:1px solid #e6e6e6;

	border-right:1px solid #e6e6e6;

	position:absolute;

	top:-2px;

	left:250px;

	z-index:1000;

	width:250px;

	display:none

}

.sidebar ul li.widget_nav_menu ul li ul li a:link, .sidebar ul li.widget_nav_menu ul li ul li a:visited, .sidebar ul li.widget_nav_menu ul li ul li a:hover {

	text-indent:14px

}

.sidebar ul li.widget_nav_menu ul li.current_page_item ul li a:link, .sidebar ul li.widget_nav_menu ul li.current_page_item ul li a:visited, .sidebar ul li.widget_nav_menu ul li.current-cat ul li a:link, .sidebar ul li.widget_nav_menu ul li.current-cat ul li a:visited {

	border-left:1px solid #f2f2f2;

	color:#444;

	background-position:right -377px

}

.sidebar ul li.widget_nav_menu ul li.current_page_item ul li a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat ul li a:hover {

	border-left:1px solid #0077cc;

	color:#0077cc;

	background-position:right -337px

}

.sidebar ul li.widget_search .searchInput {

	padding:4px 8px 3px;

	width:168px;

	height:24px;

	line-height:24px;

	border:1px solid #d6d6d6;

	color:#666;

	background:#fff

}

.sidebar ul li.widget_search .searchInput:hover {

	border:1px solid #999;

	color:#666

}

.sidebar ul li.widget_search .searchBtn {

	float:right;

*float:none;

	width:60px;

	height:33px;

*line-height:30px;

	font-size:13px;

	font-weight:bold;

	text-align:center;

	text-indent:0;

	border:0;

	color:#fff;

	background:#666;

	cursor:pointer;

	position:static

}

.sidebar ul li.widget_search .searchBtn:hover {

	background:#333

}

.sidebar ul li.wpyou_widget_SpecialCatList ul {

	padding:0

}

.sidebar ul li.wpyou_widget_SpecialCatList ul li {

	height:auto;

	background:url(//biz.wpyou.com/wp-content/themes/WPAdvancedCompany-Orange/images/arrow.gif) no-repeat 3px 10px

}

.sidebar ul li.wpyou_widget_SpecialCatList ul li ul li {

	line-height:20px;

	background:url(//biz.wpyou.com/wp-content/themes/WPAdvancedCompany-Orange/images/arrow-sub.gif) no-repeat 3px 7px

}

.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li {

	margin-bottom:15px;

	padding:0 0 15px;

	height:auto;

	border-bottom:1px solid #EEE;

	background:none

}

.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li img {

	float:left;

	padding-right:10px;

	width:110px;

	height:110px

}

.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li h4 {

	margin-bottom:5px;

	height:54px;

	line-height:18px;

	font-size:14px;

	overflow:hidden

}

.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p {

	color:#666

}

.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li {

	margin:0 auto 15px;

	padding:0;

	height:auto;

	text-align:center;

	background:none

}

.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li img {

	width:228px;

	height:228px

}

.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li h4 {

	margin-bottom:10px;

	line-height:18px;

	font-size:14px;

	overflow:hidden

}

#wp-calendar {

	margin:5px auto;

	width:94%

}

#wp-calendar caption {

	padding:5px 0;

	font-size:14px

}

#wp-calendar th, #wp-calendar td {

	padding:2px 1px;

	line-height:18px;

	text-align:center;

	text-transform:capitalize;

	color:#555;

	border:1px solid #e4e4e4;

	background-color:#f9f9f9

}

#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited {

	font-weight:bold;

	color:#ff0242

}

#wp-calendar tbody tr td a:hover {

	color:#333

}

#wp-calendar tbody tr td:hover {

	border:1px solid #d9d9d9;

	color:#444;

	background-color:#EEE

}

#wp-calendar tfoot tr td {

	padding:8px 10px 0;

	border:0;

	background:none

}

.pad {

	border:0 !important;

	background:none !important

}

.postComment {

	padding-top:40px;

	overflow:hidden

}

#respond {

	margin:0 auto

}

#addcomment, #comments {

	margin-bottom:30px;

	height:36px;

	line-height:36px;

	border-bottom:2px solid #e8e8e8;

	text-transform:capitalize

}

#addcomment b, #comments b {

	font-size:18px;

	font-weight:normal;

	border-bottom:2px solid #0077cc;

	color:#0077cc;

	display:inline-block

}

.post_comment ol li {

	margin:10px 5px;

	padding:10px 10px 5px 10px;

	list-style:none

}

.commentlist {

	width:98%;

	font-size:12px;

	clear:both

}

.commentlist li {

	margin-bottom:15px;

	padding:6px 0;

	border:1px solid #e4e4e4

}

.commentlist li.alt {

	border:1px solid #e3e7ea;

	background-color:#f7f8f9

}

.commentlist li.comment-author-admin {

	border:1px solid #e4e4e4;

	background:#fff

}

.commentlist li ul {

	margin:10px 10px

}

.commentlist li ul.children {

	margin:15px 20px

}

.commentlist li p {

	padding:10px 10px 5px

}

.comment-author {

	padding:4px 0;

	width:100%;

	height:22px;

	line-height:22px;

	border-bottom:1px solid #ececec

}

.commentlist li.alt .comment-author {

	border-bottom:1px solid #e3e7ea

}

.commentlist li.comment-author-admin .comment-author {

	border-bottom:1px solid #e3e3e3

}

.commentlist li.alt .comment-author {

	border-bottom:1px solid #e8edf0

}

.avatar {

	float:left;

	padding:1px 1px;

	width:32px;

	height:32px;

	border:1px solid #e0e0e0

}

.author_info {

	float:left;

	padding-left:10px;

	line-height:16px

}

.author_info cite {

	font-style:normal;

	font-weight:bold

}

.author_info em {

	padding-left:10px;

	font-size:10px;

	font-style:normal;

	color:#999

}

.reply {

	float:right;

	margin:-3px 8px 0 0

}

#cancel-comment-reply {

	float:right;

	margin-right:10px

}

.reply a, #cancel-comment-reply a {

	color:#999 !important

}

.reply a:hover, #cancel-comment-reply a:hover {

	color:#1162b3 !important

}

#respond p {

	margin:0 auto 15px;

	overflow:hidden

}

#respond label {

	float:left;

	padding:3px 8px;

	width:70px;

	text-align:right;

	display:block

}

#respond em {

	padding-top:5px;

	color:#F00;

	font-style:normal;

	font-weight:normal

}

#author, #email, #url, #comment {

	padding:8px;

	width:50%;

	border:1px solid #e4e4e4;

	color:#666

}

#comment {

	width:84%;

	height:150px;

	font-size:12px;

	color:#787878;

	overflow-y:scroll;

	color:#666

}

#submit {

	padding:8px 30px;

	font-size:18px;

	color:#fff;

	background:#0077cc;

	display:inline-block;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border-radius:3px;

-moz-transition:all .4s ease;

-o-transition:all .4s ease;

-ms-transition:all .4s ease;

transition:all .4s ease

}

#submit:hover, #submit:active {

	background-color:#f80

}

.comment_navi {

	text-align:right;

	padding:5px 15px;

	font-size:12px;

	color:#999

}

.comment_navi a {

	color:#999

}

.friendlink {

	margin-top:30px;

	border-top:1px solid #eee;

	color:#888;

	overflow:hidden

}

.friendlink ul {

	padding:10px 0 0;

	overflow:hidden

}

.friendlink ul li {

	float:left;

	margin:0 6px;

	height:24px;

	white-space:nowrap;

	overflow:hidden

}

.friendlink ul li.fltitle {

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

}

.friendlink ul h4 {

	display:none

}

.friendlink a:link, .friendlink a:visited {

	color:#888

}

.friendlink a:hover {

	color:#0077cc

}

.footer {

	margin-top:10px;

	padding:25px 0 0;

	width:100%;

	color:#e5e5e5;

	background:#0077cc;

	-moz-box-shadow:0 -6px 6px rgba(0, 0, 0, .06);

	-webkit-box-shadow:0 -6px 6px rgba(0, 0, 0, .06);

	box-shadow:0 -6px 6px rgba(0, 0, 0, .06)

}

.footer a:link, .footer a:visited {

	color:#e5e5e5

}

.footer a:hover {

	color:#fff

}

.footbar {

	overflow:hidden

}

.footbar h3 {

	margin-bottom:16px;

	font-size:16px;

	color:#fff;

	text-transform:capitalize

}

.footbar h3 a {

	color:#fff

}

.footbar .widget-column {

	float:left;

	margin-bottom:30px;

	padding-right:2%;

	width:18%

}

.footbar .widget-column-last {

	float:right;

	padding:0

}

.footbar .widget-column ul {

	overflow:hidden

}

.footbar .widget-column ul li {

	margin-bottom:4px;

	overflow:hidden

}

.footbar .wpyou_widget_SpecialCatList ul li, .footbar .widget_categories ul li, .footbar .widget_categories ul li, .footbar .widget_archive ul li {

	float:left;

	padding-right:2%;

	width:48%

}

.footbar .widget_newsletterwidget form {

	margin-top:15px;

	position:relative

}

.footbar .widget_newsletterwidget form p {

	display:block

}

.footbar .widget_newsletterwidget .newsletter-email {

	padding:5px 4%;

	width:92%;

	line-height:28px;

	border:1px solid #ccc;

	color:#888;

	background:#fff;

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	border-radius:4px

}

.footbar .widget_newsletterwidget .newsletter-submit {

	padding:0 15px;

	height:40px;

	line-height:40px;

	color:#fff;

	background:#999;

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	border-radius:4px;

	border:0;

	position:absolute;

	top:0;

	right:0;

-webkit-transition:background .4s ease;

-moz-transition:background .4s ease;

-o-transition:background .4s ease;

-ms-transition:background .4s ease;

transition:background .4s ease

}

.footbar .widget_newsletterwidget .newsletter-submit:hover, .footbar .widget_newsletterwidget .newsletter-submit:active {

	background:#0077cc

}

.footbar #wp-calendar {

	width:94%

}

.footbar #wp-calendar th, .footbar #wp-calendar td {

	border:1px solid #393939;

	background:none

}

#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited {

	font-weight:bold;

	color:#333

}

#wp-calendar tbody tr td a:hover {

	color:#eee

}

.footbar #wp-calendar tbody tr td:hover {

	border:1px solid #444;

	color:#eee;

	background-color:#444

}

.footbar .widget-column i {

	padding:0 10px 0 0;

	width:12px;

	height:24px;

	background:url(//biz.wpyou.com/wp-content/themes/WPAdvancedCompany-Orange/images/icon-map.png) no-repeat 0 8px;

	vertical-align:text-bottom;

	display:inline-block

}

.copyright {

	padding:15px 0;

	min-height:24px;

	border-top:1px solid #e2e2e2;

	color:#ffffff;

	background:#0077cc;

	text-align:center

}

.copyright .inner {

	overflow:visible

}

.copyright a:link, .copyright a:visited {

	color:#ffffff;

}

.copyright a:hover {

	color:#333333;

}

.copyright #cp {

	float:left;

	max-width:65%

}

.copyright #our-sns {

	float:right;

	position:relative

}

#our-sns a {

	margin-left:5px;

	width:24px;

	height:24px;

	/*text-indent:-9999px;

	display:inline-block;

	background:url(images/icon-sns.gif) no-repeat 0 0;

	cursor:pointer;

-webkit-transition:all .4s ease;

-moz-transition:all .4s ease;

-o-transition:all .4s ease;

-ms-transition:all .4s ease*/

}

#our-sns a:hover {

	filter:alpha(opacity=8);

	-moz-opacity:.8;

	opacity:.8

}

#our-sns a#i_tsina {

	background-position:0 0

}

#our-sns a#i_tqq {

	background-position:0 -31px

}

#our-sns a#i_weixin {

	background-position:0 -62px

}

#our-sns a#i_renren {

	background-position:0 -92px

}

#our-sns a#i_qzone {

	background-position:0 -123px

}

#our-sns a#i_facebook {

	background-position:0 -154px

}

#our-sns a#i_twitter {

	background-position:0 -185px

}

#weixin {

	padding:10px;

	text-align:center;

	background:#eee;

	display:none;

	position:absolute;

	left:65px;

	bottom:26px;

	z-index:999

}

#weixin img {

	display:block

}

.online_icon {

	overflow:hidden

}

.online_icon a {

	width:34px;

	height:120px;

	background:url(images/cs.png) no-repeat 0 0;

	text-decoration:none;

	display:block

}

.online_windows {

	padding:20px;

	width:120px;

	border:2px solid #0077cc;

	border-right:0;

	background:#fff

}

.online_content {

	text-align:center;

	overflow:hidden

}

.online_content h3, .online_content h4 {

	margin-bottom:20px;

	height:30px;

	line-height:30px;

	font-size:14px;

	text-align:center;

	color:#fff;

	background:#0077cc;

	-khtml-border-radius:3px 3px 0 0;

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

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

	border-radius:3px 3px 0 0

}

.online_content div {

	padding:15px 20px;

	border:1px solid #e3e3e3;

	background:#fff

}

.online_content ul li {

	margin-top:5px;

	padding-bottom:6px;

	line-height:35px;

	font-size:14px;

	border-bottom:1px dotted #bbb

}

#online_qq_layer {

	float:right;

	width:34px;

	position:fixed;

*position:absolute;

	right:0;

	top:200px;

	z-index:99999

}

#online_qq_tab {

	float:left;

	min-height:350px;

*position:absolute;

*top:0;

* left:0

}

#onlineService {

	float:left;

	position:absolute;

	top:0;

	left:34px

}

.csshadow {

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

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

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

}

.backToTop {

	width:46px;

	height:44px;

	border:1px solid #e8e8e8;

	background:#f4f4f4 url(images/backtop.png) no-repeat center center;

	position:fixed;

	_position:absolute;

	right:20px;

	bottom:80px;

	_bottom:"auto";

	cursor:pointer;

	display:none;

	-khtml-border-radius:60px;

	-moz-border-radius:60px;

	-webkit-border-radius:60px;

	border-radius:60px;

	z-index:9999

}

.backToTop:hover {

	background-color:#e8e8e8

}

.mobi-bar {

	width:100%;

	font-size:1em;

	text-align:center;

	background:#333;

	overflow:hidden;

	display:none;

	position:fixed;

	bottom:0;

	left:0;

	z-index:9999

}

.mobi-bar li {

	float:left;

	width:25%

}

.mobi-bar li i {

	font-style:normal

}

.mobi-bar li a {

	padding-top:25px;

	border-left:1px solid #383838;

	border-right:1px solid #2b2b2b;

	color:#eee;

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

	background-repeat:no-repeat;

	display:block

}

.mobi-bar li a:active, .mobi-bar li a:hover {

	background-color:#222;

	text-decoration:none

}

.mobi-bar li.mobi-map a {

	background-position:center 6px

}

.mobi-bar li.mobi-phone a {

	background-position:center -67px

}

.mobi-bar li.mobi-email a {

	background-position:center -134px

}

.mobi-bar li.mobi-chat a {

	background-position:center -202px

}

.mobi-bar li:first-child a {

	border-left:0

}

.mobi-bar li:last-child a {

	border-right:0

}

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

.inner {

width:980px

}

.navi li {

padding:0 8px

}

.navi li a:link, .navi li a:visited {

padding:0 10px

}

#slidebanner {

margin:0 auto;

width:100%;

height:auto;

left:0

}

#slidebanner, #slideshow li, #slideshow li img {

width:980px;

height:400px

}

.toggle-search {

width:160px

}

.toggle-search #searchform #ls {

width:130px

}

}

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

.inner {

width:98%

}

.inner .inner, .nav-container .inner {

width:100%

}

.subnav {

display:none

}

.pinned {

width:100%

}

.nav-box {

margin:0 auto;

height:auto

}

.navi li a:link, .navi li a:visited {

padding:0 6px

}

.container, .content {

float:none;

margin:0 auto

}

.row-fluid .content {

margin:0 51% 0 0;

border:0

}

.homebar {

margin-left:-48%;

width:48%

}

#slidebanner {

margin:0 auto;

width:100%;

height:auto;

left:0

}

#slideshow li {

width:100%;

height:auto

}

#slideshow li img {

width:100%;

height:auto;

min-height:inherit

}

#sliderbox .bx-prev, #sliderbox .bx-next {

height:90%

}

.col-md-3 div, .col-md-4 div {

padding:0 2%;

width:46%

}

.pic-scroll-list .slide {

width:48%

}

.pic-scroll-list .pic-scroll li {

width:50%

}

.postlist li a {

float:none;

width:100%

}

.piclist {

margin-left:-3%

}

.piclist li {

margin-left:3%;

width:47%

}

.preview {

margin-right:-340px;

width:340px

}

.preview #wrap img {

width:320px;

height:320px

}

.product .product-meta-box {

margin-left:345px

}

.post ul.thumblist li .thumb-wrap {

width:60px

}

.post ul.thumblist li.nomargin {

margin:0 0 0 9px

}

.post ul.thumblist li img {

width:58px;

height:58px

}

.post ul.thumblist li .imWrap {

width:60px;

height:60px

}

.entry table {

display:block

}

.sidebar {

display:none

}

.footbar .widget-column {

padding:0 2%;

width:46%

}

.footbar .widget_newsletterwidget .newsletter-submit {

right:-1px

}

#online_qq_layer, .backToTop {

display:none

}

}

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

.inner {

width:98%

}

.inner .inner, .nav-container .inner {

width:100%

}

.header {

margin:0 auto;

padding:0

}

.rtbox {

display:none

}

.logo {

float:none;

margin:0 auto;

text-align:center;

position:relative;

z-index:10;

top:-50px;

width:164px;

height:5px;

}

.logo img {

height:45px;

display:inline

}

.btn-search {

display:none

}

#mobile-nav {

width:100%;

height:50px;

line-height:50px;

background:#0077cc;

display:flex;

position:relative;

-webkit-box-shadow:inset 0 -6px 6px 0 rgba(0, 0, 0, .1);

-moz-box-shadow:inset 0 -6px 6px 0 rgba(0, 0, 0, .1);

box-shadow:inset 0 -6px 6px 0 rgba(0, 0, 0, .1)

}

#mobile-nav a {

width:50px;

height:100%;

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

background-repeat:no-repeat;

display:inline-block;

position:absolute;

top:0

}

#mobile-nav #mobile-menu {

background-position:center 16px;

left:0

}

#mobile-nav #mobile-so {

background-position:center -24px;

right:0

}

#mobile-nav a.active {

-moz-opacity:.8;

-khtml-opacity:.8;

background-color:#f50

}

.toggle-search {

margin:0 auto;

padding:12px 0;

width:100%;

height:36px;

background:#fff;

overflow:hidden;

display:none;

top:0;

z-index:9999

}

.toggle-search .btn-search {

display:none

}

.toggle-search .search-box {

display:block

}

.toggle-search #searchform {

margin:0 8%;

width:84%

}

.toggle-search #searchform #searchsubmit {

right:-1px;

width:42px;

height:38px;

border:1px solid #e6e6e6;

background-position:center 11px

}

.toggle-search #searchform:hover #searchsubmit, .toggle-search #searchform #searchsubmit:active {

background-position:center 11px

}

.toggle-search #searchform #ls {

padding:2px 5%;

width:90%;

height:32px;

line-height:32px;

border:1px solid #e6e6e6;

right:0

}

.nav-box {

margin:0 auto;

border:0;

height:auto;

background:#fff

}

.nav-container, .main-menu {

width:100%

}

.nav-container .radius {

border-radius:0;

-moz-border-radius:0;

-webkit-border-radius:0

}

.main-menu {

margin:0 auto;

width:100%;

line-height:40px;

font-size:16px;

border-top:2px solid #fff;

display:none

}

.main-menu .inner {

width:100%

}



/*手动添加导航*/



#product-1{ margin-left:0px; display:block;margin-top:10px;background-color:#ffffff;height:100px; width:100%;}

#doorbell-1{ margin-left:0px;display:block; margin-top:80px;background-color:#ffffff;height:100px; width:100%;}

#solution-1{ margin-left:0px;display:block;margin-top:120px;background-color:#ffffff;height:100px; width:100%;}

#wifiunit-1{ margin-left:0px;display:block;margin-top:190px;background-color:#ffffff;height:100px; width:100%;}

#app-1{ margin-left:0px;display:block;margin-top:260px;background-color:#ffffff;height:100px; width:100%;}

#service-1{ margin-left:0px;display:block;margin-top:310px;background-color:#ffffff;height:100px; width:100%;} 

#shop-1{ margin-left:0px;display:block;margin-top:370px;background-color:#ffffff;height:100px; width:100%;} 

#product{ display:block;}

.head-v3{position:relative;z-index:100; width:100%; }

.head-v3 .navigation-inner{margin:0 auto;position:relative}

.navigation-up{height:0px;background:#ffffff}

.navigation-up .navigation-v3{width:100%;  margin:0px auto;}

.navigation-up .navigation-v3 ul{width:100%;  margin:0px auto;}

.navigation-up .navigation-v3 li{float:left;font:normal 16px "microsoft yahei";color:#fff;width:100%;border-bottom:1px solid #ececec; height:60px;background-color:#ffffff;} 

.navigation-up .navigation-v3 li:active{  height:180px;} 

.navigation-up .navigation-v3 li:hover{  height:240px;} 

.navigation-up .navigation-v3 li:visited{  height:180px;} 

.navigation-up .navigation-v3 .nav-up-selected{background:#ffffff;}

.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#202833}

.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0; font-size:16px; background: url(images/down.png) right no-repeat;}

.navigation-up .navigation-v3 li h2 a{font-size:16px;padding:0 18px;color:#000;display:inline-block;height:38px; line-height:38px;font-family:"microsoft yahei";}

.navigation-up .navigation-v3 li h2 a:hover{color:#0077cc; border-bottom:2px solid #ececec;}



.navigation-down{position:absolute;top:40px;left:0px;width:100%;}

.navigation-down .nav-down-menu{width:100%;margin:0px 0px 0px 0px; height:1px; border-bottom:0px solid #ececec;}

.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:100%;position:relative}

.navigation-down .nav-down-menu .navigation-down-inner img{ width:45px; height:45px;}

.navigation-down .nav-down-menu dl{float:left;margin:1x; width:24%;}

.navigation-down .menu-1 dl{margin:15px 1px 1px 1px; text-align:center;}

.navigation-down .menu-1 dt{font:normal 10px "microsoft yahei";color:#000000;padding-bottom:10px;border-bottom:0px solid #61789e;margin-bottom:10px}

.navigation-down .menu-1 dd a{color:#000000;font:normal 12px "microsoft yahei"}

.navigation-down .menu-1 dd a:hover{color:#0077cc!important; text-decoration:none!important;}

.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#000000;font:normal 12px "microsoft yahei";text-decoration:none!important;}





.navi {

background:#e4e4e4

}

.navi li {

float:none;

width:100%;

padding:0;

border-bottom:1px solid #ddd;

border-top:1px solid #e9e9e9

}

.navi li:first-child {

border-top:0

}

.navi li a, .navi li a:link, .navi li a:visited {

padding:4px 15px;

color:#333

}

.navi li a:hover {

color:#fff;

background:#0077cc;

border-bottom:0

}

.navi li ul {

position:static;

padding:0;

width:100%;

border-bottom:0;

background:none

}

.navi li ul li {

border:0;

background:none;

border-bottom:1px solid #262626

}

.navi li ul li.litop {

display:none

}

.navi li ul li a:link, .navi li ul li a:visited {

padding:0 0 0 35px;

color:#bbb;

background:none

}

.navi li ul li a:hover, .navi li:hover ul li a:hover {

color:#fff;

background:#404040

}

.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a, .navi li:hover ul li a {

background:none

}

.navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-post-parent a, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a, .navi li:hover a {

color:#fff;

background:#0077cc

}

#sliderbox {

margin-bottom:20px

}

#slidebanner {

margin:0 auto;

width:100%;

height:auto;

left:0

}

#slideshow li {

width:100%;

height:auto

}

#slideshow li img {

width:100%;

height:auto;

min-height:inherit

}

.bx-pager {

display:none

}

.container, .content {

float:none;

margin:0 auto

}

.container-hp {

padding:0

}

.row-fluid .column-fluid {

float:none

}

.row-fluid .content {

float:none;

margin:0 auto;

padding:0;

width:100%

}

.row-fluid h2 i {

text-align:center

}

.row-fluid .bx-wrapper {

padding:10px 0 0

}



.imain1{ width:100%; height:auto; float:left; margin:2px;}

.imain1-1{position: relative; margin:0px auto;}

.imain1 img{ width:100%; height:auto; text-align:center;}

.imain2{ width:100%; height:auto; float:left; margin:0px auto;}

.imain2 img{ width:100%; height:auto; text-align:center;}

.imain3{ width:100%; height:auto; float:left; margin:0px auto;}

.imain3 img{ width:100%; height:auto; text-align:center;}

.imaintop{ position:relative;width:90%;left:0px;bottom:80px; height:2px;}

.imaintop h3{font-size:26px; color:#FFFFFF;}

.imaintop p{font-size:16px; color:#FFFFFF;}

.imaintop2{ position:relative;width:90%;left:0px;bottom:60px;height:2px;}

.imaintop2 h3{font-size:26px; color:#333333;}

.imaintop2 p{font-size:16px; color:#333333;}

.imaintop .imaintop2 a hover{ color:#FFFFFF; text-decoration: underline;}



.col-md-3 {

margin:0 auto 15px

}

.col-md-3 div, .col-md-4 div, .col-lt, .col-rt {

float:none;

padding:0;

width:100%

}

.pic-scroll-list .slide {

width:48%

}

.piclist li h3 { 

height:50px; font-size:15px;

}

.pic-scroll-list .pic-scroll li {

width:50%

}

.pic-scroll-list .pic-scroll li .folio-item {

padding:4px

}

.row-fluid .pic-scroll-list .bx-wrapper {

padding:10px 0 0

}

.row-scroll .bx-controls a {

display:none

}

.col-3 {

float:none;

padding:0 2%;

margin:25px auto 0;

width:96%

}

.col3 p img {

padding:0 !important

}

.homebar {

float:none;

margin:40px auto 0;

padding-top:40px;

width:100%;

border-top:1px solid #e8e8e8

}

.banner, .banner-shadow, .breadcrumb, .sidebar {

display:none

}

.cur-title {

text-align:center

}

.row-fluid .piclist {

margin-left:-4%

}

.piclist {

margin-left:-4%

}

.piclist li {

margin-left:4%;

width:46%

}

.entry {

font-size:16px;

line-height:20px;

}

.entry p {

margin-bottom:20px

}

#tabox .entry table{width:98%!important;}

.entry table {

display:block;width:100%!important;

}

table{width:100%!important;}

.preview {

margin-right:-340px;

width:340px

}

.preview #wrap img {

width:320px;

height:320px

}

.product .product-meta-box {

margin-left:345px

}

.post ul.thumblist li .thumb-wrap {

width:60px

}

.post ul.thumblist li.nomargin {

margin:0 0 0 9px

}

.post ul.thumblist li img {

width:58px;

height:58px

}

.post ul.thumblist li .imWrap {

width:60px;

height:60px

}

.product-inquiry {

text-align:center

}



/*视频窗口*/

iframe{ width:100%!important; height:100vh!important;}



#tabox .entry {

margin-bottom:30px;

padding-bottom:30px;

border-bottom:1px solid #e8e8e8

}



#tabox .entry:last-child {

margin-bottom:0;

padding-bottom:0;

border-bottom:0

}

.related ul.post-list li {

float:none;

width:95%

}

#inquiryForm .productImg {

margin:0 0 20px 0;

overflow:hidden

}

.wpcf7 label, #inquiryForm .wpcf7 label {

padding:0;

width:98%;

text-align:left

}

.wpcf7 .wpcf7-textarea, #inquiryForm .wpcf7 .wpcf7-textarea, wpcf7 .wpcf7-text, .wpcf7 .wpcf7-captchar {

padding:10px 2%;

width:95%

}

.wpcf7 p.btn-submit label {

display:none

}

.wpcf7 .wpcf7-submit {

padding:10px 2%;

width:96%;

display:block

}

.wpagenavi a:link, .wpagenavi a:visited, .wpagenavi a:hover {

/*display:none*/

}

.wpagenavi a.next, .wpagenavi a.previous {

padding:8px 60px;

font-size:20px;

color:#fff;

background:#0077cc;

display:inline-block

}

.long-bar {

display:none

}

.footbar .widget-column {

padding:0 2%;

width:46%

}

.footbar .wpyou_widget_SpecialCatList ul li, .footbar .widget_categories ul li, .footbar .widget_categories ul li, .footbar .widget_archive ul li {

float:none;

padding-right:0;

width:100%

}

.footbar .widget_newsletterwidget .newsletter-submit {

right:-1px

}

#online_qq_layer, .backToTop {

display:none

}

.copyright #cp, .copyright #our-sns {

float:none;

width:100%

}

.copyright #our-sns {

margin-top:15px

}

.mobi-bar {

display:block

}

video {

	margin:0px;

	width:100%;

}



/*产品页面视频展示*/

#tabox-video {

    /*border: 1px solid #ececec;*/

    padding: 0;

	width: 100%;

}

.product-video {

    width: 100%;

    height: auto;

    float: left;

    border-radius: 10px;

    background: #fff;

    margin: 0 20px 20px 0;

    position: relative;

    /*border: 1px #ececec solid;*/

    text-align: center;

}

.product-videoimg {

    width: 100%;

    height: auto;

    text-align: center;

    margin: 20px auto;

}

.product-videoimg img {

    width: 100%;

    height: auto;

    margin: 0px auto;

    text-align: center;

	border-radius: 8px;

}

.product-video h1 {

    width: 280px;

    height: 30px;

    text-align: center;

    line-height: 20px;

    font-size: 18px;

    color: #000;

}

#light {

    margin: 0px auto;

}



.white_content {

    display: none;

    position: absolute;

    left: 0;

    width: 100%;

    height: auto;

    padding: 0;

    /*border: 1px solid #ececec;*/

    background-color: #ececec;

    z-index: 1002;

    overflow: auto;

    text-align: center;

    font-size: 20px;

}

.entry-cptz {
    font-size: 10px;
    overflow: hidden;
    width: 98%;
}

}

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

.topbar-lt {

display:none

}

table{width:100%!important;}

tbody{width:100%!important;}

.col3 div {

float:none;

padding:0 2%;

width:96%

}

.row-fluid h2 {

text-align:center

}

.row-fluid h2 span {

display:none

}

.piclist {

margin-left:0

}

.bloglist li .post-thumb {

display:none

}

.preview {

float:none;

margin-right:0;

width:100%

}

.preview #wrap img {

width:100%;

height:auto

}

.product .product-meta-box {

float:none;

margin:30px 0 0 0;

clear:both

}

.post ul.thumblist {

float:none

}

.post ul.thumblist li .thumb-wrap {

float:none;

width:60px

}

.post ul.thumblist li.nomargin {

margin:0 0 0 9px

}

.post ul.thumblist li img {

width:58px;

height:58px

}

.post ul.thumblist li .imWrap {

width:60px;

height:60px

}

#tab-head {

height:78px;

background:#f4f4f4;

width:100%;

}

#tab-main {  z-index:10000; top: 0px; left: 0px; width:100%; border-bottom:1px solid #e2e2e2;

	background-color:#ffffff; /*background-color:#4b4b53;opacity:.3;*/ 

}



#tab-head-left{ width:100%; float:left;}

#tab-head-left h1{ font-size:14px;font-weight:700; text-align:center;color:#333333;border-bottom:1px solid #e2e2e2;line-height: 50px;}

#tab-head-right{ width:100%; float: left; text-align:center;background:#f4f4f4;}

#tab-head span {

padding:0;

width:20%;

text-align:center

}

.share, .friendlink {

display:none

}

.footbar .widget-column {

width:46%;

min-height:180px

}



}