* {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
UL,LI,DIV,FIELDSET,FORM,SPAN,IMG,H1,H2,H3,ARTICLE {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: top; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px;list-style-type: none;
}
html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing:         border-box;
}
body {
	background: #fff;
}
A {
	COLOR: #333; TEXT-DECORATION: none
}

a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: "Arial","微软雅黑";
	font-size: 1.6rem;
	font-size: 1.6rem;
	line-height: 1.5;
}

p {
	margin-bottom: 1.5em;
}



img {
	height: auto;
	/*max-width:100%;*/

}



.szcogo_main_top_style{
     float: left;padding: 0px 48px;POSITION: relative; WIDTH: 100%;height:71px;BACKGROUND: url(row1-top-tail.gif) repeat-x left top; 
}

.szcogo_main_top_style .szcogo_logo{
	width:20%;
	height:71px;
	float: left;
}
.szcogo_main_top_style .szcogo_logo img{
	height:71px;
}

.szcogo_main_top_style .szcogo_container {
    width:80%;
	position: relative;
	float: left;
    
    padding-left: 0;
    padding-right: 0;
	height:71px;
}
.szcogo_main_top_style .menu {
	WIDTH: 100%;
}
.szcogo_main_top_style .menu LI {
	POSITION: relative; FLOAT: right
}
.szcogo_main_top_style .menu LI:last-child {
	BACKGROUND: url(menu-a-tail.gif) no-repeat 0px -71px
}
.szcogo_main_top_style .menu LI >A {
	TEXT-ALIGN: center; PADDING-BOTTOM: 24px; LINE-HEIGHT: 1.23em; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 0px; WIDTH: 188px; PADDING-RIGHT: 0px; DISPLAY: block; FONT-FAMILY: "Trebuchet MS", Arial, Helvetica, sans-serif; BACKGROUND: url(menu-a-tail.gif) no-repeat right -71px; LETTER-SPACING: -1px; COLOR: #262626; FONT-SIZE: 21px; PADDING-TOP: 21px
}
.szcogo_main_top_style .menu LI >A:hover {
	BACKGROUND-COLOR: #000; BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: left top; COLOR: #fff
}
.szcogo_main_top_style .menu LI >A.active {
	BACKGROUND-COLOR: #000; BACKGROUND-REPEAT: repeat-x; BACKGROUND-POSITION: left top; COLOR: #fff
}


/*=商品分类 TPL_CATEGORY 
=============================================================================================*/
#allcategories{
	position: absolute;
	z-index: 1000;
	margin-left: 0px;
	display: none;
	top:71px;
	width:940px;
	font-size: 12px;
}
.CategoryWrap{
text-align:left;
}
.CategoryWrap dl{
padding: 6px 0;
border-bottom:1px solid #ccc;
}
.CategoryWrap dl dt{
	float:left;
	width:125px;
}
.CategoryWrap dl dt a{
	padding-left: 6px;
	background:url(cateitems.gif) no-repeat;
	padding-left:15px;
	font-weight:700;
	text-align: right;
}
.CategoryWrap dl dd{
	padding-left:125px;
	
}


/* p-top */
#p-top{margin:0 auto;padding:0 10px;width:930px;text-align:left;}
#p-top{background:none;width:auto;min-width:990px;padding:0;}
#p-banner-1{background: #EDEDED url(p-banner1.jpg) repeat-x 50% 0px;}
#p-top-banner .p-banner-small-1{background: url(p-banner1-small.png) no-repeat 0 80%;}
#p-banner-2{background: #EDEDED url(p-banner2.jpg) repeat-x 50% 0px ;}
#p-top-banner .p-banner-small-2{background: url(p-banner2-small.png) no-repeat 0px 80%;}
#p-banner-3{background: #EDEDED url(p-banner3.jpg) repeat-x 50% 0px;}
#p-top-banner .p-banner-small-3{background: url(p-banner3-small.png) no-repeat 0px 50%;}
.p-home-banner{width:990px;padding:0;margin:0 auto;clear:both;}
.p-home-banner:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#p-top-banner img,#p-top-banner h1,#p-top-banner h2,#p-top-banner h3{padding:0;margin:0;}
#p-top-banner h1,#p-top-banner h2,#p-top-banner h3{position:relative;}
#p-top-banner{background:#EFEFEF;border-bottom:1px solid #C0C0AE;}
#p-top-banner.p-container{margin:0;}
#p-top-banner.p-top-qh .p-container-body{clear:both;position:relative;height:400px;border:0 none;background:none;margin:0;}
#p-top-banner .p-top-qh-pane{position:relative;height:400px;overflow:hidden;clear:both;}
#p-top-banner .p-top-qh-pane h1 img,#p-top-banner .p-top-qh-pane h2 img{margin-top:80px;}
#p-top-banner .p-bannerqh{position:absolute;overflow:hidden;}
#p-top-banner .p-bannerqh .p-home-banner{clear:none;height:400px;overflow:hidden;width:100%;margin:0;float:left;}
#p-top-banner .p-bannerqh .p-home-banner .p-banner1-1-1{width:1440px;margin:0 auto;text-align:right}

#p-top-banner .p-top-qh-nav{margin:-15px 100px 0 0;width:200px;height:20px;float:right;display:inline;}
#p-top-banner .p-top-qh-nav a{width:45px;height:45px;position:relative;z-index:2100;display:inline-block;text-decoration:none;padding:0;margin:3px 5px;font-size:1px;outline:0;border:3px solid #EEE;border:3px solid rgba(255,255,255,0.6);box-shadow:0 1px 3px rgba(0,0,0,0.6);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.6);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6);}
#p-top-banner .p-top-qh-nav a .p-top-qh-view{width:40px;height:40px;}
#p-top-banner .p-top-qh-nav a.p-active{top:-5px;}
#p-top-banner .p-top-qh-nav a:hover,#p-top-banner .p-top-qh-nav a.p-active{border:3px solid #FFF;border:3px solid rgba(255,255,255,0.9);box-shadow:0 1px 3px rgba(0,0,0,0.85);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.85);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.85);}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt{display:none;background:url(p-banner-small-bg.png) no-repeat 0 0;_background-image:url("p-banner-small-bg-ie6.png");cursor:pointer;position:absolute;text-align:left;width:328px;height:113px;top:-115px;left:-237px;}
#p-top-banner .p-top-qh-nav a.p-active .p-banner-small-alt{top:-110px;}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt span.p-banner-small-1,#p-top-banner .p-top-qh-nav a .p-banner-small-alt span.p-banner-small-2,#p-top-banner .p-top-qh-nav a .p-banner-small-alt span.p-banner-small-3{display:block;border:1px solid #FFF;width:60px;height:60px;margin:18px 10px 5px 20px;_margin:20px 6px 5px 12px;float:left;}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt h2{font-weight:bold;color:#FFDF4E;text-shadow:0 1px 0 rgba(0,0,0,.5);font-size:12px;margin:0;padding:15px 20px 0 0;}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt p{font-size:11px;color:#999;text-shadow:0 1px 0 rgba(0,0,0,.5);margin:0;padding:0 20px 5px 0;line-height:14px;}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt:hover h2{color:#FFC;}
#p-top-banner .p-top-qh-nav a .p-banner-small-alt:hover p{color:#CCC;}
#p-top-banner a.p-top-qh-next,#p-top-banner a.p-top-qh-prev{display:none;}
.p-container{margin:0 0 1.2em;width:100%;}
.p-container .p-container-body h2,.p-container.p-alternate-two h2,.p-container.p-alternate-six h2{background:none;border:none;}
.p-subtittle{position:absolute;left:-3000px;	width:500px;}

.banner-buttom{position:absolute;bottom:0px;width:100%;height:30px;cursor:pointer;z-index:40;border-top:1px solid rgba(0, 0, 0, 0.1);
margin:0 auto;min-width:940px;text-align:center;}
.news-border{border-top:1px solid rgba(255, 255, 255, 0.3)!important;border-top:1px solid #C0C0AE;}




#main>.content>.three_products,
#main>.content>.two_products,
#main>.content>.products_last,
#main>.content>.one_products,
#main>.content>.box_products{
	position: relative;
	clear: both;
	padding-top: 10px;
}
#main img{width:100%}

#main>.content>.three_products>li,#main>.content>.two_products>li,#main>.content>.products_last>li,#main>.content>.one_products>li{
    display: inline-block;
    float: left;
    cursor: pointer;
    width: 32%;
	height:318px;
	margin-left: 1%;
}

#main>.content>.two_products>li:nth-child(1){
    width: 65%;
	height:318px;
}

#main>.content>.box_products{
    width: 100%;
    height: 539px;
	margin-left: 1%;
}
#main>.content>.box_products>.left,#main>.content>.box_products>.right{
    display: inline-block;
	height:539px;
    float: left;
    cursor: pointer;
}
#main>.content>.box_products>.left{
    width: 35%;
}
#main>.content>.box_products>.left>.animate{
	height:265px;
}
#main>.content>.box_products>.right{
	width:62%;
	margin-left: 1%;
}
#main>.content>.box_products>.left>.item1{
    margin-top: 9px;
}
#main>.content>.box_products>.right>img{
	width: 100%;
}

#main>.content>.one_products>li:nth-child(1){
    width: 65%;
}
#main>.content>.one_products>li:nth-child(2){
    margin-left: 1%;
    width: 32%;
}
#main>.content>.products_last>li:nth-child(1){
    margin-left: 1%;
    width: 32%;
}
#main>.content>.products_last>li:nth-child(2){

	width: 65%;
}

#main>.content .animate{
    position: relative;
	overflow:hidden;
}
#main>.content .animate img{
	position:absolute;
}
#main>.content .animate>.img_mask{
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    filter: alpha(opacity=40);
	top:0;
}
#main>.content .animate>.img_mask>.context{
    position: relative;
}
#main>.content .animate>.img_mask>.context>h1{
    font-size: 26px;
	line-height:50px;
}
#main>.content .animate>.img_mask>.context>h2{
	font-size: 14px;
	line-height:20px;
	padding-right: 2%;
	padding-left: 2%;
}

