/*index css start*/
.index{width:100%}
/*header start*/
.head_main{height:1rem;background:#fff;position:fixed;top:0;width:100%;z-index:888;left:0;box-sizing:border-box;background-size:100% auto;text-align:center;border-bottom:1px solid #e3e3e4;z-index:12;}
.head_main .logo{display: block;width: 2.42rem;height: 0.57rem;padding-top: 0.24rem;padding-left:0.3rem;}
.head_main .logo a{display:block;}
.head_main .logo img{display:block;width:100%;height:100%}
.head_main #WebTel i{width:0.4rem;height:0.34rem;background-position:-0.5rem -1.2rem;position:absolute;right:0.3rem;top:0.34rem}
.head_main .search{position:absolute;top:0.36rem;right:1.2rem;}
.head_main .search i{display:block;width:0.34rem;height:0.34rem;background-position:0 -1.2rem;}
.head_main .search .hov{background-position:0 -1.2rem;}

/*header end*/
/*shownav start*/
#ShowChannel{position:fixed;width:100%;height:100%;right:0%;top:0;z-index:999;max-width:750px;min-width:320px;background:#fff;display:none;overflow:scroll;background:rgba(0,0,0,0.9);-webkit-transition:all .5s;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;display:none;}
#ShowChannel #logo{display: block;width: 1.72rem;height: 0.53rem;margin:0 auto;}
#ShowChannel #logo img{display: block;width: 1.72rem;height: 0.53rem;padding-top: 0.3rem;}
#ShowChannel .sub-top{height:1rem}
#ShowChannel .search .icon{background-position:0 0!important}
#ShowChannel .close{position:absolute;right:0.3rem;top:0.4rem;display:block;width:1.17rem;height:0.22rem;background:url("../images/close-nav.png") no-repeat center center;background-size:1.17rem 0.22rem}
#ShowChannel .sub-bottom{margin-top:0.4rem}
#ShowChannel ul{display:block;width:4rem;margin:0 auto}
#ShowChannel ul li{display:block;line-height:0.8rem;box-sizing:border-box;border:1px solid rgba(250,150,0,0.7);margin-bottom:0.3rem;border-radius:0.12rem}
#ShowChannel ul li a{font-weight:normal;display:block;height:0.8rem;font-size:0.3rem;color:#fff;transition:all ease 0.2s}
#ShowChannel ul li:hover{background:#fa9600;color:#fff}
/*shownav end*/
.index_search{background-color:rgba(0,0,0,0.3);padding:0.2rem;position:absolute;left:0;bottom:-1rem;display:none;z-index:100;width:100%}
.index_search #keyWord{width:93%;margin-left:0;border-radius:0.3rem;background:#fff;border:none;height:0.6rem;line-height:0.6rem;margin-right:6%;text-indent:2em;outline:none}
.index_search .a{display:block;background:#df0202;text-align:center;width:1.4rem;position:absolute;right:0.6rem;top:0.2rem;height:0.6rem;cursor:pointer;line-height:0.6rem;border:none;border-radius:0 0.3rem 0.3rem 0;color:#fff;font-size:0.22rem;-webkit-appearance: none;}
.telfix{display:block;width: 1rem; height: 1rem; position: fixed; right: 1%; bottom: 3.7rem; z-index: 99; background:url("../images/goTel.png") no-repeat center center;background-size:1rem 1rem;}
.openNav{display:block;width: 1rem; height: 1rem; position: fixed; right: 1%; bottom: 2.6rem; z-index: 99; background:url("../images/goMenu.png") no-repeat center center;background-size:1rem 1rem;}
.g-top{display:block;width: 1rem; height: 1rem; position: fixed; right: 1%; bottom: 1.5rem; z-index: 99; background:url("../images/goTop.png") no-repeat center center;background-size:1rem 1rem;}
.tools{position:relative;z-index:1;}

/*subNav*/
.subNav { position: fixed; max-width: 640px; min-width: 320px; width: 100%; margin: 0 auto; height: 100%; top: 0; bottom: 0; z-index: 9999; display: none; overflow-y:auto; background:#fff;}
.subNav .subNavCon { width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: #fff;}
.subNav ul { width: 100%; padding: .8rem 0 .5rem; overflow-y: auto; height: 100%; padding-bottom: 1rem;}
.subNav li { width: 94%;display: block; line-height: 1rem;margin: 0 3%;position: relative; border-bottom: 1px solid #ddd;}
.subNav li a { display: block; color: #333; font-size: 0.28rem; width: 80%; float: left;}
.subNav li s { width: .16rem; height: .55rem; display: block; text-align: center; color: #333; font-size: .24rem; background-position: -1rem -0.6rem; margin-top: .38rem; margin-right: .1rem; float: right; position: relative; z-index: 11;}
.subNav li .box { display: none;}
.subNav li.on .box{display:block;}
.subNav li .box a { border-color: #f9f9f9; width: 100%; height: 0.6rem; line-height: 0.6rem; color: #333 !important; font-size: .24rem;}
.subNav li.on > a { color:#fe7a0e;}
.subNav li.on s {background-position: -0.8rem -0.6rem;}
.subNav li.hover a { color: #fe7a0e;}
.subNav .guan {  background-position:-0.4rem -0.5rem;  position: absolute; right: 0.3rem; top: 0.4rem; width: .28rem; height: .4rem; display: block; margin: 0 auto;}
.subNavShow { display: block;}

/* banner */
#banner_main{width:100%;overflow:hidden;position:relative;z-index:1;height:4.5rem;background-size: 1px auto;}
.banner{ margin:0 auto; width:100%;*zoom: 1;overflow:hidden;position:relative;height:4.5rem;}
.banner .list{width: 100%; overflow: hidden;}
.banner .list li{ float:left; width:100%;overflow:hidden;}
.banner .list li a{display:block;}
.banner .list li img{width:100%; height:4.5rem;}
#banner .tip{width:100%;height:0.32rem;line-height:0.32rem;text-align:center;clear:both;position:absolute;left:0%;bottom:0.3rem;z-index:12;font-size: 0;}
#banner .tip span {display:inline-block;vertical-align:middle; width:0.5rem; height:0.05rem;margin:0 0.1rem;vertical-align:middle;background-color:#fff;border-radius: 0.04rem;}
#banner .tip span.cur {background:#005cb3;}

/*主体内容 start*/
.index_body{background:#f5f5f5;}
.index .index_title{padding-top:0.6rem;padding-bottom:0.4rem;}
.index .index_title .tit{font-weight:normal;font-size:0.4rem;text-align:center;color:#333;background:url("../images/titline1.png") no-repeat center center;background-size:6.94rem 0.22rem;}
.index .index_title .tit em{font-weight:bold;font-size:0.4rem;font-style:normal;color:#047fcc;}
.index .index_title .subtit{margin-top:0.16rem;font-size:0.26rem;line-height:0.26rem;text-align: center; color:#666;}
.index .amore{display:block;width:6.9rem;height:0.7rem;margin:0 auto;font-size:0.26rem;line-height:0.7rem;text-align:center;color:#fff;background:url("../images/mlink1.png") no-repeat center center;background-size:6.9rem 0.7rem;}

/* 产品中心 */
.index .part1{padding-bottom:0.3rem;background:#f5f5f5;}
.pro_nav{padding:0 0.24rem;}
.pro_nav .item{margin-right:0.28rem;margin-bottom:0.2rem;float:left;display:block;width:3.32rem;height:0.71rem;}
.pro_nav .item:nth-child(2n){margin-right:0;}
.pro_nav .item a{display:block;width:3.32rem;height:0.71rem;line-height:0.71rem;font-size:0.26rem;color:#333;text-align:center;background:url("../images/pronav.png") no-repeat center center;background-size:3.32rem 0.71rem;}
.index .ipro{position:relative;width:6.9rem;height:5.2rem;margin:0 auto;margin-top:0.1rem;}
.index .ipro .bd{position:relative;overflow: hidden;}
.index .ipro .bd li{position:relative;float: left;display:block;width:6.9rem;height:5.2rem;}
.index .ipro .bd a{display:block;}
.index .ipro .bd .img{display:block;width:6.9rem;height:5.2rem;}
.index .ipro .bd img{display:block;width:100%;height:100%;}
.index .ipro .bd .txt{position:absolute;bottom:0;left:0;width:100%;height:1.06rem;line-height:1.06rem;background:url("../images/pro_txt.png") no-repeat center center;background-size:6.9rem 1.06rem;} 
.index .ipro .bd .tit{font-weight:normal;font-size:0.28rem;color:#fff;text-align:left;line-height:1.06rem;text-indent:0.4rem;}
.index .ipro .hd{text-align:center;position:absolute;bottom:0;right:0.26rem;height:1.06rem;}
.index .ipro .icolist{margin-top:0.5rem;}
.index .ipro .icolist li{float:left;display:block;font-size:0;width:0.16rem;height:0.16rem;margin:0 0.1rem;background:#fff;border-radius:100%;}
.index .ipro .icolist li.on{background:#ff3232;}
.index .pro_list{padding:0 0.3rem;margin-top:0.3rem;}
.index .pro_list li{margin-right:0.3rem;margin-bottom:0.3rem;float:left;display:block;width:3.3rem;height:3.2rem;background:#fff;box-shadow: 1px 0 2px rgba(0,0,0,0.2);}
.index .pro_list li:nth-child(2n){margin-right:0;}
.index .pro_list li a{padding:0;display:block;}
.index .pro_list li figure{position:relative;display:block;width:3.3rem;height:2.48rem;}
.index .pro_list li figure img{display: block;width:100%;height:100%;}
.index .pro_list li .tit{display: block;height:0.7rem;font-weight:normal;font-size:0.26rem;line-height:0.7rem;text-align:center;color:#222;}
.index .part1 .amore{margin-top:0;}

/*询盘*/
.enquiry{position:relative;width:6.9rem;height:3.8rem;margin:0 auto;margin-top:0;background:url("../images/inquiry1.jpg") no-repeat center center;background-size:6.9rem 3.8rem;}
.enquiry .txt{padding:0.5rem 0.4rem 0;}
.enquiry .txt .tit{margin-bottom:0.3rem;font-weight:bold;font-size:0.4rem;line-height:0.5rem;color:#fff;}
.enquiry .txt .subtit{font-size:0.26rem;line-height:0.44rem;color:#fff;}
.enquiry .btns{position:absolute;bottom:0;width:100%;height:0.96rem;}
.enquiry .btns a{float:left;display:block;width:50%;height:0.95rem;font-size:0.3rem;line-height:0.95rem;color:#fff;}
.enquiry .btns a.tel{text-indent:1.5rem;background:url("../images/telIco.png") no-repeat 0.94rem center;background-size:0.25rem 0.28rem;} 
.enquiry .btns a.online{text-indent:1.44rem;background:url("../images/onIco.png") no-repeat 1rem center;background-size:0.28rem 0.28rem;} 
.enquiry2{background:url("../images/inquiry2.jpg") no-repeat center center;background-size:6.9rem 3.8rem;}

/* 为什么选择美娇 */
.index .part2{padding-bottom:1rem;background:#fff;margin-top:0.8rem;}
.index .part2 .index_title .tit{background:url("../images/titline2.png") no-repeat center center;background-size:6.94rem 0.22rem;}
.index .advantage{position:relative;height:12rem;}
.index .adlist{margin-top:0.1rem;}
.index .adlist .list{padding:0 0.26rem;}
.index .adlist li{float:left;display:block;width:3.06rem;}
.index .adlist li:nth-child(2n){margin-right:0;}
.index .adlist li .snum{display:block;width:0.65rem;height:0.42rem;margin:0 auto;}
.index .adlist li:first-child .snum{background:url("../images/num_1.png") no-repeat center center;background-size:0.6rem 0.42rem;} 
.index .adlist li:nth-child(2) .snum{background:url("../images/num_2.png") no-repeat center center;background-size:0.65rem 0.42rem;} 
.index .adlist li:nth-child(3) .snum{background:url("../images/num_3.png") no-repeat center center;background-size:0.63rem 0.42rem;} 
.index .adlist li:nth-child(4) .snum{background:url("../images/num_4.png") no-repeat center center;background-size:0.63rem 0.42rem;} 
.index .adlist li .tit{padding-top:0.2rem;font-size:0.34rem;line-height:0.4rem;text-align:center;color:#df1f1f;}
.index .adlist li .desc{padding-top:0.3rem;font-size:0.26rem;line-height:0.4rem;text-align:center;color:#333;}
.index .adlist li:first-child{margin-bottom:6.6rem;}
.index .adlist li:nth-child(2){float:right;margin-bottom:6.6rem;}
.index .adlist li:nth-child(4){float:right;}
.index .ad_center{position:absolute;top:3.45rem;left:50%;margin-left:-2.565rem;display:block;width:5.13rem;height:5.13rem;background:url("../images/why_bg.png") no-repeat center center;background-size:2.88rem 2.88rem;}
.index .ad_center .ad_wrapper{display:block;width:5.13rem;height:5.13rem;margin:0 auto;}
.index .ad_center .icolist li{display:block;width:1.2rem;height:1.23rem;}
.index .ad_center .icolist li .img{display:block;width:1.2rem;height:1.23rem;}
.index .ad_center .icolist li:first-child{position:absolute;top:0.5rem;left:0;}
.index .ad_center .icolist li:first-child .img{background:url("../images/why_ico1.png") no-repeat center center;background-size:1.2rem 1.23rem;}
.index .ad_center .icolist li:nth-child(2){position:absolute;bottom:0.5rem;left:0;}
.index .ad_center .icolist li:nth-child(2) .img{background:url("../images/why_ico2.png") no-repeat center center;background-size:1.2rem 1.23rem;}
.index .ad_center .icolist li:nth-child(3){position:absolute;top:0.5rem;right:0;}
.index .ad_center .icolist li:nth-child(3) .img{background:url("../images/why_ico3.png") no-repeat center center;background-size:1.2rem 1.23rem;}
.index .ad_center .icolist li:nth-child(4){position:absolute;bottom:0.5rem;right:0;}
.index .ad_center .icolist li:nth-child(4) .img{background:url("../images/why_ico4.png") no-repeat center center;background-size:1.2rem 1.23rem;}
.index .ad_center .circle_1{position:absolute;top:0;left:0;display:block;width:5.13rem;height:5.13rem;background:url("../images/circle_1.png") no-repeat center center;background-size:5.13rem 5.13rem;}
.index .ad_center .circle_2{position:absolute;top:0.36rem;left:0.36rem;display:block;width:4.46rem;height:4.44rem;background:url("../images/circle_2.png") no-repeat center center;background-size:4.46rem 4.44rem;-webkit-animation: rotate 10s linear 0s infinite;animation: rotate 10s linear 0s infinite;}

/* 他们选择了我们 */
.index .part3{padding-bottom:0.2rem;background:#f5f5f5;}
.index .part3 .index_title .tit{background:url("../images/titline2.png") no-repeat center center;background-size:6.94rem 0.22rem;}
.index .case_list{padding:0 0.3rem;margin-top:0;}
.index .case_list li{margin-right:0.3rem;margin-bottom:0.3rem;position:relative;float:left;display:block;width:3.3rem;height:3.2rem;background:#fff;box-shadow: 1px 0 2px rgba(0,0,0,0.2);}
.index .case_list li:nth-child(2n){margin-right:0;}
.index .case_list li a{display:block;}
.index .case_list li .img{display:block;width:3.3rem;height:2.48rem;}
.index .case_list li img{display:block;width:100%;height:100%;}
.index .case_list li .txt{position:absolute;bottom:0;left:0;width:100%;height:0.7rem;}
.index .case_list li .tit{margin: 0 0.06remheight:0.7rem;font-weight:normal;font-size:0.26rem;line-height:0.7rem;text-align:center;color:#222;overflow:hidden;text-overflow:ellipse;white-space:nowrap;}
.index .part3 .btns{width:6.9rem;height:0.7rem;margin:0 auto;}
.index .part3 .btns .amore{float:left;display:block;width:3.46rem;background:url("../images/mlink3.png") no-repeat center center;background-size:3.46rem 0.7rem;}
.index .part3 .btns .aonline{float:left;display:block;width:3.44rem;height:0.7rem;line-height:0.7rem;text-align:center;color:#fff;background:url("../images/mlink4.png") no-repeat center center;background-size:3.44rem 0.7rem;}

/* 美娇售后承诺 */
.index .part4{background:#f5f5f5;}
.index .part4 .index_title .tit{background:url("../images/titline2.png") no-repeat center center;background-size:6.94rem 0.22rem;}
.index .part4 .service{padding:0 0.3rem;margin-top:0.1rem;}
.index .part4 .service .list{width:102%;}
.index .service li{margin-right:0.28rem;margin-bottom:0.3rem;position:relative;float:left;display:block;width:3.26rem;height:3rem;border:1px solid #047fcc;border-radius:0.06rem;}
.index .service li:nth-child(2n){margin-right:0;}
.index .service li .img{position: relative;width:1.33rem;height:1.33rem;margin:0 auto;margin-top:0.5rem;}
.index .service li .bg{position:absolute;top:0;left:0;width:1.33rem;height:1.33rem;background:url("../images/circle_sh.png") no-repeat center center;background-size:1.33rem 1.33rem;-webkit-animation: rotate 10s linear 0s infinite;animation: rotate 10s linear 0s infinite;}
.index .service li img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:block;}
.index .service li:first-child img{width:0.5rem;}
.index .service li:nth-child(2) img{width:0.55rem;}
.index .service li:nth-child(3) img{width:0.56rem;}
.index .service li:nth-child(4) img{width:0.56rem;}
.index .service li .txt .tit{padding-top:0.4rem;font-weight:bold;font-size:0.32rem;line-height:0.4rem;text-align:center;color:#333;}

/* 关于美娇 */
.index .part5{margin-top:0.2rem;background:#f5f5f5;}
.index .part5 .about{padding:0 0.3rem;margin-top:0.2rem;}
.index .part5 .aimg{display:block;width:6.9rem;height:4rem;}
.index .part5 .aimg img{display:block;width:6.9rem;height:4rem;}
.index .part5 .acont{padding-top:0.5rem;width:6.9rem;margin:0 auto;font-size:0.26rem;line-height:0.45rem;color:#666;text-align:justify;}
.index .part5 .amore{margin-top:0.6rem;}

/* 新闻资讯 */
.index .part6{padding-bottom:0.6rem;background:#f5f5f5;}
.index .part6 .index_title{padding-bottom:0.3rem;}
.index .part6 .newslist{padding:0 0.3rem;margin-top:0;}
.index .part6 .newslist li{margin-top:0.3rem;}
.index .part6 .newslist li .txt{float:left;width: 3.94rem;height:1.5rem;border-bottom:1px solid #ddd;}
.index .part6 .newslist li .txt .tit{height:0.94rem;font-weight:normal;font-size:0.28rem;line-height:0.44rem;color:#333;}
.index .part6 .newslist li .txt .time{margin-top:0.12rem;font-family:arial;font-size:0.26rem;line-height:0.26rem;color:#666;}
.index .part6 .newslist li .img{float:right;display:block;width:2.7rem;height:1.5rem;}
.index .part6 .newslist li img{display:block;width:2.7rem;height:1.5rem;border-radius:0.1rem;}
.index .part6 .amore{margin-top:0.3rem;background:url("../images/mlink2.png") no-repeat center center;background-size:6.9rem 0.7rem;}

/*主体内容 end*/


/*版权信息*/
.footer{width: 100%;height: 2rem;background:#16191d;}
#copyright{padding-top:0.5rem;padding-left:0;text-align:center;}
#copyright a{font:normal .26rem "microsoft yahei";color:#e6e6e6;line-height:.26rem;}
#copyright p{font:normal .26rem "microsoft yahei";color:#e6e6e6;line-height:.26rem;}
#copyright .copy2{margin-top:0.16rem;}
#copyright span{margin:0 0.09rem;}

.g_wximg{position:fixed;width:100%;height:100%;left:0;top:0;z-index:99999;display:none}
.g_wximg .close{background:url(../images/close.png) no-repeat center;background-size:.4rem auto;width:.4rem;height:.4rem;cursor:pointer;position:fixed;right:18%;top:18%;text-align:center;display:block;z-index:12}
.g_wximg .bdtel img{width:4.0rem !important;display:block}
.bdtel{position:fixed;top:22%;z-index:10;padding:0 0 .1rem;max-width:640px;min-width:320px;width:100%;left:50%;transform:translateX(-50%)}
.bdtel .upIn{width:6.4rem;display:block;text-align:center;color:#fff;padding:4%;margin:0 auto}
.bdtel p{padding:2%;text-align:center;color:#fff}
.bdtel img{margin:0 auto;display:block;max-width:80% !important}
.bdtelbg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:999;max-width:640px;min-width:320px;display:none}
.bga{background-color:rgba(0,0,0,0.8);width:100%;height:100%}


@-webkit-keyframes rotate {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
      }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotate {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
      }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }