@charset "utf-8";
/* CSS Document */

/*  全局  */
.header,.mainbody,.nav,.footer,.banner { width:100%; padding:0px; margin:0px auto;}


/*  header  */
.header { padding:1px;}

.header3 { margin-top:5px; margin-right:20px;}
.bg { background:url(../images/icons-36-black.png) no-repeat scroll 0 0 transparent; display:block; height:36px; }
.ab { background-position:-1152px 0px; width:35px; height:35px;text-indent:-999em; margin-top:10px;}
.header2 { margin-top:20px; margin-right:20px; }
.header2 a { color:#FFF; font-size:14px;}
.tel{ margin-top:6px; padding:4px 10px;}
	.tel span{ background:url(../images/tel.png) no-repeat left center; font:17px "微软雅黑";  display:block; padding:6px 0px 2px 30px;}
	.tel span a,.tel span a:hover{ color:#DE6F00;}

/*  nav  */
.nava { background-color:#f59524;border-top:1px solid #BEBEBE; }
.nava ul li { float:left;  text-align:center; width:25%;  }
.nava ul li a { color:#FFFFFF; font:16px "微软雅黑"; font-weight:normal; display:block; padding:7px; border-right:1px solid #E98714;border-bottom:1px solid #E98714; }
.nava li .current { background-color:#CC3300; text-decoration:none;}
f59524
/*  banner  */
@media only screen and (min-width: 768px) and (max-width: 959px){img{ max-width:100%}
}
@media only screen and (max-width: 767px){img{ max-width:100%}
}
figure,form,fieldset{border:0;margin:0;padding:0}
label{cursor:pointer}
legend{border:0;*margin-left:-7px;padding:0}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}
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-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top;resize:vertical}
blockquote{font-style:italic;font-weight:300;font-size:19px;font-family:museo-slab;margin:1.2em 0 1.7em 1.5em;color:#a6a9ab}
pre.code,.preview{margin:1.2em 0 2em;border:1px solid;border-color:#cdd2d6 #bfc6cb #b3bbc1 #bfc6cb;border-radius:2px;position:relative;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.two-column pre.code.preview,.two-column .preview.preview{margin-right:20px}
pre.code label,.preview label{font-family:sans-serif;font-weight:700;font-size:13px;color:#4b555c;position:absolute;left:1px;top:16px;text-align:center;width:60px}
pre.code code,.preview code{font-family:"Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;display:block;margin:0 0 0 60px;padding:15px 16px 14px;border-left:1px #e5eaee solid;overflow-x:auto;font-size:13px;line-height:19px;color:#333}
pre.code.code-css code,.preview.code-css code{color:#d84400}
pre.code.code-html code,.preview.code-html code{color:#4576d5}
[data-zoom]:after{content:attr(data-zoom);color:#ddd;font-family:proxima-nova,sans-serif;font-size:15px;font-weight:700;position:absolute;top:10px;left:12px;text-transform:uppercase}
.button,.button:active,.button:visited{margin:0;padding:13px 30px 12px;border-radius:4px;display:inline-block;vertical-align:top;color:#494f50!important;text-decoration:none!important;border:1px #97a2a4 solid;border-top:1px #a4b0b4 solid;border-bottom:1px #8f9698 solid;box-shadow:0 1px 0 rgba(0,0,0,.05),inset 0 1px 0 white;background-color:#ececec;background-image:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#e0e0e0));background-image:-webkit-linear-gradient(top,#f9f9f9,#e0e0e0);background-image:-moz-linear-gradient(top,#f9f9f9,#e0e0e0);background-image:-ms-linear-gradient(top,#f9f9f9,#e0e0e0);background-image:-o-linear-gradient(top,#f9f9f9,#e0e0e0);background-image:linear,top,#f9f9f9,#e0e0e0;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#F9F9F9', EndColorStr='#E0E0E0');font-size:17px;font-weight:700;text-shadow:0 1px 0 white;font-family:proxima-nova;text-transform:none;letter-spacing:0}
.button:hover,.button:active:hover,.button:visited:hover{text-decoration:none}
.dark{background-color:#f0f0f0}
.dark header a,.dark header a:visited{color:#2b2e30;font-weight:700}
.dark header a:hover,.dark header a:visited:hover{color:#43484b}
.dark header a.logo,.dark header a:visited.logo{background:#373b3e;color:#f0f0f0}
.dark header a.logo:hover,.dark header a:visited.logo:hover{background:#4f5559}
.dark article h1{color:#fff}
.dark article img{margin:0 0 4em;box-shadow:0 1px 3px black;border-radius:4px;max-width:100%}
.dark footer a{color:#2b2e30!important;font-weight:700}
.dark footer a:hover{color:#43484b!important}
.page-swipe header{background-color:#f0f0f0;padding:0;}
.page-swipe header a,.page-swipe header a:visited{color:#2b2e30;font-weight:700}
.page-swipe header a:hover,.page-swipe header a:visited:hover{color:#43484b}
.page-swipe header a.logo,.page-swipe header a:visited.logo{background:#373b3e;color:#f0f0f0}
.page-swipe header a.logo:hover,.page-swipe header a:visited.logo:hover{background:#4f5559}
@media only screen and (max-width: 767px){.page-swipe header{ padding:0 0}
}
.page-swipe header #slider{max-height:142px;margin-top:0px}
@media only screen and (max-width: 767px){.page-swipe header #slider{ margin-top:0}
}
.page-swipe header #slider figure{display:block}
.page-swipe header #slider figure div.wrap{ width:100%;height:142px;display:block;margin:0px auto 0px;position:relative}
@media only screen and (max-width: 767px){.page-swipe header #slider figure div.wrap{ max-width:380px;height:142px;}
}
.page-swipe header #slider figure div.image{display:block;box-shadow:0 1px 5px rgba(0,0,0,.85),inset 0 0 1px rgba(255,255,255,.35);margin:0px;border-radius:5px;height:inherit}
.page-swipe header #slider figure a{text-transform:none;font-weight:400;letter-spacing:0;position:absolute;bottom:10px;right:20px;font-size:12px;color:#fff;background:#000;padding:2px 0px;border-radius:3px;opacity:.45;font-family:franklin-gothic-urw,sans-serif}
.page-swipe header #slider figure a:hover{opacity:.85;text-decoration:none}
.page-swipe header nav{position: relative; max-width:680px;margin:0px auto 0; padding:0; }
.page-swipe header nav a{font-style:normal;color:#555!important}
.page-swipe header nav #position{text-align:center;list-style:none;margin:-14px 0px 0px 0px;padding:0; }
.page-swipe header nav #position li{display:inline-block;width:6px;height:6px; border-radius:6px;background:#ccc;margin:0 2px;cursor:pointer}
.page-swipe header nav #position li.on{box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);background-color:#1293dc;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1293dc),color-stop(100%,#0f6297));background-image:-webkit-linear-gradient(top,#1293dc,#0f6297);background-image:-moz-linear-gradient(top,#1293dc,#0f6297);background-image:-ms-linear-gradient(top,#1293dc,#0f6297);background-image:-o-linear-gradient(top,#1293dc,#0f6297);background-image:linear-gradient(top,#1293dc,#0f6297)}
.page-swipe article{text-align:center;padding-bottom:60px}
@media only screen and (max-width: 767px){.page-swipe article{ padding-left:10px;padding-right:10px}
}
.page-swipe article h1{font-size:36px;margin:35px 0 10px;line-height:1.1em}
@media only screen and (max-width: 767px){.page-swipe article h1{ margin-top:20px;font-size:32px}
}
.page-swipe article h2{color:#14a8e5;font-size:17px;margin:0}
.page-swipe article h2 span{margin:0 6px}
.page-swipe article h3{color:#929a9f;font-size:16px}
.page-swipe article .twitter{margin:20px 0 20px 8px;padding-bottom:50px;text-align:center}
.page-swipe article .twitter iframe{margin:0 10px;max-width:273px}
.page-swipe article .whos-using{margin:18px 0 80px;list-style:none;font-size:0}
.page-swipe article .whos-using li{display:inline-block;width:170px;height:140px;text-indent:-999em;background-size:170px 140px;background-position:center;background-repeat:no-repeat}
@media only screen and (max-width: 470px){.page-swipe article .whos-using li{ display:block;width:auto!important;height:120px}
}
.page-swipe article #twitter-widget-2,.page-swipe article #twitter-widget-3,.page-swipe article #twitter-widget-4,.page-swipe article #twitter-widget-5{display:inline-block!important;max-width:320px!important;vertical-align:top!important;margin:12px!important;width:auto!important;border-radius:4px!important;box-shadow:0 1px 1px rgba(0,0,0,.05)!important}
@media only screen and (max-width: 767px){.page-swipe article #twitter-widget-2,.page-swipe article #twitter-widget-3,.page-swipe article #twitter-widget-4,.page-swipe article #twitter-widget-5{ margin-left:0!important;margin-right:0!important}
}
.page-swipe footer{background-color:#f0f0f0;padding:60px 0 30px}
.page-swipe footer a{color:#2b2e30!important;font-weight:700}
.page-swipe footer a:hover{color:#43484b!important}
.page-swipe footer .button,.page-swipe footer .button:active,.page-swipe footer .button:visited{color:#4c565a!important;border:0;box-shadow:0 1px 1px rgba(0,0,0,.65),inset 0 1px 2px -1px rgba(255,255,255,.2);background-color:#252829;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#252829),color-stop(100%,#1e2021));background-image:-webkit-linear-gradient(top,#252829,#1e2021);background-image:-moz-linear-gradient(top,#252829,#1e2021);background-image:-ms-linear-gradient(top,#252829,#1e2021);background-image:-o-linear-gradient(top,#252829,#1e2021);background-image:linear-gradient(top,#252829,#1e2021);text-shadow:0 -1px 0 rgba(0,0,0,.35);margin-bottom:25px}
.post-together header{background-color:#1b1818;background-image:url(file:///C|/Users/Administrator/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Content.IE5/assets/together-header-bkgd.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:50px;height:543px;position:relative}
@media only screen and (max-width: 767px){.post-together header{ height:400px;margin-bottom:30px}
}
.post-together header a,.post-together header a:visited{color:rgba(255,255,255,.65);font-weight:700;-webkit-font-smoothing:antialiased}
.post-together header a:hover,.post-together header a:visited:hover{color:#fff}
.post-together header a.logo,.post-together header a:visited.logo{background:#fc6d60;color:#fff;color:rgba(255,255,255,.9)}
.post-together header a.logo:hover,.post-together header a:visited.logo:hover{background:#fc6d60}
.post-together header h1{color:#fff;margin-top:216px;font-size:45px;-webkit-font-smoothing:antialiased;padding-left:20px;padding-right:20px}
@media only screen and (max-width: 767px){.post-together header h1{ margin-top:120px;font-size:36px}
}
.post-together header h6{color:#fc6d60;font-size:21px;margin-top:.4em;font-style:normal;-webkit-font-smoothing:antialiased}
@media only screen and (max-width: 767px){.post-together header h6{ font-size:18px}
}
.post-together header .photo-by{position:absolute;bottom:0;left:0;right:0;color:rgba(255,255,255,.6);font-size:12px;font-weight:400;font-family:proxima-nova,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased}
.post-together header .photo-by a,.post-together header .photo-by a:visited{padding:0;color:rgba(255,255,255,.6);text-transform:none;letter-spacing:0;vertical-align:top;font-weight:700;-webkit-font-smoothing:antialiased}
.post-together header .photo-by a:hover,.post-together header .photo-by a:visited:hover{color:#fff}
.post-together article a{color:#fc6d60}
.post-together article small a{color:#1a8dc4}
.post-together article h2{color:#1a8dc4}
.post-tech-together header{background-color:#2c3c8f;margin-bottom:50px;height:543px;position:relative}
@media only screen and (max-width: 767px){.post-tech-together header{ height:400px;margin-bottom:30px}
}
.post-tech-together header a,.post-tech-together header a:visited{color:#4a83c5;font-weight:700}
.post-tech-together header a:hover,.post-tech-together header a:visited:hover{color:#fff}
.post-tech-together header a.logo,.post-tech-together header a:visited.logo{background:#4a83c5;color:#2c3c8f}
.post-tech-together header a.logo:hover,.post-tech-together header a:visited.logo:hover{background:#fff}
.post-tech-together header h1{margin-top:106px;font-size:45px;font-family:"katarine-web",sans-serif;text-transform:uppercase;-webkit-font-smoothing:antialiased;padding-left:20px;padding-right:20px;text-align:center;letter-spacing:3px;color:#4a83c5}
.post-tech-together header h1 span{display:block;font-size:154px;font-weight:700;text-transform:none;margin-top:-30px;margin-bottom:10px;color:#fff;letter-spacing:0;position:relative;z-index:1;text-shadow:0 0 0 #d9d9d9,0 1px 0 silver,0 2px 0 #a8a8a8,0 3px 0 #909090,0 4px 3px rgba(0,0,0,.1),0 4px 1px rgba(0,0,0,.5),0 0 3px rgba(0,0,0,.2)}
@media only screen and (max-width: 767px){.post-tech-together header h1{ margin-top:70px;font-size:26px}
.post-tech-together header h1 span{font-size:110px;margin-top:-20px}
}
@media only screen and (max-width: 560px){.post-tech-together header{ height:300px}
.post-tech-together header h1{margin-top:40px;font-size:22px}
.post-tech-together header h1 span{font-size:90px;margin-top:-20px}
}
@media only screen and (max-width: 470px){.post-tech-together header{ height:280px}
.post-tech-together header h1{margin-top:35px;font-size:24px}
.post-tech-together header h1 span{margin-top:-5px;font-size:60px;margin-bottom:15px}
}
.post-tech-together header h6{color:#fc6d60;font-size:21px;margin-top:.4em;font-style:normal;-webkit-font-smoothing:antialiased}
@media only screen and (max-width: 767px){.post-tech-together header h6{ font-size:18px}
}
.post-tech-together header h6 a,.post-tech-together header h6 a:visited{padding:0;color:rgba(255,255,255,.6);text-transform:none;letter-spacing:0;vertical-align:top;font-weight:700;-webkit-font-smoothing:antialiased}
.post-tech-together header h6 a:hover,.post-tech-together header h6 a:visited:hover{color:#fff}
.post-tech-together article p{font-family:"proxima-nova",sans-serif;font-size:1.2em}
.post-tech-together article a{color:#fc6d60}
.post-tech-together article h2{color:#4a83c5;font-family:"katarine-web",sans-serif;font-size:30px;margin-bottom:.3em}
header a:visited{text-decoration:none;color:#c6cacd;font-size:12px;letter-spacing:1px;text-transform:uppercase;display:inline-block;vertical-align:middle;font-weight:600;padding:7px 15px 5px;font-family:proxima-nova,sans-serif}
header a:hover,header a:visited:hover{color:#8c9397;text-decoration:none}
header a.logo,header a:visited.logo{font-family:ddt,sans-serif;color:#fff;font-size:24px;line-height:28px;padding:8px 13px 7px;border-radius:25px;background:#14a8e5;letter-spacing:0}
.stories{margin-top:50px}
.stories a{display:block;padding:20px 0;text-decoration:none}
.stories a span{font-family:proxima-nova,sans-serif;font-size:23px;color:#272727;font-weight:600;display:block}
.stories a em{display:block;color:#8c9397;font-family:museo-slab,serif}
.stories a:hover span{color:#14a8e5;text-decoration:underline}
.three-column{display:inline-block;vertical-align:top;width:210px;margin:0 0 3em}
.qr-button{text-align:center}
.qr-button .button{font-size:14px;padding:11px 18px;border-radius:3px}
.qr{margin:1.2em 0;border:1px solid;border-color:#cdd2d6 #bfc6cb #b3bbc1 #bfc6cb;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.tweet-button{text-align:center;margin:30px 0 0}
.tweet-button .fb-like{top:-4px;position:relative}


/* Swipe 2 required styles */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > figure {
  float:left;
  width:100%;
  position: relative;
}
/* END banner */



/*  公告  */
.ga { background:#FFF8ED; border-bottom:1px solid #C4BFB6; }
#Scroll { CLEAR:both; FONT-SIZE: 12px;  MARGIN: 0px auto; COLOR: #3E3E3E; TEXT-ALIGN: left; }
#Scroll A { PADDING-RIGHT: 20px; font-size:14px; PADDING-LEFT: 10px;  COLOR: #3E3E3E; MARGIN-RIGHT: 5px; TEXT-DECORATION: none;}
#Scroll A.s_end { PADDING-RIGHT: 0px; MARGIN-LEFT: 8px;}


/*  公司简介  */
h4 {background:#F0E2D3; padding:5px; color:#333333;font-weight: normal}
.bgg { padding:10px; font-size:14px; background-color:#fff; line-height:24px; }
.more a {color:#333; font-size:14px; display:block; padding:5px; border:1px solid #cccccc;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);border-radius:1em 1em 1em 1em; text-align:center; margin-top:10px;}
.more a:hover{background:#f59524; color:#fff}



/*产品*/
.main3_2 { padding:10px; font-size:14px; background-color:#fff; line-height:24px;}
.main3_2 dl {width:130px; margin:10px 10px 0px 10px; float:left;}
.main3_2 dl dt { width:130px; height:110px;}
.main3_2 dl dt img { width:130px; height:100px;}
.main3_2 dl dd { text-align:center; width:130px; }
.main3_2 dl dd a { font-size:14px; color:#000; line-height:24px;}

.post-nav{text-align:center; font-size:14px; padding-top:10px; padding-bottom:20px; background:#FFF}
.post-nav a{border:1px solid #cccccc;box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);border-radius:1em 1em 1em 1em; text-align:center; padding:5px 15px 5px 15px; margin:10px; color: #333; display:block}
.post-nav a:hover{background:#f59524; color:#fff}

/*底部*/
.footer { background-color:#FFF8ED; padding-top:10px; padding-bottom:10px; line-height:22px;min-height:70px; color:#333; font-size:14px;}
.footer a { color:#333;}
#BottomNav {
background:linear-gradient(#F68D2D, #D67722) repeat scroll 0 0 transparent;
background-image: -webkit-gradient(linear, left top, left bottom, from( #F68D2D /*{global-active-background-start}*/), to( #D67722 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
background-image:-webkit-linear-gradient( #F68D2D /*{global-active-background-start}*/, #D67722 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
background-image:-moz-linear-gradient( #F68D2D /*{global-active-background-start}*/, #D67722 /*{global-active-background-end}*/); /* FF3.6 */
background-image:-ms-linear-gradient( #F68D2D /*{global-active-background-start}*/, #D67722 /*{global-active-background-end}*/); /* IE10 */
background-image:-o-linear-gradient( #F68D2D /*{global-active-background-start}*/, #D67722 /*{global-active-background-end}*/); /* Opera 11.10+ */
background-image:linear-gradient( #F68D2D /*{global-active-background-start}*/, #D67722 /*{global-active-background-end}*/);

z-index: 999;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
_position: absolute;
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
overflow: visible;
border-top:1px solid #DD924E;
}

#BottomNav ul li { float:left; text-align:center; width:20%;}
#BottomNav .icon { background:url(../images/q.png) no-repeat scroll 0 0 transparent; display:block; height:18px; margin:4px auto;}
#BottomNav .a { background-position:1px 1px;width:33px; height:18px;}
#BottomNav .b { background-position:-32px 1px; width:28px; height:18px;}
#BottomNav .c { background-position:-58px 1px;width:30px; height:18px;}
#BottomNav .d { background-position:-88px 1px;width:23px; height:18px;}
#BottomNav .e { background-position:-111px 1px;width:26px; height:18px;}
#BottomNav ul li a { font:14px "微软雅黑"; color:#fff; display:block; border-right:1px solid #FFBC7E; padding:5px 0px;}
#BottomNav .last { border-right:none !important;}

/*      内页      */
/*  nav  */
.navaa ul li { margin-bottom:5px; }
.navaa ul li span {  float:left; width:40%; background-color:#C5C5C4; margin:2px;}
.navaa ul li a { color:#000; font:14px "微软雅黑"; font-weight:normal; display:block; padding:7px; border:1px solid #AFAFAE; }

.pro .tu,.pro2 .tu { text-align:center;}
.pro .tu img ,.pro2 .tu img { width:66px; height:66px;}
.pro .biaoti { margin-left:20px;}
.pro li { border-bottom:1px solid #cccccc; padding:5px 0px;}
.pro li a { display:block;}

.pro2 li { float:left; margin:5px 10px; }
.pro2 li a { color:#333; display:block;}

.newtitle a { color:#000;}
.kk h5 { color:#999; font-size:12px; font-weight:normal;}
.rr { background:url(../images/icons-18-black.png) no-repeat -108px 0px; width:20px; height:18px; display:block;  } 

.anniu { border:1px solid #aaaaaa; box-shadow:0 1px 4px rgba(0, 0, 0, 0.2) inset; border-radius:0.6em 0.6em 0.6em 0.6em; background:linear-gradient(#F9F9F9, #EEEEEE) repeat scroll 0 0 #F9F9F9; color:#333333; font-family:'微软雅黑'}


/*返回顶部*/
.go{width:47px;height:106px;background-color:#FFF;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:12px;bottom:25%;border-radius:5px;box-shadow:0 0 2px #6E6E6E;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}
.go a{background:url(../images/a.png) no-repeat;display:block;text-indent:999em;width:37px;margin:5px;border:0;overflow:hidden;float:left}
.go .top{background-position:0 -33px;height:22px}
.go .feedback{background-position:0 -54px;height:32px}
.go .bottom{background-position:0 -88px;height:22px}
.go .top:hover{background-position:-38px -33px}
.go .feedback:hover{background-position:-38px -54px}
.go .bottom:hover{background-position:-38px -88px}


/*会员登录*/
div#body input#fnbtn {
        width:78px;
        height:39px;
        border:none;
        cursor:pointer;
        position:absolute;
        top:27px;
        right:18px;
		background:url(../images/12447121190.png) 0 -70px no-repeat;
}
div#mask {
        position:absolute;
        top:0;
        left:0;
        background:#fff;
        filter:alpha(opacity=60);
        -moz-opacity:0.2;
        z-index:100;
}
div#login {
        position:absolute;
        left:1px;
        width:293px;
        z-index:200;
}
div#login h2 {
        height:26px;
        padding-top:3px;
        padding-left:25px;
        background:url(../images/12447121190.png) -84px -70px no-repeat;
}
div#login h2 input {
        height:18px;
        width:18px;
        float:right;
        border:none;
        cursor:pointer;
        margin:2px 6px 0 0;
        background:url(../images/12447121190.png) 0 -169px no-repeat;
}
div#login h2 a {
        display:block;
        float:left;
        width:83px;
        height:26px;
        line-height:26px;
        text-align:center;
        text-decoration:none;
        color:#666; font-size:14px;
}
div#login h2 a.cur {
        color:#f00;
        background:url(../images/12447121190.png) 0 -187px no-repeat;
}
div#login ul {
        padding:14px 0 18px 12px;
        background:url(../images/12447121190.png) -84px bottom no-repeat;
}
div#login ul li {
        padding-left:60px;
        margin-top:10px;
        display:inline-block;
}
div#login ul li {
        display:block;
}
div#login ul li:after {
        content:"youdian";
        clear:both;
        display:block;
        height:0;
        visibility:hidden;
}
div#login ul li tt {
        float:left;
        width:60px;
        margin-left:-70px;
        text-align:right;
        line-height:22px;
        color:#444;
}
div#login ul li div input.cell, div#login ul li div input.cell2 {
        height:16px;
        padding:2px;
        line-height:16px;
        width:179px;
        border:1px #dcdcdc solid;
        color:#666;
}
div#login ul li div input.cell2 {
        width:50px;
} 
div#login ul li div label {
        color:#666;
        cursor:pointer;
}
div#login ul li div img {
        margin-bottom:-7px;
        margin-left:8px;
}
* html div#login ul li div img {
        margin-bottom:-4px;
}
*+html div#login ul li div img {
        margin-bottom:-4px;
}
div#login ul li div input#fnlogin {
        width:59px;
        height:21px;
        cursor:pointer;
        border:none;
        margin-right:15px;
        background:url(../images/12447121190.png) 0 -148px no-repeat;
}
div#login ul li p {
        padding-top:4px;
        color:#f00;
}

.detail h3 { text-align:center; color:#333; font-size:16px;}
.title {text-align:center;height:35px;line-height:35px; font-size:14px;  }
.title span {margin-right:10px; color:#999999;}
img{ max-width:360px;}

.product{ background:#FFF; padding-top:10px;}
.product li{float:left;width:50%;text-align:center;overflow:hidden;}
.product li a{display:block; line-height:30px; color:#333}
	.product li img{width:130px;height:110px;}