@charset "utf-8";
/* 基础 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1)}
::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}
::-webkit-scrollbar-thumb:hover{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.4)}

/*公用样式*/
* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; }
a, a:link, a:visited, a:hover, a:active { color:#666; }
a:link { text-decoration:none; }
html { width:100%; }
body {  max-width:640px; min-width:320px; width:100%; margin:0 auto; background:#f8f4eb; line-height: .28rem; font-size: .24rem; font-family:'Microsoft YaHei'; -webkit-text-size-adjust:none; -webkit-user-select:none; color:#666; }
body:before, body:after { content:""; width:100%; display:block; }
/*body:before{ height: .86rem;}*/
body:after{ height: 1.2rem;}
img { border:0px; }
em{ font-style:normal;}
h1, h2, h3, h4, h5, h6, h7 { font-weight: normal;  }
ul, ol { list-style-type:none; }
input,button,select,textarea { outline:none; font-family:"Microsoft Yahei";-webkit-appearance:none !important; }
table { border-collapse:collapse; border-spacing:0; }
.hidden { display:none; }
.clear, .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; } 
.yellow{ color:#e59f19;}
.fl{ float: left;}
.fr{float:right;}
.icon,.iconbef:before{ background:url(../images/icon.png) no-repeat; display:inline-block; background-size: 5.65rem auto; vertical-align:middle; }
.iconbef:before{ content: "\20"; display:block;  }
/*itit*/
.itit{ width: 100%; height: .83rem; line-height: .83rem; margin-bottom: .3rem; background: -webkit-linear-gradient(top,#ffc125 0%,#ffc125 97%,#e59f19 97%, #e59f19 100%);  background: linear-gradient(top,#ffc125 0%,#ffc125 97%,#e59f19 97%, #e59f19 100%); font-size: .3rem; font-weight: bold;  }
.itit h2{ text-indent: .2rem; font-size: .3rem; font-weight: bold; color: #fefefe;}
.itit a{ margin-right: .27rem; color: #fefefe;}
/*catetel*/
.catetel{ width: 100%; height: .98rem; line-height: .98rem; text-align: center; border-top: 1px solid #e1d3ae; border-bottom: 1px solid #e1d3ae; background: -webkit-linear-gradient(top,#fbfaf6 0%, #f8f5f0 100%); background: linear-gradient(top,#fbfaf6 0%, #f8f5f0 100%); color: #323232; font-size: .3rem;}
.catetel:before{ width:.6rem; height: .6rem; display: inline-block; background-position: -2.63rem 0;}
.catetel a{ font-weight: bold; font-size: .42rem; color: #e59f19;}
/* header */
.header { width:100%; padding:.22rem 0px .2rem;}
.header .logo{ width:4.09rem; height: auto; margin-left: .08rem; }
.header .logo img{ width:4.09rem; display: block;}
.header .tel{ color: #000000; font-weight: bold; padding-top: .05rem; padding-right: .1rem; font-size:.18rem; }
.header .tel a{ font-weight: normal; display: block; color: #e59f19; font-size: .28rem; font-family: impact;}
/* banner */
.banner { position:relative; overflow:hidden; }
.banner .bannertbg{ width:100%; height: .07rem; position: absolute; top:0px; left: 0px; background: url(../images/bannertopbg.png) repeat-x left bottom; background-size: auto .07rem;}
.banner .list { float:left; width:500%; }
.banner .list li { float:left; width:20%; }
.banner .list img { display:block; width:100%; }
.banner .tip { width:100%; height:.06rem; position:absolute; left:0px; bottom:0px; }
.banner .tip span { width:33.3%; height: .06rem; display: block; float: left; background: #937a69; }
.banner .tip span.cur{ background: #ffc125;}
/*inav*/
.inav{ width:100%;}
.inav li{ width:25%; float: left;  background: -webkit-linear-gradient(top,#ffffff 0%, #e3e3e3 100%); background: linear-gradient(top,#ffffff 0%, #e3e3e3 100%);}
.inav li a{ width:100%; padding:.38rem 0rem; display: block; text-align: center; color: #666; font-size: .24rem; background:url(../images/navlibg.jpg) repeat-y left bottom ;}
.inav li a:active{ background:#f8f4eb;}
.inav li:first-child a,.inav li:nth-child(5) a{ background: none;}
.inav li a:before{ width:.52rem; height: .41rem; content: '\20'; display: block; padding-bottom: .05rem; margin: 0px auto; background: url(../images/navicon.png) no-repeat; background-size: 5.67rem auto;}
.inav li:nth-child(1) a:before{ background-position: .1rem 0px;}
.inav li:nth-child(2) a:before{ background-position: -.69rem 0px;}
.inav li:nth-child(3) a:before{ background-position: -1.43rem 0px;}
.inav li:nth-child(4) a:before{ background-position: -2.22rem 0px;}
.inav li:nth-child(5) a:before{ background-position: -2.97rem 0px;}
.inav li:nth-child(6) a:before{ background-position: -3.81rem 0px;}
.inav li:nth-child(7) a:before{ background-position: -4.53rem 0px;}
.inav li:nth-child(8) a:before{ background-position: -5.28rem 0px;}
/*iabout*/
.iabout{ padding-bottom: .55rem;}
.iabout .img{ width:4.87rem; padding:.09rem; display: block; border:1px solid #dfdfde; background: #fff; margin: 0px auto .35rem;}
.iabout .img img{ width:4.87rem; height: auto; display: block;}
.iabout .title{ width: 100%; font-weight: bold; font-size: .3rem; padding: .1rem 0 .25rem; text-align: center; }
.iabout .txt{ width:5.3rem; margin: 0px auto .32rem; line-height: .36rem; font-size: .24rem; color: #916e35;}
.iabout .morebtn{ width:2.12rem; height: .68rem; text-align: center; color: #e59f19; line-height: .68rem; font-size: .3rem; font-weight: bold; margin: 0px auto; display: block; background-position: 0px 0px;}
.iabout .morebtn:active{ color:#323232;}
/*iproduct*/
.iproduct{ padding-bottom: 3%;}
.iproduct ul{ padding-left: 2%; width:98%;}
.iproduct .item{ width:46.5%; float: left; margin:0px 4% 4% 0; padding: 3% 0; border: 1px solid #dddddd; background: #fff;}
.iproduct .item:nth-child(2n){ margin-right: 0px;}
.iproduct .item .img{ width:100%; display: block; }
.iproduct .item .img img{ width:100%; display: block;}
.iproduct .item h3{ width: 100%; margin: .08rem 0 .14rem;}
.iproduct .item h3 a{ display: block; color: #e59f19; font-size: .22rem; text-align: center; width: 100%;}
.iproduct .item .buy{ width:80%;  height: .5rem; line-height: .5rem; font-size: .22rem; text-align: center; display: block; background: #f4ecd6; color: #323232; margin: 0px auto;}
.iproduct .item .buy:active{ background:#ffc125 ; color:#fff;}
/*iadva*/
.iadva{ padding: .5rem 2% .2rem;}
.iadva .title{ width:100%; text-align: center;  height:.57rem; font-size: .34rem; margin-bottom: .05rem;}
.iadva .title strong{ font-weight: bold; font-size: .57rem;}
.iadva .en{ width:4.96rem; height: .26rem; margin: .1rem auto; background: url(../images/iliyoutiten.jpg) no-repeat center center; background-size: 4.96rem auto;}
.iadva .list{ padding-top:.4rem;}
.iadva .item{ padding:0 0 .35rem .8rem; position: relative;}
.iadva .item h3{ width:100%; padding-bottom: .2rem; text-indent: .2rem; font-size: .3rem; font-weight: bold; color: #ffb700; background: url(../images/iadvalih3bg.png) repeat-x left bottom; }
.iadva .item .txt{ padding-left: .2rem; padding-top: .2rem; color: #916e35; font-size: .22rem; line-height: .36rem;}
.iadva .item em{ width:.78rem; height: .79rem; text-align: center; line-height: .79rem; position: absolute; left:0px; top:0px; font-size: .3rem; font-weight: bold; color: #fff; background-position: -3.58rem 0;}
/*isupport*/
.isupport{ width:100%; padding-bottom: .2rem;}
.isupport .list{ padding-top: .5rem;}
.isupport .title{ padding:.23rem 0 .21rem; color: #fff; text-align: center; background: -webkit-linear-gradient(top,#ffc125 0%,#ffc125 96%,#e59f19 96%, #e59f19 100%);  background: linear-gradient(top,#ffc125 0%,#ffc125 96%,#e59f19 96%, #e59f19 100%); font-size: .28rem; }
.isupport .title strong{ font-weight: bold; font-size: .48rem;}
.isupport .item{ width:50%; float: left; text-align: center; margin-bottom: .2rem;}
.isupport .item .img{ width:1.45rem; height: 1.1rem; padding-top: .35rem; margin: 0px auto; background: url(../images/bzicon.png) no-repeat center center; background-size: 1.45rem auto;}
.isupport .item h3{ font-weight: bold; font-size: .26rem; color: #e59f19; margin: .2rem auto .1rem;}
.isupport .item p{ font-size:.2rem; color: #916e35;}
.isupport .item .img:before{ width:.82rem; height: .82rem; display: block; margin:0px auto 0px;}
.isupport .item:nth-child(1) .img:before{ background-position: .05rem -1.11rem;}
.isupport .item:nth-child(2) .img:before{ background-position: -1.25rem -1.11rem;}
.isupport .item:nth-child(3) .img:before{ background-position: -2.46rem -1.12rem;}
.isupport .item:nth-child(4) .img:before{ background-position: -3.70rem -1.11rem;}
/*iqwstyle*/
.iqwstyle .itit{ margin-bottom: .4rem;}
.iqwstyle .img{ width:5rem; padding:.09rem; display: block; position: relative; border:1px solid #dfdfde; background: #fff; margin: 0px auto .5rem;}
.iqwstyle .img img{ width:5rem; height: 3.75rem; display: block;}
.iqwstyle .img h3{ width:5rem; height: .84rem; line-height: .84rem; text-align: center; color: #323232; font-size: .26rem; position: absolute; left:.09rem; bottom: .09rem; background-color: rgba(244,236,214,0.8);}
/*inews*/
.inews .list{ padding:0 2% .3rem; }
.inews .list li{ height: .5rem; line-height: .5rem; font-size: .22rem;}
.inews .list li a{ display: block;}
.inews .list li a span{ font-size: .2rem; color: #8e8e8e; margin-right: .17rem;}
.inews .list li a:before{ content: "\20"; display: inline-block; width:.05rem; height: .05rem; border-radius: 100%; background: #cccccc; vertical-align: middle; margin-right: .06rem;}
.inews .list li a h3{ display: inline-block; font-size: .24rem;}
.inews .list li a:active h3{ color:#e59f19;}
/*bottomtel*/
.bottomtel .catetel{ width:96%; padding: 0px 2%; text-align:left;}
.bottomtel .catetel:before{ width:.5rem; height: .5rem; background-size: 4.9rem auto; background-position: -2.28rem 0;}
.bottomtel .catetel a{ font-size: .3rem; color: #e59f19; }
.bottomtel .catetel .toTop{ font-size: .4rem; color: #e59f19;}
.bottomtel .catetel .toTop:before{ width:.42rem; height: .37rem; display: inline-block; background-position: -4.68rem -.03rem;}
/*footer*/
.footer { width:96%; text-align: center; font-size: 0.24rem;  padding: .2rem 2%; line-height: .52rem; }
.footer .f_nav { width:90%; padding:0 5%; color: #e59f19; margin: .1rem 0; }
.footer .f_nav a { color: #e59f19; margin: 0 .05rem; }
.footer .f_nav a:active{ color: #838383;}
.footer p { color: #838383; display: block; margin-bottom: 0.1rem; }
.footer p a { color: #838383; }
.footer img { width:2.4rem; padding:.05rem; border:1px solid #cfcfcf; }
.footer h2 { color: #f7941e; font-weight: bold; font-size:.3rem; }
/* navBar */
.navBar{  width:100%;  height:1.2rem; position:fixed;bottom:0px; left:0px; z-index:100;  }
.navBar .slide{ max-width:640px; min-width:320px; width:100%; height:1.2rem;  margin:0 auto; } 
.navBar .slide ul{ width:94%; background:#ffc125; float: left; overflow: hidden; }
.navBar .slide li{ float:left; width:25%; height:1.2rem; }
.navBar .slide li a{ display:block; text-align:center; font-size: .22rem; color:#fff;  border-left:1px solid #ffd854; height:.9rem; padding-top: .3rem; }
.navBar .slide li:nth-child(1) a{ border-left:0px; }
.navBar .slide li a:active{ background:#e59f19;}
.navBar .slide li a:before{ content:'\20'; width:.4rem; height:.4rem; display:block; margin:0 auto; background: url(../images/icon.png) no-repeat; background-size: 5.65rem auto;}
.navBar .slide li:nth-child(1) a:before{ background-position:.08rem -2.3rem;}
.navBar .slide li:nth-child(2) a:before{ background-position:-.73rem -2.3rem;}
.navBar .slide li:nth-child(3) a:before{ background-position:-1.52rem -2.28rem;}
.navBar .slide li:nth-child(4) a:before{ background-position:-2.3rem -2.3rem;}
.navBar .sclose{ width: 6%; height: 1.2rem; cursor: pointer; float: left;}
.navBar .sclose:before{ width: .45rem; height: 1.2rem; background-position: -5.24rem -.94rem;}
/**************category****************/
.content{ width:100%;}
/*menu*/
.menu{ width:96%; padding:.1rem 2%; background: #f6f6f6; border-top: 1px solid #e8e8e8; }
.menu .iconbef{ width:.4rem; height: .4rem; display: inline-block; background-color: #e59f19; cursor: pointer;}
.menu .goHome{ margin-right: .16rem;}
.menu .iconbef:before{ width:.4rem; height: .4rem; background-size: 4.8rem;}
.menu .goBack:before{ background-position: -3.5rem -1.92rem;}
.menu .goHome:before{ background-position: -2.62rem -1.92rem;}
.menu .subSort:before{ background-position: -3.02rem -1.92rem;}
/*search*/
.search{ width:96%; padding:.2rem 2%; color: #666; position: relative;}
.search .keytxt{ width:98%; height: .6rem; text-indent: 1em; line-height: .6rem; border:1px solid #e1d3ae; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background: #f6f6f6; font-size: .2rem;}
.search .searbtn{ position: absolute; z-index: 11; right: 2%; bottom: .2rem; width:.6rem; height: .6rem; background: #e59f19;border:1px solid #e59f19; }
.search .searbtn:before{ width:.6rem; height: .6rem; background-position: -5.1rem -2.10rem;}
.search .searinput{ width:.6rem; height: .6rem; position: absolute; right: 2%; bottom: .2rem; z-index: 10; background: none; border: 0px;}
/*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;}
/*catelist*/ 
.catelist .item span{ display: block; width: 9px; height: 16px; position: absolute; top: 50%; margin-top:-8px; right: 2%; }
.catelist .item span:before{ content: ""; position: absolute; background: #aaaaaa; 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: #f8f4eb; 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); }
/*product.html*/ 
.listProduct .list{ width: 100%; margin-bottom: .3rem;}
.listProduct .item{  overflow: hidden; position: relative; border-bottom: 1px solid #dfdfdf;}
.listProduct .item:nth-child(2n){ background: #f6f6f6;}
.listProduct .item:last-child{ border:0px;}
.listProduct .item a{ width:92%; height: 1.17rem; padding:.2rem 6% .2rem 2%; display: block; }
/*.listProduct li.hover{background-color:#f3f3f3;}*/
.listProduct .item img{ width: 1.5rem; height: 1.13rem; padding:.02rem; border:1px solid #dfdfdf; display:block; margin-right:.2rem; }
.listProduct .item h3{ font-size: .26rem; line-height: .38rem; font-weight: bold; margin-bottom: .08rem; color:#e59f19; }
.listProduct .item .txt{ color:#666666; font-size: .2rem; line-height: .28rem; }
/*news.html*/
.newsList .list{ width: 100%; margin-bottom: .3rem;}
.newsList .item{  overflow: hidden; position: relative; border-bottom: 1px solid #dfdfdf;}
.newsList .item:nth-child(2n){ background: #f6f6f6;}
.newsList .item:last-child{ border:0px;}
.newsList .item a{ width:92%; height: 1.17rem; padding:.2rem 6% .2rem 2%; display: block; }
.newsList .item h3{ font-size: .26rem; line-height: .38rem; font-weight: bold; margin-bottom: .08rem; color:#e59f19; }
.newsList .item .txt{ color:#666666; font-size: .2rem; line-height: .28rem; }
/*showInfor*/
.showInfo{ width:100%;}
.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: #e59f19; font-size: .26rem;}
.showInfo .showTit .mark{ font-size: .22rem; margin-top: .1rem;}
/*showSubTit*/
.showInfo .showSubTit{ width:100%; height: .5rem; line-height: .5rem; font-weight: bold; margin: .2rem 0 .1rem; background: #f6f6f6; border-bottom: 1px solid #e59f19; font-size: .24rem; text-indent: .2rem;}
.showInfo .contxt{ font-size: .24rem; line-height: .34rem; padding: 2% 3% 2%;}
.showInfo .contxt img{ width:96%; margin: 0px auto; height: auto !important; }
/* 留言样式   */
.leave { padding:10px 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:.4rem; line-height:.4rem; }
.leave .item-wrap { margin-left:.55rem;}
.leave input, .leave textarea { width:100%; background:#fff; border: 1px solid #e8e8e8; color: #aaa; font-size: .2rem; }
.leave input{ height:.4rem; border-radius:5px; -webkit-border-radius:5px; text-indent:8px; }
.leave .ly { height:.8rem; border-radius:5px; -webkit-border-radius:5px; text-indent:8px; line-height:20px; resize: none; }
.show_more2 { padding:0 10px 18px 10px; height:.6rem; }
.show_more2 input { width:100%; border: 0; height: .6rem; line-height: .6rem; color: #fff; font-size: .22rem; background:#e59f19; }
/*showproduct showimg*/
/*recomPro*/
.showimg{ width:100%; position: relative; }
.showimg .imglist{ width:4.2rem;  margin:0px auto; padding: .2rem 0; 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 { height:3rem;  width:4rem;  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: #f8f4eb; 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: #f8f4eb; 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:.1rem auto .2rem; line-height: .5rem; color: #fff; background: #e59f19; text-align: center; font-size: .24rem;}
.showorder a{ color: #fff;}
/*recomNew*/
.recomNew{ width: 96%; padding:0 2% 2%;}
.recomNew li{ width:100%; height: .5rem; line-height: .5rem; border-bottom: 1px solid #e8e8e8;}
.recomNew li a{　display: block; font-size: .22rem; }
/*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: #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); }
.recomPro span.right:before{ content: ""; position: absolute; background: #f8f4eb; 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: #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); }
.recomPro span.left:before{ content: ""; position: absolute; background: #f8f4eb; 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); }
/*subNav*/
.subNav{ position: fixed; width:100%; height:100%; right:0; top:0; z-index: 111;background: #e59f19; display: none; }
.subNav .iconbef{ width: 100%; height: 1.2rem; line-height: 1.2rem; position: relative;}
.subNav .iconbef:before{ width:.48rem; height:.45rem;  position: absolute; right:.47rem; top:.5rem; cursor: pointer; background-position: -5.26rem -.49rem;}
.subNav h2{ padding:0px 0.85rem; height:1rem; line-height: 1rem;}
.subNav h2:active{  background: #fbca4f; border-right: .06rem solid #FFF; }
.subNav h2 a{ color:#fff; font-size:.3rem; display: block;} 
.subNav h2 em{ height:.02rem; background:#fbca4f; display: block;}
/*字体*/ 
@media only screen and (min-device-width: 641px),only screen and (min-width:641px) {
    html {
        font-size:100px;
    }
}
@media only screen and (max-device-width: 640px),only screen and (max-width:640px) {
    html {
        font-size:100px;
    }
}
@media only screen and (max-device-width: 540px),only screen and (max-width:540px) {
    html {
        font-size:84.375px;
    }
}
@media only screen and (max-device-width: 480px),only screen and (max-width:480px) {
    html {
        font-size:75px;
    }
}
@media only screen and (max-width: 400px) {
    html {
        font-size:62.5px;
    }
}
@media only screen and (max-width: 360px),only screen and (max-device-width:360px) {
    html {
        font-size:56.25px;
    }
}
@media only screen and (max-width: 320px),only screen and (max-device-width:320px) {
    html {
        font-size:50px;
    }
}
@font-face {
      font-family: impact;
      src:url('../font/impact.ttf');
}
.sList{list-style:none;padding:4%;}
.sList li{padding:2% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}