/*==========@@HTML默认 开始@@==========*/
/*基本*/
html{overflow-x:hidden;}
*{padding:0; margin:0; font-size: 0.24rem;-webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing:border-box;}
body{
	color:#333;
    background:#F2F3F7;
    padding:0; margin:0 auto;overflow:scroll;
	overflow-x:hidden;overflow-y:auto;
	font-family: "Microsoft YaHei",Helvetica,"Hiragino Sans GB",Arial,sans-serif;
	max-width: 640px;
	-webkit-text-size-adjust: 100%;/*解决Iphone下橱窗字体变大问题*/
	-webkit-tap-highlight-color: rgba(0,0,0,0);	/*禁止链接高亮*/
	-webkit-touch-callout: none;				/*禁止链接长按弹出选项菜单*/
	text-rendering: optimizeLegibility;/*浏览器会侧重文本的可读性（清晰度）*/
	-webkit-font-smoothing: antialiased;/*字体反锯齿*/
	-moz-osx-font-smoothing: grayscale;/*Gecko抗锯齿*/
}
div{ margin:0; padding:0; border:0; color:#333333; }
img{ margin:0; padding:0; border:0;max-width: 100%;}
p{ margin: 0px;}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#666666; background: transparent;  outline:none}
a:visited {}
a:focus { outline:none; }
a:hover, a:active{ color:#af251c; outline:none;}

/*标题*/
h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}

/*表单*/
form {margin: 0;}
button,input,select,textarea {
    font-size: 100%;  /* Correct font size not being inherited in all browsers. */
    margin: 0;  /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
    vertical-align: baseline; /* Improve appearance and consistency in all browsers */
    *vertical-align: middle; /* Improve appearance and consistency in all browsers */
}
button,select {text-transform: none;}
/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}
audio:not([controls]) {display: none; height: 0;}
p iframe{
    height: 300px;
}
p[align=left] img{
    width: 32%;
}
/*==========@@HTML默认  结束@@==========*/
/*==========@@布局  开始@@==========*/




