/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0; padding:0;}
html{-webkit-text-size-adjust:none;}
body{background:#4f90d2; font:12px/2em Microsoft Yahei,tahoma,HELVETICA; text-align:center;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:none; vertical-align:top}
i,em{font-style:normal;}
input,select,option,textarea{font-size:12px;}
a{text-decoration:none;} a:hover{text-decoration:underline;color:#ff8e0e;}
body a{outline:none;blr:expression(this.onFocus=this.blur());}

/* function */
noscript,.spanclass,.pannel,.hidden{display:none;}
.show,.block{display:block;}
.mark,.fl,.mark-sub,.fr{display:inline;}
.mark,.fl{float:left;} .mark-sub,.fr{float:right;}
.fs-14{font-size:14px;} .fs-16{font-size:16px;}
.clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.clearfix{*zoom:1} .clearfix:after{content:"\20"; clear:both; height:0; display:block; overflow:hidden;}

/*CSS 鍒濆鍖�*/
body{width:100%;background:#f4f4f4;}
.doc{text-align:left;height:auto;overflow:hidden;}
.inner{width:1125px;margin:0 auto;background-color:#f4f4f4;}
.por{position:relative;}
.poa{position:absolute;}
.oh{overflow:hidden;}
.thcmt{display:none;}
.yh{font-family:"Microsoft YaHei";}
body .navibar,body .navibar-wrap{width:1120px;}


/*浠ヤ笅鏍峰紡鐢ㄤ簬涓撻鑳屾櫙寰堝鏉傜殑鎯呭喌锛屽幓闄ゅ簳閮ㄧ殑鑳屾櫙锛屼娇搴曢儴椋庢牸鍜岄〉闈㈢粺涓€*/
.logo,.ks-submit,.slider-pic .circle-ctrl .item,.filter .toggle em,.filter .txts-area em,.rank .stars,.rank .stars i,.rank .tab-wrap .num,.icon-arrow-top .top,.filter .toggle .show{background:url(/www1/product/2016/newproduct/images/xp-icon.png) no-repeat;}

.header,.header .inner{background:#fff;height:100px;}
.header{border-bottom:solid 1px #dcdcdc;}
.header .logo{float:left;width:221px;height:52px;background:url(/www1/product/2016/newproduct/images/logo.png) no-repeat;margin-left:15px;margin-top:25px;}
.header .logo-subtxts{color:#848484;font:normal 14px/24px "Microsoft YaHei";float:left;padding-top:55px;margin-left:10px;}
/*.header .logo-sub{width:150px;height:60px;float:left;padding-top:20px;margin-left: 5px;}
.header .logo-sub span{font:normal 14px/24px "Arial";color:#848484;}
.header .logo-sub em{color:#2b2b2b;font:normal 30px/36px "Microsoft YaHei";display:block;}*/



/** 蹇悳 **/
.ks {width:270px;padding-top:48px;margin-left:132px;z-index:9;position:relative;zoom:1;}
.ks .active {background-color:#fff;border-radius:5px 0 0 0}

.ks-input input {outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.ks-input .ks-label {width:270px;zoom:1;}

.ks-label {float:left;position:relative;zoom:1;}
.ks-label .ks-pop {width:100%;position:absolute;left:0;top:34px;background-color:#fff;display:none;z-index:3;overflow:hidden;}
.ks-label .ks-pop ul {border:1px solid #e5e5e5;position:relative;zoom:1;z-index:2}
.ks-label .ks-pop li{height:30px;line-height:30px;padding:0 10px;overflow:hidden;vertical-align:middle;font-size:14px;cursor:pointer;}
.ks-label .ks-pop li.hover {background-color:#f2f2f2;}
.ks-label .ks-pop li span {margin-left:6px;float:right;color:#999}
.ks-label .ks-pop iframe {width:100%;height:100%;_height:expression(this.parentNode.clientHeight);background:#fff;position:absolute;left:0px;top:0;}
.ks-input .ks-q {width:270px;height:23px;line-height:23px;padding: 5px 0 5px 0;border-bottom: 1px solid #e5e5e5;border-right:none;border-left: none;border-top: none;color:#333;position:relative;z-index:2;background:transparent;}
.ks-input .focus {color:#333;}
.ks-input .input-c {border-radius:5px 0 0 0;}
.ks-input .ks-submit {width:33px;height:33px;background-position:-48px 0px;border:none;cursor:pointer;float:left;*margin-top:1px;display:inline-block;position: absolute;bottom: 5px;right: 0px;z-index: 2;}
.ks-placeholder {color:#999;position:absolute;top:6px;*top:8px;left:10px;z-index:1;font:normal 14px/24px "Microsoft YaHei";}


/*鑷姩鏌ヨ*/
.ajaxsearch {width:270px!important;margin:0 0 0 -1px;padding:0;background:#fff;border:1px solid #e5e5e5;border-top:none;overflow:hidden;zoom:1;z-index:9;}
.ajaxsearch li {width:95%;height:30px;line-height:30px;float:left;margin:0;padding:0 10px;cursor:pointer;overflow:hidden;color:#777;text-align:right;font-size:12px;list-style:none;}
.ajaxsearch i {font-style:normal;}
.ajaxsearch .hover {background:#f2f2f2;}
.ajaxsearch .resulttitle {float:left;display:inline;font-size:14px;}
.ajaxsearch .close {margin:0;font-size:12px;text-align:right;padding:0 5px;zoom:1;background:#F5F5F5;line-height:22px;cursor:pointer;}
.ajaxsearch ul {*zoom:1}
.ajaxsearch ul:after {content:"\20";clear:both;height:0;display:block;overflow:hidden;}
.ajaxsearch .close {width:250px;padding-right:20px}



/*wrapper*/
.wraper{width:100%;    overflow: hidden;}
.main{width:750px;height:auto;padding:30px 0 0 4px;}
/*slide*/

.slider-pic .circle-ctrl .item {float:left;height:12px;width:12px;background-position:-82px 0px;margin-right:5px;cursor:pointer;}
.slider-pic .circle-ctrl .current {height:12px;width:12px;background-position:-95px 0;}
.slider-pic {width:740px;height:370px;margin-left:10px;overflow:hidden;position:relative;_display:inline;}
.slider-pic .circle-ctrl {width: 65px;height: 12px;position:absolute;bottom:26px;left:670px;_display:none;z-index:3;}
.slider-pic .circle-wrap{display:block;width: 90px;height: 12px;}
.slider-pic .prev,.slider-pic .next {width:35px;height:69px;margin-top:-35px;position:absolute;top:50%;z-index:2;outline:none;background-image:url(/www1/2016/product/images/home_png24.png);
    -webkit-transition:right .2s, left .2s;
    -moz-transition:right .2s, left .2s;
    -ms-transition:right .2s, left .2s;
    -o-transition:right .2s, left .2s;
    transition:right .2s, left .2s;
}
.slider-pic .prev {background-position:0 0;left:-35px;}
.slider-pic .next {background-position:-72px 0;right:-35px;}
.slider-pic .prev:hover {background-position:-36px 0;}
.slider-pic .next:hover {background-position:-108px 0;}
.slider-pic-hover .prev {left:0;}
.slider-pic-hover .next {right:0;}
.slider-pic li{position:relative;}
.slider-pic .title-alpha{display:block;position:absolute;bottom:0px;left:0px;width:740px;height:100px;background:url(/www1/product/2016/newproduct/images/title-alpha.png) no-repeat;font:bold 18px/125px "Microsoft YaHei";color:#fff;text-indent:15px;z-index:2;}

.info{display:block;position:absolute;bottom:0px;left:0px;width:740px;height:100px;z-index:3;}
.info li{width:740px;height:100px;font:bold 18px/125px "Microsoft YaHei";color:#fff;text-indent:15px;}
.info li a{color:#fff;}



/*绛涢€�*/
.filter{width:700px;height:auto;background:#fff;margin:30px 0 0 10px;overflow:hidden;padding: 20px 20px 0 20px;overflow:hidden;}
.filter-brand-area{width:100%;height:37px;overflow:hidden;}
.filter-brand{width:660px;}
.filter-brand li{width:110px;height:28px;font:normal 14px/28px "Microsoft YaHei";text-align:center;color:#333333;float:left;margin-bottom:10px;}
.filter-brand li span{display:block;width:auto;}
.filter-brand li.current a{border:solid 1px #3399ff;color:#3399ff;cursor:default;}
.filter-brand li a{float: left;padding: 0 10px;color:#333333;text-decoration:none;}
.filter-brand li a:hover{color:#ff8e0e;}
.filter .toggle{display:block;width:28px;height:28px;border:solid 1px #cccccc;}
.filter .toggle .hide,.filter .toggle .show{display:block;width:16px;height:10px;margin:10px 0 0 6px;}
.filter .toggle .hide{background-position:-109px 0;}
.filter .toggle .show{background-position:-125px 0;}

.filter .filter-list{height:auto;}
.filter .filter-list li{width:700px;height: auto;margin:35px 0 0 0 ;border-bottom:solid 1px #f0f0f0;overflow:hidden;}
.filter .pic-txts{width:700px;height:170px;}
.filter .pic{width:200px;height:150px;position:relative;}
.filter .pic em{width:56px;height:20px;position:absolute;top:4px;left:4px;background:#ff8e0e;font:normal 12px/20px "Microsoft YaHei";color:#fff;text-align:center;}
.filter .pic-txts .txts{width:478px;height:150px;margin:10px 0 0 20px;overflow:hidden;}
.filter .pro-tit{color:#333333;font:bold 18px/24px "Microsoft YaHei";float:left;margin-bottom:15px;}
.filter .pro-tit a{color:#333333;}
.filter .txts a:hover{color:#ff8e0e;}
.filter .price{color:#ff0000;font:normal 14px/24px "Microsoft YaHei";margin-left:25px;display:inline-block;margin-bottom:15px;}
.filter .filter-list .txts ul{width:478px;height:108px;}
.filter .filter-list .param{width:225px;height:24px;float:left;color:#333333;font:normal 14px/24px "Microsoft YaHei";margin:3px 0px 0px 0px;border-bottom:0px;}
.filter .filter-list .txts .color img{display:inline-block;padding-top:5px;}
.filter .filter-list .param i{color:#999999;}
.filter .pro-classify,.filter .more-param{color:#3399ff;}
.filter .pro-classify a,.filter .more-param a{color:#3399ff;}
.filter .pro-classify a{display:inline-block;margin-right:15px;}
.filter .txts-box{width:607px;float:left;padding-bottom: 35px;margin-top:20px;}
.filter li .mt0{margin-top:0px;padding-bottom:20px;}

.filter .txts-area{width: 607px;font:normal 14px/28px "Microsoft YaHei";}
.filter .txts-area em{float: left;width:41px;height:15px;background-position:-142px 0;font:normal 12px/15px "Microsoft YaHei";color:#fff;text-align:center;margin-top:6px;}
.filter .txts-box .more{color:#3399ff;}
.filter .txts-box .more:hover{color:#ff8e0e;}

.filter .btn{width:75px;height:25px;background:#3394fb;color:#fff;font:normal 14px/25px "Microsoft YaHei";text-align:center;margin-top:50px;}
.filter .btn:hover{background:#ff8e0e;text-decoration:none;}
.filter .pager{margin: 40px auto 20px;text-align: center;}
.filter .pager a{display:inline-block;width:38px;height:38px;border:solid 1px #dcdcdc;text-align:center;color:#999999;font:normal 14px/38px "Microsoft YaHei";margin: 0 3px;}
.filter .pager a:hover{text-decoration:none;}
.filter .pager span{display:inline-block;width:38px;height:38px;border:solid 1px #3399ff;text-align:center;color:#fff;font:normal 14px/38px "Microsoft YaHei";background:#3399ff;margin: 0 3px;}

.side{width:350px;height:auto;padding:30px 0 0 0px;}
.side .box{background:#fff;margin-bottom:30px;}
.side .comment{width:350px;height:370px;}
.side .box-hd{width:310px;height:24px;padding:20px 0 0 20px;}
.side .mark{font:normal 18px/24px "Microsoft YaHei";color:#333333;text-align:left;}
.side .mark-sub{color:#999999;font:normal 12px/24px "Microsoft YaHei";text-align:right;}
.side .mark-sub a{color:#999999;text-decoration:none;}
.comment .box-bd{width:310px;margin:0 auto;}
.comment .box-bd .pic-txts{width:310px;height:85px;padding-top:13px;overflow:hidden;}
.comment .box-bd li{width:310px;height:108px;border-bottom:solid 1px #f0f0f0;}
.comment .box-bd .pic{width:61px;height:61px;position:relative;}
.comment .box-bd .mask{display:block;width:61px;height:61px;position:absolute;top:0px;left:0px;background:url(/www1/product/2016/newproduct/images/mask.png) no-repeat;}
.comment .box-bd .txt-area{width:230px;height:85px;margin-left:15px;}
.comment .box-bd dt{width: 230px;font:normal 14px/24px "Microsoft YaHei";color:#333333;height:24px;overflow:hidden;}
.comment .box-bd dt em,.comment .box-bd dt a{color:#3399ff;}
.comment .box-bd dt a:hover,.comment .box-bd dd a:hover,.side .mark-sub a:hover,.hot-brand .morelink:hover{color:#ff8e0e;}

.comment .box-bd dd{font:normal 12px/20px "Microsoft YaHei";color:#333333;}
.comment .box-bd dd a{color:#3395fc;}
.comment .box-bd .adress{color:#999999;display:block;text-align:right;margin-top: 3px;}

.hot-brand{height:525px;}
.hot-brand .box-bd{width:350px;margin-top:20px;}
.hot-brand .box-bd ul{width:350px;height:425px;overflow:hidden;}
.hot-brand .box-bd li{border-bottom:solid 1px #f4f4f4;border-right:solid 1px #f4f4f4;float:left;width:174px;height:84px;position:relative;cursor:pointer;}
.hot-brand .box-bd li img{width:120px;height:84px;margin:0 0 0 27px;}
.hot-brand .box-bd li.current .popup{display:block;}
.hot-brand .popup{width:175px;height:84px;position:absolute;top:0px;left:0px;background:#000;opacity:0.78;filter:alpha(opacity=78);display:none;}
.hot-brand .brand-name{display:block;width:176px;height:20px;overflow:hidden;font:normal 18px/20px "Microsoft YaHei";color:#f4f4f4;padding-top:15px;text-align:center;}
.hot-brand .popup a{display:block;width:176px;font:normal 12px/20px "Microsoft YaHei";text-align:center;color:#3399ff;margin-top:10px;}
.hot-brand .popup a:hover{color:#ff8e0e;}
.hot-brand .morelink{font:normal 12px/35px "Microsoft YaHei";color:#3394fb;width:350px;display:block;text-align:center;text-decoration:none;}
.hot-brand .morelink b{font-size:16px;font-weight:bolder;}

.rank{width:350px;height:760px;margin:0 auto;}

.rank .box-bd{width:310px;margin:0 auto;}
.rank .tab-ctrl{height:30px;margin-top:20px;}
.rank .tab-ctrl li{margin-right:13px;height:28px;font:normal 14px/28px "Microsoft YaHei";text-align:center;color:#333333;float:left;margin-bottom:10px;}
.rank .tab-ctrl li.lastli{margin-right:0px;}
.rank .tab-ctrl li.current a{color:#ff8e0e;border:solid 1px #ff8e0e;}
.rank .tab-ctrl li span{display:block;width:auto;}
.rank .tab-ctrl li a:hover{color:#ff8e0e;border:solid 1px #ff8e0e;}
.rank .tab-ctrl li a{float: left;padding: 0 10px;color:#3399ff;text-decoration:none;border:solid 1px #3399ff;}

.rank .tab-wrap li{margin-top:15px;font:normal 14px/24px "Microsoft YaHei";overflow: hidden;}
.rank .tab-wrap .up{color: #ff3333;float:right;text-align:right;display:inline-block;margin-right:0px;}
.rank .tab-wrap .down{color:#390;float:right;text-align:right;display:inline-block;margin-right:0px;}
.rank .tab-wrap .same{color:#333;float:right;text-align:right;display:inline-block;margin-right:0px;}
.rank .tab-wrap .rank-top{height:105px;margin-top:20px;}
.rank .tab-wrap .num{width: 20px;height:12px;float:left;margin-top:5px;}
.rank .tab-wrap .num1{background-position:0 -105px;}
.rank .tab-wrap .num2{background-position:0 -118px;}
.rank .tab-wrap .num3{background-position:0 -131px;}
.rank .tab-wrap .num4{background-position:0 -144px;}
.rank .tab-wrap .num5{background-position:0 -157px;}
.rank .tab-wrap .num6{background-position:0 -170px;}
.rank .tab-wrap .num7{background-position:0 -183px;}
.rank .tab-wrap .num8{background-position:0 -196px;}
.rank .tab-wrap .num9{background-position:0 -209px;}
.rank .tab-wrap .num10{width: 20px;background-position: 0px -222px;}

.rank .tab-wrap .pro-tit{color:#333333;height:24px;float: left;width: 220px;overflow: hidden;}
.rank .tab-wrap .pro-tit a{color:#333333;}
.rank .tab-wrap .pro-tit a:hover,.rank .aBtn:hover,.rank .bBtn:hover{color:#ff8e0e;}

.rank .price{color:#ff3333;display:inline-block;text-align:right;float:left;}
.rank img{margin:10px 0 0 20px;width:100px;height:75px;}
.rank .proStatus{margin:11px 0 0 20px;}
.rank .stars{display:inline-block;width:69px;height:12px;background-position:0 -91px;position:relative;}
.rank .stars i{display:inline-block;height:13px;background-position:0 -76px;position:absolute;top:0px;left:0px;}
.rank .aBtn{margin-top:17px;color:#3399ff;display:inline-block;}
.rank .bBtn{margin:17px 0 0 30px;color:#3399ff;display:inline-block;}


.icon-arrow-top{width:50px;height:49px;position:fixed;bottom:35px;left:50%;margin-left:570px;display:none;}
.icon-arrow-top a{cursor:pointer;}
.icon-arrow-top .top{display:block;width:50px;height:49px;background-position:-184px 0px;}
.icon-arrow-top .top:hover{background-position:-235px 0px;}




/* footer */
body #footer{width:1000px;margin:0 auto;}
body .g-footer .gft-links,body .g-footer .gft-links a{color:#000;}
body .g-footer .gft-copyRight,body .g-footer .gft-copyRight a{color:#000;}