/***********************************
 *** 全局初始化
 **********************************/
* { 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.2rem; }
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/icon.png) no-repeat; display:inline-block; background-size: 2.8rem auto; vertical-align:middle; }
.iconbef:before,.iconbef:after{ content: "\20"; display:block; }
.iconn{background: url(../images/iconn.png) no-repeat;background-size:1.4rem auto; vertical-align:middle;}

/*********index css**********/
/* header */
.header{width: 100%; height: .92rem; background: #fff; position: relative;}
.header .logo .img,.header .logo .img img{width: 1rem; height: .92rem; display: block;}
.header .nav{width: .88rem; height: .92rem; position: absolute; right: 0; top: 0; text-align: center; cursor: pointer;}
.header .nav:before{width: .5rem; height: .4rem; margin: .31rem auto 0; background-position: -.27rem 0; }
.header .txt{ height: .5rem; margin: .2rem 0 0 .1rem; line-height: .24rem; padding-left: .1rem; color: #ffa600; border-left: 1px solid #cdcdcd; }
.header .txt h1{ margin-bottom: .04rem; }
.header .txt .tel{ display: block; color:#ffa600; font-weight: bold; font-size: .2rem; }
.header .txt .tel:before{ width: .3rem; height: .24rem; margin-right: .06rem; display: inline-block; background-position: -2.2rem -.59rem; }
.header .img2{ width:1.5rem; height: auto; margin-top: .5rem; margin-left: -.4rem; display: block; }
/* banner */
.banner { position:relative; overflow:hidden; }
.banner .bannertbg{ width:100%; height: .07rem; position: absolute; top:0px; left: 0px; 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; display:-moz-box; display:-webkit-box; display:box; left:0px; bottom:0px; }
.banner .tip span { height: .06rem; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; display: block; background: #eceaec; }
.banner .tip span.cur{ background: #ffa600;}
/*inav*/
.inav{ width:100%; height: 1.26rem; overflow: hidden; background:#0b85ec; }
.inav li{ width:25%; height: 1.26rem; box-sizing: border-box; float: left; border-left: .03rem solid #0b8fff; border-right: .03rem solid #0971c9; box-sizing: border-box; }
.inav li:first-child{ border-left: 0px; }
.inav li:last-child{ border-right: 0px; }
.inav li a{ width:100%; text-align: center; display: block; color: #fff;}
.inav li a:before{ width: .5rem; height: .35rem; content: "\20";  display: block; margin: .28rem auto .03rem; background: url(../images/nav-ico.png) no-repeat .03rem 0; background-size: 2.84rem auto;  }
.inav li:nth-child(2) a:before{ background-position: -.73rem 0; }
.inav li:nth-child(3) a:before{ background-position: -1.6rem 0; }
.inav li:nth-child(4) a:before{ background-position: -2.42rem 0; }
/**********index************/
.indexTit{width: 100%; height: .9rem; box-sizing: border-box; padding: 0 .16rem; margin-bottom: .4rem; line-height: .9rem; color: #0b85ec; background: linear-gradient(#fff 0%,#f6f6f6 100%); border-bottom: .06rem solid #0b82e6; }
.indexTit .more{ color: #333333; }
.indexTit .more .icon{ width: .3rem; height: .3rem; margin-left: .04rem; background-position: -2.48rem 0; }
.indexTit h2{ font-size: .32rem; font-weight: bold; color: #0b85ec;}
.indexTit h2:before{ width: .13rem; height: .29rem; content: "\20"; display: inline-block; vertical-align: middle; background: #0b85ec; margin-right: .16rem; }
.ihonor .indexTit{ color: #fff; background: linear-gradient(#0b85ec 0%,#0a72ca 100%); border-color: #ffa600; }
.ihonor .indexTit h2,.ihonor .indexTit .more{ color: #fff; }
.ihonor .indexTit .more .icon{ background-position: -2.48rem -.28rem; }
.ihonor .indexTit h2:before{ background:#ffa600; color: #fff; }
/*icase*/
.icase{padding: 0 0 .3rem; background-size: cover;}
.icase .item{ width: 44%; margin:0 3%; padding: .1rem .1rem 0; margin-bottom: .32rem; float: left; box-sizing: border-box; border: 1px solid #cfcfcf; }
.icase .item a{display: block;}
.icase .item figure{ width: 100%; padding-top: 75%; position: relative; overflow: hidden; }
.icase .item img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block;}
.icase .item h3{width: 100%; height: .6rem; line-height: .6rem; text-align: center; }
/*ihonor*/
.ihonor .showimg1{ width:100%; position: relative; }
.ihonor .showimg1 .imglist{ width:5.58rem; margin:0px auto; position:relative; overflow:hidden; }
.ihonor .showimg1 .list {  float: left; width:500%;}
.ihonor .showimg1 a { float:left; width:5.58rem; height: 4.8rem; text-align: center;  display: block; }
.ihonor .showimg1 a img { width: 5.34rem; height: 4rem;  padding:.1rem; border: .01rem solid #e3e2e2; display:block; }
.ihonor .showimg1 a h3{ height: .6rem; line-height: .6rem; font-size: .26rem;  }
.ihonor .showimg1 span{ display: block; width: .64rem; height: .8rem; text-align: center; background: #f0efef; position: absolute; top: 50%; margin-top:-.5rem; cursor: pointer; }
.ihonor .showimg1 span.right:before,.ihonor .showimg1 span.left:before{ width: .2rem; height: .3rem; margin: .26rem auto 0; }
.ihonor .showimg1 span.left{ left:.14rem;}
.ihonor .showimg1 span.right{ right:.14rem;}
.ihonor .showimg1 span.left:before{  background-position:-.92rem 0; }
.ihonor .showimg1 span.right:before{ background-position:-1.36rem 0; }
/*ixbanner*/
.ixbanner{width: 100%; height: 1.26rem; line-height: 1.26rem; margin-top: .4rem; position: relative; display: block; background: url(../images/ixbannerbg.jpg) no-repeat center top; background-size: auto 1.26rem;}
.ixbanner .itel{ padding-left: .2rem; position: absolute; left: 0; top: .34rem; color: #fff; line-height: .28rem; }
.ixbanner .itel strong{  font-size: .28rem; font-weight: bold; display: block;}
.ixbanner .btn{ line-height: 1.26rem; color: #fff; padding-left: 2.96rem; font-size: .28rem; }
.ixbanner .btn .icon{width: .18rem; height: .34rem; background-position: 0 0;}
/*iabout*/
.iabout{width: 100%; padding: 0 0 .7rem; }
.iabout .img{width: 94%; box-sizing: border-box; border: 1px solid #dddada; padding: .1rem; display: block; margin: 0 auto;}
.iabout .img img{ width: 100%; display: block; }
.iabout .contxt{ line-height: .4rem; padding: .35rem 3% 0; color: #666;}
/*inews*/
.inews{ width: 100%; padding: 0 0 .5rem; background: #fff; }
.inews .h3tab{ width: 100%; height: .9rem; margin-bottom: .4rem; font-size: 0; line-height: 0; text-align: center; }
.inews .h3tab a{ width: 50%; display: inline-block; line-height: .9rem; font-size: .34rem; color: #fff; background: #0b85ec; position: relative; }
.inews .h3tab a.hover{ color: #fff; background: #ffa600; }
.inews .h3tab a.hover:before{ width: 0; height: 0; content: "\20"; display: block; position: absolute; left: 50%; margin-left: -.13rem; bottom: -.23rem; border-top: .25rem solid #ffa600; border-left: .25rem solid transparent; border-right: .25rem solid transparent; }
.inews ul li{ line-height: .6rem; padding: 0 2%; }
.inews ul li s{ width: .3rem; height: .28rem; margin-right: .08rem; background-position: -2.08rem 0; }
/*returnTop*/
.toTop{width: 100%; height: .6rem; padding: .1rem 0 0; margin-top: .6rem; border-top: 1px solid #d4d4d4; color: #014785; font-size: .28rem; text-align: center;}
.toTop s{width: .32rem; height: .32rem; margin-right: .08rem; background-position: -1.68rem 0;}
/*footer*/
.footer{ text-align: center; background: #fff; padding: .3rem 3% .5rem; color: #666;}
.footer a{color: #666;}
.footer .img{width: 2.5rem; height: 2.5rem; padding: .04rem; border: 1px solid #eee; display: block; margin: .2rem auto 0;}
/* navBar */
.navBar{width: 100%; height: 1.2rem; position: fixed; bottom: 0px; left: 0px; z-index: 100;}
.navBar ul{max-width: 640px; min-width: 320px; width: 100%; height: 1.2rem; margin: 0 auto; background: url(../images/navBarbg.jpg) repeat 0 0;}
.navBar li{float: left; width: 25%; height: 1.2rem;}
.navBar li a{width: 100%; height: 1.2rem; padding-top: .2rem; display: block; text-align: center; color: #fff;}
.navBar li a:hover,
.navBar li a.hover{background: rgba(0, 36, 207, 0.5);}
.navBar li a:before{width: .42rem; height: .4rem; display: block; margin: 0 auto;}
.navBar li:nth-child(1) a:before{background-position: .06rem -.6rem;}
.navBar li:nth-child(2) a:before{background-position: -.5rem -.6rem;}
.navBar li:nth-child(3) a:before{background-position: -1.08rem -.6rem;}
.navBar li:nth-child(4) a:before{background-position: -1.62rem -.6rem;}


/**************category****************/
.content{ width:100%;}
/*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;}
/*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:#008ee9; 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;}
/*search*/
.search{ width:96%; padding:.3rem 2%; color: #666; position: relative;}
.search .keytxt{ width:98%; height: .7rem; text-indent: 1em; line-height: .7rem; border:1px solid #bcbcbc; border-radius: 4px; font-size: .24rem; background: #fff; }
.search .searbtn{ position: absolute; z-index: 11; right: 2%; bottom: .3rem; width:.7rem; height: .7rem; background:none; border:0 none; }
.search .searbtn:before{ width:.44rem; height: .44rem; margin-top: .1rem; background-position: 0 0;}
.search .searinput{ width:.7rem; height: .7rem; 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;}
.catemore{ width:100%; margin: 2% auto 6%; height: .65rem; line-height: .65rem; display: block; text-align: center; background: #008ee9; color: #fff; font-size: .22rem; box-shadow: 0px 1px 1px rgba(0,0,0,0.1);}
.catemore:active,.catemore:hover{ background: #008ee9; color: #fff;}
.showmenu{ width: 100%;padding-top: 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: #008ee9; 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;}
/*product.html*/ 
.listProduct .list{ width: 100%;}
.listProduct li{ width:47%;margin-left:2%;box-sizing:border-box;display:block; padding-bottom:.1rem; margin-bottom: 3%; float: left; border: 1px solid #ddd;}
.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.24rem;overflow: hidden;font-weight:normal;color: #008ee9; text-align: center;}
.listProduct li:hover h3{ color: #008ee9; }
.listProduct li p{white-space:normal;word-wrap:break-word;color:#333}
/*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:#008ee9; }
.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 #008ee9; 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: #008ee9; 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: .4rem; 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:#008ee9;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:#008ee9;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: #008ee9; 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); }
/*subNav*/
.subNav{position: fixed; width: 100%; height: 100%; right: 0; display: none; top: 0; z-index: 1111; background: #0b85ec;}
.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);}
/*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: #008ee9; color: #fff; display: block; text-align: center;
    }


/*字体*/ 
@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;
    }
}