/************COMMON STYLE************/
html, body { width:100%; height:100%;}
html{overflow: scroll;}
body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, form, input, select, textarea, img { margin:0; padding:0 }
body { background:#fff; line-height:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif, "宋体"; color:#000; text-align:center }
ul, ol, li { list-style:none }
h1, h2, h3, h4, h5, h6, th, td { font-size:12px; font-weight:normal }
img { border:0; vertical-align:bottom }
input, select, textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif, "宋体"; color:#000; vertical-align:bottom }
a { color:#000; text-decoration:none; outline:0 }
a:hover { color:#000 }
.wrap { clear:both; width:950px; margin:0 auto; text-align:left }
.cl { clear:both }
.cf:after { content:"."; clear:both; display:block; height:0; visibility:hidden }
.cf { display:inline-block }
* html .cf { height:1% }
.fl { float:left }
.fr { float:right }
.hd { display:none }
.mt5 { margin-top:5px }
.mt10 { margin-top:10px }
.mt20 { margin-top:20px }
.mt40 { margin-top:40px }
.l { text-align:left }
.c { text-align:center } 
.r { text-align:right }
.f12 { font-size:12px }
.f14 { font-size:12px }
.f16 { font-size:12px }
.f18 { font-size:12px }
.fn { font-weight:normal }
.fb { font-weight:bold }
.line { text-decoration:underline }
.c000 { color:#000 }
.cf00 { color:#f00 }
.c00f { color:#00f }
.c080 { color:#080 }
/************PAGE STYLE************/
.page { clear:both; padding:10px; line-height:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif, "宋体"; color:#444; text-align:center }
.page span, .page a { display:inline-block; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; color:#333; vertical-align:middle }
.page span, .page a { *display:inline
}
.page a:hover, .page a.s, .page span.s { border:#7b0 1px solid; background:#7b0; color:#fff }
.page span.s { font-weight:bold }
/************CUT STYLE************/
.cut { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /* for IE */ -o-text-overflow:ellipsis; /* for Opera */ -icab-text-overflow:ellipsis; /* for iCab */ -khtml-text-overflow:ellipsis; /* for Konqueror Safari */ -moz-text-overflow:ellipsis; /* for Firefox,mozilla */ -webkit-text-overflow:ellipsis; /* for Safari,Swift*/ }
/************BG STYLE************/
.head { background:url(../img/head_bg.gif) no-repeat }
.headPage li, .headPage li span, .headPage li b.dir, .headPage li b.begin, .headPage li b.prev, .headPage li b.next, .headPage li b.end, .borderATop, .borderABottom, .borderATop .fl, .borderATop .fr, .borderABottom .fl, .borderABottom .fr, .picList .top, .picList .bottom, .feedback li { background:url(../img/bg.gif) no-repeat }
.main { background:url(../img/main_bg.gif) no-repeat }
/************BORDER STYLE************/
.borderATop, .borderABottom { clear:both; height:7px; background-repeat:repeat-x; overflow:hidden }
.borderATop .fl, .borderATop .fr, .borderABottom .fl, .borderABottom .fr { width:7px; height:7px; overflow:hidden }
.borderATop { background-position:0 -62px }
.borderABottom { background-position:0 -70px }
.borderATop .fl { background-position:-101px -98px }
.borderATop .fr { background-position:-109px -98px }
.borderABottom .fl { background-position:-101px -106px }
.borderABottom .fr { background-position:-109px -106px }
.borderAMiddleOut { clear:both; border-right:#f5f5f5 3px solid }
.borderAMiddleIn { border-left:#ccc 1px solid; border-right:#ccc 1px solid; background:#fff; padding:5px 10px }
/************MAIN STYLE************/
.head { height:52px; background-repeat:repeat-x; background-position:left bottom; border-bottom:#ccc 1px solid; text-align:left; position:relative }
.headLogo { position:absolute; left:20px; top:0 }
.headLogo .btn1{ display:inline-block; *display:inline;zoom:1; vertical-align:bottom; padding:0 0 10px 10px;}
.headCompany { font-size:16px; font-family:'黑体'; position:absolute; left:265px; top:19px }
.headPage { position:absolute; left:465px; top:11px }
.headPage ul { height:30px }
.headPage li { float:left; display:inline; height:30px; margin-right:5px; line-height:30px; vertical-align:bottom; cursor:pointer }
.headPage li b { float:left; display:inline; height:30px; margin:0 7px 0 10px }
.headPage li b.dir { background-position:-192px -89px; padding-left:15px }
.headPage li b.begin { width:8px; background-position:-117px -89px }
.headPage li b.prev { width:5px; background-position:-126px -89px }
.headPage li b.next { width:5px; background-position:-132px -89px }
.headPage li b.end { width:8px; background-position:-138px -89px }
.headPage li span { float:left; width:3px; height:30px; background-position:right top }
.headPage li.s { background-position:0 -31px; color:#fff }
.headPage li.s a{color:#fff}
.headPage li.s span { background-position:right -31px }
.headPage li.n { background:none }
.main { border-top:#fff 1px solid; background-repeat:repeat-x; padding:10px; text-align:left }
.picList { text-align:center }
.picList .top, .picList .bottom { clear:both; width:100px; height:14px; margin:0 auto; overflow:hidden; cursor:pointer }
.picList .top { background-position:0 -78px }
.picList .bottom { background-position:0 -108px }
.picList .middle { clear:both; width:100px; /*height:270px; */ margin:0 auto; padding:5px 0; overflow:hidden }
.picList .middle li { padding:5px 0; vertical-align:bottom; cursor:pointer }
.picList .middle li img { width:94px; height:74px; border:#fff 3px solid }
.picList .middle li.s img { border:#000 3px solid }
.feedback { padding:0 5px }
.feedback li { padding-left:15px; vertical-align:bottom }
.feedback li a { text-decoration:underline }
.feedback li.s1 { background-position:-191px -122px }
.feedback li.s2 { background-position:-191px -150px }
.feedback li.s3 { background-position:-191px -179px }
.company { text-align:center }
.picDetail { text-align:center; position:relative }
.picDetail .zoom{ position:absolute; right:0; top:0;}
.picDetail .zoom img{ cursor:pointer!important; cursor:hand;}
.picDetail .shadow { width:41px; height:678px; margin-left:-20px; position:absolute; left:50%; top:0 }
* html div1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../img/yy.png")
}
html>body .picDetail .shadow { background:url(../img/yy.png) repeat-y }

.openBox { clear:both; border:#ddd 5px solid; background:#fff; padding:1px; text-align:left }
.openBox .barOut { clear:both; border-bottom:#ddd 1px solid; padding-bottom:1px; cursor:move }
.openBox .barIn { height:25px; background-color:#eee; padding:0 10px; line-height:25px; color:#000 }
.openBox .barIn a { color:#999 }
.openBox .barIn .fl { font-weight:bold; }
.openBox .barIn .fr { cursor:pointer; }
.openBox .con { clear:both; padding:10px;}
.contact { clear:both; padding:10px; }
.contact li { clear:both; height:20px; padding:5px 0; line-height:20px;color:#666;vertical-align:bottom;}
.contact li b { float:left; width:60px; text-align:right;}
.contact li span { float:right; width:278px; }
.why { clear:both; padding:10px; color:#666;}
	/*分享*/
	.share-box{position:fixed;left: 50%;margin-left:680px; z-index:999; bottom: 60px;}
	.qr-code {border: 1px solid #d9dadc; margin-top:10px;background-color: #fff; word-wrap: break-word;word-break: break-all; text-align: center; width: 120px;}  
	.qr-code .qr-code-img img{width:120px;}
	.qr-code p{ font-size: 14px; line-height: 20px; padding-bottom: 5px;}