.w30{ width:30px;}
.hidden
{display: none;visibility: hidden;}
.hidden-desktop{display: none !important;}
.hidden-phone{display: block !important;}
.visible-desktop{display: block !important;}
.visible-phone{display: block !important;}
@media (min-width: 1200px)
{
.hidden-desktop{display: none !important;}
.hidden-phone{display: block !important;}
.visible-phone{display: none !important;}
}
@media (min-width: 768px) and (max-width: 979px)
{
.hidden-desktop{display: none !important;}
.hidden-phone{display: block !important;}
.visible-phone{display: none !important;}
}
@media (max-width: 767px)
{
.hidden-desktop{display: block !important;}
.hidden-phone{display: none !important;}
.visible-desktop{display: none !important;}
}
@media (max-width: 480px)
{
.hidden-desktop{display: block;}
.hidden-phone{display: none !important;}
.visible-desktop{display: none !important;}
}

@media (min-width: 1200px)
{
.container{width: 1170px;}

/*首页 BANNER  S */
.ban_t{display: block;clear: both;overflow: hidden;}
#ban_l{width: 70%;float: left;overflow: hidden;}
/*首页 BANNER  E */
/*首页 BANNER  S */
#ban_r{width: 28%;float: right;overflow: hidden;z-index: 100;}
#ban_r .brbt{display: block;clear: both;height: 40px;line-height: 40px;padding: 0px 5%;border-radius: 10px 10px 0px 0px;background: #89D2FD;color: #FFFFFF;font-size: 1.5em;font-weight: bold;}
#ban_r .brcon{display: block;clear: both;height: 410px;line-height: 40px;padding: 20px 5%;border-radius: 0px 0px 10px 10px;font-size: 1em;background: #434A52;color: #ffffff;}
#ban_r .brcon .cnh{overflow: hidden;height: 410px;width: 100%;}
#ban_r .brcon .cnh p{padding: 5px 0px 0px 5px;display: block;clear: both;border-bottom: 1px #CCCCCC dashed;}
#ban_r .brcon .cnh H2{padding: 5px 0px 0px 5px;display: block;clear: both;border-bottom: 1px #CCCCCC dashed;}
#ban_r .brcon .cnh a{color: #ffffff;overflow: hidden;height: 30px;line-height: 30px;width: 75%;float: left;}
#ban_r .brcon .cnh span{height: 30px;line-height: 30px;width: 25%;float: left;}
/*首页 BANNER  E */

/*中间四张图banner S */
#ban_m{padding: 10px 0px;margin: 10px auto;display: block;clear: both;overflow: hidden;clear: both;}
#ban_m li{width: 270px;float: left;margin-left: 30px;margin-top: 5px;list-style: none;}
#ban_m li:first-child{margin-left: 0%;}
#ban_m a .pic{width: 270px;height: 152px;display: block;overflow: hidden;}
#ban_m a img{display: block;width: 270px;height: 152px;background-color: #FFF;box-shadow: 0px 0px 18px rgba(0,0,0,.4);-webkit-transition: all ease .3s;transition: all ease .3s;}
#ban_m a .bt{width: 250px;padding: 0px 10px;margin: 0px;display: block;height: 79px;line-height: 79px;color: #FFFFFF;}
#ban_m a .bt b{background: url(../images/njt_tm.png) 220px center no-repeat;display: block;font-size: 2em;}
#ban_m a:hover .pic{width: 270px;height: 152px;display: block;overflow: hidden;}
#ban_m a:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);box-shadow: 0px 0px 18px rgba(0,0,0,.5);}
#ban_m a:hover .bt{width: 250px;padding: 0px 10px;margin: 0px;display: block;height: 79px;line-height: 79px;color: #FFFFFF;}
#ban_m a:hover .bt b{background: url(../images/njt.png) 230px center no-repeat;display: block;font-size: 2em;}
#ban_m .btbg_1{background: url(../images/nb_1bg1.jpg) left top repeat-x;}
#ban_m .btbg_2{background: url(../images/nb_1bg2.jpg) left top repeat-x;}
#ban_m .btbg_3{background: url(../images/nb_1bg3.jpg) left top repeat-x;}
#ban_m .btbg_4{background: url(../images/nb_1bg4.jpg) left top repeat-x;}
/*中间四张图banner  END */

/*首页产品列表 S */
#pcls{display: block;clear: both;overflow: hidden;}
#pcls .pcbt{border-radius: 5px;background: url(../images/pcbtbg.png) left top repeat-x;color: #FFFFFF;margin: 10px auto;overflow: hidden;height: 56px;line-height: 56px;padding: 0px 15px;font-size: 1.5em;}
/*首页产品列表 E */

/*右边产品列表 S */
.mcom ul{width: 100%;text-align: left;clear: both;overflow: hidden;padding: 0px 0px 10px;margin-bottom: 10px;}
.mcom ul li{width: 22.7%;min-height: 170px;height: auto;text-align: left;float: left;font-size: 12px;text-align: center;padding: 0px 0px 10px 0px;overflow: hidden;display: block;margin: 10px 1%;border: 1px solid #F0F0F0;border-radius: 8px;overflow: hidden;
background: url(../images/pcflin.jpg) left bottom repeat-x;}
.mcom ul li a{display: block;}
.mcom ul li img{text-align: center;padding-bottom: 5px;border-radius: 8px;-webkit-transition: all ease .3s;transition: all ease .3s;}
.mcom ul li a:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);border-radius: 8px;}
.mcom ul li .inf{display: block;padding: 6px 5px;overflow: hidden;color: #292929;min-height:100px;height: auto;}
.mcom ul li p{font-size: 12px;text-align: left;line-height: 16px;clear: both;}
.mcom ul li .pic{width:200px; height:200px;margin: 0px auto;clear: both;display:table-cell;text-align: center;vertical-align: middle;position: relative; overflow:hidden; display:block}
.w170h170
{
	max-width: 180px;
	max-height: 180px;
	width: expression(this.width > 180 ?  "180px" : this.width);
	height: expression(this.height > 180 ?  "180px" : this.height);
	overflow: hidden;
	border: 0px;
}
.w320h320
{
	max-width: 320px;
	max-height: 320px;
	width: expression(this.width > 320 ?  "320px" : this.width);
	height: expression(this.height > 320 ?  "320px" : this.height);
	overflow: hidden;
	border: 0px;
}
.mcom ul li .pic_sy{width:265px; height:265px;margin: 0px auto;clear: both;display:table-cell;text-align: center;vertical-align: middle;position: relative; overflow:hidden; display:block}
.w170h170_sy
{
	max-width: 245px;
	max-height: 245px;
	width: expression(this.width > 245 ?  "245px" : this.width);
	height: expression(this.height > 245 ?  "245px" : this.height);
	overflow: hidden;
	border: 0px;
}
.mcom ul li .cx_l{position: absolute;left: 5px;top: 5px;z-index: 1000;}
.mcom ul li .cx_r{position: absolute;right: 5px;top: 5px;z-index: 1000;}
.mcom ul li .cx_lf{position: absolute;left: 5px;bottom: 5px;z-index: 1000;}
.mcom ul li .cx_rf{position: absolute;right: 5px;bottom: 5px;z-index: 1000;}
.mcom ul li .wz{padding-top: 8px;padding-right: 8px;}
.mcom ul li .pb5{padding: 5px 0px;color: #A266A0;font-weight: bold;}
.mcom ul li .name{color: #000;font-size: 14px;font-weight: bold;padding-bottom: 5px;height: 40px;}
.mcom ul li .name_h50{color: #000;font-size: 14px;font-weight: bold;padding-bottom: 5px;height: 50px;overflow: auto;}
.mcom ul li .cpbk{font-size: 12px;padding-top: 3px;padding-right: 8px;overflow: hidden;}
.mcom ul li .price{font-size: 18px;padding-top: 3px;padding-right: 8px;overflow: hidden;font-weight: bold;color: #FF0000;}
.mcom ul li .op{color: #6E6E6E;text-decoration: line-through;font-size: 14px;}
.mcom .per{padding-top: 5px;}
.mcom .det{background: url(../images/det.png) center center no-repeat #4A535B;line-height: 37px;height: 37px;text-align: center;padding: 0px;overflow: hidden;margin-top: 8px;margin-left: 5px;float: left;width: 40px;border-radius: 5px;}
.mcom .det:hover{background: url(../images/det.png) center center no-repeat #ACB9C2;line-height: 37px;height: 37px;text-align: center;padding: 0px;overflow: hidden;border-radius: 5px;}
.mcom .add{background: url(../images/add.png) 10px center no-repeat #86D1FD;line-height: 37px;height: 37px;text-align: center;padding: 0px 10px 0px 30px;color: #fff;overflow: hidden;width: 80px;margin-top: 8px;margin-left: 5px;float: left;border-radius: 5px;
font-weight: bold;}
.mcom .add:hover{background: url(../images/add.png) 10px center no-repeat #B0BCC5;line-height: 37px;height: 37px;text-align: center;color: #FFF;font-size: 10px;overflow: hidden;width: 80px;}
.mcom .addS{background: url(../images/add.png) 10px center no-repeat #B0BCC5;line-height: 37px;height: 37px;text-align: center;padding: 0px 10px 0px 30px;color: #fff;overflow: hidden;width: 80px;margin-top: 8px;margin-left: 5px;float: left;border-radius: 5px;font-weight: bold;}
.mcom ul li ul{padding: 10px;margin: 5px auto;border: none;text-align: left;display: block;background: #F8F8F8;width: 90%;overflow: hidden;}
.mcom ul li ul li{padding: 0px;margin: 0px;list-style: none;line-height: 18px;font-size: 12px;}
.mcom ul li ul li em{padding: 0px;margin: 0px;float: left;}
.mcom ul li ul li span{padding-right: 20px;margin: 0px;float: right;}
.mcom .f16{font-size: 16px;padding: 10px 0px;color: #000000;}.mcom .nlin{border: 0px;}
/*右边产品列表  END */

/* 首页快捷菜单  START */
.quick-menu{width: 20%;float: left;padding-right: 0px;}
.quick-menu .Pclass{lear: both;padding: 0px;}
.quick-menu .Pclass .sec{display: block;background: #FFFFFF;padding: 3px 5px;text-align: center;}
.quick-menu .Pclass .sec .inp{width: 170px;border: 1px solid #999999;height: 34px;line-height: 34px;float: left;}
.quick-menu .Pclass .sec .go{border: none;width: 39px;height: 39px;background: url(../images/search.png) center center no-repeat #FFFFFF;border: 1px solid #FFFFFF;}
.quick-menu .pbt{width: auto;text-align: left;padding-left: 20px;line-height: 34px;height: 34px;font-size: 14px;font-weight: bold;color: #fff;border-radius: 5px;background: #444C54;}
.quick-menu .spe{width: 100%;clear: both;text-align: center;margin-bottom: 10px;}
.quick-menu .spe dl{padding: 0px;margin: 0px;}
.quick-menu .spe dl dt{display: block;padding-left: 10px;text-align: left;font-size: 14px;height: 34px;line-height: 34px;font-weight: normal;border-bottom: 1px solid #CCCCCC;background: #F3F3F3;font-weight: bold;}
.quick-menu .spe dl dd{padding: 10px 0px;text-align: left;clear: both;overflow: hidden;border-bottom: 1px dashed #CCCCCC;}
.quick-menu .spe dl dd .w60{float: left;width: 30%;}
.quick-menu .spe dl dd .w140{float: right;width: 70%;font-size: 12px;}
.quick-menu .spe dl dd .spas{display: block;color: #FF0000;padding-top: 10px;}
.quick-menu .spe dl dd .spas em{color: #7D6C58;padding-right: 5px;}
.quick-menu .adv{width: 100%;clear: both;text-align: center;margin-bottom: 10px;}
.quick-menu .adv img{border: 1px solid #CCCCCC;}
.quick-menu .selbg{width: 94%;height: 24px;background: url(../images/selbg.png) center center repeat-x;line-height: 24px;clear: both;margin: 0px auto;padding: 6px 3%;border-radius: 5px;}
.quick-menu .selbg .inp{width: 98%;height: 20px;border: none;border: 1px solid #8D9093;background: none;}
.quick-menu .sbut{width: 100%;border: none;background: url(../images/sbut.png) left top repeat-x;line-height: 32px;text-align: center;color: #fff;font-weight: bold;margin-top: 10px;border-radius: 5px;}
.quick-menu .sbut a{color: #fff;font-size: 1em;background: url(../images/sbut_z.png) 35% center no-repeat;padding-left:15px;height:32px;line-height:32px;display:block}

/* 下拉语言  START */
.select{width: 100%;height: 32px;line-height: 32px;position: relative;text-align: center;cursor: pointer;background: url(../images/sebg.png) left top repeat-x;color: #fff;margin: 10px auto;border-radius: 5px 5px 0px 0px;}
.option{color: #fff;line-height: 32px;width: 100%;position: absolute;top: 32px;left: 0px;display: none;background: #474F57;z-index: 5;}
.select ul{list-style: none;margin: 0;padding: 0;width: 100%;}
.select ul li{height: 32px;text-align: center;color: #fff;}
.select .selbt{height: 32px;line-height: 32px;text-align: center;color: #FFFFFF;font-size: 14px;font-weight: bold;}
.select_sub{display: block;margin: 0;padding: 0px;width: auto;white-space: nowrap;text-decoration: none;color: #000;width: 100%;text-align: center;line-height: 32px;background: none;}
.select_sub_h{background: #E17C56;color: #FFFFFF;}
/* 下拉语言  END */
/* 首页快捷菜单  END *
/

/*底部编辑器  S */
#fteid{display: block;clear: both;overflow: hidden;background: #151719;padding: 25px 0px;}
#fteid .fmu{width: 15%;float: left;}
#fteid .fmu dt{display: block;font-size: 1em;text-align: left;font-weight: bold;padding-bottom: 5px;color: #FFFFFF;}
#fteid .fmu dt a{color: #FFFFFF;}
#fteid .fmu dd{line-height: 22px;}
#fteid .fmu dd a{color: #C3C7D4;}
#fteid .fmu dd a:hover{color: #7ECEFD;}
#fteid .tel{background: url(../images/tel.png) bottom left no-repeat;width: 15%;float: left;}
#fteid .tel dt{display: block;font-size: 1em;text-align: left;font-weight: bold;padding-bottom: 5px;color: #FFFFFF;}
#fteid .tel dd{padding-left: 40px;line-height: 22px;}
/*底部编辑器  END */

/* 底部  START */
#foot{width:100%; margin:0px auto;font-size:12px; text-align:left; padding:0px 0px 10px; color:#757575; line-height:20px; clear:both;  overflow:hidden}
#foot .nr{ width:49%; float:left;text-align:left; padding:10px 0px;}
#foot .nr a{ padding:0px 5px; margin:0px;}
#foot .powered{text-align:right; width:49%; float:right; line-height:36px;}
/* 底部  END */


/* 登陆  START */
#login{width: 100%;margin: 0px auto;overflow: hidden;min-height: 350px;}
#login .dlef{width: 840px;margin: 0px auto;text-align: center;}
#login .dlef h2{font-size: 24px;line-height: 56px;border-bottom: 1px solid #CCCCCC;}
#login .dlef ul{margin: 15px auto;}
#login .dlef ul li{text-align: left;list-style: none;line-height: 26px;clear: both;padding-bottom: 10px;display: block;font-size: 16px;overflow: hidden;}
#login .dlef ul li .bt{width: 200px;float: left;text-align: right;}
#login .dlef ul li b{width: 320px;float: left;text-align: right;padding-right: 10px;font-weight: normal;font-size: 14px;}
#login .dlef ul li em{float: left;width: auto;padding-right: 10px;}
#login .dlef ul li strong{float: left;font-weight: normal;width: 100px;}
#login .dlef ul li span{float: left;font-size: 14px;width: 250px;}
#login .dlef ul li em img{padding-left: 10px;}
#login .dlef ul li .w200{width: 200px;border: 1px solid #ccc;}
#login .dlef ul li .w100{width: 100px;border: 1px solid #ccc;}
#login .drbut{background: url(../images/butbg.jpg) left top repeat-x;text-align: center;font-weight: bold;border: none;line-height: 30px;padding: 0px 25px;cursor: pointer;margin-right: 5px;color: #FFFFFF;}
#login a{font-size: 12px;}
/* 登陆  END */



/* 產品例表__内容  START */
.mbt{width: auto;text-align: center;line-height: 34px;height: 34px;font-size: 24px;font-weight: bold;color: #fff;border-radius: 5px;background: #444C54;}
.mbt H3{width: auto;text-align: left;float: left;line-height: 34px;height: 34px;padding-right: 5px;padding-left: 15px;font-size: 14px;font-weight: bold;}
.mbt a{width: auto;text-align: left;float: right;line-height: 34px;height: 34px;font-style: normal;padding-right: 15px;font-size: 10px;color: #A0679E;}
.mbt a:hover{width: auto;text-align: left;float: right;line-height: 34px;height: 34px;font-style: normal;color: #A70000;padding-right: 15px;font-size: 10px;}
/* 產品例表__内容  END */


/* 会员左边  START */
#member{width: 78%;float: right;min-height: 800px;height: auto;overflow: hidden;margin-left: 2%;}
#member .mt{overflow: hidden;display: block;background: #FFFFFF;padding: 20px 0px;}
#member .mt .ssp{width: 400px;float: left;}
#member .mt .ssp .view{text-align: right;background: url(../images/ico.gif) 325px 3px no-repeat;line-height: 26px;font-size: 12px;display: block;overflow: hidden;height: 30px;overflow: hidden;clear: both;}
#member .mt .ssp ul{width: 400px;clear: both;}
#member .mt .ssp ul li{padding: 3px;float: left;list-style: none;width: 60px;height: 60px;}

#member .mt .intr{width:460px;float: right;min-height: 440px;height: auto;color: #000000;padding-right: 10px;overflow: hidden;}
#member .mt .intr .dbt{display: block;border-bottom: 1px solid #CCCCCC;overflow: hidden;padding: 15px 0px;}
#member .mt .intr .dbt H1{display: block;font-size: 18px;line-height: 20px;}
#member .mt .intr .dbt p{display: block;font-size: 12px;line-height: 14px;}
#member .mt .intr .dbt span{font-size: 12px;padding-top: 20px;}
#member .mt .intr .dbt span em{font-size: 28px;font-style: normal;}
#member .mt .intr .dbt span strong{color: #6E6E6E;text-decoration: line-through;font-size: 16px;font-weight: normal;}
#member .mt .intr .dbt .clsr{display: block;font-size: 12px;text-align: right;}

#member .mt .intr .dbt .clsr ul{clear: both;text-align: right;float: right;padding-bottom: 5px;height: 28px;overflow: hidden;}
#member .mt .intr .dbt .clsr ul li{float: left;list-style: none;padding-left: 5px;line-height: 23px;font-size: 12px;}
#member .mt .intr .dbt .clsr em{padding-right: 3px;font-weight: normal;font-size: 12px;}
#member .mt .intr .dbt .clsr a{padding: 0px 3px;}

#member .mt .intr .size{width: 460px;background: #F4F4F4;clear: both;height: auto;display: block;}
#member .mt .intr .size ul{width: 440px;margin: 0 auto;clear: both;padding: 10px 0px;overflow: hidden;}
#member .mt .intr .size ul li{width: 440px;list-style: none;line-height: 20px;clear: both;padding-top: 15px;}
#member .mt .intr .size ul li span{width: 78px;float: left;}
#member .mt .intr .size ul li em{width: 350px;float: left;color: #666666;overflow: hidden;}
#member .mt .intr .size ul li .inc{width: 335px;float: left;color: #666666;overflow: hidden;padding-left: 15px;}
#member .mt .intr .size ul li .col_1{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #F4F4F4;cursor: pointer;padding: 0px 5px;}
#member .mt .intr .size ul li .col_1:hover{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #E1E1E1;cursor: pointer;background: #fff;}
#member .mt .intr .size ul li .col_cur{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #E1E1E1;cursor: pointer;background: #fff;}
#member .mt .intr .size ul li .szb{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #F4F4F4;cursor: pointer;padding: 0px 5px;}
#member .mt .intr .size ul li .szb:hover{height: 20px;margin: 0px 5pxtext-align: center;float: left;line-height: 20px;border: 3px solid #E1E1E1;background: #fff;cursor: pointer;}
#member .mt .intr .size ul li .szb_cur{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #E1E1E1;background: #fff;cursor: pointer;}

#member .mt .intr .size ul li .jian_h{width: 25px;height: 20px;background: url(../images/j_h.png) center center no-repeat;float: left;}
#member .mt .intr .size ul li .jian{width: 25px;height: 20px;background: url(../images/j.png) center center no-repeat;float: left;}
#member .mt .intr .size ul li .jian:hover{width: 25px;height: 20px;background: url(../images/j_h.png) center center no-repeat;float: left;}
#member .mt .intr .size ul li .jian_cur{width: 25px;height: 20px;background: url(../images/j.png) center center no-repeat;float: left;}

#member .mt .intr .size ul li .jia{width: 25px;height: 20px;background: url(../images/jj.png) center center no-repeat;float: left;}
#member .mt .intr .size ul li .jia:hover{width: 25px;height: 20px;background: url(../images/jj_h.png) center center no-repeat;float: left;}
#member .mt .intr .size ul li .jia_cur{width: 25px;height: 20px;background: url(../images/jj.png) center center no-repeat;float: left;}

#member .mt .intr .an{display: block;padding: 15px 0px;overflow: hidden;}
#member .mt .intr .an a{margin-right: 40px;font-weight: bold;font-size: 12px;float: left;}
#member .mf{clear: both;overflow: hidden;color: #333333;padding: 20px 0px;}
#member .mf .mfbt{clear: both;overflow: hidden;color: #ffffff;font-size: 16px;font-weight: bold;padding-left: 10px;margin-bottom: 10px;background: url(../images/dbg.jpg) left top repeat-x;line-height: 36px;height: 36px;}
#member .mt .intr .an .but{background: url(../images/butbg.jpg) left top repeat-x;height: 25px;line-height: 25px;color: #fff;overflow: hidden;display: table-cell;padding: 0px 15px; border:none}
#member .mt .intr .an .but:hover{background: url(../images/butbg_h.jpg) left top repeat-x;height: 25px;line-height: 25px;color: #fff;padding: 0px 15px;}
/* 会员左边  END */


/* 放大镜  START */
#div1{padding: 1px;border: none;position: relative;margin-right: 20px;}

#div1 .cx_l{position: absolute;left: 0px;top: 0px;z-index: 1000;}
#div1 .cx_r{position: absolute;right: 0px;top: 0px;z-index: 1000;}
#div1 .cx_lf{position: absolute;left: 0px;bottom: 0px;z-index: 1000;}
#div1 .cx_rf{position: absolute;right: 0px;bottom: 0px;z-index: 1000;}
/* 放大镜  END */


/* 購物流程  START */
#process{width: 100%;margin: 0px auto;background: #FFFFFF;overflow: hidden;padding: 25px 0px 10px;border-radius: 0px 0px 10px 10px;border: 1px solid #CCCCCC;}
#process .lc{width: 95%;margin: 0px auto;overflow: hidden;}
#process .lc .lc_01{background: url(../images/lc.png) 0px 0px no-repeat;width: 230px;height: 88px;float: left;line-height: 88px;padding-left: 15px;font-size: 30px;color: #363636;}
#process .lc .lc_02{background: url(../images/lc.png) -255px 0px no-repeat;width: 228px;height: 88px;float: left;line-height: 88px;padding-left: 55px;font-size: 30px;color: #363636;}
#process .lc .lc_03{background: url(../images/lc.png) -540px 0px no-repeat;width: 238px;height: 88px;float: left;line-height: 88px;padding-left: 55px;font-size: 30px;color: #363636;}
#process .pbt{width: 96%;height: 25px;line-height: 25px;margin: 20px auto 10px;clear: both;cursor: pointer;overflow: hidden; background:#000000; border-radius:8px;color: #FFFFFF;font-weight: bold;}
#process table{width: 95%;margin: 0 auto;}
#process .hj{width: 920px;margin: 0px auto;padding: 15px 0px 5px;overflow: hidden;}
#process .hj em{width: 600px;text-align: right;float: left;padding-right: 50px;
}
#process .hj span{padding-right: 15px;text-align: left;float: left;font-size: 18px;line-height: 30px;color: #1C2453;}
#process .hj b{width: 100px;text-align: left;float: left;font-size: 18px;line-height: 30px;color: #1C2453;}
#process .incon{width: 95%;margin: 0px auto;overflow: hidden;}
#process .incon dl{width: 95%;display: block;}
#process .incon dl dt{width: 95%;display: block;font-size: 16px;color: #1C2453;font-weight: bold;padding-top: 10px;clear: both;}
#process .incon dl dd{width: 95%;display: block;padding-top: 5px;clear: both;}
#process .incon dl dd INPUT[type="text"]{margin-right: 10px;}
#process .incon dl dd select{margin-right: 5px;margin-top: 8px;}
#process .incon dl dd span{width: 95%;display: block;}
#process .incon dl dd em{width: 95%;display: block text-align:right;}
#process .incon .fl{float: left;}
#process .incon .pfrer{width: 300px;float: right;line-height: 26px;margin-top: 15px;overflow: hidden;}
#process .incon .pfrer .diycon{float: right;padding: 15px;line-height: 26px;color: #666666;margin-top: 15px;}
#process .incon .pfrer .freight{width: 300px;float: right;line-height: 26px;margin-top: 15px;color: #1C2453;font-size: 18px;font-weight: bold;overflow: hidden;padding-left: 15px;}
#process .payopt{width: 95%;margin: 0px auto;overflow: hidden;}
#process .payopt li{list-style: none;float: left;line-height: 30px;padding-left: 20px;}
#process .payopt li em{width: 30px;float: left;padding-top: 8px;}
#process .payopt li span{width: 150px;float: left;font-size: 26px;font-weight: bold;color: #1C2453;letter-spacing: 3px;}
#process .payopt li span label{width: 150px;float: left;font-size: 26px;font-weight: bold;color: #1C2453;letter-spacing: 3px;}
#process .payopt li span label .cc{width: 150px;float: left;font-size: 26px;font-weight: bold;color: #1C2453;letter-spacing: 3px;}
#process .paydiy{width: 830px;padding: 15px;line-height: 26px;margin: 0px auto;color: #666666;}
#process .fre{width: 830px;margin: 15px auto;text-align: left;}
#process .fre span{font-size: 26px;padding-right: 30px;color: #1C2453;}

#process .settl{width: 95%;margin: 15px auto;text-align: right;}
#process .settl span{font-size: 18px;padding-right: 30px;color: #1C2453;display: block;clear: both;}
#process .settl span .ucb{padding: 0px 10px;text-align: center;color: #fff;background: url(../images/mubg.png) left top repeat-x;border: 0px;cursor: pointer;height: 22px;line-height: 22px;font-size: 14px;font-weight: bold;width: 110px;}
#process .settl span em{width: 150px;float: right;text-align: right;}
#process .settl span input{width: 100px;margin-top: 10px;text-align: center;}
#process .settl .tol{padding-top: 15px;}
#process .settl #totalcredits{font-size: 26px;color: red;}
/* 購物流程  END */

/* 产品列表all  S */
#pro .sub-con{width: 78%;float: left;margin-left: 2%;}
/* 产品列表all  E */

/* 登陸後界面  START */
#record{width: 96%;margin: 0px auto;overflow: hidden;background: #FFFFFF;padding: 25px 2% 10px;border-radius: 0px 0px 10px 10px;border: 1px solid #CCCCCC;}
#record .quick-menu{width: 20%;float: left;padding-right: 0px;margin: 0px;}
#record .quick-menu ul{margin: 0px auto;padding: 0px;overflow: hidden;}
#record .quick-menu ul li{height: 34px;list-style: none;background: url(../images/mbg.png) left top repeat-x;line-height: 34px;padding: 0px 15px 0px 10px;font-size: 16px;margin-bottom: 10px;overflow: hidden;margin-bottom: 15px;}
#record .quick-menu ul li a{color: #fff;background: url(../images/mjt.png) 0px 4px no-repeat;padding-left: 15px;}
#record .quick-menu ul li a:hover{color: #FFE748;}
#record .sub-con{width: 78%;float: right;}
#record .sub-con .rban{display: block;}
#record .sub-con{float: right;}
#record .sub-con .rban{display: block;}
#record .sub-con .list{display: block;}
#record .sub-con .list .bt{font-size: 12px;font-weight: bold;}
#record .sub-con .list td{line-height: 22px;color: #666666;font-size: 12px;}
#record .sub-con .list a{font-size: 12px;}
#record .sub-con .list INPUT[type="button"]{ width:70px; height:26px;margin-left:8px;}
/* 登陸後界面  END */

#herader .t_r{background:url(../images/t_lg.png) right 100px no-repeat;}
}
@media (min-width: 768px) and (max-width: 979px)
{
.container{width: 724px;}
/*首页 BANNER  S */
.ban_t{display: block;clear: both;overflow: hidden;}
#ban_l{width: 70%;float: left;overflow: hidden;}
/*首页 BANNER  E */

/*首页 BANNER  S */
#ban_r{width: 28%;float: right;overflow: hidden;z-index: 100;}
#ban_r .brbt{display: block;clear: both;height: 40px;line-height: 40px;padding: 0px 5%;border-radius: 10px 10px 0px 0px;background: #89D2FD;color: #FFFFFF;font-size: 1.5em;font-weight: bold;}
#ban_r .brcon{display: block;clear: both;height: 223px;line-height: 40px;padding: 20px 5%;border-radius: 0px 0px 10px 10px;font-size: 1em;background: #434A52;color: #ffffff;}
#ban_r .brcon .cnh{overflow: hidden;height: 223px;width: 100%;}
#ban_r .brcon .cnh p{padding: 5px 0px 0px 5px;display: block;clear: both;border-bottom: 1px #CCCCCC dashed;}
#ban_r .brcon .cnh H2{padding: 5px 0px 0px 5px;display: block;clear: both;border-bottom: 1px #CCCCCC dashed;}
#ban_r .brcon .cnh a{color: #ffffff;overflow: hidden;height: 30px;line-height: 30px;width: 60%;float: left;}
#ban_r .brcon .cnh span{height: 30px;line-height: 30px;width: 40%;float: left;}
/*首页 BANNER  E */



/*中间四张图banner S */
#ban_m{padding: 10px 0px;margin: 0px auto;display: block;clear: both;overflow: hidden;}
#ban_m li{width: 174px;float: left;margin-left: 8px;margin-top: 5px;list-style: none;}
#ban_m li:first-child{margin-left: 0%;}
#ban_m a .pic{width: 174px;height: 98px;display: block;overflow: hidden;}
#ban_m a img{display: block;width: 174px;height: 98px;background-color: #FFF;box-shadow: 0px 0px 18px rgba(0,0,0,.4);-webkit-transition: all ease .3s;transition: all ease .3s;}
#ban_m a .bt{width: 154px;padding: 0px 10px;margin: 0px;display: block;height: 49px;line-height: 49px;color: #FFFFFF;}
#ban_m a .bt b{background: url(../images/njt_tm.png) 135px center no-repeat;display: block;font-size: 1.5em;background-size: 8%;}
#ban_m a:hover .pic{width: 174px;height: 98px;display: block;overflow: hidden;}
#ban_m a:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);box-shadow: 0px 0px 18px rgba(0,0,0,.5);}
#ban_m a:hover .bt{width: 154px;padding: 0px 10px;margin: 0px;display: block;height: 49px;line-height: 49px;color: #FFFFFF;}
#ban_m a:hover .bt b{background: url(../images/njt.png) 140px center no-repeat;display: block;font-size: 1.5em;background-size: 8%;}
#ban_m .btbg_1{background: url(../images/nb_1bg1.jpg) left top repeat-x;}
#ban_m .btbg_2{background: url(../images/nb_1bg2.jpg) left top repeat-x;}
#ban_m .btbg_3{background: url(../images/nb_1bg3.jpg) left top repeat-x;}
#ban_m .btbg_4{background: url(../images/nb_1bg4.jpg) left top repeat-x;}
/*中间四张图banner  END */

/*首页产品列表 S */
#pcls{display: block;clear: both;overflow: hidden;}
#pcls .pcbt{border-radius: 5px;background: url(../images/pcbtbg.png) left top repeat-x;color: #FFFFFF;margin: 10px auto;overflow: hidden;height: 56px;line-height: 56px;padding: 0px 15px;font-size: 1.5em;}
/*首页产品列表 E */

/*右边产品列表 S */
.mcom ul{width: 100%;text-align: left;clear: both;overflow: hidden;padding: 0px 0px 10px;margin-bottom: 10px;}
.mcom ul li{width: 22.6%;min-height: 170px;height: auto;text-align: left;float: left;font-size: 12px;text-align: center;padding: 0px 0px 10px 0px;overflow: hidden;display: block;margin: 10px 1%;border: 1px solid #F0F0F0;border-radius: 8px;overflow: hidden;
background: url(../images/pcflin.jpg) left bottom repeat-x;}
.mcom ul li a{display: block;}
.mcom ul li img{text-align: center;padding-bottom: 5px;border-radius: 8px;-webkit-transition: all ease .3s;transition: all ease .3s;}
.mcom ul li a:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);border-radius: 8px;}
.mcom ul li .inf{display: block;padding: 6px 5px;overflow: hidden;color: #292929;min-height:120px;height: auto;}
.mcom ul li p{font-size: 12px;text-align: left;line-height: 16px;clear: both;}
.mcom ul li .pic{width:110px; height:110px;margin: 0px auto;clear: both;display: table-cell;text-align: center;vertical-align: middle;position: relative;display: block;}
.mcom ul li .pic_sy{width:156px; height:156px;margin: 0px auto;clear: both;display:table-cell;text-align: center;vertical-align: middle;position: relative; overflow:hidden; display:block}
.w170h170
{
	max-width: 110px;
	max-height: 110px;
	width: expression(this.width > 110 ?  "110px" : this.width);
	height: expression(this.height > 110 ?  "110px" : this.height);
	overflow: hidden;
	border: 0px;
}
.w170h170_sy
{
	max-width: 140px;
	max-height: 140px;
	width: expression(this.width > 140 ?  "140px" : this.width);
	height: expression(this.height > 140 ?  "140px" : this.height);
	overflow: hidden;
	border: 0px;
}
.mcom ul li .cx_l{position: absolute;left: 5px;top: 5px;z-index: 1000;}
.mcom ul li .cx_r{position: absolute;right: 5px;top: 5px;z-index: 1000;}
.mcom ul li .cx_lf{position: absolute;left: 5px;bottom: 5px;z-index: 1000;}
.mcom ul li .cx_rf{position: absolute;right: 5px;bottom: 5px;z-index: 1000;}
.mcom ul li .wz{padding-top: 8px;padding-right: 8px;}
.mcom ul li .pb5{padding: 5px 0px;color: #A266A0;font-weight: bold;}
.mcom ul li .name{color: #000;font-size: 14px;font-weight: bold;padding-bottom: 5px;}
.mcom ul li .name_h50{color: #000;font-size: 14px;font-weight: bold;padding-bottom: 5px;height: 50px;overflow: auto;}
.mcom ul li .cpbk{font-size: 12px;padding-top: 3px;padding-right: 8px;overflow: hidden;}
.mcom ul li .price{font-size: 18px;padding-top: 3px;padding-right: 8px;overflow: hidden;font-weight: bold;color: #FF0000;}
.mcom ul li .op{color: #6E6E6E;text-decoration: line-through;font-size: 16px;}
.mcom .per{padding-top: 5px;}
.mcom .det{background: url(../images/det.png) center center no-repeat #4A535B;line-height: 27px;height: 27px;text-align: center;padding: 0px;overflow: hidden;margin-top: 8px;margin-left: 5px;float: left;width: 25px;border-radius: 5px;}
.mcom .det:hover{background: url(../images/det.png) center center no-repeat #ACB9C2;line-height: 27px;height: 27px;text-align: center;padding: 0px;overflow: hidden;border-radius: 5px;}
.mcom .add{background: url(../images/add.png) 5px center no-repeat #86D1FD;line-height: 27px;height: 27px;text-align: center;padding: 0px 10px 0px 15px;color: #fff;overflow: hidden;width: 65px;margin-top: 8px;margin-left: 5px;float: left;border-radius: 5px;font-weight: bold;}
.mcom .add:hover{background: url(../images/add.png) 5px center no-repeat #B0BCC5;line-height: 27px;height: 27px;text-align: center;color: #FFF;font-size: 10px;overflow: hidden;width: 65px;}
.mcom .addS{background: url(../images/add.png) 5px center no-repeat #B0BCC5;line-height: 27px;height: 27px;text-align: center;padding: 0px 10px 0px 15px;color: #fff;overflow: hidden;width: 65px;margin-top: 8px;margin-left: 5px;float: left;border-radius: 5px;font-weight: bold;}
.mcom ul li ul{padding: 10px;margin: 5px auto;border: none;text-align: left;display: block;background: #F8F8F8;width: 90%;overflow: hidden;}
.mcom ul li ul li{padding: 0px;margin: 0px;list-style: none;line-height: 18px;font-size: 12px;}
.mcom ul li ul li em{padding: 0px;margin: 0px;float: left;}
.mcom ul li ul li span{padding-right: 20px;margin: 0px;float: right;}
.mcom .f16{font-size: 16px;padding: 10px 0px;color: #000000;}
.mcom .nlin{border: 0px;}
/*右边产品列表  END */

/* 首页快捷菜单  START */
.quick-menu{width: 20%;float: left;padding-right: 0px;}
.quick-menu .Pclass{lear: both;padding: 0px;}
.quick-menu .Pclass .sec{display: block;background: #FFFFFF;padding: 3px 5px;text-align: center;}
.quick-menu .Pclass .sec .inp{width: 170px;border: 1px solid #999999;height: 34px;line-height: 34px;float: left;}
.quick-menu .Pclass .sec .go{border: none;width: 39px;height: 39px;background: url(../images/search.png) center center no-repeat #FFFFFF;border: 1px solid #FFFFFF;}
.quick-menu .pbt{width: auto;text-align: left;padding-left: 20px;line-height: 34px;height: 34px;font-size: 14px;font-weight: bold;color: #fff;border-radius: 5px;background: #444C54;}
.quick-menu .spe{width: 100%;clear: both;text-align: centermargin-bottom: 10px;}
.quick-menu .spe dl{padding: 0px;margin: 0px;}
.quick-menu .spe dl dt{display: block;padding-left: 10px;text-align: left;font-size: 14px;height: 34px;line-height: 34px;font-weight: normal;border-bottom: 1px solid #CCCCCC;background: #F3F3F3;font-weight: bold;}
.quick-menu .spe dl dd{padding: 10px 0px;text-align: left;clear: both;overflow: hidden;border-bottom: 1px dashed #CCCCCC;}
.quick-menu .spe dl dd .w60{float: left;width: 30%;}
.quick-menu .spe dl dd .w140{float: right;width: 70%;font-size: 12px;}
.quick-menu .spe dl dd .spas{display: block;color: #FF0000;padding-top: 10px;}
.quick-menu .spe dl dd .spas em{color: #7D6C58;padding-right: 5px;}
.quick-menu .adv{width: 100%;clear: both;text-align: center;margin-bottom: 10px;}
.quick-menu .adv img{border: 1px solid #CCCCCC;}

.quick-menu .selbg{width: 94%;height: 24px;background: url(../images/selbg.png) center center repeat-x;line-height: 24px;clear: both;margin: 0px auto;padding: 6px 3%;border-radius: 5px;}
.quick-menu .selbg .inp{width: 98%;height: 20px;border: none;border: 1px solid #8D9093;background: none;}
.quick-menu .sbut{width: 100%;height: 47px;border: none;background: url(../images/sbut.png) left top repeat-x;line-height: 32px;text-align: center;color: #fff;font-weight: bold;margin-top: 10px;border-radius: 5px;}
.quick-menu .sbut a{color: #fff;font-size: 1em;background: url(../images/sbut_z.png) 25% center no-repeat;padding-left:15px;height:32px;line-height:32px;display:block}

/* 下拉语言  START */
.select{width: 100%;height: 32px;line-height: 32px;position: relative;text-align: center;cursor: pointer;background: url(../images/sebg.png) left top repeat-x;color: #fff;margin: 10px auto;border-radius: 5px 5px 0px 0px;}
.option{color: #fff;line-height: 32px;width: 100%;position: absolute;top: 32px;left: 0px;display: none;background: #474F57;z-index: 5;}
.select ul{list-style: none;margin: 0;padding: 0;width: 100%;}
.select ul li{height: 32px;text-align: center;color: #fff;}
.select .selbt{height: 32px;line-height: 32px;text-align: center;color: #FFFFFF;font-size: 14px;font-weight: bold;}
.select_sub{display: block;margin: 0;padding: 0px;width: auto;white-space: nowrap;text-decoration: none;color: #000;width: 100%;text-align: center;line-height: 32px;background: none;}
.select_sub_h{background: #E17C56;color: #FFFFFF;}
/* 下拉语言  END */
/* 首页快捷菜单  END *
/

/*底部编辑器  S */
#fteid{display: block;clear: both;overflow: hidden;background: #151719;padding: 25px 0px;}
#fteid .fmu{width: 15%;float: left;}
#fteid .fmu dt{display: block;font-size: 1em;text-align: left;font-weight: bold;padding-bottom: 5px;color: #FFFFFF;}
#fteid .fmu dt a{color: #FFFFFF;}
#fteid .fmu dd{line-height: 22px;}
#fteid .fmu dd a{color: #C3C7D4;}
#fteid .fmu dd a:hover{color: #7ECEFD;}
#fteid .tel{background: url(../images/tel.png) bottom left no-repeat;width: 15%;float: left;}
#fteid .tel dt{display: block;font-size: 1em;text-align: left;font-weight: bold;padding-bottom: 5px;color: #FFFFFF;}
#fteid .tel dd{padding-left: 40px;line-height: 22px;}
/*底部编辑器  END */

/* 底部  START */
#foot{width:100%; margin:0px auto;font-size:12px; text-align:left; padding:0px 0px 10px; color:#757575; line-height:20px; clear:both; overflow:hidden}
#foot .nr{ width:49%; float:left;text-align:left; padding:10px 0px;}
#foot .nr a{ padding:0px 5px; margin:0px;}
#foot .powered{text-align:right; width:49%; float:right; line-height:36px;}
/* 底部  END */

/* 登陆  START */
#login{width: 100%;margin: 0px auto;overflow: hidden;min-height: 350px;}
#login .dlef{width: 840px;margin: 0px auto;text-align: center;}
#login .dlef h2{font-size: 24px;line-height: 56px;border-bottom: 1px solid #CCCCCC;}
#login .dlef ul{margin: 15px auto;}
#login .dlef ul li{text-align: left;list-style: none;line-height: 26px;clear: both;padding-bottom: 10px;display: block;font-size: 16px;overflow: hidden;}
#login .dlef ul li .bt{width: 200px;float: left;text-align: right;}
#login .dlef ul li b{width: 320px;float: left;text-align: right;padding-right: 10px;font-weight: normal;font-size: 14px;}
#login .dlef ul li em{float: left;width: auto;padding-right: 10px;}
#login .dlef ul li strong{float: left;font-weight: normal;width: 100px;}
#login .dlef ul li span{float: left;font-size: 14px;width: 350px;}
#login .dlef ul li em img{padding-left: 10px;}
#login .dlef ul li .w200{width: 200px;border: 1px solid #ccc;}
#login .dlef ul li .w100{width: 100px;border: 1px solid #ccc;}
#login .drbut{background: url(../images/butbg.jpg) left top repeat-x;text-align: center;font-weight: bold;border: none;line-height: 30px;padding: 0px 25px;cursor: pointer;margin-right: 5px;color: #FFFFFF;}
#login a{font-size: 12px;}
/* 登陆  END */



/* 產品例表__内容  START */
.mbt{width: auto;text-align: center;line-height: 34px;height: 34px;font-size: 24px;font-weight: bold;color: #fff;border-radius: 5px;background: #444C54;}
.mbt H3{width: auto;text-align: left;float: left;line-height: 34px;height: 34px;padding-right: 5px;padding-left: 15px;font-size: 14px;font-weight: bold;}
.mbt a{width: auto;text-align: left;float: right;line-height: 34px;height: 34px;font-style: normal;padding-right: 15px;font-size: 10px;color: #A0679E;}
.mbt a:hover{width: auto;text-align: left;float: right;line-height: 34px;height: 34px;font-style: normal;color: #A70000;padding-right: 15px;font-size: 10px;}
/* 產品例表__内容  END */


/* 会员左边  START */
#member{width: 78%;float: right;min-height: 800px;height: auto;overflow: hidden;margin-left: 2%;}
#member .mt{overflow: hidden;display: block;background: #FFFFFF;padding: 20px 0px;}
#member .mt .ssp{width:400px;float:none; clear:both; margin-bottom:20px; overflow:hidden}
#member .mt .ssp .view{text-align: right;background: url(../images/ico.gif) 325px 3px no-repeat;line-height: 26px;font-size: 12px;display: block;overflow: hidden;height: 30px;overflow: hidden;clear: both;}
#member .mt .ssp ul{width: 400px;clear: both;}
#member .mt .ssp ul li{padding: 3px;float: left;list-style: none;width: 50px;height: 50px}

#member .mt .intr{width:100%;float:none;min-height: 440px;height: auto;color: #000000;padding-right: 10px;overflow: hidden; clear:both}
#member .mt .intr .dbt{display: block;border-bottom: 1px solid #CCCCCC;overflow: hidden;padding: 15px 0px;}
#member .mt .intr .dbt H1{display: block;font-size: 18px;line-height: 20px;}
#member .mt .intr .dbt p{display: block;font-size: 12px;line-height: 14px;}
#member .mt .intr .dbt span{font-size: 12px;padding-top: 20px;}
#member .mt .intr .dbt span em{font-size: 18px;font-style: normal;}
#member .mt .intr .dbt span strong{color: #6E6E6E;text-decoration: line-through;font-size: 12px;}
#member .mt .intr .dbt .clsr{display: block;font-size: 12px;text-align: right;}

#member .mt .intr .dbt .clsr ul{clear: both;text-align: right;float: right;padding-bottom: 5px;height: 28px;overflow: hidden;}
#member .mt .intr .dbt .clsr ul li{float: left;list-style: none;padding-left: 5px;line-height: 23px;font-size: 12px;}
#member .mt .intr .dbt .clsr em{padding-right: 3px;font-weight: normal;font-size: 12px;}
#member .mt .intr .dbt .clsr a{padding: 0px 3px;}

#member .mt .intr .size{width:140px;background: #F4F4F4;clear: both;height: auto;display: block;}
#member .mt .intr .size ul{width:120px;margin: 0 auto;clear: both;padding: 10px 0px;overflow: hidden;}
#member .mt .intr .size ul li{width:120px;list-style: none;line-height: 20px;clear: both;padding:15px 5% 0px}
#member .mt .intr .size ul li span{float: left;}
#member .mt .intr .size ul li em{width: 120px;float: left;color: #666666;}
#member .mt .intr .size ul li .inc{width: 120px;float: left;color: #666666;overflow: hidden;}
#member .mt .intr .size ul li .col_1{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #F4F4F4;cursor: pointer;padding: 0px 5px;}
#member .mt .intr .size ul li .col_1:hover{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #E1E1E1;cursor: pointer;background: #fff;}
#member .mt .intr .size ul li .col_cur{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #E1E1E1;cursor: pointer;background: #fff;}

#member .mt .intr .size ul li .szb{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #F4F4F4;cursor: pointer;padding: 0px 5px;}
#member .mt .intr .size ul li .szb:hover{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #E1E1E1;background: #fff;cursor: pointer;}
#member .mt .intr .size ul li .szb_cur{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #E1E1E1;background: #fff;cursor: pointer;}

#member .mt .intr .an{display: block;padding: 15px 0px;overflow: hidden;}
#member .mt .intr .an a{margin-right: 10px;font-weight: bold;font-size: 12px;float: left;}
#member .mf{clear: both;overflow: hidden;color: #333333;padding: 20px 0px;}
#member .mf .mfbt{clear: both;overflow: hidden;color: #ffffff;font-size: 16px;font-weight: bold;padding-left: 10px;margin-bottom: 10px;background: url(../images/dbg.jpg) left top repeat-x;line-height: 36px;height: 36px;}
#member .mt .intr .an .but{background: url(../images/butbg.jpg) left top repeat-x;height: 25px;line-height: 25px;color: #fff;overflow: hidden;display: table-cell;padding: 0px 15px; border:none}
#member .mt .intr .an .but:hover{background: url(../images/butbg_h.jpg) left top repeat-x;height: 25px;line-height: 25px;color: #fff;padding: 0px 15px;}
/* 会员左边  END */


/* 放大镜  START */
#div1{padding: 1px;border: none;position: relative;margin-right: 20px;}

#div1 .cx_l{position: absolute;left: 0px;top: 0px;z-index: 1000;}
#div1 .cx_r{position: absolute;right: 0px;top: 0px;z-index: 1000;}
#div1 .cx_lf{position: absolute;left: 0px;bottom: 0px;z-index: 1000;}
#div1 .cx_rf{position: absolute;right: 0px;bottom: 0px;z-index: 1000;}
/* 放大镜  END */


/* 購物流程  START */
#process{width: 100%;margin: 0px auto;background: #FFFFFF;overflow: hidden;padding: 25px 0px 10px;border-radius: 0px 0px 10px 10px;border: 1px solid #CCCCCC;}
#process .jian_h{width: 25px;height: 20px;background: url(../images/j_h.png) center center no-repeat;float: left;border: 0px;}
#process .jian{width: 25px;height: 20px;background: url(../images/j.png) center center no-repeat;float: left;border: 0px;}
#process .jian:hover{width: 25px;height: 20px;background: url(../images/j_h.png) center center no-repeat;float: left;border: 0px;}
#process .jian_cur{width: 25px;height: 20px;background: url(../images/j.png) center center no-repeat;float: left;border: 0px;}

#process .jia{width: 25px;height: 20px;background: url(../images/jj.png) center center no-repeat;float: left;border: 0px;}
#process .jia:hover{width: 25px;height: 20px;background: url(../images/jj_h.png) center center no-repeat;float: left;border: 0px;}
#process .jia_cur{width: 25px;height: 20px;background: url(../images/jj.png) center center no-repeat;float: left;border: 0px;}
#process .lc{width: 95%;margin: 0px auto;overflow: hidden;}
#process .lc .lc_01{background: url(../images/lc_2.png) 0px 0px no-repeat;width: 125px;height: 62px;float: left;line-height: 62px;padding-left: 15px;font-size: 18px;color: #363636;}
#process .lc .lc_02{background: url(../images/lc_2.png) -153px 0px no-repeat;width: 125px;height: 62px;float: left;line-height: 62px;padding-left: 55px;font-size: 18px;color: #363636;}
#process .lc .lc_03{background: url(../images/lc_2.png) -350px 0px no-repeat;width: 125px;height: 62px;float: left;line-height: 62px;padding-left: 55px;font-size: 18px;color: #363636;}
#process .pbt{width: 96%;height: 25px;line-height: 25px;margin: 20px auto 10px;clear: both;cursor: pointer;overflow: hidden; background:#000000; border-radius:8px;color: #FFFFFF;font-weight: bold;}
#process table{width: 95%;margin: 0 auto;}
#process .hj{width: 90%;margin: 0px auto;padding: 15px 0px 5px;overflow: hidden;}
#process .hj em{width: 60%;text-align: right;float: left;padding-right: 0px;}
#process .hj span{padding-right: 15px;text-align: left;float: left;font-size: 18px;line-height: 30px;color: #1C2453;}
#process .hj b{text-align: left;float: left;font-size: 18px;line-height: 30px;color: #1C2453;}
#process .incon{width: 95%;margin: 0px auto;overflow: hidden;}
#process .incon dl{width: 95%;display: block;}
#process .incon dl dt{width: 95%;display: block;font-size: 16px;color: #1C2453;font-weight: bold;padding-top: 10px;clear: both;}
#process .incon dl dd{width: 95%;display: block;padding-top: 5px;clear: both;}
#process .incon dl dd INPUT[type="text"]{margin-right: 10px;}
#process .incon dl dd select{margin-right: 5px;margin-top: 8px;}
#process .incon dl dd span{width: 95%;display: block;}
#process .incon dl dd em{width: 95%;display: block text-align:right;}
#process .incon .fl{float: left;}
#process .incon .pfrer{width: 300px;float: right;line-height: 26px;margin-top: 15px;overflow: hidden;}
#process .incon .pfrer .diycon{float: right;padding: 15px;line-height: 26px;color: #666666;margin-top: 15px;}
#process .incon .pfrer .freight{width: 300px;float: right;line-height: 26px;margin-top: 15px;color: #1C2453;font-size: 18px;font-weight: bold;overflow: hidden;padding-left: 15px;}
#process .payopt{width: 95%;margin: 0px auto;overflow: hidden;}
#process .payopt li{list-style: none;float: left;line-height: 30px;padding-left: 20px;}
#process .payopt li em{width: 30px;float: left;padding-top: 8px;}
#process .payopt li span{width: 150px;float: left;font-size: 26px;font-weight: bold;color: #1C2453;letter-spacing: 3px;}
#process .payopt li span label{width: 150px;float: left;font-size: 26px;font-weight: bold;color: #1C2453;letter-spacing: 3px;}
#process .payopt li span label .cc{width: 150px;float: left;font-size: 26px;font-weight: bold;color: #1C2453;letter-spacing: 3px;}
#process .paydiy{width: 830px;padding: 15px;line-height: 26px;margin: 0px auto;color: #666666;}
#process .fre{width: 830px;margin: 15px auto;text-align: left;}
#process .fre span{font-size: 26px;padding-right: 30px;;color: #1C2453;}

#process .settl{width: 95%;margin: 15px auto;text-align: right;}
#process .settl span{font-size: 18px;padding-right: 30px;color: #1C2453;display: block;clear: both;}
#process .settl span .ucb{padding: 0px 10px;text-align: center;color: #fff;background: url(../images/mubg.png) left top repeat-x;border: 0px;cursor: pointer;height: 22px;line-height: 22px;font-size: 14px;font-weight: bold;width: 110px;}
#process .settl span em{width: 150px;float: right;text-align: right;}
#process .settl span input{width: 100px;margin-top: 10px;text-align: center;}
#process .settl .tol{padding-top: 15px;}
#process .settl #totalcredits{font-size: 26px;color: red;}
/* 購物流程  END */

/* 产品列表all  S */
#pro .sub-con{width: 78%;float: left;margin-left: 2%;}
/* 产品列表all  E */

/* 登陸後界面  START */
#record{width: 96%;margin: 0px auto;overflow: hidden;background: #FFFFFF;padding: 25px 2% 10px;border-radius: 0px 0px 10px 10px;border: 1px solid #CCCCCC;}
#record .quick-menu{width: 20%;float: left;padding-right: 0px;margin: 0px;}
#record .quick-menu ul{margin: 0px auto;padding: 0px;overflow: hidden;}
#record .quick-menu ul li{height: 34px;list-style: none;background: url(../images/mbg.png) left top repeat-x;line-height: 34px;padding: 0px 15px 0px 10px;font-size: 16px;margin-bottom: 10px;overflow: hidden;margin-bottom: 15px;}
#record .quick-menu ul li a{color: #fff;background: url(../images/mjt.png) 0px 4px no-repeat;padding-left: 15px;}
#record .quick-menu ul li a:hover{color: #FFE748;}
#record .sub-con{width: 78%;float: right;}
#record .sub-con .rban{display: block;}
#record .sub-con{float: right;}
#record .sub-con .rban{display: block;}
#record .sub-con .list{display: block;}
#record .sub-con .list .bt{font-size: 12px;font-weight: bold;}
#record .sub-con .list td{line-height: 22px;color: #666666;font-size: 12px;}
#record .sub-con .list a{font-size: 12px;}
/* 登陸後界面  END */

#herader .t_r{background:url(../images/t_lg.png) right 100px no-repeat;}

}

@media (min-width: 481px) and (max-width: 767px)
{
.container{width: auto;}

/*首页 BANNER  S */
.ban_t{display: block;clear: both;overflow: hidden;}
#ban_l{width: 70%;float: left;overflow: hidden;}
/*首页 BANNER  E */

/*首页 BANNER  S */
#ban_r{width: 28%;float: right;overflow: hidden;z-index: 100;}
#ban_r .brbt{display: block;clear: both;height: 40px;line-height: 40px;padding: 0px 5%;border-radius: 10px 10px 0px 0px;background: #89D2FD;color: #FFFFFF;font-size: 1.5em;font-weight: bold;}
#ban_r .brcon{display: block;clear: both;height: 410px;line-height: 40px;padding: 20px 5%;border-radius: 0px 0px 10px 10px;font-size: 1em;background: #434A52;color: #ffffff;}
#ban_r .brcon .cnh{overflow: hidden;height: 410px;width: 100%;}
#ban_r .brcon .cnh p{padding: 5px 0px 0px 5px;display: block;clear: both;border-bottom: 1px #CCCCCC dashed;}
#ban_r .brcon .cnh H2{padding: 5px 0px 0px 5px;display: block;clear: both;border-bottom: 1px #CCCCCC dashed;}
#ban_r .brcon .cnh a{color: #ffffff;overflow: hidden;height: 30px;line-height: 30px;width: 75%;float: left;}
#ban_r .brcon .cnh span{height: 30px;line-height: 30px;width: 25%;float: left;}
/*首页 BANNER  E */


/*中间四张图banner S */
#ban_m{padding: 10px 0px;margin: 0px auto;display: block;clear: both;overflow: hidden;}
#ban_m li{width: 270px;float: left;margin-left: 30px;margin-top: 5px;list-style: none;}
#ban_m li:first-child{margin-left: 0%;}
#ban_m a .pic{width: 270px;height: 152px;display: block;overflow: hidden;}
#ban_m a img{
display: block;width: 270px;height: 152px;background-color: #FFF;box-shadow: 0px 0px 18px rgba(0,0,0,.4);-webkit-transition: all ease .3s;transition: all ease .3s;}
#ban_m a .bt{width: 250px;padding: 0px 10px;margin: 0px;display: block;height: 79px;line-height: 79px;color: #FFFFFF;}
#ban_m a .bt b{background: url(../images/njt_tm.png) 220px center no-repeat;display: block;font-size: 2em;}
#ban_m a:hover .pic{width: 270px;height: 152px;display: block;overflow: hidden;}
#ban_m a:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);box-shadow: 0px 0px 18px rgba(0,0,0,.5);}
#ban_m a:hover .bt{width: 250px;padding: 0px 10px;margin: 0px;display: block;height: 79px;line-height: 79px;color: #FFFFFF;}
#ban_m a:hover .bt b{background: url(../images/njt.png) 230px center no-repeat;display: block;font-size: 2em;}
#ban_m .btbg_1{background: url(../images/nb_1bg1.jpg) left top repeat-x;}
#ban_m .btbg_2{background: url(../images/nb_1bg2.jpg) left top repeat-x;}
#ban_m .btbg_3{background: url(../images/nb_1bg3.jpg) left top repeat-x;}
#ban_m .btbg_4{background: url(../images/nb_1bg4.jpg) left top repeat-x;}
/*中间四张图banner  END */

/*首页产品列表 S */
#pcls{display: block;clear: both;overflow: hidden;}
#pcls .pcbt{border-radius: 5px;background: url(../images/pcbtbg.png) left top repeat-x;color: #FFFFFF;margin: 10px auto;overflow: hidden;height: 56px;line-height: 56px;padding: 0px 15px;font-size: 1.5em;}
/*首页产品列表 E */

/*右边产品列表 S */
.mcom ul{width: 100%;text-align: left;clear: both;overflow: hidden;padding: 0px 0px 10px;margin-bottom: 10px;}
.mcom ul li{width: 46%;min-height: 170px;height: auto;text-align: left;float: left;font-size: 12px;text-align: center;overflow: hidden;display: block;margin: 10px 1.7%;border: 1px solid #F0F0F0;border-radius: 8px;overflow: hidden;background: url(../images/pcflin.jpg) left bottom repeat-x;}
.mcom ul li a{display: block;}
.mcom ul li img{text-align: center;padding-bottom: 5px;border-radius: 8px;-webkit-transition: all ease .3s;transition: all ease .3s;}
.mcom ul li a:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);border-radius: 8px;}
.mcom ul li .inf{display: block;padding: 6px 5px;overflow: hidden;color: #292929;min-height: 120px;height: auto;}
.mcom ul li p{font-size: 12px;text-align: left;line-height: 16px;clear: both;}
.mcom ul li .pic{width:180px; height:180px;margin: 0px auto;clear: both;display: table-cell;text-align: center;vertical-align: middle;position: relative;display: block;}
.mcom ul li .pic_sy{width:208px; height:208px;margin: 0px auto;clear: both;display: table-cell;text-align: center;vertical-align: middle;position: relative;display: block;}
.w170h170
{
	max-width: 180px;
	max-height: 180px;
	width: expression(this.width > 180 ?  "180px" : this.width);
	height: expression(this.height > 180 ?  "180px" : this.height);
	overflow: hidden;
	border: 0px;
}
.w170h170_sy
{
	max-width: 200px;
	max-height: 200px;
	width: expression(this.width > 200 ?  "200px" : this.width);
	height: expression(this.height > 200 ?  "200px" : this.height);
	overflow: hidden;
	border: 0px;
}
.mcom ul li .cx_l{position: absolute;left: 5px;top: 5px;z-index: 1000;}
.mcom ul li .cx_r{position: absolute;right: 5px;top: 5px;z-index: 1000;}
.mcom ul li .cx_lf{position: absolute;left: 5px;bottom: 5px;z-index: 1000;}
.mcom ul li .cx_rf{position: absolute;right: 5px;bottom: 5px;z-index: 1000;}
.mcom ul li .wz{padding-top: 8px;padding-right: 8px;}
.mcom ul li .pb5{padding: 5px 0px;color: #A266A0;font-weight: bold;}
.mcom ul li .name{color: #000;font-size: 14px;font-weight: bold;padding-bottom: 5px;}
.mcom ul li .name_h50{color: #000;font-size: 14px;font-weight: bold;padding-bottom: 5px;height: 50px;overflow: auto;}
.mcom ul li .cpbk{font-size: 12px;padding-top: 3px;padding-right: 8px;overflow: hidden;}
.mcom ul li .price{font-size: 18px;padding-top: 3px;padding-right: 8px;overflow: hidden;font-weight: bold;color: #FF0000;}
.mcom ul li .op{color: #6E6E6E;text-decoration: line-through;font-size: 16px;}
.mcom .per{padding-top: 5px;}
.mcom .det{background: url(../images/det.png) center center no-repeat #4A535B;line-height: 37px;height: 37px;text-align: center;padding: 0px;overflow: hidden;margin-top: 8px;margin-left: 5px;float: left;width: 40px;border-radius: 5px;}
.mcom .det:hover{background: url(../images/det.png) center center no-repeat #ACB9C2;line-height: 37px;height: 37px;text-align: center;padding: 0px;overflow: hidden;border-radius: 5px;}
.mcom .add{background: url(../images/add.png) 10px center no-repeat #86D1FD;line-height: 37px;height: 37px;text-align: center;padding: 0px 10px 0px 30px;color: #fff;overflow: hidden;width: 80px;margin-top: 8px;margin-left: 5px;float: left;border-radius: 5px;
font-weight: bold;}
.mcom .add:hover{background: url(../images/add.png) 10px center no-repeat #B0BCC5;line-height: 37px;height: 37px;text-align: center;color: #FFF;font-size: 10px;overflow: hidden;width: 80px;}
.mcom .addS{background: url(../images/add.png) 10px center no-repeat #B0BCC5;line-height: 37px;height: 37px;text-align: center;padding: 0px 10px 0px 30px;color: #fff;overflow: hidden;width: 80px;margin-top: 8px;margin-left: 5px;float: left;border-radius: 5px;
font-weight: bold;}
.mcom ul li ul{padding: 10px;margin: 5px auto;border: none;text-align: left;display: block;background: #F8F8F8;width: 90%;overflow: hidden;}
.mcom ul li ul li{padding: 0px;margin: 0px;list-style: none;line-height: 18px;font-size: 12px;}
.mcom ul li ul li em{padding: 0px;margin: 0px;float: left;}
.mcom ul li ul li span{padding-right: 20px;margin: 0px;float: right;}
.mcom .f16{font-size: 16px;padding: 10px 0px;color: #000000;}
.mcom .nlin{border: 0px;}
/*右边产品列表  END */

/* 首页快捷菜单  START */
.quick-menu{width: 100%;float: none;display: block;clear: both; padding-right:0px;}
.quick-menu .Pclass{lear: both;padding: 0px;}
.quick-menu .Pclass .sec{display: block;background: #FFFFFF;padding: 3px 5px;text-align: center;}
.quick-menu .Pclass .sec .inp{width: 170px;border: 1px solid #999999;height: 34px;line-height: 34px;float: left;}
.quick-menu .Pclass .sec .go{border: none;width: 39px;height: 39px;background: url(../images/search.png) center center no-repeat #FFFFFF;border: 1px solid #FFFFFF;}
.quick-menu .pbt{width: auto;text-align: left;padding-left: 20px;line-height: 34px;height: 34px;font-size: 14px;font-weight: bold;color: #fff;border-radius: 5px;background: #444C54;}
.quick-menu .spe{width: 100%;clear: both;text-align: center;margin-bottom: 10px;}
.quick-menu .spe dl{padding: 0px;margin: 0px;}
.quick-menu .spe dl dt{display: block;padding-left: 10px;text-align: left;font-size: 14px;height: 34px;line-height: 34px;font-weight: normal;border-bottom: 1px solid #CCCCCC;background: #F3F3F3;font-weight: bold;}
.quick-menu .spe dl dd{padding: 10px 0px;text-align: left;clear: both;overflow: hidden;border-bottom: 1px dashed #CCCCCC;}
.quick-menu .spe dl dd .w60{float: left;width: 30%;}
.quick-menu .spe dl dd .w140{float: right;width: 70%;font-size: 12px;}
.quick-menu .spe dl dd .spas{display: block;color: #FF0000;padding-top: 10px;}
.quick-menu .spe dl dd .spas em{color: #7D6C58;padding-right: 5px;}
.quick-menu .adv{width: 100%;clear: both;text-align: center;margin-bottom: 10px;}
.quick-menu .adv img{border: 1px solid #CCCCCC;}

.quick-menu .selbg{width: 94%;height:24px;background: url(../images/selbg.png) center center repeat-x;line-height: 24px;clear: both;margin: 0px auto;padding: 6px 3%;border-radius: 5px;
}
.quick-menu .selbg .inp{width: 98%;height: 20px;border: none;border: 1px solid #8D9093;background: none;}
.quick-menu .sbut{width: 100%;height: 47px;border: none;background: url(../images/sbut.png) left top repeat-x;line-height: 32px;text-align: center;color: #fff;font-weight: bold;margin-top: 10px;border-radius: 5px;}
.quick-menu .sbut a{color: #fff;font-size: 1em;background: url(../images/sbut_z.png) 35% center no-repeat;padding-left:15px;height:32px;line-height:32px;display:block}

/* 下拉语言  START */
.select{width: 100%;height: 32px;line-height: 32px;position: relative;text-align: center;cursor: pointer;background: url(../images/sebg.png) left top repeat-x;color: #fff;margin: 10px auto;border-radius: 5px 5px 0px 0px;}
.option{color: #fff;line-height: 32px;width: 100%;position: absolute;top: 32px;left: 0px;display: none;background: #474F57;z-index: 5;}
.select ul{list-style: none;margin: 0;padding: 0;width: 100%;}
.select ul li{height: 32px;text-align: center;color: #fff;}
.select .selbt{height: 32px;line-height: 32px;text-align: center;color: #FFFFFF;font-size: 14px;font-weight: bold;}
.select_sub{display: block;margin: 0;padding: 0px;width: auto;white-space: nowrap;text-decoration: none;color: #000;width: 100%;text-align: center;line-height: 32px;background: none;}
.select_sub_h{background: #E17C56;color: #FFFFFF;}
/* 下拉语言  END */
/* 首页快捷菜单  END *
/

/*底部编辑器  S */
#fteid{display: block;clear: both;overflow: hidden;background: #151719;padding: 25px 0px;}
#fteid .fmu{width: 15%;float: left;}
#fteid .fmu dt{display: block;font-size: 1em;text-align: left;font-weight: bold;padding-bottom: 5px;color: #FFFFFF;}
#fteid .fmu dt a{color: #FFFFFF;}
#fteid .fmu dd{line-height: 22px;}
#fteid .fmu dd a{color: #C3C7D4;}
#fteid .fmu dd a:hover{color: #7ECEFD;}
#fteid .tel{background: url(../images/tel.png) bottom left no-repeat;width: 15%;float: left;}
#fteid .tel dt{display: block;font-size: 1em;text-align: left;font-weight: bold;padding-bottom: 5px;color: #FFFFFF;}
#fteid .tel dd{padding-left: 40px;line-height: 22px;}
/*底部编辑器  END */

/* 底部  START */
#foot{width:100%; margin:0px auto;font-size:12px; text-align:left; padding:0px 0px 10px; color:#757575; line-height:20px; clear:both; overflow:hidden; position:relative}
#foot .nr{ width:100%; float: none;text-align:left; padding:10px 0px; display:block; clear:both}
#foot li{ list-style:none;}
#foot .nr a{ padding:0px 5px; margin:0px;}
#foot .powered{text-align: center; width:100%; float: none; line-height:26px;}
/* 底部  END */

/* 登陆  START */
#login{width: 100%;margin: 0px auto;overflow: hidden;min-height: 350px;}
#login .dlef{width: 50%;margin: 0px auto;text-align: center;}
#login .dlef h2{font-size: 24px;line-height: 56px;border-bottom: 1px solid #CCCCCC;}
#login .dlef ul{margin: 15px auto;}
#login .dlef ul li{text-align: left;list-style: none;line-height: 26px;clear: both;padding-bottom: 10px;display: block;font-size: 16px;overflow: hidden;}
#login .dlef ul li .bt{width: 200px;float: left;text-align: right;}
#login .dlef ul li b{width: 100%;float: none;text-align: left;padding-right: 10px;font-weight: bold;font-size: 14px;display: block;clear: both;}
#login .dlef ul li em{float: none;width: 100%;padding-right: 10px;display: block;clear: both;}
#login .dlef ul li strong{float: none;font-weight: normal;width: 100%;display: block;clear: both;}
#login .dlef ul li span{float: none; font-size:14px;width:250px; display:block; clear:both; margin-left:70px;}
#login .dlef ul li em img{padding-left: 10px;}
#login .dlef ul li .w200{width: 98%;border: 1px solid #ccc;}
#login .dlef ul li .w100{width: 50%;border: 1px solid #ccc;}
#login .drbut{background: url(../images/butbg.jpg) left top repeat-x;text-align: center;font-weight: bold;border: none;line-height: 30px;padding: 0px 25px;cursor: pointer;margin-right: 5px;color: #FFFFFF;}
#login a{font-size: 12px;}
/* 登陆  END */



/* 產品例表__内容  START */
.mbt{width: auto;text-align: center;line-height: 34px;height: 34px;font-size: 24px;font-weight: bold;color: #fff;border-radius: 5px;background: #444C54;}
.mbt H3{width: auto;text-align: left;float: left;line-height: 34px;height: 34px;padding-right: 5px;padding-left: 15px;font-size: 14px;font-weight: bold;}
.mbt a{width: auto;text-align: left;float: right;line-height: 34px;height: 34px;font-style: normal;padding-right: 15px;font-size: 10px;color: #A0679E;}
.mbt a:hover{width: auto;text-align: left;float: right;line-height: 34px;height: 34px;font-style: normal;color: #A70000;padding-right: 15px;font-size: 10px;}
/* 產品例表__内容  END */


/* 会员左边  START */
#member{width: 100%;float: none;min-height: 800px;height: auto;overflow: hidden;margin-left: 0%;}
#member .mt{overflow: hidden;display: block;background: #FFFFFF;padding: 20px 0px;}
#member .mt .ssp{width: 400px;float: none; clear:both; height:300px; margin:0px auto;}
#member .mt .ssp .view{text-align: right;background: url(../images/ico.gif) 325px 3px no-repeat;line-height: 26px;font-size: 12px;display: block;overflow: hidden;height: 30px;overflow: hidden;clear: both;}
#member .mt .ssp ul{width: 400px;clear: both;}
#member .mt .ssp ul li{padding: 3px;float: left;list-style: none;width: 50px;height: 50px;}

#member .mt .intr{width: 90%;float: none;min-height: 200px;height: auto;color: #000000;padding: 0px 5%;overflow: hidden;}
#member .mt .intr .dbt{display: block;border-bottom: 1px solid #CCCCCC;overflow: hidden;padding: 15px 0px;}
#member .mt .intr .dbt H1{display: block;font-size: 18px;line-height: 20px;}
#member .mt .intr .dbt p{display: block;font-size: 12px;line-height: 14px;}
#member .mt .intr .dbt span{font-size: 12px;padding-top: 20px;}
#member .mt .intr .dbt span em{font-size: 18px;font-style: normal;}
#member .mt .intr .dbt span strong{color: #6E6E6E;text-decoration: line-through;font-size: 12px;}
#member .mt .intr .dbt .clsr{display: block;font-size: 12px;text-align: right;}

#member .mt .intr .dbt .clsr ul{clear: both;text-align: right;float: right;padding-bottom: 5px;height: 28px;overflow: hidden;}
#member .mt .intr .dbt .clsr ul li{float: left;list-style: none;padding-left: 5px;line-height: 23px;font-size: 12px;}
#member .mt .intr .dbt .clsr em{padding-right: 3px;font-weight: normal;font-size: 12px;}
#member .mt .intr .dbt .clsr a{padding: 0px 3px;}

#member .mt .intr .size{width: 100%;background: #F4F4F4;clear: both;height: auto;display: block;}
#member .mt .intr .size ul{width: 96%;margin: 0 auto;clear: both;padding: 10px 0px;overflow: hidden;}
#member .mt .intr .size ul li{width: 100%;list-style: none;line-height: 20px;clear: both;padding-top: 15px;}
#member .mt .intr .size ul li span{width: 100%;float: none;display: block;font-weight: bold;}
#member .mt .intr .size ul li em{width: 100%;float: none;display: block;color: #666666;}
#member .mt .intr .size ul li .inc{width: 100%;float: none;color: #666666;overflow: hidden;padding-left: 0px;}
#member .mt .intr .size ul li .col_1{height: 20px;margin: 0px;text-align: center;float: left;line-height: 20px;border: 3px solid #F4F4F4;cursor: pointer;padding: 0px 5px;}
#member .mt .intr .size ul li .col_1:hover{height: 20px;margin: 0px;text-align: center;float: left;line-height: 20px;border: 3px solid #E1E1E1;cursor: pointer;background: #fff;}
#member .mt .intr .size ul li .col_cur{height: 20px;margin: 0px;text-align: center;float: left;line-height: 20px;border: 3px solid #E1E1E1;cursor: pointer;background: #fff;}

#member .mt .intr .size ul li .szb{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #F4F4F4;cursor: pointer;padding: 0px 5px;}
#member .mt .intr .size ul li .szb:hover{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #E1E1E1;background: #fff;cursor: pointer;}
#member .mt .intr .size ul li .szb_cur{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #E1E1E1;background: #fff;cursor: pointer;}

#member .mt .intr .an{display: block;padding: 15px 0px;overflow: hidden;}
#member .mt .intr .an a{margin-right: 40px;font-weight: bold;font-size: 12px;float: left;}
#member .mf{clear: both;overflow: hidden;color: #333333;padding: 20px 0px;}
#member .mf .mfbt{clear: both;overflow: hidden;color: #ffffff;font-size: 16px;font-weight: bold;padding-left: 10px;margin-bottom: 10px;background: url(../images/dbg.jpg) left top repeat-x;line-height: 36px;height: 36px;}
#member .mt .intr .an .but{background: url(../images/butbg.jpg) left top repeat-x;height: 25px;line-height: 25px;color: #fff;overflow: hidden;display: table-cell;padding: 0px 15px; border:none}
#member .mt .intr .an .but:hover{background: url(../images/butbg_h.jpg) left top repeat-x;height: 25px;line-height: 25px;color: #fff;padding: 0px 15px;}

#member .mt .intr .size_sj{width: 96%;display: block;height: auto;line-height: 40px;padding: 0px 10px;background: #E7E7E7;margin: 10px 0px;position: relative;}
#member .mt .intr .size_sj a{display: block;font-size: 1em;color: #343434;}
/* 会员左边  END */


/* 放大镜  START */
#div1{padding: 1px;border: none;position: relative;margin-right: 20px;}

#div1 .cx_l{position: absolute;left: 0px;top: 0px;z-index: 1000;}
#div1 .cx_r{position: absolute;right: 0px;top: 0px;z-index: 1000;}
#div1 .cx_lf{position: absolute;left: 0px;bottom: 0px;z-index: 1000;}
#div1 .cx_rf{position: absolute;right: 0px;bottom: 0px;z-index: 1000;}
/* 放大镜  END */


/* 購物流程  START */
#process{width: 100%;margin: 0px auto;background: #FFFFFF;overflow: hidden;padding: 0px 0px 20px;border-radius: 0px 0px 10px 10px;border: none;}
#process .lc{width: 95%;margin: 0px auto;overflow: hidden;}
#process .lc .lc_01{background: url(../images/lc.png) 0px 0px no-repeat;width: 184px;height: 88px;float: left;line-height: 88px;padding-left: 15px;font-size: 30px;color: #363636;}
#process .lc .lc_02{background: url(../images/lc.png) -210px 0px no-repeat;width: 176px;height: 88px;float: left;line-height: 88px;padding-left: 55px;font-size: 30px;color: #363636;}
#process .lc .lc_03{background: url(../images/lc.png) -450px 0px no-repeat;width: 204px;height: 88px;float: left;line-height: 88px;padding-left: 55px;font-size: 30px;color: #363636;}
#process .pbt{width: 96%;height: 25px;line-height: 25px;margin: 20px auto 10px;clear: both;cursor: pointer;overflow: hidden; background:#000000; border-radius:8px;color: #FFFFFF;font-weight: bold;}
#process .pbt em{ float:left; color:#FFFFFF;}
#process .pbt span{ float:right; color:#FFFFFF; padding-right:5%; line-height:26px; color:#FFFFFF}
#process .pbt span a{ float:right; color:#FFFFFF; padding-right:5%; line-height:26px; color:#FFFFFF;width: 80px;}
#process .pbt span i{ float:right; font-style:normal;text-indent:5px;}

#process table{width: 100%;margin: 0 auto;}
#process .hj{width: 95%;margin: 0px auto;padding: 0px 0px 0px 5%;overflow: hidden;}
#process .hj em{width:90%;text-align: right;float: none; display:block; clear:both;padding-right: 0%;}
#process .hj .sjtol{width: 90%;float: right;padding-right: 10%; text-align:right}

INPUT.coshop{padding: 0px 10px;text-align: center;color: #fff;background: url(../images/mubg.png) left top repeat-x;border: 0px;cursor: pointer;height: 30px;line-height: 30px;font-size: 12px;margin-left: 20px;font-weight: bold; width:120px;}
#process .hj span{padding-right: 15px;text-align: left;float: left;font-size: 18px;line-height: 30px;color: #1C2453;}
#process .hj b{width: 100px;text-align: left;float: left;font-size: 18px;line-height: 30px;color: #1C2453;}
#process .incon{width: 95%;margin: 0px auto;overflow: hidden;}
#process .incon dl{width: 95%;display: block;}
#process .incon dl dt{width: 95%;display: block;font-size: 16px;color: #1C2453;font-weight: bold;padding-top: 10px;clear: both;}
#process .incon dl dd{width: 95%;display: block;padding-top: 5px;clear: both;}
#process .incon dl dd INPUT[type="text"]{margin-right: 10px;}
#process .incon dl dd select{margin-right: 5px;margin-top: 8px;}
#process .incon dl dd span{width: 95%;display: block;}
#process .incon dl dd em{width: 95%;display: block;text-align: right;}
#process .incon .fl{float: left;}
#process .incon .pfrer{width: 300px;float: right;line-height: 26px;margin-top: 15px;overflow: hidden;}
#process .incon .pfrer .diycon{float: right;padding: 15px;line-height: 26px;color: #666666;margin-top: 15px;}
#process .incon .pfrer .freight{width: 300px;float: right;line-height: 26px;margin-top: 15px;color: #1C2453;font-size: 18px;font-weight: bold;overflow: hidden;padding-left: 15px;}
#process .payopt{width: 95%;margin: 0px auto;overflow: hidden;}
#process .payopt li{list-style: none;float: left;line-height: 30px;padding-left: 20px;}
#process .payopt li em{width: 30px;float: left;padding-top: 8px;}
#process .payopt li span{width: 150px;float: left;font-size: 26px;font-weight: bold;color: #1C2453;letter-spacing: 3px;}
#process .payopt li span label{width: 150px;float: left;font-size: 26px;font-weight: bold;color: #1C2453;letter-spacing: 3px;}
#process .payopt li span label .cc{width: 150px;float: left;font-size: 26px;font-weight: bold;color: #1C2453;letter-spacing: 3px;}
#process .paydiy{width: 830px;padding: 15px;line-height: 26px;margin: 0px auto;color: #666666;}
#process .fre{width: 830px;margin: 15px auto;text-align: left;}
#process .fre span{font-size: 26px;padding-right: 30px;color: #1C2453;}

#process .settl{width: 95%;margin: 15px auto;text-align: right;}
#process .settl span{font-size: 12px;padding-right: 30px;color: #1C2453;display: block;clear: both;}
#process .settl span .ucb{padding: 0px 10px;text-align: center;color: #fff;background: url(../images/mubg.png) left top repeat-x;border: 0px;cursor: pointer;height: 22px;line-height: 22px;font-size: 12px;font-weight: bold;width: 80px;}
#process .settl span em{width: 150px;float: right;text-align: right;}
#process .settl span input{width: 50px;margin-top: 10px;text-align: center;}
#process .settl .tol{padding-top: 15px;}
#process .settl #totalcredits{font-size: 26px;color: red;}
#process .rksj{display: block;clear: both;}
#process .rksj ul{display: block;clear: both;padding: 0px 0px 10px 0px;margin: 0px 0px;overflow: hidden;}
#process .rksj ul li{display: block;clear: both;list-style: none;padding: 0px 0px 5px 0px;margin: 0px;line-height: 20px;overflow: hidden;border-bottom: 1px solid #999999;}
#process .rksj ul li label{width:8%;float:left;text-align: center;padding:15px 0px 0px 2%;}
#process .rksj ul li em{width: 65%;float: left;padding-top:5px;}
#process .rksj ul li b{width: 100%; display:block;text-align:left;padding-top:15px; font-weight:normal}
#process .rksj ul li b .bh{ display:block; clear:both; padding-bottom:5px;}
#process .rksj ul li b input[type="text"]{ width:50px; text-align:center; margin:0px 5px;}
#process .rksj ul li b strong{ display:block; clear:both;color:#FF0000; text-align:left; text-indent:35px; padding-top:5px;}
/* 購物流程  END */

/* 产品列表all  S */
#pro .sub-con{width: 100%;float: none;margin-left: 0%;clear: both;display: block;}
/* 产品列表all  E */

/* 登陸後界面  START */
#record{width: 100%;margin: 0px auto;overflow: hidden;background: #FFFFFF;padding: 25px 0% 10px;border-radius: 0px 0px 10px 10px;border: none;display: block;}
#record .quick-menu{width: 100%;float: none;padding-right: 0px;margin: 0px;display: block;}
#record .quick-menu ul{margin: 0px auto;padding: 0px;overflow: hidden;}
#record .quick-menu ul li{height: 34px;list-style: none;background: url(../images/mbg.png) left top repeat-x;line-height: 34px;padding: 0px 15px 0px 10px;font-size: 16px;margin-bottom: 10px;overflow: hidden;margin-bottom: 15px;}
#record .quick-menu ul li a{color: #fff;background: url(../images/mjt.png) 0px 4px no-repeat;padding-left: 15px;}
#record .quick-menu ul li a:hover{color: #FFE748;}
#record .sub-con{width: 100%;float: none;display: block;}
#record .sub-con .rban{display: block;}
#record .sub-con{float: none;}
#record .sub-con .rban{display: block;}
#record .sub-con .list{display: block;}
#record .sub-con .list .bt{font-size: 12px;font-weight: bold;}
#record .sub-con .list td{line-height: 22px;color: #666666;font-size: 12px;}
#record .sub-con .list a{font-size: 12px;}
#record .sub-con .list .rksj{display: block;clear: both;}
#record .sub-con .list ul{display: block;clear: both;padding: 0px 0px 10px 0px;margin: 0px 0px 15px 0px;border-bottom: 1px solid #999999;overflow: hidden;}
#record .sub-con .list ul li{display: block;clear: both;list-style: none;padding: 0px 0px 5px 0px;margin: 0px;line-height: 20px;overflow: hidden;}
#record .sub-con .list ul li span{width: 20%;float: left;text-align: right;padding-right: 5%;font-weight: bold;}
#record .sub-con .list ul li em{width: 75%;float: left;}
/* 登陸後界面  END */
.sty_pic{ width:0px; height:300px; float:left; background:url(../images/sty_bg.png) left top no-repeat; margin:0px auto; position:relative;}
}

@media (max-width: 480px)
{
.container{width: auto;}

/*首页 BANNER  S */
.ban_t{display: block;clear: both;overflow: hidden;}
#ban_l{width: 70%;float: left;overflow: hidden;}
/*首页 BANNER  E */

/*首页 BANNER  S */
#ban_r{width: 28%;float: right;overflow: hidden;z-index: 100;}
#ban_r .brbt{display: block;clear: both;height: 40px;line-height: 40px;padding: 0px 5%;border-radius: 10px 10px 0px 0px;background: #89D2FD;color: #FFFFFF;font-size: 1.5em;font-weight: bold;}
#ban_r .brcon{display: block;clear: both;height: 410px;line-height: 40px;padding: 20px 5%;border-radius: 0px 0px 10px 10px;font-size: 1em;background: #434A52;color: #ffffff;}
#ban_r .brcon .cnh{overflow: hidden;height: 410px;width: 100%;}
#ban_r .brcon .cnh p{padding: 5px 0px 0px 5px;display: block;clear: both;border-bottom: 1px #CCCCCC dashed;}
#ban_r .brcon .cnh H2{padding: 5px 0px 0px 5px;display: block;clear: both;border-bottom: 1px #CCCCCC dashed;}
#ban_r .brcon .cnh a{color: #ffffff;overflow: hidden;height: 30px;line-height: 30px;width: 75%;float: left;}
#ban_r .brcon .cnh span{height: 30px;line-height: 30px;width: 25%;float: left;}
/*首页 BANNER  E */


/*中间四张图banner S */
#ban_m{padding: 10px 0px;margin: 0px auto;display: block;clear: both;overflow: hidden;}
#ban_m li{width: 270px;float: left;margin-left: 30px;margin-top: 5px;list-style: none;}
#ban_m li:first-child{margin-left: 0%;}
#ban_m a .pic{width: 270px;height: 152px;display: block;overflow: hidden;}
#ban_m a img{display: block;width: 270px;height: 152px;background-color: #FFF;box-shadow: 0px 0px 18px rgba(0,0,0,.4);-webkit-transition: all ease .3s;transition: all ease .3s;}
#ban_m a .bt{width: 250px;padding: 0px 10px;margin: 0px;display: block;height: 79px;line-height: 79px;color: #FFFFFF;}
#ban_m a .bt b{background: url(../images/njt_tm.png) 220px center no-repeat;display: block;font-size: 2em;}
#ban_m a:hover .pic{width: 270px;height: 152px;display: block;overflow: hidden;}
#ban_m a:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);box-shadow: 0px 0px 18px rgba(0,0,0,.5);}
#ban_m a:hover .bt{width: 250px;padding: 0px 10px;margin: 0px;display: block;height: 79px;line-height: 79px;color: #FFFFFF;}
#ban_m a:hover .bt b{background: url(../images/njt.png) 230px center no-repeat;display: block;font-size: 2em;}
#ban_m .btbg_1{background: url(../images/nb_1bg1.jpg) left top repeat-x;}
#ban_m .btbg_2{background: url(../images/nb_1bg2.jpg) left top repeat-x;}
#ban_m .btbg_3{background: url(../images/nb_1bg3.jpg) left top repeat-x;}
#ban_m .btbg_4{background: url(../images/nb_1bg4.jpg) left top repeat-x;}
/*中间四张图banner  END */

/*首页产品列表 S */
#pcls{display: block;clear: both;overflow: hidden;}
#pcls .pcbt{border-radius: 5px;background: url(../images/pcbtbg.png) left top repeat-x;color: #FFFFFF;margin: 10px auto;overflow: hidden;height: 56px;line-height: 56px;padding: 0px 15px;font-size: 1.5em;}
/*首页产品列表 E */

/*右边产品列表 S */
.mcom ul{width: 100%;text-align: left;clear: both;overflow: hidden;padding: 0px 0px 10px;margin-bottom: 10px;}
.mcom ul li{width: 46%;min-height: 170px;height: auto;text-align: left;float: left;font-size: 12px;text-align: center;overflow: hidden;display: block;margin: 10px 1.7%;border: 1px solid #F0F0F0;border-radius: 8px;overflow: hidden;background: url(../images/pcflin.jpg) left bottom repeat-x;}
.mcom ul li a{display: block;}
.mcom ul li img{text-align: center;padding-bottom: 5px;border-radius: 8px;-webkit-transition: all ease .3s;transition: all ease .3s;}
.mcom ul li a:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);border-radius: 8px;}
.mcom ul li .inf{display: block;padding: 6px 5px;overflow: hidden;color: #292929;min-height:120px;height: auto;}
.mcom ul li p{font-size: 12px;text-align: left;line-height: 16px;clear: both;}
.mcom ul li .pic{width: 150px; height:150px;margin: 0px auto;clear: both;display: table-cell;text-align: center;vertical-align: middle;position: relative; display:block}
.w320h320
{
	max-width: 320px;
	max-height: 320px;
	width: expression(this.width > 320 ?  "320px" : this.width);
	height: expression(this.height > 320 ?  "320px" : this.height);
	overflow: hidden;
	border: 0px;
}
.mcom ul li .pic_sy{width:150px; height:150px;margin: 0px auto;clear: both;display: table-cell;text-align: center;vertical-align: middle;position: relative;display: block;padding:10px; display:block}
.w170h170
{
	max-width: 150px;
	max-height: 150px;
	width: expression(this.width > 150 ?  "150px" : this.width);
	height: expression(this.height > 150 ?  "150px" : this.height);
	overflow: hidden;
	border: 0px;
}
.w170h170_sy
{
	max-width: 120px;
	max-height: 120px;
	width: expression(this.width > 120 ?  "120px" : this.width);
	height: expression(this.height > 120 ?  "120px" : this.height);
	overflow: hidden;
	border: 0px;
}

.mcom ul li .cx_l{position: absolute;left: 5px;top: 5px;z-index: 1000;}
.mcom ul li .cx_r{position: absolute;right: 5px;top: 5px;z-index: 1000;}
.mcom ul li .cx_lf{position: absolute;left: 5px;bottom: 5px;z-index: 1000;}
.mcom ul li .cx_rf{position: absolute;right: 5px;bottom: 5px;z-index: 1000;}
.mcom ul li .wz{padding-top: 8px;padding-right: 8px;}
.mcom ul li .pb5{padding: 5px 0px;color: #A266A0;font-weight: bold;}
.mcom ul li .name{color: #000;font-size: 14px;font-weight: bold;padding-bottom: 5px;}
.mcom ul li .name_h50{color: #000;font-size: 14px;font-weight: bold;padding-bottom: 5px;height: 50px;overflow: auto;}
.mcom ul li .cpbk{font-size: 12px;padding-top: 3px;padding-right: 8px;overflow: hidden;}
.mcom ul li .price{font-size: 18px;padding-top: 3px;padding-right: 8px;overflow: hidden;font-weight: bold;color: #FF0000;}
.mcom ul li .op{color: #6E6E6E;text-decoration: line-through;font-size: 16px;}
.mcom .per{padding-top: 5px;}
.mcom .det{background: url(../images/det.png) center center no-repeat #4A535B;line-height: 30px;height: 30px;text-align: center;padding: 0px;overflow: hidden;margin-top: 8px;margin-left: 5px;float: left;width: 30px;border-radius: 5px;}
.mcom .det:hover{background: url(../images/det.png) center center no-repeat #ACB9C2;line-height: 30px;height: 30px;text-align: center;padding: 0px;overflow: hidden;border-radius: 5px;}
.mcom .add{background: url(../images/add.png) 3px center no-repeat #86D1FD;line-height: 30px;height: 30px;text-align: center;padding: 0px 3px 0px 25px;color: #fff;overflow: hidden;width: 65px;margin-top: 8px;margin-left: 5px;float: left;border-radius: 5px;
font-weight: bold;}
.mcom .add:hover{background: url(../images/add.png) 3px center no-repeat #B0BCC5;line-height: 30px;height: 30px;text-align: center;color: #FFF;font-size: 10px;overflow: hidden;width: 65px;}
.mcom .addS{background: url(../images/add.png) 3px center no-repeat #B0BCC5;line-height: 30px;height: 30px;text-align: center;padding: 0px 3px 0px 15px;color: #fff;overflow: hidden;width: 85px;margin-top: 8px;margin-left: 5px;float: left;border-radius: 5px;
font-weight: bold;}
.mcom ul li ul{padding: 10px;margin: 5px auto;border: none;text-align: left;display: block;background: #F8F8F8;width: 90%;overflow: hidden;}
.mcom ul li ul li{padding: 0px;margin: 0px;list-style: none;line-height: 18px;font-size: 12px;}
.mcom ul li ul li em{padding: 0px;margin: 0px;float: left;}
.mcom ul li ul li span{padding-right: 20px;margin: 0px;float: right;}
.mcom .f16{font-size: 16px;padding: 10px 0px;color: #000000;}
.mcom .nlin{border: 0px;}
/*右边产品列表  END */

/* 首页快捷菜单  START */
.quick-menu{width: 100%;float: none;padding-right: 0px;display: block;clear: both;}
.quick-menu .Pclass{lear: both;padding: 0px;}
.quick-menu .Pclass .sec{display: block;background: #FFFFFF;padding: 3px 5px;text-align: center;}
.quick-menu .Pclass .sec .inp{width: 170px;border: 1px solid #999999;height: 34px;line-height: 34px;float: left;}
.quick-menu .Pclass .sec .go{border: none;width: 39px;height: 39px;background: url(../images/search.png) center center no-repeat #FFFFFF;border: 1px solid #FFFFFF;}
.quick-menu .pbt{width: auto;text-align: left;padding-left: 20px;line-height: 34px;height: 34px;font-size: 14px;font-weight: bold;color: #fff;border-radius: 5px;background: #444C54;}
.quick-menu .spe{width: 100%;clear: both;text-align: center;margin-bottom: 10px;}
.quick-menu .spe dl{padding: 0px;margin: 0px;}
.quick-menu .spe dl dt{display: block;padding-left: 10px;text-align: left;font-size: 14px;height: 34px;line-height: 34px;font-weight: normal;border-bottom: 1px solid #CCCCCC;background: #F3F3F3;font-weight: bold;}
.quick-menu .spe dl dd{padding: 10px 0px;text-align: left;clear: both;overflow: hidden;border-bottom: 1px dashed #CCCCCC;}
.quick-menu .spe dl dd .w60{float: left;width: 30%;}
.quick-menu .spe dl dd .w140{float: right;width: 70%;font-size: 12px;}
.quick-menu .spe dl dd .spas{display: block;color: #FF0000;padding-top: 10px;}
.quick-menu .spe dl dd .spas em{color: #7D6C58;padding-right: 5px;}
.quick-menu .adv{width: 100%;clear: both;text-align: center;margin-bottom: 10px;}
.quick-menu .adv img{border: 1px solid #CCCCCC;}

.quick-menu .selbg{width: 94%;height: 24px;background: url(../images/selbg.png) center center repeat-x;line-height: 24px;clear: both;margin: 0px auto;padding: 6px 3%;border-radius: 5px;}
.quick-menu .selbg .inp{width: 98%;height: 20px;border: none;border: 1px solid #8D9093;background: none;}
.quick-menu .sbut{width: 100%;height: 47px;border: none;background: url(../images/sbut.png) left top repeat-x;line-height: 32px;text-align: center;color: #fff;font-weight: bold;margin-top: 10px;border-radius: 5px;}
.quick-menu .sbut a{color: #fff;font-size: 1em;background: url(../images/sbut_z.png) 35% center no-repeat;padding-left:15px;height:32px;line-height:32px;display:block}

/* 下拉语言  START */
.select{width: 100%;height: 32px;line-height: 32px;position: relative;text-align: center;cursor: pointer;background: url(../images/sebg.png) left top repeat-x;color: #fff;margin: 10px auto;border-radius: 5px 5px 0px 0px;}
.option{color: #fff;line-height: 32px;width: 100%;position: absolute;top: 32px;left: 0px;display: none;background: #474F57;z-index: 5;}
.select ul{list-style: none;margin: 0;padding: 0;width: 100%;}
.select ul li{height: 32px;text-align: center;color: #fff;}
.select .selbt{height: 32px;line-height: 32px;text-align: center;color: #FFFFFF;font-size: 14px;font-weight: bold;}
.select_sub{display: block;margin: 0;padding: 0px;width: auto;white-space: nowrap;text-decoration: none;color: #000;width: 100%;text-align: center;line-height: 32px;background: none;}
.select_sub_h{background: #E17C56;color: #FFFFFF;}
/* 下拉语言  END */
/* 首页快捷菜单  END */

/*底部编辑器  S */
#fteid{display: block;clear: both;overflow: hidden;background: #151719;padding: 25px 0px;}
#fteid .fmu{width: 15%;float: left;}
#fteid .fmu dt{display: block;font-size: 1em;text-align: left;font-weight: bold;padding-bottom: 5px;color: #FFFFFF;}
#fteid .fmu dt a{color: #FFFFFF;}
#fteid .fmu dd{line-height: 22px;}
#fteid .fmu dd a{color: #C3C7D4;}
#fteid .fmu dd a:hover{color: #7ECEFD;}
#fteid .tel{background: url(../images/tel.png) bottom left no-repeat;width: 15%;float: left;}
#fteid .tel dt{display: block;font-size: 1em;text-align: left;font-weight: bold;padding-bottom: 5px;color: #FFFFFF;}
#fteid .tel dd{padding-left: 40px;line-height: 22px;}
/*底部编辑器  END */

/* 底部  START */
#foot{width:100%; margin:0px auto;font-size:12px; text-align:left; padding:0px 0px 10px; color:#757575; line-height:20px; clear:both; overflow:hidden; position:relative}
#foot .nr{ width:100%; float: none;text-align:left; padding:10px 0px; display:block; clear:both}
#foot li{ list-style:none;}
#foot .nr a{ padding:0px 5px; margin:0px;}
#foot .powered{text-align: center; width:100%; float: none; line-height:26px;}
/* 底部  END */

/* 登陆  START */
#login{width: 100%;margin: 0px auto;overflow: hidden;min-height: 350px;}
#login .dlef{width: 50%;margin: 0px auto;text-align: center;}
#login .dlef h2{font-size: 24px;line-height: 56px;border-bottom: 1px solid #CCCCCC;}
#login .dlef ul{margin: 15px auto;}
#login .dlef ul li{text-align: left;list-style: none;line-height: 26px;clear: both;padding-bottom: 10px;display: block;font-size: 16px;overflow: hidden;}
#login .dlef ul li .bt{width: 200px;float: left;text-align: right;}
#login .dlef ul li b{width: 100%;float: none;text-align: left;padding-right: 10px;font-weight: bold;font-size: 14px;display: block;clear: both;}
#login .dlef ul li em{float: none;width: 100%;padding-right: 10px;display: block;clear: both;}
#login .dlef ul li strong{float: none;font-weight: normal;width: 100%;display: block;clear: both;}
#login .dlef ul li span{float: none; font-size:14px;width:250px; display:block; clear:both; margin-left:70px;}
#login .dlef ul li em img{padding-left: 10px;}
#login .dlef ul li .w200{width: 98%;border: 1px solid #ccc;}
#login .dlef ul li .w100{width: 50%;border: 1px solid #ccc;}
#login .drbut{background: url(../images/butbg.jpg) left top repeat-x;text-align: center;font-weight: bold;border: none;line-height: 30px;padding: 0px 25px;cursor: pointer;margin-right: 5px;color: #FFFFFF;}
#login a{font-size: 12px;}
/* 登陆  END */



/* 產品例表__内容  START */
.mbt{width: auto;text-align: center;line-height: 34px;height: 34px;font-size: 16px;font-weight: bold;color: #fff;border-radius: 5px;background: #444C54;}
.mbt H3{width: auto;text-align: left;float: left;line-height: 34px;height: 34px;padding-right: 5px;padding-left: 15px;font-size: 12px;}
.mbt a{width: auto;text-align: left;float: right;line-height: 34px;height: 34px;font-style: normal;padding-right: 15px;font-size: 10px;color: #A0679E;}
.mbt a:hover{width: auto;text-align: left;float: right;line-height: 34px;height: 34px;font-style: normal;color: #A70000;padding-right: 15px;font-size: 10px;}
/* 產品例表__内容  END */


/* 会员左边  START */
#member{width: 100%;float: none;min-height: 800px;height: auto;overflow: hidden;margin-left: 0%;}
#member .mt{overflow: hidden;display: block;background: #FFFFFF;padding: 20px 0px;}
#member .mt .ssp{width:400px;float: none; clear:both; height:350px; margin:0px auto;overflow:hidden; display:block}
#member .mt .ssp .view{text-align: right;background: url(../images/ico.gif) 325px 3px no-repeat;line-height: 26px;font-size: 12px;display: block;overflow: hidden;height: 30px;overflow: hidden;clear: both;}
#member .mt .ssp ul{width: 400px;clear: both;}
#member .mt .ssp ul li{padding: 3px;float: left;list-style: none;width: 40px;height: 40px;}
.w60h60
{
	max-width: 40px;
	max-height: 40px;
	width: expression(this.width > 40 ?  "40px" : this.width);
	height: expression(this.height >40 ?  "40px" : this.height);
	overflow: hidden;
	border: 0px;
}

#member .mt .intr{width: 90%;float: none;min-height: 200px;height: auto;color: #000000;padding: 0px 5%;overflow: hidden; clear:both; display:block}
#member .mt .intr .dbt{display: block;border-bottom: 1px solid #CCCCCC;overflow: hidden;padding: 15px 0px;}
#member .mt .intr .dbt H1{display: block;font-size: 18px;line-height: 20px;}
#member .mt .intr .dbt p{display: block;font-size: 12px;line-height: 14px;}
#member .mt .intr .dbt span{font-size: 12px;padding-top: 20px;}
#member .mt .intr .dbt span em{font-size: 18px;font-style: normal;}
#member .mt .intr .dbt span strong{color: #6E6E6E;text-decoration: line-through;font-size: 12px;}
#member .mt .intr .dbt .clsr{display: block;font-size: 12px;text-align: right; margin-top:10px;}

#member .mt .intr .dbt .clsr ul{clear: both;text-align: right;float: right;padding-bottom: 5px;height: 28px;overflow: hidden;}
#member .mt .intr .dbt .clsr ul li{float: left;list-style: none;padding-left: 5px;line-height: 23px;font-size: 12px;}
#member .mt .intr .dbt .clsr em{padding-right: 3px;font-weight: normal;font-size: 12px;}
#member .mt .intr .dbt .clsr a{padding: 0px 3px;}


#member .mt .intr .size{width: 100%;background: #F4F4F4;clear: both;height: auto;display: block;}
#member .mt .intr .size ul{width: 96%;margin: 0 auto;clear: both;padding: 10px 0px;overflow: hidden;}
#member .mt .intr .size ul li{width: 100%;list-style: none;line-height: 20px;clear: both;padding-top: 15px;}
#member .mt .intr .size ul li span{width: 100%;float: none;display: block;font-weight: bold;}
#member .mt .intr .size ul li em{width: 100%;float: none;display: block;color: #666666;}
#member .mt .intr .size ul li .inc{width: 100%;float: none;color: #666666;overflow: hidden;padding-left: 0px;}
#member .mt .intr .size ul li .col_1{height: 20px;margin: 0px;text-align: center;float: left;line-height: 20px;border: 3px solid #F4F4F4;cursor: pointer;padding: 0px 5px;}
#member .mt .intr .size ul li .col_1:hover{height: 20px;margin: 0px;text-align: center;float: left;line-height: 20px;border: 3px solid #E1E1E1;cursor: pointer;background: #fff;}
#member .mt .intr .size ul li .col_cur{height: 20px;margin: 0px;text-align: center;float: left;line-height: 20px;border: 3px solid #E1E1E1;cursor: pointer;background: #fff;}

#member .mt .intr .size ul li .szb{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #F4F4F4;cursor: pointer;padding: 0px 5px;}
#member .mt .intr .size ul li .szb:hover{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #E1E1E1;background: #fff;cursor: pointer;}
#member .mt .intr .size ul li .szb_cur{height: 20px;margin: 0px 5px;text-align: center;float: left;line-height: 20px;border: 3px solid #E1E1E1;background: #fff;cursor: pointer;}

#member .mt .intr .an{display: block;padding: 15px 0px;overflow: hidden;}
#member .mt .intr .an a{margin-right: 40px;font-weight: bold;font-size: 12px;float: left;}
#member .mf{clear: both;overflow: hidden;color: #333333;padding: 20px 0px;}
#member .mf .mfbt{clear: both;overflow: hidden;color: #ffffff;font-size: 16px;font-weight: bold;padding-left: 10px;margin-bottom: 10px;background: url(../images/dbg.jpg) left top repeat-x;line-height: 36px;height: 36px;}
#member .mt .intr .an .but{background: url(../images/butbg.jpg) left top repeat-x;height: 25px;line-height: 25px;color: #fff;overflow: hidden;display: table-cell;padding: 0px 15px; border:none}
#member .mt .intr .an .but:hover{background: url(../images/butbg_h.jpg) left top repeat-x;height: 25px;line-height: 25px;color: #fff;padding: 0px 15px;}

#member .mt .intr .size_sj{width: 96%;display: block;height: auto;line-height: 40px;padding: 0px 10px;background: #E7E7E7;margin: 10px 0px;position: relative;}
#member .mt .intr .size_sj a{display: block;font-size: 1em;color: #343434;}
/* 会员左边  END */

/* 放大镜  START */
#div1{padding: 1px;border: none;position: relative;margin-right: 20px;}

#div1 .cx_l{position: absolute;left: 0px;top: 0px;z-index: 1000;}
#div1 .cx_r{position: absolute;right: 0px;top: 0px;z-index: 1000;}
#div1 .cx_lf{position: absolute;left: 0px;bottom: 0px;z-index: 1000;}
#div1 .cx_rf{position: absolute;right: 0px;bottom: 0px;z-index: 1000;}
/* 放大镜  END */


/* 購物流程  START */
#process{width: 100%;margin: 0px auto;background: #FFFFFF;overflow: hidden;padding: 0px 0px 20px;border-radius: 0px 0px 10px 10px;border: none;}
#process .lc{width: 95%;margin: 0px auto;overflow: hidden;}
#process .lc .lc_01{background: url(../images/lc.png) 0px 0px no-repeat;width: 184px;height: 88px;float: left;line-height: 88px;padding-left: 15px;font-size: 30px;color: #363636;}
#process .lc .lc_02{background: url(../images/lc.png) -243px 0px no-repeat;width: 176px;height: 88px;float: left;line-height: 88px;padding-left: 55px;font-size: 30px;color: #363636;}
#process .lc .lc_03{background: url(../images/lc.png) -450px 0px no-repeat;width: 204px;height: 88px;float: left;line-height: 88px;padding-left: 55px;font-size: 30px;color: #363636;}
#process .pbt{width: 99%;height: 25px;line-height: 25px;margin: 20px auto 10px;clear: both;cursor: pointer;overflow: hidden; background:#000000; border-radius:8px;color: #FFFFFF;font-weight: bold; text-indent:8px;}
#process .pbt em{ float:left; color:#FFFFFF;}
#process .pbt span{ float:right; color:#FFFFFF; padding-right:5%; line-height:26px; color:#FFFFFF}
#process .pbt span a{ float:right; color:#FFFFFF; padding-right:5%; line-height:26px; color:#FFFFFF;width: 80px;}
#process .pbt span i{ float:right; font-style:normal;text-indent:5px;}
#process table{width: 100%;margin: 0 auto;}
#process .hj{width: 95%;margin: 0px auto;padding: 0px 0px 0px 5%;overflow: hidden;}
#process .hj em{width:90%;text-align: right;float: none; display:block; clear:both;padding-right: 0%;}

#process .hj .sjtol{width: 90%;float: right;padding-right: 10%; text-align:right}
INPUT.coshop{padding: 0px 5px;text-align: center;color: #fff;background: url(../images/mubg.png) left top repeat-x;border: 0px;cursor: pointer;height: 30px;line-height: 30px;font-size: 12px;margin-left:15px;font-weight: bold; width:120px;}
#process .hj span{padding-right: 5px;text-align: left;float: left;font-size: 14px;line-height: 30px;color: #1C2453;}
#process .hj b{width: 100px;text-align: left;float: left;font-size: 14px;line-height: 30px;color: #1C2453;}
#process .incon{width: 95%;margin: 0px auto;overflow: hidden;}
#process .incon dl{width: 95%;display: block;}
#process .incon dl dt{width: 95%;display: block;font-size: 16px;color: #1C2453;font-weight: bold;padding-top: 10px;clear: both;}
#process .incon dl dd{width: 95%;display: block;padding-top: 5px;clear: both;}
#process .incon dl dd INPUT[type="text"]{margin-right: 10px;}
#process .incon dl dd select{margin-right: 5px;margin-top: 8px;}
#process .incon dl dd span{width: 95%;display: block;}
#process .incon dl dd em{width: 95%;display: block text-align:right;}
#process .incon .fl{float: left;}
#process .incon .pfrer{width: 300px;float: right;line-height: 26px;margin-top: 15px;overflow: hidden;}
#process .incon .pfrer .diycon{float: right;padding: 15px;line-height: 26px;color: #666666;margin-top: 15px;}
#process .incon .pfrer .freight{width: 300px;float: right;line-height: 26px;margin-top: 15px;color: #1C2453;font-size: 18px;font-weight: bold;overflow: hidden;padding-left: 15px;}
#process .payopt{width: 95%;margin: 0px auto;overflow: hidden;}
#process .payopt li{list-style: none;float: left;line-height: 30px;padding-left: 20px;}
#process .payopt li em{width: 30px;float: left;padding-top: 8px;}
#process .payopt li span{width: 150px;float: left;font-size: 26px;font-weight: bold;color: #1C2453;letter-spacing: 3px;}
#process .payopt li span label{width: 150px;float: left;font-size: 26px;font-weight: bold;color: #1C2453;letter-spacing: 3px;}
#process .payopt li span label .cc{width: 150px;float: left;font-size: 26px;font-weight: bold;color: #1C2453;letter-spacing: 3px;}
#process .paydiy{width: 830px;padding: 15px;line-height: 26px;margin: 0px auto;color: #666666;}
#process .fre{width: 830px;margin: 15px auto;text-align: left;}
#process .fre span{font-size: 26px;padding-right: 30px;color: #1C2453;}

#process .settl{width: 95%;margin: 15px auto;text-align: right;}
#process .settl span{font-size: 12px;padding-right: 30px;color: #1C2453;display: block;clear: both;}
#process .settl span .ucb{padding: 0px 10px;text-align: center;color: #fff;background: url(../images/mubg.png) left top repeat-x;border: 0px;cursor: pointer;height: 22px;line-height: 22px;font-size: 12px;font-weight: bold;width: 80px;}
#process .settl span em{width:150px; float:right; text-align:right}
#process .settl span input{width:120px; margin-top:10px;text-align:center;}
#process .settl .tol{padding-top:10px; overflow:hidden; display:block; clear:both}
#process .settl .towz{padding-top:15px; overflow:hidden; display:block; clear:both}
#process .settl #totalcredits{font-size: 26px;color: red;}

#process .rksj{display: block;clear: both;}
#process .rksj ul{display: block;clear: both;padding: 0px 0px 10px 0px;margin: 0px 0px;overflow: hidden;}
#process .rksj ul li{display: block;clear: both;list-style: none;padding: 0px 0px 5px 0px;margin: 0px;line-height: 20px;overflow: hidden;border-bottom: 1px solid #999999;}
#process .rksj ul li label{width:8%;float:left;text-align: center;padding:15px 0px 0px 2%;}
#process .rksj ul li em{width: 50%;float: left;padding-top:5px;padding-left:5%;}
#process .rksj ul li b{width: 100%; display:block;text-align:left;padding-top:15px; font-weight:normal}
#process .rksj ul li input[type="text"]{ width:50px; text-align:center; margin:0px 5px;}
#process .rksj ul li strong{ display:block; clear:both;color:#FF0000; text-align:left; padding-top:5px;}
/* 購物流程  END */
/* 产品列表all  S */
#pro .sub-con{width: 100%;float: none;margin-left: 0%;clear: both;display: block;}
/* 产品列表all  E */

/* 登陸後界面  START */
#record{width: 100%;margin: 0px auto;overflow: hidden;background: #FFFFFF;padding: 25px 0% 10px;border-radius: 0px 0px 10px 10px;border: 1px solid #CCCCCC;display: block;}
#record .quick-menu{width: 100%;float: none;padding-right: 0px;margin: 0px;display: block;}
#record .quick-menu ul{margin: 0px auto;padding: 0px;overflow: hidden;}
#record .quick-menu ul li{height: 34px;list-style: none;background: url(../images/mbg.png) left top repeat-x;line-height: 34px;padding: 0px 15px 0px 10px;font-size: 16px;margin-bottom: 10px;overflow: hidden;margin-bottom: 15px;}
#record .quick-menu ul li a{color: #fff;background: url(../images/mjt.png) 0px 4px no-repeat;padding-left: 15px;}
#record .quick-menu ul li a:hover{color: #FFE748;}
#record .sub-con{width: 100%;float: none;display: block;}
#record .sub-con .rban{display: block;}
#record .sub-con{float: none;}
#record .sub-con .rban{display: block;}
#record .sub-con .list{display: block;}
#record .sub-con .list .bt{font-size: 12px;font-weight: bold;}
#record .sub-con .list td{line-height: 22px;color: #666666;font-size: 12px;}
#record .sub-con .list a{font-size: 12px;}
#record .sub-con .list .rksj{display: block;clear: both;}
#record .sub-con .list ul{display: block;clear: both;padding: 0px 0px 10px 0px;margin: 0px 0px 15px 0px;border-bottom: 1px solid #999999;overflow: hidden;}
#record .sub-con .list ul li{display: block;clear: both;list-style: none;padding: 0px 0px 5px 0px;margin: 0px;line-height: 20px;overflow: hidden;}
#record .sub-con .list ul li span{width: 20%;float: left;text-align: right;padding-right: 5%;font-weight: bold;}
#record .sub-con .list ul li em{width: 75%;float: left;}/* 登陸後界面  END */

.sty_pic{ width:0px; height:300px; float:left; background:url(../images/sty_bg.png) left top no-repeat; margin:0px auto; position:relative;}
}