#header { width: 740px; margin: 0 auto; padding: 20px 0 41px 260px; zoom: 1; position: relative; font-family: arial,'pingfang sc', stheiti, simsun, sans-serif; }
#header .s-form { margin-top: 9px; font-size: 0; position: relative; *top: 7px; z-index: 22; zoom: 1; }
#header .s-form .s-input-box, #header .s-form .s-btn-enter { display: inline-block; font-size: 14px; vertical-align: top; position: relative; z-index: 30; float: left; height: 34px; }
#header .s-form .s-input-box { border-left: 1px solid #979797; border-top: 1px solid #979797; border-bottom: 1px solid #979797; border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; height: 32px; line-height: 32px; }
#header .s-form .s-input-box input { width: 535px; height: 20px; line-height: 20px; margin: 5px 0 0 5px; font: 16px arial; border: 0; vertical-align: top; outline: none; color: #333; background-color: #fff; }
#header .s-form .s-btn-enter input { cursor: pointer; width: 100px; height: 34px; padding: 0; border: 0; background: url(../images/vrSkin.gif) 0 0 no-repeat; overflow: hidden; outline: none; color: #333; }
#header .s-form .s-btn-enter .search-btn-active { background: url(../images/vrSkin.gif) 0 -45px no-repeat; color: #000; }
#header .logo { position: absolute; left: 103px; top: 30px; width: 130px; height: 33px; overflow: hidden; line-height: 100px; }

#wrapper:after, #header:after, .productlist:after { clear: both; height: 0; display: block; visibility: hidden; overflow: hidden; content: '.'; }

#wrapper { color: #333; margin: 0 auto 30px; text-align: left; }

