﻿


/*头部开始*/



.m-contop { overflow:hidden; width:100%; height:0.98rem; padding:0; text-align:center }




.m-contop h1{ text-align:center;  width:100%; height:0.98rem;} 








.m-contop .logo img { width:100%;}


/*导航*/
.g_nav {position:relative;z-index:10;color:#fff;}
.g_nav:before {content:"";position:absolute;left:0;top:50%;width:100%;height:1px;z-index:10;background:#de1479;}

.g_nav:after {content:"";position:absolute;left:0;top:49%;width:100%;height:1px;z-index:10;background:#ff98cc;}
.g_nav li {position:relative;float:left;width:25%;text-align:center;line-height:0.59rem;font-size:0.24rem;
background-image: -webkit-linear-gradient(top, #f86ab1, #ff369a); 
background-image: -moz-linear-gradient(top, #f86ab1, #ff369a); 
background-image: -o-linear-gradient(top, #f86ab1, #ff369a); 
background-image: -ms-linear-gradient(top, #f86ab1, #ff369a); 
background-image: linear-gradient(top, #f86ab1, #ff369a);}
.g_nav li:before {content:"";position:absolute;right:1px;top:0;width:1px;height:100%;z-index:10;background:#de1479;}
.g_nav li:after {content:"";position:absolute;right:0px;top:0;width:1px;height:100%;z-index:10;background:#ff98cc;}

.g_nav a {color:#fff;}



/*轮换图片*/

.g-adv{ position:relative;height:auto; }
.g-adv .sclwrap_box , .g-adv .m-box{ height:4.4rem;overflow:hidden;}
.g-adv .m-box img{ display:block;width:100%;vertical-align:top;}
.m-cnt{ position:absolute; width:100%; z-index:8888; bottom:0.2rem;  height:0.12rem; text-align:center }

.m-cnt li{ width:0.8rem; height:0.12rem; display:inline-block; background:url(bbg.png) no-repeat; background-size:cover; margin-left:0.05rem; margin-right:0.05rem;  }
.m-cnt .z-on{ background:url(banbg.png) no-repeat; background-size:cover  }


.mindex{ padding-top:0.6rem; padding-bottom:0.6rem;}
.mindex .dtitle{ text-align:center; color:#ff3399; font-size:0.36rem; font-weight:bold}


.mindex .ftitle{ text-align:center; color:#666666; font-size:0.18rem; margin-top:0.10rem;}

.shuiwen{ background:url(shuiwen.png) no-repeat center; height:0.2rem; margin-top:0.15rem; background-size:0.62rem 0.2rem;}
 /*伊斯曼实力展示*/
.bgshili{ height:5.5rem; background:url(shili.jpg) no-repeat right top; margin-top:0.36rem; padding-top:0px; padding-bottom:0px; background-size:6.4rem 6.52rem; }
.bgshili .dtitle{ padding-top:0.24rem;}

/*伊斯曼体验馆*/


.tiyag{  background:#ff3399; padding-top:0.6rem; padding-bottom:0.5rem;}

.tiyag h2{ text-align:center; color:#FFF; font-size:36px; font-weight:bold}
.tytitle{ text-align:center; margin-top:0.2rem;}
.tytitle li{ display:inline-block; width:1.78rem; margin-right:0.06rem; margin-left:0.06rem; border:1px solid #FFF; height:0.44rem; text-align:center; line-height:0.44rem; color:#FFF; font-size:0.2rem; margin-bottom:0.2rem;
 -moz-border-radius: 0.05rem;      /* Gecko browsers */
    -webkit-border-radius: 0.05rem;   /* Webkit browsers */
    border-radius:0.05rem;  

}
 .tytitle .z-on{ color:#ff3399; background:#FFF}
 
 
 
.change-box{ padding-left:0.2rem; padding-right:0.2rem; padding-top:0.1rem; display:none }

.change-box{ padding-left:0.2rem; padding-right:0.2rem; padding-top:0.1rem; display:none }


.bannerbox{ position:relative; background:#FFF; width:6rem; height:3.14rem; overflow:hidden; text-align:center}

.focus{ width:5.88rem; margin-left:0.06rem; margin-top:0.06rem; height:3.02rem;clear: both; overflow: hidden; position: relative; float: left; }

.focus ul { width: 5.88rem; height: 3.02rem; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
 
         .focus ul li { float: left; width: 5.88rem; height: 3.02rem; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
		 
		 .focus ul li img{ width:5.88rem; height:3.02rem;}
		 
    .focus .preNext { width:0.52rem; height:0.52rem;  top:1.3rem; background-size:0.52rem 0.52rem;position: absolute; cursor: pointer; }
    .focus .pre { left: 0.2rem;  background:url(zleft.png) no-repeat; background-size:0.52rem 0.52rem;  }
    .focus .next { right: 0.2rem; background:url(zright.png) no-repeat;  background-size:0.52rem 0.52rem;}
 

.change-boxx{ position:relative; background:#FFF; padding-top:0.06rem; padding-bottom:0.06rem;}

.change-box .no_ov{ width:5.88rem; margin-left:0.06rem; }
.change-box .sclwrap_box {
    position: relative;
    height: 3.02rem;
    overflow: hidden;
}

.change-box .prev{ position:absolute; z-index:99; background:url(zleft.png) no-repeat;   width:0.52rem; height:0.52rem; left:0.2rem; top:1.3rem; background-size:0.52rem 0.52rem;}

.change-box .next{ position:absolute; z-index:99; background:url(zright.png) no-repeat;   width:0.52rem; height:0.52rem; right:0.2rem; top:1.3rem; background-size:0.52rem 0.52rem;}

.change-box  .m-box { position: absolute; overflow: hidden; transition-duration: 0ms; width: 5.88rem; left: 0px;}
.change-box .m-box a img{ width:5.88rem; height:3.02rem; }

.typ{ color:#FFF; font-size:0.2rem; line-height:0.3rem; margin-top:0.2rem;}

/*伊斯曼体验馆*/
.bgry{ background:url(di.jpg) repeat-x bottom #fefaf8; background-size:0.02rem 1.3rem; padding-bottom:0.3rem}

.rongyu{ padding-left:0.3rem; padding-right:0.3rem; position:relative; margin-top:0.4rem;}

.rongyu .sclwrap_box {
    position: relative;
    height: 2.6rem;
    overflow: hidden;
}
.rongyu ul li{ float:left; width:2.70rem; padding-bottom:0.1rem; background:#FFF; text-align:center; margin-left:0.1rem; margin-right:0.1rem;}
.rongyu ul li img{ margin-top:0.05rem; width:2.58rem; height:1.65rem;}

.rongyu ul li h3{ font-size:14px; color:#444444; margin-top:0.1rem;} 

.rongyu .prev{ position:absolute; z-index:99; background:url(zleftr.png) no-repeat;   width:0.32rem; height:0.64rem; left:0.2rem; top:0.7rem; background-size:0.32rem 0.64rem;}

.rongyu .next{ position:absolute; z-index:99; background:url(zrightr.png) no-repeat;   width:0.32rem; height:0.64rem; right:0.2rem; top:0.7rem; background-size:0.32rem 0.64rem;}


.mfzx{ padding-top:0.35rem; padding-bottom:0.35rem;  background:#fefaf8; text-align:center}

.mfzx a{ display:inline-block; width:4.4rem; height:0.5rem; line-height:0.5rem; text-align:center; background:url(ttel.png) no-repeat center center #ff3399; background-size:0.26rem 0.34rem;}

.mfzx a span{ color:#FFF; font-size:0.24rem; margin-left:0.25rem; margin-right:0.25rem;}

/*底部*/

.fot{}
.foot{ height:0.64rem; line-height:0.64rem; background:#dd8e74; background-size:auto 0.64rem; text-align:center}

.foot a{ display:inline-block; height:0.64rem; line-height:0.64rem; padding-left:0.34rem; margin-left:0.3rem; margin-right:0.3rem; color:#FFF; font-size:0.24rem;}


.foot .top{ background:url(top.png) no-repeat left; background-size:0.24rem 0.22rem;}

.foot .fanhui{ background:url(home.png) no-repeat left; background-size:0.24rem 0.23rem;}


.guyuwm{ height:0.54rem; line-height:0.54rem; background:url(guyu.jpg) repeat-x; background-size:auto 0.54rem; border-bottom:1px solid #e5e5e5; text-align:center}

.guyuwm a{ display:inline-block; width:1.3rem; background:url(shx.jpg) no-repeat left; background-size:0.01rem 0.2rem; color:#666666; font-size:0.2rem; text-align:center}


.guyuwm a:first-child{ background:none}

.weixin{ margin-top:0.4rem; margin-bottom:0.4rem;}

.weixin .wxin{ float:left; width:1.6rem; height:1.6rem; margin-left:0.76rem; margin-right:0.2rem;}

.weixin .wxin img{ width:1.6rem; height:1.6rem; }

.weixin p{ color:#666666; font-size:0.20rem; line-height:0.3rem;}


.bdan{ background:#FFF; padding:0.2rem;box-shadow:0  1px 0px #e5e5e5; /*底边阴影*/  -moz-box-shadow:0  1px 0px #e5e5e5; -webkit-box-shadow:0  1px 0px #e5e5e5;}

.bdan h3{ text-align:center; color:#333333; font-size:0.22rem; margin-bottom:0.24rem; }

.bdan p .textt{ width:100%; height:0.54rem; line-height:0.54rem; border:1px solid #cccccc; background:#fafafa; margin-bottom:0.2rem; font-size:0.24rem; color:#999999; }

.bdan p .sumb{ height:0.62rem; line-height:0.62rem; text-align:center; color:#FFF; font-size:0.24rem; background:#ff3399; width:100%}



