/***********************************
 *** 全局初始化
 **********************************/
* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.ease{ transition: all .3s ease-in; }
a, a:link, a:visited, a:hover, a:active { color:#666; text-decoration: none; }
html { width:100%; min-height:100%; }
body { width:100%; min-height:100%; max-width:640px; min-width:320px; margin:0 auto; font:.24rem/1.5 "Microsoft Yahei", Arial; color:#333333; background: #fff; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
body:before, body:after { content:""; width:100%; display:block; }
body:after{ height: 1.3rem; }
img { border:0px; }
em,b{ font-style:normal; }
h1, h2, h3, h4, h5, h6, h7 { font-weight: normal; font-size: .24rem;  }
ul, ol { list-style-type:none; }
input,button,select,textarea { outline:none; font-family:"Microsoft Yahei", Arial; font-size:.24rem; -webkit-appearance:none !important; }
table { border-collapse:collapse; border-spacing:0; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#999; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; } 
.hidden { display:none; }
.clearfix:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }
/*公用样式*/
.layout { position:fixed; width:100%; height:100%; left:0; top:0; z-index:101; background:#000; opacity:1; } 
.blue{ color:#0b85ec;}
.fl{ float: left;}
.fr{float:right;}
.f60{ font-size: .6rem;}
.icon,.iconbef:before,.iconbef:after{ background:url(../images/ico.png) no-repeat; display:inline-block; background-size: 2.48rem auto; vertical-align:middle; }
.iconbef:before,.iconbef:after{ content: "\20"; display:block; }
/*********index css**********/
/* header */
.header{width: 100%; height: 1.6rem; background: #007eb9; position: relative;}
.header .logo{ width: 100%; height: .7rem; display: block; text-align: center; padding: .08rem 0 .02rem; }
.header .logo img{ height: .7rem; display: block; margin: 0 auto; }
.header_con{ width: 100%; height: .82rem; position: relative;  }
.header_con .nav{width: .8rem; height: .8rem; position: absolute; right: 0; top: 0; }
.header_con .nav:before{width: .42rem; height: .48rem; margin: .1rem 0 0 .12rem; background-position: -.58rem 0; }
.header_con .goBack{width: .82rem; height: .82rem; position: absolute; left: 0; top: 0; }
.header_con .goBack:before{width: .32rem; height: .48rem; margin: .12rem 0 0 .3rem; background-position: 0 0; }
.header_con .search{ width: 4.4rem; height: .6rem; line-height: .6rem; margin:0 auto; background: #fff; border-radius: .35rem; }
.header_con .search input{ border: 0; background-color: none; }
.header_con .search .btn{ width: .45rem; height: .4rem; margin: .13rem 0 0 .1rem; float: left; background-position: -1.2rem 0; }
.header_con .search .txt{ width: 3.7rem; height: .6rem; text-indent: 1em; line-height: .6rem; border-radius: .35rem; }
/* banner */
.banner_main{ position:relative; overflow:hidden; height: 3.7rem; }
.banner .list { position: relative; width:1000%; height: 3.4rem; }
.banner .list li { float:left; width:20%; }
.banner .list img { display:block; width:100%; height: 3.4rem; }
.banner_main .tip { width:100%; height:.2rem; padding-top: .1rem; position:absolute; left:0px; bottom:0; text-align: center; background: #f7f8f8; }
.banner_main .tip span { width: .12rem; height: .12rem;  margin: 0 .1rem; border-radius:100%; display: inline-block; vertical-align: top; background: #9fa0a0; }
.banner_main .tip span.cur{ background: #0087b9;}
.showPro .banner .list img{ height: auto; }
/*inav*/
.inav{ width:96%; padding:.5rem 2% .2rem; }
.inav li{ width:33.3%; box-sizing: border-box; margin-bottom: .3rem; float: left; }
.inav li a{ width:100%; text-align: center; font-size: .28rem; display: block; color: #6e6d6d;}
.inav li a:before{ width:1.1rem; height: 1.1rem; content: "\20"; display: block; margin:0 auto .1rem; background: url(../images/nav-ico.png) no-repeat 0 0; background-size: auto 1.1rem; }
.inav li:nth-child(1) a:before{ background-position: .03rem 0; }
.inav li:nth-child(2) a:before{ background-position: -1.14rem 0; }
.inav li:nth-child(3) a:before{ background-position: -2.36rem 0; }
.inav li:nth-child(4) a:before{ background-position: -3.54rem 0; }
.inav li:nth-child(5) a:before{ background-position: -4.75rem 0; }
.inav li:nth-child(6) a:before{ background-position: -5.94rem 0; }
/**********index************/
.iproduct{ padding: 0 3% 0; } 
.iproduct .indexTab{ width: 100%; margin-bottom: .2rem; }
.iproduct .indexTab a{ width: 49%; height: .6rem; line-height: .6rem; display: block; float: left; text-align: center; background: #e8e6e6; color: #474747; font-size: .3rem; }
.iproduct .indexTab a:first-child{ margin-right: 2%;}
.iproduct .indexTab a.cur{ background: #007eb9; color: #fff; }
.iproduct .list{ width: 100%; }
.iproduct .list .item{ width: 100%; padding-bottom: .1rem; margin-bottom: .2rem; background: #f7f8f8; }
.iproduct .list .item a{ width: 100%; display: block; }
.iproduct .list .item img{ width: 100%; display: block; }
.iproduct .list .item h3{ color: #3e3a39; padding: .15rem 3% 0; }
.iproduct .list .item .des{ padding:0 3%; color: #3e3a39; }
.iproduct .list .item .des span{ margin-top: .16rem; }
.iproduct .list .item .price{ color: #0087b9; font-size: .3rem; }
.iproduct .list .item .price strong{ font-size: .45rem; font-weight: bold; }

/*footer*/
.footer{ text-align: center; background: #efefef; padding: .7rem 3%; line-height: .42rem; color: #474747;}
.footer a{color: #474747;}
/* navBar */
.navBar{width: 100%; height: 1.3rem; position: fixed; bottom: 0px; left: 0px; z-index: 100;}
.navBar ul{max-width: 640px; min-width: 320px; width: 100%; height: 1.3rem; margin: 0 auto; background:#007eb9;}
.navBar li{float: left; width: 33.3%; height: 1.3rem;}
.navBar li a{width: 100%; height: 1.3rem; padding-top: .2rem; border-left: .02rem solid #01aed9; box-sizing: border-box; display: block; text-align: center; color: #fff;}
.navBar li:first-child a{ border-left: 0; }
.navBar li a:hover,
.navBar li a.hover{background:#0497cd;}
.navBar li a:before{width: .68rem; height: .62rem; display: block; margin: 0 auto;}
.navBar li:nth-child(1) a:before{background-position: .06rem -.7rem;}
.navBar li:nth-child(2) a:before{background-position: -.7rem -.7rem;}
.navBar li:nth-child(3) a:before{background-position: -1.45rem -.7rem;}
/*subNav*/
.subNav{position: fixed; width: 100%; height: 100%; right: 0; display: none; top: 0; z-index: 1111; background: #007eb9;}
.subNav .nav li{height: .7rem; line-height: .7rem; border-bottom: 1px solid #eee;}
.subNav .nav li a{width: 100%; height: .7rem; display: block; font-size: .22rem; color: #fff; position: relative;}
.subNav .nav li a:before{width: .12rem; height: .14rem; position: absolute; right: .15rem; top: .24rem; background-position: -2.23rem -1.06rem;}
.subNav .subNavCon{max-width: 640px; min-width: 320px; padding: 0 4%; box-sizing: border-box; margin: 0px auto;}
.subNav .subTop{width: 100%; height: .74rem; line-height: .74rem; margin-bottom: .4rem; position: relative; text-align: center;}
.subNav .subTop a{display: block;}
.subNav .subTop img{display: block; width: auto; height: .74rem; margin: 0 auto;}
.subNav .subTop .close{width: .74rem; height: .74rem; position: absolute; right: 0; top: 0; z-index: 10;}
.subNav .subTop .close span{width: .3rem; height: 1px; position: absolute; right: 0; top: .4rem; display: block; background: #fff;}
.subNav .subTop .close span:nth-child(1){-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.subNav .subTop .close span:nth-child(2){-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}


/**************category****************/
.content{ width:100%; padding-bottom: .2rem;}
/*menu*/
.iconn{background: url(../images/iconn.png) no-repeat;background-size:1.4rem auto; vertical-align:middle;}
/*menu*/
.menu{ width:100%; padding:.1rem 0; background: #f6f6f6;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; }
.menu .iconn{ width:.4rem; height:.4rem;display: inline-block;cursor: pointer;}
.menu .goHome{ margin-right:.16rem;}
.menu .iconn:before{ width:.4rem; height: .4rem; background-size:1.4rem;}
.menu .goBack{background-position:-.96rem -0.64rem;margin-left:3%;}
.menu .goBack a{width:.4rem; height: .4rem;display: block;}
.menu .goHome{ background-position:0 -0.66rem;}
.menu .subSort{ background-position:-0.5rem -0.7rem;}
/*subCate*/
.subCate { padding: .12rem 0 .2rem; }
.subCate a{ width:22%; margin-left: 2.5%; font-size: .22rem; height: .5rem; overflow: hidden; display: block; float: left; line-height: .5rem; text-align: center; color: #666; border: 1px solid #ddd; box-sizing: border-box; margin-bottom: .1rem; }
.subCate a.on{ border-color: #0086cc; color: #0086cc; }

/*sitepath*/
.sitepath{ width:100%; padding: 0; height: .6rem; position: relative; font-size: .22rem; margin: .2rem 0;  line-height: .6rem; background: #f6f6f6; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;overflow: hidden;}
.sitepath .btn{ width:1.3rem; height: .6rem; text-align: right; position: absolute; right: .1rem; top: 0; font-size: .22rem; }
.sitepath .btn em{ width: .3rem; height: .2rem; margin-top: .08rem;  margin-left: .06rem; display: inline-block;background-position: -1.16rem 0;}
.sitepath .btn.onbtn:after{ transform: rotate(180deg);  margin-top: -.08rem;background-position: -0.6rem 0; }
.sitepath a{color:#007eb9; text-align: center;text-transform:Capitalize;font-size:0.24rem;margin-right:2%;display: inline-block;margin-left:2%;}
.sitepath a a:hover{color:#b58744;}
/*sitepath*/
.sitepath{ width:96%; padding: 0 2%; height: .6rem;  line-height: .6rem; background: #f6f6f6; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; }
/*pager*/
.pager{ width:100%; text-align: center; background: #f6f6f6; padding: .2rem 0; font-size: .2rem; }
.pager a,.pager span{ width:1.6rem; height: .4rem; line-height: .4rem; display: inline-block; background: #e59f19; color: #fff; border-radius: 5px; }
.pager .yem{ height: .4rem; display: inline-block; margin: 0px .1rem; line-height: .4rem;}
/*reLink*/
.reLink { margin: .2rem 4% .1rem; width: 92%; }
.reLink .prevLink, .reLink .nextLink { display: block; height: .6rem; line-height: .6rem; font-size: .24rem;
 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box; border-bottom: 1px solid #e8e8e8; }
.reLink a { }
/*m-share*/
.m-share{ margin-left: 3%; margin-bottom: .2rem;}
.catemore{ width:94%; margin: 2% auto 6%; height: .65rem; line-height: .65rem; display: block; text-align: center; background: #007eb9; color: #fff; font-size: .22rem; box-shadow: 0px 1px 1px rgba(0,0,0,0.1);}
.catemore:active,.catemore:hover{ background: #007eb9; color: #fff;}
.showmenu{ width: 100%;padding: 0.1rem 0 .2rem;display: none;background: #fff;}
.showmenu a{ width:31%; height: .6rem; display: block; float: left; line-height: .6rem; text-align: center; border-radius: .04rem; color: #fff; background: #007eb9; margin: 0 1% 2%;}
.showmenu a:last-child{margin-right: 0;}
.erro{padding-left:0.2rem; padding-top:0.2rem;}
/*catelist*/ 
.catelist .item span{ display: block; width: 9px; height: 16px; position: absolute; top:28%; margin-top:-8px; right: 2%; }
.catelist .item span:before{ content: ""; position:absolute; background: #ccc; width: 11px; height: 11px; right: 0; top: 0; z-indx: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.catelist .item span:after{ content: ""; position:absolute;background: #fff; width: 11px; height: 11px; right: 4px; top: 0; z-indx: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.caselist li{width: 47%; margin-left: 2%; margin-bottom: 2%; float: left; box-sizing: border-box;}
.caselist li a{  display: block;}
.caselist li figure{ width: 100%; padding-top:75%;  position: relative; overflow: hidden; border-bottom: 1px dotted #e0e0e0; }
.caselist li figure img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.caselist li h3{ height: .65rem; line-height: .65rem; text-align: center;font-size: 0.26rem;font-weight:normal;}

.qzlist li figure{ padding-top:97.6%; }
/*product.html*/ 
.listProduct .list{ width: 100%; }
/*.listProduct li{ width:47%;margin-left:2%;box-sizing:border-box;display:block;padding-top:3%;float: left;}
.listProduct li a{display: block;}
.listProduct li figure{ width:100%; padding-top:75%;  position: relative; overflow: hidden;  }
.listProduct li figure img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.listProduct li h3{ height: .5rem; line-height: .5rem;font-size: 0.28rem;overflow: hidden;font-weight:normal;color: #007eb9; text-align: center;}
.listProduct li:hover h3{ color: #007eb9; }
.listProduct li p{white-space:normal;word-wrap:break-word;color:#333}*/
.listProduct .list{ width: 97%; }
.listProduct .list .item{ width: 47%; padding-bottom: .1rem; float:left; margin-left: 3%; margin-bottom: .2rem; background: #f7f8f8; }
.listProduct .list .item a{ width: 100%; display: block; }
.listProduct .list .item figure{ width: 100%; padding-top: 75%; position: relative; overflow: hidden; }
.listProduct .list .item img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.listProduct .list .item h3{ color: #3e3a39; padding: .15rem 3% 0; }
.listProduct .list .item .des{ height: .85rem; overflow: hidden; padding:0 3%; color: #3e3a39; }
.listProduct .list .item .des span{ font-size:.2rem; }
.listProduct .list .item .price{ color: #0087b9; font-size: .22rem; overflow:hidden; }
.listProduct .list .item .price strong{ font-size: .3rem; font-weight: bold; }
/*news.html*/
.newsList .list{ width: 100%; margin-bottom: .3rem;}
.newsList .item{  overflow: hidden; position: relative; border-bottom: 1px solid #f3f3f3;}
.newsList .item:nth-child(2n){ background: #f9f9f9;}
.newsList .item:nth-child(2n) span:after{  background: #f9f9f9;  }
.newsList .item:last-child{ border:0px;}
.newsList .item a{ width:92%; height: 1.1rem; padding:.2rem 5% .2rem 2%; display: block; }
.newsList .item img{ width: 1.47rem; height: 1.1rem; margin-right: .1rem; float: left; }
.newsList .item h3{ font-size: .3rem; line-height: .38rem; font-weight: normal; margin-bottom: .08rem; color:#007eb9; }
.newsList .item .txt{ color:#666666; font-size: .22rem; line-height: .28rem; }

/*showInfor*/
.showInfo{ width:100%;background: #fff;overflow: hidden;}
.showInfo .showSubTit{ width:100%; height: .65rem; line-height: .65rem; font-weight: normal; margin: .2rem 0 .1rem; background: #f6f6f6; border-bottom: 1px solid #007eb9; font-size: .24rem; text-indent: .15rem;}
.showInfo .showTit{ width:96%; line-height: .3rem; padding:.2rem 2% .1rem; border-bottom: 1px solid #e8e8e8; text-align: center;}
.showInfo .showTit h1{ font-weight: bold; color: #007eb9; font-size: .4rem; line-height: .45rem; margin-bottom: .05rem;font-weight: normal;}
.showInfo .showTit .mark{ font-size: .22rem; margin-top: .1rem;}
/*showSubTit*/
.showInfo .contxt{font-size: .24rem; line-height: .34rem; padding: 3% 3% 5%;}
.showInfo .contxt img{max-width:100%; margin: 0px auto; height: auto !important;display: inline;}
/* 留言样式   */
.leave { padding:0.4rem 2% 0px; }
.leave li { margin-bottom:.2rem; }
.leave li:nth-child{ margin-bottom: .1rem;}
.leave label { float:left; display:block; width:.55rem; font-size: .2rem; height:.5rem; line-height:.5rem; }
.leave .item-wrap { margin-left:.55rem;}
.leave input, .leave textarea { width:95%; background:#fff; border: 1px solid #e8e8e8; color: #aaa; font-size: .2rem;padding: 0;margin: 0;border-radius: initial;}
.leave input{ height:.5rem; border-radius:0; -webkit-border-radius:0; text-indent:8px; color: #333; }
.leave .ly { height:1rem; padding: .1rem 0; color: #666; border-radius:0; -webkit-border-radius:0; text-indent:8px; line-height:.22rem; resize: none; }
.show_more2 { margin:0 10px 18px 10px; height:.6rem; line-height: .6rem; }
.show_more2 input { width:100%; border: 0; height: .6rem; line-height: .6rem; color: #fff; font-size: .24rem; background:#007eb9;border-radius: initial;}

.singlePage{background: #fff;width: 100%;margin:0 auto;}
.divanli_mess{background:#fff;width:96%;margin:0 auto;padding-top:.1rem;}
.dz{width: 100%;}
.singlePage .anlitopH4{font-size: 0;width: 0;display: none;}
.messagesbox li { margin-bottom:.2rem; }
.messagesbox li:nth-child{ margin-bottom: .1rem;}
.messagesbox li label { float:left; display:block; width:18%;font-size: .2rem;height:.5rem;line-height:.5rem;padding-right: 2%;text-align: right;}
.messagesbox li label font{color: red;}
.messagesbox .item-wrap { margin-left:.55rem;}
.messagesbox input, .messagesbox textarea {width:75%;background:#fff;border: 1px solid #e8e8e8; color: #aaa; font-size:.2rem;padding: 0;margin:0;border-radius:initial;}
.messagesbox input{ height:.5rem; border-radius:0; -webkit-border-radius:0; text-indent:8px; color: #333;}
.messagesbox .ly { height:1rem; padding: .1rem 0;color: #666;border-radius:0;-webkit-border-radius:0; text-indent:8px;line-height:.22rem;resize: none;}
.messagesbox .bot input{height:.65rem;background:#007eb9;color:#fff;text-align:center;}

.messagesbox .msg-box{padding-left:20%;color: red;width: 70%;white-space:nowrap;font-size: 0.22rem;}
.subright .showInfo{display: none;}
/*showproduct showimg*/
/*recomPro*/
.showimg{ width:100%; position: relative; }
.showimg .imglist{ width:4.2rem; 2.36rem;   margin:0px auto; padding: .4rem 0 .2rem; position:relative; overflow:hidden; }
.showimg .list {  float: left; width:500%;}
.showimg a { float:left; width:4.2rem; text-align: center;  display: block; }
.showimg a img {width:4.2rem;  margin: 0px auto; display:block; }
.showimg span{ display: block; width: 30px; height: 50px; text-align: center; position: absolute; top: 50%; margin-top:-25px; right: 50%; margin-right: -2.8rem; cursor: pointer; }
.showimg span.left{ right:auto; left:50%;margin-left: -2.8rem;}
.showimg span.right:after{ content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.showimg span.right:before{ content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.showimg span.left:after{ content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.showimg span.left:before{ content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right:10px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.showorder{ width:2rem; height: .5rem;  margin:0.3rem auto .4rem; line-height: .5rem; color: #fff; background: #007eb9; text-align: center; font-size: .24rem;}
.showorder a{ color: #fff;}
/*recomNew*/
.recomNew{width: 96%; padding:0.1rem 0 2%; margin: 0 auto;}
.recomNew li{ width:100%; height: .6rem; line-height: .6rem; border-bottom:1px solid #eeeeee;overflow: hidden;}
.recomNew li a{font-size: .24rem;display: block;position: relative;padding-left: 2%;}
.recomNew li a:before{ content: ""; position: absolute; background: #cccccc; width:3px; height:3px; left:0; top:0.28rem; z-index: 11;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
/*recomPro*/
.recomPro{ width:100%; position: relative; }
.recomPro .recomList{ width:4.6rem;  margin:0px auto; position:relative; overflow:hidden; }
.recomPro .list { float:left; width:500%; padding: .2rem 0 .1rem; }
.recomPro .list ul{ float: left;}
.recomPro ul li { float:left; width:2.3rem; text-align: center; }
.recomPro ul li a{ display: block; width: 100%;}
.recomPro ul li h3{ font-size: .22rem; line-height: .5rem; text-align: center;}
.recomPro ul img { height:1.5rem;  width:2rem;  margin: 0px auto; display:block; }

.recomPro span{ display: block; width: 30px; height: 50px; position: absolute; top: 50%; margin-top:-35px; right: 50%; margin-right: -3rem; cursor: pointer; }

.recomPro span.left{ right:auto; left:50%;margin-left: -3rem;}
.recomPro span.right:after{ content: ""; position: absolute; background: #efdaa4; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.recomPro span.right:before{ content: ""; position: absolute; background:#f5e9ca; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.recomPro span.left:after{ content: ""; position: absolute; background: #efdaa4; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.recomPro span.left:before{ content: ""; position: absolute; background:#f5e9ca ; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }


/*fenx*/
#nativeShare{margin:0 auto; width: 100%;padding-top: 0.3rem;max-width: 640px;min-width: 320px;}
#nativeShare .label{margin-left:0.2rem;font-size:0.24rem;color:#666666;line-height:0.6rem;}
#nativeShare .list {width:5.4rem;float:right;}
#nativeShare .list span {height:0.9rem;width:0.9rem;padding:0;display:inline-block;}
#nativeShare .list span i {margin:0 auto;width:0.63rem;height:0.63rem; display: block;}
#nativeShare .weibo i{background-image: url('../images/weibo.png'); background-size: cover;}
#nativeShare .weixin i{background-image: url('../images/weixin_friend.png'); background-size: cover;}
#nativeShare .weixin_timeline i{background-image: url('../images/weixin.png'); background-size: cover;}
#nativeShare .qq i{background-image: url('../images/qq.png'); background-size: cover;}
#nativeShare .qzone i{background-image: url('../images/qqzone.png'); background-size: cover;}
#nativeShare .more i{background-image: url('../images/more.png'); background-size: cover;}
#nativeShare .list span.qzone,#nativeShare .list span.more{width:0.73rem;}

#fenxiang{display: none;}
.fenx{height:1.0rem;width:100%;}
.fenx .tt{margin-left:0.2rem;font-size:0.24rem;color:#666666;line-height: 0.6rem;}
.fenx .bdsharebuttonbox{width:80%;float:right;}
.fenx .bdsharebuttonbox a{margin-left:0.2rem;}
#bdfx{}
#bdfx a {height:0.6rem; width:0.6rem;margin:0; padding:0;margin:0px 0.08rem;display: inline-block;}
#bdfx .d1{background:url(../images/qqzone.png) no-repeat center;background-size:100% 100%;}
#bdfx .d2{background:url(../images/weibo.png) no-repeat center;background-size:100% 100%;}

embed{ width: 100% !important; height: auto !important; }

.field_down {
    text-align:left;
    }
.field_down a {
    width: 1.6rem; height: .44rem; line-height: .44rem; background: #007eb9; color: #fff; display: block; text-align: center;
    }
/*add deatil csss*/
.showPro .h2_prodtitle{ font-size: .3rem; color: #000; padding: .3rem 0 0 3%; line-height:.4rem; }
.showPro .s-price{ padding-left: 3%; height: .5rem; padding-bottom: .22rem; line-height: .5rem;  color: #f84f52; font-size: .3rem; }
.showPro .s-price span{ font-size: .5rem; font-weight: bold; }
.showPro .s-l{ padding: .05rem 0 .2rem 3%; }
.showPro .s-l span{ height: .36rm; line-height: .36rm; padding: 0 .08rem; font-size: .22rem; background: #0098bd; display: inline-block; margin-right: .1rem; color: #fff; }
.showPro .s-l span.a2{ background: #f6894e }
.showPro .txt{ position: relative; border-top: .1rem solid #eeeeee; padding: .25rem 3% .4rem; color: #3e3a39; line-height: .42rem; font-size: .24rem; background: #fff; }
.showPro .txt h3{ width: 1.6rem; height: .6rem; line-height: .6rem; text-align: center; display: block; margin-bottom: .25rem; background: #007eb9; color: #fff; }
.showPro .txt .orderM{ width: .86rem; height: .86rem; padding-top: .12rem; box-sizing: border-box; text-align: center; line-height: .28rem; display: block; border-radius: 100%; background: #f85143; color: #fff; position: absolute; right: 3%; top: 3%; }


.showPro .detail_top{ width: 100%; height: .6rem; margin-bottom: .2rem; border-bottom: 1px solid #007eb9; background: #fff; border-top:1px solid #d2d2d2; }
.showPro .detail_top.showfix{ position: fixed; top: 0; z-index: 99; }
.showPro .detail_top a.fr{  color: #fff; background: #f85143; font-size: 20px; }
.showPro .detail_top a{ width: 33.3%; height: .6rem; line-height: .6rem; text-align: center; display: block; float: left;  font-size: .26rem; text-align: center; color: #3e3a39; background: url(../images/showtitbg.png) no-repeat right center; background-size: auto .3rem; }
.showPro .detail_top a:last-child{ background: none; }
.showPro .detail_top a.hover{ background: #007eb9; color: #fff; }
.showPro .detail_con{ padding: 0 0 .3rem; }
.showPro .detail_con .con{  color: #595757; }
.showPro .detail_con img{ max-width: 100%; height: auto; }
.showPro .detail_tit{  height: .5rem; line-height: .5rem; background: #f7f8f8; border: 1px solid #d2d2d2; color: #3e3a39; margin-bottom: .2rem; }
.showPro .detail_tit s{ width: .06rem; height: .26rem; vertical-align: middle; display: inline-block; background: #007eb9; margin: 0 .1rem 0 .2rem; }

.showPro .detail_con .detail_infor{ padding: 0 3%; line-height: .42rem; margin-bottom:.3rem; }
.showPro .detail_con .detail_infor img{ width: 47%; }
.showPro .detail_con .detail_infor_4 img{ width:100%; }
.showPro .detail_con .detail_infor .eat-tit{ background: #f7f8f8; height: .5rem; line-height: .5rem; border: 1px solid #d2d2d2; margin: .15rem 0; text-align: center; overflow:hidden; }
.showPro .detail_con .detail_infor .eat-tit li{ width: 33%; font-size: .22rem; text-align: center; float: left; }
.showPro .detail_con .detail_infor .eat-tit .split{ width: 1px; height: .3rem; background: #d2d2d2; margin-top: .1rem; }
.showPro .detail_con .detail_infor .f-tit{ width: 100%; height: .45rem; line-height: .45rem; border-bottom: 1px solid #007eb9; margin-bottom: .2rem;  }
.showPro .detail_con .detail_infor .f-tit h3{ height: .45rem; line-height: .45rem; display: inline-block; padding: 0 .15rem; background: #007eb9; color: #fff; }
.showPro .detail_con .detail_infor .day-tit{ line-height: .6rem; border: 1px solid #d2d2d2; background: #f7f8f8; font-weight: bold; margin-bottom: .2rem; margin-top: .2rem; font-size: .22rem; text-align:center;  }
.showPro .detail_con .detail_infor .day-tit em{ height: .5rem; line-height: .5rem; font-size: .22rem; display:block;  background: #007eb9; color: #fff; }
/*showQZinfo*/
.showQZinfo .imgq{ width: 4rem; margin: 0 auto; display: block; }
.showQZinfo .h2_prodtitle{ text-align: center; font-size: .4rem; margin-bottom: .1rem; }
.showQZinfo .s-price{ text-align: center; }
.showQZinfo .s-price span{ font-size: .4rem; }
.showQZinfo .qzlist{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: .08rem 0 .3rem 3%; margin: .2rem 0; }
.showQZinfo .qzlist li{ width: 47%; margin-right: 3%; float: left; font-size: .22rem; line-height: .26rem; padding: .12rem 0; border-bottom: 1px dashed #ddd; }
.showQZinfo .detail_top a{ width: 20%; font-size: .22rem; }
.showQZinfo .type-tab-headers{ background: #fff; border-bottom: .02rem solid #ddd; height: .5rem; margin-bottom:.1rem; }
.showQZinfo .type-tab-headers li{ width: 20%; float: left; font-size: .22rem; position: relative; overflow: visible; }
.showQZinfo .type-tab-headers li a{display: block; display: block; height: .5rem; text-align: center; }
.showQZinfo .type-tab-headers li .arrow{display: none; background: #fff; width: .08rem; height: .08rem; position: absolute; transform: rotate(45deg) translateX(-50%); -webkit-transform: rotate(45deg) translateX(-50%); bottom: -.07rem; left: 50%}
.showQZinfo .type-tab-headers li.cur{background: #007eb9; top:.02rem;}
.showQZinfo .type-tab-headers li.cur a{color: #fff}
.showQZinfo .type-tab-headers li.cur .arrow{display: block}
.showQZinfo .type-tab-headers li:hover{color: #007eb9; }
.showQZinfo .type-tab-con .item{  }

.ig-top { width:.6rem; height:.6rem; background:url(../images/ico-top.png) center center no-repeat; background-size:contain; position:fixed; right:3%; bottom:1.6rem; opacity:.8; display: none; }
.ig-top:active { opacity:1; }

.biao td{ padding:4px; border:1px solid #ccc; text-align:center; vertical-align:middle;WORD-WRAP: break-word;TABLE-LAYOUT: fixed;word-break:break-all;}
.biao .td-head{ background: #007eb9; color:#fff; }




/*end*/

/*字体*/ 
@media only screen and (min-width:641px) {
    html {
        font-size:100px;
    }
}
@media only screen and (max-width:640px) {
    html {
        font-size:100px;
    }
}
@media only screen and (max-width:540px) {
    html {
        font-size:84.375px;
    }
}
@media only screen and (max-width:480px) {
    html {
        font-size:75px;
    }
}
@media only screen and (max-width:414px) {
    html {
        font-size:64.6875px;
    }
}
@media only screen and (max-width: 400px) {
    html {
        font-size:62.5px;
    }
}
@media only screen and (max-width: 375px) {
    html {
        font-size:58.5938px;
    }
}
@media only screen and (max-width: 360px) {
    html {
        font-size:56.25px;
    }
}
@media only screen and (max-width: 320px) {
    html {
        font-size:50px;
    }
}