.new-pro { background: #4da49a url(../images/new_probg.jpg) repeat-y; height: 246px; }
.new-pro .np-con { width: 1000px; margin: 0 auto; padding-top: 30px; }
.new-pro .np-con .np-tit { color: #fff; }
.new-pro .np-con .newproduct { margin: 10px 0 0 -10px; font-size: 14px; line-height: 32px; clear: both; *zoom: 1; }
.new-pro .np-con .newproduct .newp-item { float: left; width: 240px; height: 158px; margin-left: 10px; position: relative; _display: inline; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: .2s ease; transition: .2s ease; text-decoration: none; }
.new-pro .np-con .newproduct .newp-item .np-top { background: url(../images/top_itembg.jpg) no-repeat; height: 53px; padding: 15px 20px 0; position: relative; }
.new-pro .np-con .newproduct .newp-item .np-top .pdticon { top: 15px; left: 20px; }
.new-pro .np-con .newproduct .newp-item .np-top .pro-name { display: inline-block; _display: inline; margin-left: 46px; font-size: 16px; color: #333; line-height: 36px; }
.new-pro .np-con .newproduct .newp-item .np-top .new { width: 33px; height: 16px; display: inline-block; background: url(../images/ico_new.png?v=180504) no-repeat; background-image: -webkit-image-set(url(../images/ico_new2x.png?v=180504) 2x, url(../images/ico_new.png?v=180504) 1x); background-image: -moz-image-set(url(../images/ico_new2x.png?v=180504) 2x, url(../images/ico_new.png?v=180504) 1x); position: absolute; top: 0; right: 10px; }
.new-pro .np-con .newproduct .newp-item .np-top .bate { background: url(../images/ico_bate.png) no-repeat; background-image: -webkit-image-set(url(../images/ico_bate2x.png?v=180504) 2x, url(../images/ico_bate.png?v=180504) 1x); background-image: -moz-image-set(url(../images/ico_bate2x.png?v=180504) 2x, url(../images/ico_bate.png?v=180504) 1x); }
.new-pro .np-con .newproduct .newp-item .np-txt { padding: 16px 20px 0; font-size: 14px; line-height: 20px; color: #666; }
.new-pro .np-con .newproduct .newp-item:hover { -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -webkit-transition: .2s ease; transition: .2s ease; }

.pro-list { width: 1000px; margin: 0 auto; padding-top: 30px; }
.pro-list .pl-tit { border-bottom: 1px solid #eee; position: relative; padding-bottom: 10px; font-size: 18px; margin-top: 10px; }
.pro-list .pl-tit span { border-bottom: 2px solid #ff6e26; padding-bottom: 8px; }
.pro-list .pl-tit span em { font-style: normal; color: #ff5a34; }

.productlist { zoom: 1; color: #727171; margin: 10px 0 0; font-size: 0; }
.productlist li { width: 265px; display: inline-block; vertical-align: top; font-size: 12px; position: relative; *display: inline; *zoom: 1; padding: 10px 10px 10px 55px; margin-bottom: 20px; }
.productlist li a { text-decoration: none; display: block; }
.productlist li a h3 { font-size: 16px; margin: 0 0 4px; padding: 0; font-weight: normal; color: #285abb; }
.productlist li a p { line-height: 18px; color: #999; }
.productlist li:hover { background: #f6f7f8; }

.pdticon { width: 36px; height: 36px; position: absolute; left: 10px; top: auto; background: url(../images/allproduct_new.png?v=180504) no-repeat; background-image: -webkit-image-set(url(../images/allproduct_new-2x.png?v=180504) 2x, url(../images/allproduct_new.png?v=180504) 1x); background-image: -moz-image-set(url(../images/allproduct_new-2x.png?v=180504) 2x, url(../images/allproduct_new.png?v=180504) 1x); }

.web { background-position: left top; }

.mp3 { background-position: left -36px; }

.video { background-position: left -72px; }

.pic { background-position: left -108px; }

.map { background-position: left -144px; }

.news { background-position: left -180px; }

.navigation { background-position: left -216px; }

.say { background-position: left -252px; }

.wenda { background-position: left -962px; }

.toolsbox { background-position: left -309px; }

.broswer { background-position: left -345px; }

.pinyin { background-position: left -378px; }

.labs { background-position: left -450px; }

.minput { background-position: left -486px; }

.blog { background-position: left -558px; }

.zhishi { background-position: left -252px; }

.wallpaper { background-position: left -594px; }

.mobileHelper { background-position: left -630px; }

.haomatong { background-position: left -666px; }

.shopping { background-position: left -882px; }

.doc { background-position: left -846px; }

.house { background-position: left -774px; }

.job { background-position: left -702px; }

.bbs { background-position: left -810px; }

.mapapp { background-position: left -920px; }

.yy { background-position: left -956px; }

.mse { background-position: left -992px; }

.bus { background-position: left -1030px; }

.road { background-position: left -1066px; }

.doodles { background-position: left -1102px; }

.material { background-position: left -1138px; }

.read { background-position: left -1198px; }

.useApp { background-position: left -1321px; }

.gamesIco { background-position: left -1365px; }

.weixin { background-position: left -1455px; }

.appIco { background-position: left -1411px; }

.downIco { background-position: left -414px; }

.wenwen { background-position: left -522px; }

.baike { background-position: left -738px; }

.lotteryIco { background-position: left -1239px; }

.zhihuIco { background-position: left -1501px; }

.english { background-position: left -1685px; }

.mingyi { background-position: left -1730px; }

.fanyi { background-position: left -1639px; }

.xueshu { background-position: left -1547px; }

.cidian { background-position: left -1593px; }

.zhinan { background-position: left -1776px; }

.zhishu { background-position: left -1816px; }

.hotseh { background-position: left -1856px; }

.teemo { background-position: left -1897px; }

.games { width: 36px; height: 36px; position: absolute; left: 10px; top: auto; background: url(../images/ico_games.png) no-repeat; background-size: 100% auto; }

.cr { text-align: center; color: #9c9c9c; clear: both; background-color: #efefef; line-height: 25px; font-size: 13px; }

.cr a { color: #999; text-decoration: none; }

.g, .g:visited { color: #9c9c9c !important; }

.w800 #header .s-form .s-input-box input { width: 335px; }
.w800 .pro-list { width: auto; padding: 0 30px; }
.w800 .productlist li { width: 295px; }
.w800 .productlist li a h3 { color: #285abb; }
.w800 .new-pro { padding-left: 20px; }
.w800 .new-pro .np-con .newproduct .w800-li { display: none; }