.dianzhao{width:100%;margin:0 auto; position:relative;overflow:hidden; background:#FFFFFF;}
.dianzhaocon{margin:0 auto; position:relative;overflow:hidden;width:6.4rem; height:1.3rem;}
.logo{width: 3.52rem; height:1.3rem; position:absolute; top:0;left:0.25rem;overflow:hidden;}
.logo img{width: 3.52rem; height:1.3rem;}
.menuone{width: 0.38rem; height: 0.38rem; position:absolute; top:0.35rem;right:0.4rem;overflow:hidden;}
.menutwo{width: 0.38rem; height:0.38rem; position:absolute; top:0.35rem;left:4.9rem;overflow:hidden;}



/*搜索框样式*/
.goods_search{height:0.9rem; background:#e1e1e1; display:none; margin:0 auto; width:100%;}
.goods_searchcon{margin:0 auto; position:relative;overflow:hidden;width:6.4rem; height:0.9rem;}
.goods_searchconn{width: 5.68rem; height:0.65rem; position:absolute; top:0.12rem;left:0.36rem;overflow:hidden;}
.goods_searchconn .form{width:5.68rem;  -webkit-box-sizing:border-box; box-sizing:border-box; background:#fff url(../images/search_btn.jpg) no-repeat 2.5% center; background-size:4.40140845070422%; border-radius:0.05rem; line-height:0.65rem; height:0.65rem; padding-left:8.90625%;}
.goods_searchconn .form .text{background:none; border:none; font-size:.15rem; color:#8e8e93; height:.65rem; line-height:.65rem; width:90%; outline:none;}

/*右侧菜单按钮样式*/
.ChannelList{width: 0.38rem; height: 0.38rem; background: url(../images/header_icon_1_1.png) no-repeat center; background-size:100% auto; }
/*右侧弹出菜单样式*/
.aside{
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
}
.aside {
    -webkit-transition: visibility .25s;
    transition: visibility .25s;
    z-index: 999;
    visibility: hidden;
    overflow: hidden;
}
.aside.active {
    -webkit-transition: none;
    transition: none;
    visibility: visible;
}
.aside .module-header {
    position: absolute;
    width: 100%;
    left: 0; right: 0; top: 0;
    border-top: 16px solid transparent;
    padding: 0 0.3rem;
}
.module-header img{
    width: 3.38rem;
    height: 0.80rem;
    display: block;
    margin: 0;
}
.module-header .close{
    float: right;
}
.module-header .close img {
    width: 0.32rem;
    height: 0.32rem;
    display: block;
    margin: 0.1rem 0 0 0;
}
.aside .module-history {
    margin: 0;
    position: absolute;
    left: 0; top: 0; bottom: 0; right: 0;
}
.aside .module-main {
    position: absolute;
    left: 0; right: 0;
    top: 1.3rem; bottom: 12px;
    overflow: auto;
    margin: 0 0.3rem;
    -webkit-overflow-scrolling: touch;
}
.module-main ul li {
    border-bottom: 1px solid #FFFFFF;
    background: url(../images/m/textlist_right.png) no-repeat right center;
    background-size: 0.17rem 0.3rem;
    line-height: 0.7rem;
}
.module-main ul li a {
    color: #fff;
    font-size: 0.3rem;
    line-height: 0.8rem;
    display: block;
}
.aside .scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.aside-content {
    position: absolute;
    bottom: 0; right: 0;
    background-color: #303030;
    -webkit-transition: transform .15s;
    transition: transform .15s;
    left: 0;
    top: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.active > .aside-content {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}
.module-header::after {
    content: '';
    display:table;
    clear:both;
}
aside a:hover {
    text-decoration: none;
}

.noscroll,
.noscroll body {
    overflow: hidden;
}
.noscroll body {
    position: relative;
}



/*banner幻灯片样式*/
.bannerpic{width:100%;margin:0 auto; position:relative;overflow:hidden; background:#FFFFFF;}
#banner{ position: relative;}
#banner img{ width: 100%; display: block;}
#banner .hd{ position: absolute; bottom:0.2rem; z-index: 99; width: 100%;text-align: center; }
#banner .hd ul{ text-align: center;}
#banner .hd ul li{ display: inline-block;font-size: 0; height:0.13rem; line-height: 0.13rem; width:0.13rem; border: 1px solid #FFFFFF; border-radius: 50%; margin-right: 0.07rem;}
#banner .hd ul .on{ background:#FFFFFF; opacity:1;}

/*Collections*/
.Collections-hanmero{width:100%;margin:0 auto; position:relative;overflow:hidden; background:#FFFFFF;}
.Collections-hanmerocon{margin:0 auto; position:relative;overflow:hidden;width:6.4rem; height:17.2rem;}
.Collections-hanmeroconbt{ width:6.4rem; height:0.81rem; margin:0.2rem auto; text-align:center;}
.Collections-hanmeroconbt img{ width:5.74rem; height:0.81rem;}
.Collections-hanmerocon1ist{ width:6.4rem; height:15.2rem; position:absolute;top:1.01rem; left:0;}
.Collections-hanmerocon1isttd{ float:left; width:3.2rem;; height:2.94rem;}
.Collections-hanmerocon1isttdk{width:3.2rem;; height:2.94rem; position:relative;}
.Collections-hanmerocon1isttdk1{width:3.0rem;; height:1.74rem; top:0; left:0.1rem; position:absolute;}
.Collections-hanmerocon1isttdk1 img{ width:3.0rem; height:1.74rem;}
.Collections-hanmerocon1isttdk2{width:3.0rem;; height:0.5rem; top:1.84rem; left:0.1rem; position:absolute; font-size:0.36rem; line-height:0.3rem; color:#000; text-align:center;}
.Collections-hanmerocon1isttdk3{width:3.0rem;; height:0.5rem; top:2.24rem; left:0.1rem; position:absolute; font-size:0.24rem;line-height:0.3rem; color:#333; text-align:center;}
.Collections-hanmerocon1isttdqf{clear:left;}
.Collections-hanmeroconmore{ width:6.23rem; height:1.20rem; position:absolute;top:15.71rem; left:0.085rem;}
.Collections-hanmeroconmore img{ width:6.23rem; height:1.20rem;}


/*hot sale*/
.hot-sale-hanmero{width:100%;margin:0 auto; position:relative;overflow:hidden; background:#282828;}
.hot-sale-hanmerocon{margin:0 auto; position:relative;overflow:hidden;width:6.4rem; height:20.3rem;}
.hot-sale-hanmeroconbt{ width:6.4rem; height:0.81rem; margin:0.2rem auto; text-align:center;}
.hot-sale-hanmeroconbt img{ width:6.4rem; height:0.81rem;}
.hot-sale-hanmerocon1ist{ width:6.4rem; height:21.2rem; position:absolute;top:1.31rem; left:0;}
.hot-sale-hanmerocon1isttd{ float:left; width:3.2rem;; height:4.64rem;}
.hot-sale-hanmerocon1isttdk{width:3.2rem;; height:4.64rem; position:relative;}
.hot-sale-hanmerocon1isttdk1{width:2.9rem;; height:2.93rem; top:0; left:0.15rem; position:absolute;}
.hot-sale-hanmerocon1isttdk1 img{ width:2.9rem; height:2.93rem;}
.hot-sale-hanmerocon1isttdk2{width:3.0rem;; height:1.0rem; top:3.2rem; left:0.1rem; position:absolute; font-size:0.36rem; line-height:0.35rem; color:#FFFFFF; text-align:center;}
.hot-sale-hanmerocon1isttdqf{clear:left;}
.hot-sale-hanmeroconmore{ width:6.23rem; height:1.20rem; position:absolute;top:19.01rem; left:0.085rem;}
.hot-sale-hanmeroconmore img{ width:6.23rem; height:1.20rem;}



/*底部导航*/

.dibu-menu-hanmero{width:100%;margin:0 auto; position:relative;overflow:hidden;background:#FFFFFF;border-top:0.01rem solid #CECECE;}
.dibu-menu-hanmerocon{margin:0 auto; position:relative;overflow:hidden;width:6.4rem; }
.dibu-menu-hanmeroconlist{width:6.4rem; height:0.8rem; border-bottom:0.01rem solid #CECECE; position:relative;}
.dibu-menu-hanmeroconlist a{color:#4a4a4a; line-height:0.8rem; font-size:0.36rem; text-decoration:none;outline:none;}
.dibu-menu-hanmeroconlist a:hover{ color:#000; line-height:0.8rem; font-size:0.36rem; text-decoration:none;outline:none;}
.dibu-menu-hanmeroconlistL{width:5.0rem; height:0.8rem; left:0.2rem; top:0; position:absolute; text-align:left;}
.dibu-menu-hanmeroconlistR{width:2.0rem; height:0.8rem;right:0.2rem; top:0; position:absolute; text-align:right;}

.dibu-menu-hanmeroconpic{width:6.4rem; height:0.67rem;margin:0 auto; background:#EBEBEB;}
.dibu-menu-hanmeroconpic img{width:6.4rem; height:0.67rem;}
.dibu-menu-hanmeroconwz{ 
	width:6.4rem; 
	background:#EBEBEB;
    color: #000;
    line-height: 0.5rem;
    font-size: 0.30rem;
    text-decoration: none;
    outline: none;
    padding-left:0.28rem;
	padding-top:0.2rem;
	padding-bottom:0.2rem;
	
}
/*页脚*/
.dibu{ 
width:100%;
height:5.3rem;
margin:0 auto; 
position:relative;
overflow:hidden;
background:url(../images/footerbg.png) repeat-x left top;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/footerbg.png', sizingMethod='image');
}
.dibucon{width:96%; margin:0.2rem auto;}
.dibucon a{ 
	color:#B5B5B5;
	font-family:"Microsoft YaHei",SimHei; 
	font-size:0.2rem;
	}
.dibucon a:hover{
	color:#FFFFFF;
}

.dibucon .beian {text-align:center;}
.dibucon .beian img{ width:0.5rem; height:0.12rem; text-align:center;}
.dibucon .govbeian{ padding-top:0.03rem; text-align:center;}
.dibucon .govbeian img{width:0.2rem; height:0.2rem;}


/*返回按钮样式*/
.backB{ width: 0.28rem; height:0.6rem; background: url(../images/m/backBe.png) no-repeat center; background-size:100% auto;}
/*主页按钮样式*/
.backhome{width: 0.32rem; height: 0.6rem; background: url(../images/m/backHome.png) no-repeat center; background-size:100% auto;}
/*横线*/
.dividerGlobalHdr{background:url("../images/m/bg-divider-global.png") repeat-x left;background-size: 100% 100%;height:0.04rem;width:100%;overflow: hidden;}

/*==========@@布局  结束@@==========*/



/*加入我们*/
.new_footer_share h3{
    margin: 8px auto;
    text-align: center;
    color: #fe512f;
    padding-bottom: 10px;
    border-bottom: 1px solid #bdbdbd;
}
.new_footer_share ul li{
    float: left;
    width: 14.2%;
    margin: .15rem 0;
    text-align: center;
}
.new_footer_share ul li a{
    color: #4a4a4a;
    font-size: 0.4rem;
}
.new_footer_share ul li a:visited{
    color: #fe512f;
}





/*底部浮动*/
#tool{ height: 1.2rem; width: 100%; background:#6B6B6B; position: fixed; bottom:0;max-width:640px; margin:0 auto;}
#tool ul{ width:100%; overflow: hidden;}
#tool ul li{ float: left; width:25%; text-align: center; }
#tool ul li.on{ background:#0099CB; height: 1.2rem;}
#tool ul li a{color: #fff; font-size: 0.2rem;}
#tool ul li a div{ width: 0.4rem; height: 0.35rem; margin: 0 auto; text-align: center; margin-top: 0.25rem;}
#tool ul .li1 img{ width: 0.3rem; height: 0.32rem;}
#tool ul .li2 img{ width: 0.23rem; height: 0.31rem;}
#tool ul .li3 img{ width: 0.31rem; height: 0.28rem;}
#tool ul .li4 img{ width: 0.3rem; height: 0.29rem;}

/*图片逐渐放大效果*/
.delay{ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow:hidden;}
.delay:hover{ transform: scale(1.08,1.08); -moz-transform: scale(1.08,1.08); -ms-transform: scale(1.08,1.08); -webkit-transform: scale(1.08,1.08); -o-transform: scale(1.08,1.08);}
/*图片逐渐放大效果*/

/*图片经过遮罩*/
.filter:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}
/*图片经过遮罩*/

/*图片经过旋转*/
.r_delay{ -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.r_delay:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg);}
/*图片经过旋转*/

/* 回到顶部 快捷方式 */
.back_top,.service_link { width:0.4rem; height:0.4rem; right:0.1rem; bottom:0.8rem; z-index:999; position:fixed; _position:absolute; _top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);}
.service_link { bottom:0.1rem;}



/*==========@@默认字体大小开始@@==========*/ 

/*以下字体计算方法是以640px的屏幕，font-size:100px为基准计算出来字体大小，
计算公式是 (屏幕大小/640px)×(font-size:100px)=当前屏幕大小的字体大小
*/

/* 只有屏幕（手机或平板，大于等于 641px） */
@media only screen and (min-width:641px) {
    html {
        font-size:100px;
    }
}

/* 只有屏幕（手机或平板，小于等于 640px） */
@media only screen and (max-width:640px) {
    html {
        font-size:100px;
    }
}

/* 只有屏幕（手机或平板，小于等于 540px） */
@media only screen and (max-width:540px) {
    html {
        font-size:84.375px;
    }
}

/* 只有屏幕（手机或平板，小于等于 480px） */
@media only screen and (max-width:480px) {
    html {
        font-size:75px;
    }
}

/* 只有屏幕（手机或平板，小于等于 414px） */
@media only screen and (max-width:414px) {
    html {
        font-size:64.6875px;
    }
}

/* 只有屏幕（手机或平板，小于等于 400px） */
@media only screen and (max-width: 400px) {
    html {
        font-size:62.5px;
    }
}

/* 只有屏幕（手机或平板，小于等于 375px） */
@media only screen and (max-width: 375px) {
    html {
        font-size:58.5938px;
    }
}

/* 只有屏幕（手机或平板，小于等于 360px） */
@media only screen and (max-width: 360px) {
    html {
        font-size:56.25px;
    }
}

/* 只有屏幕（手机或平板，小于等于 320px） */
@media only screen and (max-width: 320px) {
    html {
        font-size:50px;
    }
}
/*==========@@默认字体大小结束@@==========*/