.ddd {display: none}
.top_nav1Box:hover .ddd {display: block}


img[lazy-src] {max-width: 100%}



html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}
body {margin: 0}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline}
audio:not([controls]) {display: none;height: 0}
[hidden], template {display: none}
a {background-color: transparent}
a:active, a:hover {outline: 0}
abbr[title] {border-bottom: 1px dotted}
b, strong {font-weight: bold}
dfn {font-style: italic}
h1 {font-size: 2em;margin: 0.67em 0}
mark {background: #ff0;color: #000}
small {font-size: 80%}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}
img {border: 0}
svg:not(:root) {overflow: hidden}
figure {margin: 1em 40px}
hr {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;height: 0}
pre {overflow: auto}
code, kbd, pre, samp {font-family: monospace, monospace;font-size: 1em}
button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0}
button {overflow: visible}
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}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0}
input {line-height: normal}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height:auto}
input[type="search"] {-webkit-appearance: textfield;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em}
legend {border: 0;padding: 0}
textarea {overflow: auto}
optgroup {font-weight: bold}
table {border-collapse: collapse;border-spacing: 0}
td, th {padding: 0}

@media print {*, *:before, *:after {background: transparent !important;color: #000 !important;-webkit-box-shadow: none !important;box-shadow: none !important;text-shadow: none !important}
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: ""}
pre, blockquote {border: 1px solid #999;page-break-inside: avoid}
thead {display: table-header-group}
tr, img {page-break-inside: avoid}
img {max-width: 100% !important}
p, h2, h3 {orphans: 3;widows: 3}
h2, h3 {page-break-after: avoid}
.navbar {display: none}
.btn>.caret, .dropup>.btn>.caret {border-top-color: #000 !important}
.label {border: 1px solid #000}
.table {border-collapse: collapse !important}
.table td, .table th {background-color: #fff !important}
.table-bordered th, .table-bordered td {border: 1px solid #ddd !important}}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {-webkit-tap-highlight-color: rgba(0,0,0,0)}
body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.42857143;color: #595959;background-color: #fff}
input, button, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit}
a {color: #1890ff;text-decoration: none}
a:hover, a:focus {color: #65b5ff;text-decoration: underline}
a:focus {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px}
figure {margin: 0}
img {vertical-align: middle}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {display: block;max-width: 100%;height: auto}
.img-rounded {border-radius: 6px}
.img-thumbnail {padding: 4px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;display: inline-block;max-width: 100%;height: auto}
.img-circle {border-radius: 50%}
hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #fff}
.sr-only {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0}
.sr-only-focusable:active, .sr-only-focusable:focus {position: static;width: auto;height: auto;margin: 0;overflow: visible;clip: auto}
[role="button"] {cursor: pointer}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {font-weight: normal;line-height: 1;color: #9d9d9d}
h1, .h1, h2, .h2, h3, .h3 {margin-top: 20px;margin-bottom: 10px}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {font-size: 65%}
h4, .h4, h5, .h5, h6, .h6 {margin-top: 10px;margin-bottom: 10px}
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {font-size: 75%}
h1, .h1 {font-size: 36px}
h2, .h2 {font-size: 30px}
h3, .h3 {font-size: 24px}
h4, .h4 {font-size: 18px}
h5, .h5 {font-size: 14px}
h6, .h6 {font-size: 12px}
p {margin: 0 0 10px}
.lead {margin-bottom: 20px;font-size: 16px;font-weight: 300;line-height: 1.4}
.w1440_1{ width:95%; margin: 0 auto;}
#bootstrap-touch-slider{ margin-top: 110px;}

.bannerpc { display: block; }
.bannerm { display: none; }

@media (min-width:769px) {
	.lead {font-size: 21px}
	
}
small, .small {font-size: 85%}
mark, .mark {background-color: #fcf8e3;padding: .2em}

ul, ol {margin-top: 0;margin-bottom: 10px}
ul ul, ol ul, ul ol, ol ol {margin-bottom: 0}
.list-unstyled {padding-left: 0;list-style: none}
.list-inline {padding-left: 0;list-style: none;margin-left: -5px}
.list-inline>li {display: inline-block;padding-left: 5px;padding-right: 5px}
dl {margin-top: 0;margin-bottom: 20px}
dt, dd {line-height: 1.42857143}
dt {font-weight: bold}
dd {margin-left: 0}

@media (min-width:769px) {
.dl-horizontal dt {float: left;width: 160px;clear: left;text-align: right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.dl-horizontal dd {margin-left: 180px}}




body, html {margin: 0;padding: 0}
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, li, ol, p, pre, textarea, ul {margin: 0;padding: 0;list-style-type: none}
em {font-style: normal}
button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0}
textarea {overflow: auto!important}
button {overflow: visible}
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}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0}
input {line-height: normal}
input[type=checkbox], input[type=radio] {box-sizing: border-box;padding: 0}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {height:auto}
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}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
::-moz-selection {background:#b3d4fc;text-shadow:none}
::selection {background: #b3d4fc;text-shadow: none}
:focus {outline: 0}
::-webkit-input-placeholder {color:#cecece;font-size:14px}
:-moz-placeholder {color:#cecece;font-size:14px}
::-moz-placeholder {color:#cecece;font-size:14px}
:-ms-input-placeholder {color:#cecece;font-size:14px}
img {vertical-align: middle;border: 0}
a {color: #707070;text-decoration: none}
a:active, a:hover {color: #60a9d7;text-decoration: none}


.xinjia_logo img{ margin: 18px 0 0 10px;}
.carousel-inner .item .pcbanner { display: block; }
.carousel-inner .item .mbanner { display: none; }

@media only screen and (max-width: 768px) {
	.w_top_xin0 > div > .TOP_piece > .pieceCell {width: 100%;margin-left: 0;margin-top: 0rem;margin-bottom: 0rem;}
	
  
.mobilemenu {display: block; position: relative;} 
.header{display: none;}

.top_nav {display: block;position: fixed;z-index: 20000;top: 22px;right: 20px;}
.carousel-inner .item .pcbanner { display: none; }
.carousel-inner .item .mbanner { display: block; }
.bannerpc { display: none; }
.bannerm { display: block; }
}

@media only screen and (min-width: 769px) {
}



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


}

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

.mobilemenu {display: none;}
.top_nav {display: block;position: absolute;z-index: 20000;top: 33px;right: 25px;}
.top_nav ul {width: 30px;height: 12px;}

.menu_open .top_nav ul li:nth-child(1) {transform: rotate(45deg);top: 50%;background: #9f6742;}
.top_nav ul li {position: absolute;height: 2px;top: 0;left: 0;right: 0;background: #9f6742;}
.top_nav ul li {transition: 0.5s;}
.menu_open .top_nav ul li:nth-child(2) {opacity: 0;}
.top_nav ul li:nth-child(2) {position: absolute;top: 180%;left: 0;right: 0;margin-top: -1px;background: #9f6742;}
.menu_open .top_nav ul li:nth-child(3) {transform: rotate(-45deg);top: 50%;margin-top: 0;background: #9f6742;}
.top_nav ul li:nth-child(3) {position: absolute;top: 100%;left: 0;right: 0;margin-top: -1px;background: #9f6742;}
ul:after, .clear_fix:after {content: "";display: block;clear: both;}


.menu_open .fix_menu {transition: 0.5s;top: 0px;z-index: 2000;padding-top: 50px;height: 100vh;}
.fix_menu {position: fixed;top: 100%;left: 0;right: 0;bottom: 0;z-index: 2000;background-color: rgba(255,255,255,0.98);text-align: center;display: block;}
.fix_menu {transition: 0.5s;transform: translate3d(0, 0, 0);overflow: hidden;}
.menu_open .fix_menu ul {transition: 0.5s 0.4s;transform: translateY(0px);opacity: 1;overflow-y: scroll;}
.fix_menu > ul {padding-bottom: 80px;}
.fix_menu ul {transition: 0.4s;transform: translateY(50px);opacity: 0;}
.fix_menu > ul {text-align: left;width: 100%;max-height: none;height: 100%;overflow: scroll;box-sizing: border-box;padding: 30px;}
.fix_menu > ul > li {margin: 5px 0px;font-size: 24px;border-bottom: 1px solid #ddd;padding-bottom: 5px;}
.fix_menu > ul > li.active > a {color: #9f6742;}
.fix_menu > ul > li a {font-size: 1em;font-weight: 400;color: #333;display: inline-block;line-height: 1.5;}
ul.sec_ul {font-size: 0.85em;margin: 10px 0;}
.fix_menu > ul > li.first-li > a {font-size: 16px;}
.top_nav ul li:nth-child(2) {}
body.menu_open {overflow: hidden;height: 100vh;}
.fix_menu * {-webkit-overflow-scrolling: touch;}
ul.sec_ul {display: none;}
.list_on {position: absolute;right: 0px;top: 20px;transform: translateY(-50%);font-size: 20px;color: #666;z-index: 20;transition: 0.4s;}
li.first-li {position: relative;}
/*li.first-li.active .list_on {transform: translateY(-50%) rotate(45deg);}*/
.menu_open .fix_menu ul.sec_ul {transform: translate3d(0, 0, 0);transition: 0s;}
.menu_open .main.pagebox {height: 100vh !important;overflow: hidden;}
.fix_menu > ul > li li a {line-height: 40px;font-size: 14px;font-weight: normal;color: #666;}
/*.sc_top {position: fixed;bottom: 195px;right: 0;width: 70px;transition: 0.3s;opacity: 0;pointer-events: none;}
.sc_top.show {opacity: 1;pointer-events: auto;}
.sc_top img {width: 100%;}*/





.foot{ height: auto; overflow: hidden; padding:5% 5%; background: #f6f6f6; display: block; }
.foot h3{text-transform:uppercase; line-height: 33px; width: 100%; display: block; font-size: 33px; color: #000; padding: 1% 0;}
.foot_c{ width:60%; float: left; height: auto; overflow: hidden;}
.foot_c ul li{ padding-left:38px; color: #333; margin-bottom: 20px; margin-top:20px; line-height: 30px; font-size: 20px;}
.foot_c ul li:nth-child(1){background:url(../newimg/foot_ic1.jpg) top left no-repeat; background-size: 26px 26px; }
.foot_c ul li:nth-child(2){background:url(../newimg/foot_ic2.jpg) top left no-repeat; background-size: 26px 26px; }
.foot_c ul li:nth-child(3){background:url(../newimg/foot_ic3.jpg) top left no-repeat; background-size: 26px 26px; }
.foot1{ position: relative; height: auto; overflow: hidden;}
.foot_nav{ position: absolute; right: 0; bottom:18px; font-size: 16px; color: #333; }
.foot_nav a{color: #333;}
.foot_nav a:hover{color: #9f6742;}


.mobilea3{ display: none;background: #fff;width: 100%;position: fixed;bottom: 0px;z-index: 99999;height: 40px;line-height: 40px;color: #ddd;border-top: 1px solid #ddd;text-align: center;}
.mobilea3 a{display: inline-block;color: #666;width: 30%;}

@media only screen and (max-width: 1180px) {
	.mobilea3{ display: block;}
	.foot_c{ width: 100%;}
	.foot_nav{ display: none;}
	
	
}

@media only screen and (min-width: 769px) {
	
	
}

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




@media only screen and (min-width:769px) and (max-width:1024px) {}
* {padding: 0;margin: 0;}
/*.pagebox {width: 100%;margin: 0px auto;}
.pagebox, #-remove--flag {width: 100%;margin: 0px auto;}

#top_nav {width: auto;max-width: none;min-width: 50px;height: auto;max-height: none;min-height: 76px;margin-top: 0px;margin-left: 0px;margin-right: 0px;margin-bottom: 0px;padding-top: 0px;padding-left: 0px;padding-right: 0px;padding-bottom: 0px;}
*/

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


@media only screen and (max-width: 768px) {
	
  
.mobilemenu {display: block; position: relative;} 
	.header{display: none;}
	
	
  

.top_nav {display: block;position: fixed;z-index: 20000;top: 22px;right: 20px;}
	
}



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


@media only screen and (min-width: 769px) {#top_xin> div > .TOP_piece > .pieceCell {margin-bottom: 0rem;margin-top: 0rem;margin-left: 0px;}
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {}
@media only screen and (min-width: 769px) {  
	#bootstrap-touch-slider{ margin-top: 78px;}
.foot_c ul li{ font-size: 20px; line-height: 22px;}
	.foot{ padding-bottom: 60px;}
}



.header{ height: 88px; margin: 0; padding: 0; width: 100%; position: fixed; top: 0; z-index: 99999; background: #fff;box-shadow: 0px 0px 3px #c0c0c0;}
.logo{ padding: 24px 0 0 0; overflow: hidden; float: left; width:30%;}

.nav_logo{ padding: 19px 0 0 3%; float: left; width: 30%;}
.header_dw{ position: relative; }
.nav{width: 60%;float:right; padding: 0 0 0 0; }
/*导航*/
nav { width: 100%;  text-align:center; z-index: 999; height:88px;}
nav ul {width: 100%;display:inline-table;position:relative;}
nav ul ul { z-index: 999;display:none; /*border: 1px solid #ebf3ff; border-top: none;*/}
nav ul li {float:left; position: relative;width:25%;  }
nav ul::after {content:"";display:block;clear:both;}
nav ul li a {display:block;padding:0;  height:88px; line-height: 88px; color:#333;text-decoration:none;font-family:"微软雅黑"; font-size: 18px;}
nav ul li.hover{ font-weight: bold;}
nav ul li.hover a{  color: #fff; background: #9f6742;}


nav ul li a:hover{ font-weight: bold;color: #fff; background: #9f6742;}
nav ul li:hover{color: #fff; background: #9f6742;}
nav ul li:hover > ul {display:block;}

nav ul li:hover a {color: #fff; font-weight: bold;}
nav ul li:hover ul li a {color:#484848; font-weight: normal;}
nav ul li:hover ul li a:hover {color:#000; font-weight: normal;}
nav ul li:hover ul li a{ background:#fff;}
nav ul li:hover ul li:nth-child(1) a{ background:#f9f9f9;}
nav ul li:hover ul li:nth-child(2) a{ background:#f9f9f9;}
nav ul li:hover ul li:nth-child(3) a{ background:#f9f9f9;}
nav ul li:hover ul li:nth-child(1) a:hover{ background:#dedede;}
nav ul li:hover ul li:nth-child(2) a:hover{ background:#dedede;}
nav ul li:hover ul li:nth-child(3) a:hover{ background:#dedede;}


nav ul ul {background:#fff;border-radius:0;position:absolute;top:100%; left: 0; padding:0;}
nav ul ul li {float:none; height: 58px; line-height: 58px; color: #484848;}
nav ul ul li a { height: 58px; line-height: 58px; color:#ececec; font-size: 15px;  }   
nav ul ul li a:hover { color: #000; height: 58px; background: #ececec; line-height: 58px;}



nav ul ul.ul_ic2{  width: 100%; }
nav ul ul.ul_ic2 li{ width:100%;}
nav ul ul.ul_ic2 li a{ width:100%; display: block; text-align: center;  }
nav ul ul.ul_ic2 li.icc a{ width:100%; display: block; text-align: center;background:none;}
nav ul ul.ul_ic2 li a:hover{ width:100%; background: #d6d6d6; }
nav ul ul.ul_ic2 li.icc a:hover{ width:100%; background: #d6d6d6 ; }

nav ul li.hover:hover ul.ul_ic2 li{background: #ccc;}

nav ul ul.ul_ic2 ul {width:100%;position:absolute;left:100%;top:0px;}
nav ul ul.ul_ic2 ul li{width:100%;background: #ecedf0; overflow: hidden;}
nav ul ul.ul_ic2 ul li a{width:100%;text-align:center;background: #ecedf0;text-indent: 0;}
nav ul ul.ul_ic2 ul li a:hover{width:100%;background: #e1e1e1;}

nav ul li.hover{color: #000;}