.z-index-10{
	z-index:10;
}
.z-index-9{
	z-index:9;
}






.grid {
  padding: 38px 48px;
  background: #fff;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.grid .gridItem {
	position: relative;
	overflow: hidden;
	background-color: #000000;
}


.grid .innerElements {
  position: absolute;
  background: transparent;
  background: rgba(0, 0, 0, 0.50);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  color: #fff;
}

.grid .gridItem:hover .innerElements {
  margin-top: 500px !important;
  opacity: 0 !important;
}

.grid .innerElements .bombIcon {
  margin: 56px auto 0 auto;
  display: block;
  width: auto !important;
}

.grid .innerElements .innerInner {
  position: absolute;
  left: 22%;
  right: 22%;
  top: 50%;
  margin-top: -70px;
}

.grid .innerElements .innerInner h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  padding: 0;
  margin-bottom: 23px;
}

.grid .innerElements .innerInner p {
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 24px;
}

.grid .innerElements .innerInner .line_large {
  width: 62px;
  height: 3px;
  background-color: transparent;
  display: block;
  margin: 0 auto 30px auto;
}

.grid .innerElements .line_small {
  width: 26px;
  height: 2px;
  background-color: #fff;
  display: block;
  margin: 0 auto 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
}

.grid .readMore {
  width: 122px;
  height: 44px;
  line-height: 44px;
  background-color: #669900;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -61px;
  top: -50%;
  margin-top: -22px;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  opacity: 0;
  outline: 1px solid #fff;
  outline-offset: -5px;
}

.grid .readMore i {
  color: #c42026;
}

.grid .readMore:hover {
  background: #fff;
  color:  #669900;
  outline: 1px solid  #669900;
}


.grid .gridItem:hover .readMore {
  top: 50%;
  opacity: 1;
}

.grid .corner {
  display: block;
  width: 40px;
  height: 40px;
  background: #669900;
  position: absolute;
  bottom: 18px;
  left: 50%;
  margin-left: -20px;
  z-index: 10;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.grid .corner i:hover{
  transform-origin: 50% 50%;
  animation: rotate 0.5s ease;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation: rotate 0.5s ease;

}
@keyframes rotate {
	0%{transform:rotateZ(0deg);}
	100%{transform:rotateZ(360deg);}
}
@-webkit-keyframes rotate{
	0%{-webkit-transform:rotateZ(0deg);}
	100%{-webkit-transform:rotateZ(360deg);}
}
.grid .morehide {
  display: none;
  width: 40px;
  height: 40px;
  background: #ff4729;
  position: absolute;
  bottom: 18px;
  left: 50%;
  margin-left: -20px;
  z-index: 10;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
} 
.grid .morehide i:hover{
  transform-origin: 50% 50%;
  animation: rotate1 0.5s ease;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation: rotate1 0.5s ease;
}

@keyframes rotate1 {
	0%{transform:rotateZ(0deg);}
	100%{transform:rotateZ(-360deg);}
}
@-webkit-keyframes rotate1{
	0%{-webkit-transform:rotateZ(0deg);}
	100%{-webkit-transform:rotateZ(-360deg);}
}

.grid .moreItems {
  height: 0px;
  width: 100%;
  overflow: hidden;
  float: left;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.grid .firstItems {
  overflow: hidden;
  float: left;
  width: 100%;
}

@media only screen and (max-width: 1540px) {
  /* line 5095, ../scss/styles.scss */
  .grid .innerElements .innerInner {
    left: 5%;
    right: 5%;
  }
}

.large-3 {
    width: 25%;
  }
.column,
.columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left;
}

.footer {
  background: #666;
  clear: both;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 22px;
}

.footer a {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-weight: 900;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.footer a:hover {
  letter-spacing: 8px;
  color: #fff;
} 

/* 客服 */
#leftsead{width:131px;height:143px;position:fixed;top:140px;right:0px;Z-INDEX:3}
*html #leftsead{margin-top:335px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:131px;height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:190px;top:2px;}
#leftsead .branch .hides {
	display:none;
	position:absolute;
	right:46px;
	width:145px;
	height:290px;
}
#leftsead .branch .branch_title{
	width: 145px;
	height:49px;
	float: left;
	background-image: url(foot03/ll04.png);
	background-repeat: no-repeat;
}
#leftsead .branch .branch_listall a {
	height:40px;
	line-height: 40px;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	padding-left: 5px;
}
#leftsead .branch .branch_listall{
	width: 131px;
	background:#000;
	background: transparent;
    background: rgba(0, 0, 0, 0.60);
}
#divStayTopLeft{
	Z-INDEX: 999; POSITION: fixed; WIDTH: 47px; TOP:82px; RIGHT:0; MARGIN-RIGHT: 0px
}