/***********************************
 *** 全局初始化
 **********************************/
* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); }
.trans{ 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:#666; -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:before{ height: 1rem;}*/
body:after{ height: 1.4rem;}
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-wrapper:101; background:#000; opacity:1; } 
.blue{ color:#199ad8;}
.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.69rem auto; vertical-align:middle; }
.iconbef:before,.iconbef:after{ content: "\20"; display:block; }
/* header */
.header { width:100%; position:fixed; z-index:100; height:1rem; top:0px; left:0px; background:#fff;}
.header_c{ max-width:640px; min-width:320px; height:.7rem; padding: .15rem 0; text-align: center; margin:0px auto; position:relative; }
.header .logo{ width:auto; height: .7rem; margin-left: 2%;}
.header .logo img{ width: auto; height: .7rem; display: block; }
.header .txt{ line-height: .3rem; padding-top: .06rem; color: #333333;}
.header .split{ width: 1px; height: .65rem; margin:-.03rem .2rem 0 .15rem; background: linear-gradient(#fff 0%,#b7b7b7 50%,#fff 100%); }
.header .topsearch{ width:1rem; height:1rem; display: block; position: absolute; right: 0; top:0px; text-align: center; cursor: pointer;}
.header .topsearch:before{ width:.44rem; height:.44rem; margin:.3rem auto; background-position: 0 0; } 
/*顶部搜索*/
.header .tsearch,.header .tsearch *{ box-sizing: border-box;}
.header .tsearch{ position: absolute; height: 1rem; width: 100%; padding: .2rem 5%; left:0; top: 1rem; z-index: 99; background: #efefef;  border-top: 1px solid #d3d3d3; }
.header .tsearch input{  -webkit-appearance: none; }
.header .tsearch .txt{ width: 78%; color:#000; text-indent: .1rem; font-size:.22rem;  height:.6rem;background: none; border:1px solid #199ad8; border-radius: 0.1rem; position: absolute; left: 5%; top:.2rem; }
.header .tsearch .btn{ color:#fff; font-size:.22rem; width: 20%; height:.6rem; line-height: .6rem; text-align: center; border:0px; background: #199ad8; position: absolute; right: 5%; top:.2rem;}
/* banner */
.banner { width: 100%; height: 3rem; position:relative; overflow:hidden; }
.banner .list { float:left; width:500%; }
.banner .list li { float:left; width:20%; }
.banner .list li a{ display: block;}
.banner .list img { display:block; width:100%; }
.banner .tip { width:100%; padding: .05rem 0 .06rem; text-align: center; position:absolute; left:0px; bottom:.06rem; }
.banner .tip span {  width: .15rem; height: .15rem; margin: 0 .05rem; border-radius: .15rem; background:#fff; border: 1px solid #c9caca; display: inline-block;  }
.banner .tip span.cur{  background:#1ba5e0; border: 1px solid #fff; }
/*inav*/
.inav{ width:100%; height: 1.44rem; background: #199ad8; }
.inav li{ width:33.33%; height: .72rem; box-sizing: border-box; border-top: 1px solid #55afda; border-left: 1px solid #55afda; float: left; }
.inav li a{ width:100%; line-height: .72rem; line-height: .72rem; text-align: center; display: block;  color: #fff; position: relative; }
.inav li:active,.inav li:hover{ background:#1a8ec6;}
/*index content*/
/*indexTit*/
.indexTit{ width: 100%; text-align: center; margin: 0 auto .5rem; position: relative; }
.indexTit .en{ font-size: .36rem; text-transform: uppercase; color:#dcdddd; }
.indexTit h2{ font-size: .46rem; line-height: .46rem; color: #003058; font-weight: bold; }
.indexTit .left,.indexTit .right{ width: 2.15rem; height: .03rem; position: absolute; display: block; top: .74rem; background: #efeff0; }
.indexTit .left{ left: 0;}
.indexTit .right{ right:0; }
/*iservice*/
.iservice{ padding: .5rem 0;}
.iservice .item{ width: 47%; margin-left: 2%; float: left; box-sizing: border-box; background: #f1f2f3; border: 1px solid #e0e0e0; }
.iservice .item a{  display: block;}
.iservice .item figure{ width: 100%; padding-top: 75%;  position: relative; overflow: hidden; border-bottom: 1px solid #e0e0e0; }
.iservice .item figure img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.iservice .item h3{ height: .65rem; line-height: .65rem; text-align: center; }
.iservice .item:hover{ background: #1AA6EA;  }
.iservice .item:hover h3{ color: #fff; }
.iservice .morebtn{ width: 96%; height: .6rem; text-align: center; color: #999999; line-height: .6rem; display: block; text-transform: uppercase; margin:  .4rem auto 0; border-radius: .4rem; box-sizing: border-box; border: 1px solid #bfbfbf;}
/*iadvantage*/
.iadvantage{ width: 100%; padding: .5rem 0 .4rem; background: #f1f2f3; }
.iadvantage .indexTit .en{ color: #999; opacity: .3;}
.iadvantage .indexTit .left,.iadvantage .indexTit .right{ background: #e8e9ea;}
.iadvantage li{ height: .86rem; line-height: .86rem; color: #333333; margin-bottom: .15rem; background: #fff; }
.iadvantage li s{ width: .86rem; height: .7rem; display: block; float:left; margin-right: .4rem; padding: .16rem 0 0; background: #1aa6ea; }
.iadvantage li:nth-child(2n+2) s{ background: #a5aaaf;}
.iadvantage li s:before{ width: .42rem; height: .52rem; content: "\20"; display: block; margin: 0 auto; background: url(../images/iadvicon.png) no-repeat 0 .07rem; background-size: .42rem auto; }
.iadvantage li:nth-child(2) s:before{ background-position: -.02rem -.6rem;}
.iadvantage li:nth-child(3) s:before{ background-position: -.02rem -1.22rem;}
.iadvantage li:nth-child(4) s:before{ background-position: -.04rem -1.91rem;}
.iadvantage li:nth-child(5) s:before{ background-position: -.02rem -2.50rem;}
.iadvantage li:nth-child(6) s:before{ background-position: -.04rem -3.2rem;}
/*ixbanner*/
.ixbanner,.ixbanner img{ width: 100%; height: 1.45rem;}
.ixbanner img{ display: block;}
.ixbanner a{ width: 100%; display: block;}
/*icase*/
.icase{ padding:.5rem 0 0; width: 100%; }
.icaseCon{ background: #f4f5f6; height: 4.08rem; }
.icaseCon .imgCon{ width: 2.72rem;  }
.icaseCon .img{ width: 2.72rem; height: 4.08rem; display: block;}
.icaseCon .img:first-child{ border-bottom: 1px solid #fff;   }
.icaseCon .img img{ width: 2.72rem; height: 4.08rem; display: block;}
.icaseCon .indexLine{  width: 1.55rem; height: .06rem; margin-left: 2.72rem; position: relative; }
.icaseCon .indexLine span{ position: absolute; left: 0; background: #e0e0e0;}
.icaseCon .indexLine .p1{ width: 100%; height: .02rem; top: .02rem; }
.icaseCon .indexLine .p2{  width: 1.25rem; height: .06rem; top: 0; right: 0; left:auto; z-index: 2; }
.icaseCon .en{ width: 1.56rem; height: 1rem; margin-top: .1rem; display: inline-block; line-height: 1rem; text-align: right; font-family: impact; font-size: .64rem; color: #30ade3;  }
.icaseCon .casetit{ margin-left: 3rem; height: .6rem; line-height: .6rem; color: #30ade3; font-size: .22rem;}
.icaseCon .txt{  margin-left: 3rem; height: 1.08rem; overflow: hidden; line-height: .36rem; color: #333333;}
.icaseCon .btn{ margin-left: 3rem; margin-top: .2rem; width: 1.32rem; height: .54rem; line-height: .54rem; text-align: center; color: #fff; display: block; background: #deb71b; }
/*iabout*/
.iabout{ padding:.5rem 0 .5rem;}
.iaboutCon{ padding: 0 2%;}
.iaboutCon img{ width: 100%; display: block; margin-bottom: .22rem;}
.iaboutCon .txtcon{ line-height: .46rem; }
.iaboutCon .txtcon a{ color: #1AA6EA;}
/*inews*/
.inews{ background: #f4f5f6; padding: .5rem 2%; }
.inews .title{ line-height: .36rem; margin-bottom: .3rem; }
.inews .title .more{ color: #30ade3; margin-top: .2rem; }
.inews .title h2{ font-size: .4rem; font-weight: bold; color: #1ba5e0;  }
.inews .title .en{ text-transform: uppercase; font-size: .2rem; color: #999999; }
.inews .title .indexLine{  width: 100%; margin-top: .1rem; height: .06rem; position: relative; }
.inews .title .indexLine span{ position: absolute; left: 0; background: #e0e0e0;}
.inews .title .indexLine .p1{ width: 100%; height: .02rem; top: .02rem; }
.inews .title .indexLine .p2{  width: 1.04rem; height: .06rem; top: 0;  z-index: 2; }
.inews .list li{ line-height: .46rem; }
.inews .list li .time{ color: #999999;}
.inews .list li s{ width: .12rem; height: .12rem; margin-right: .08rem; display: inline-block; vertical-align: middle; border-radius: 100%; background: #333333; }
.inews .list li a{ color:#333333; }
/*returnTop*/
.toTop{ width: 100%; height: .6rem; padding: .5rem 0 0; color: #333333; font-size: .4rem; text-align: center;}
.toTop s{ width: .38rem; height: .52rem; margin-left: .1rem; background-position: -.67rem .02rem; }
/*footer*/
.footer { width:94%; text-align: center; background: #fff;  padding: .3rem 3% .5rem; color: #666; }
.footer a { color: #666; }
/* navBar */
.navBar{ width:100%;  height:1.4rem; position:fixed; bottom:0px; left:0px; z-index:100; }
.navBar ul{  max-width:640px; min-width:320px; width:100%; height:1.4rem;  margin:0 auto; background:#3d3d3d; }
.navBar li{ float:left; width:25%; height:1.4rem; }
.navBar li a{ width: 100%; height:1.16rem; font-size: .26rem; padding-top: .24rem; display:block; text-align:center; color:#fff; border-left: 1px solid #4f4f4f; }
.navBar li:first-child a{ border: 0 none;}
.navBar li a.hover,.navBar li a:active,.navBar li a:hover{ color: #199ad8; background: #232323;}
.navBar li a:before{  width:.52rem; height:.45rem; display:block; margin:0 auto .1rem; }
.navBar li:nth-child(1) a:before{ background-position:.05rem -.6rem;}
.navBar li:nth-child(2) a:before{ background-position:-.74rem -.6rem;}
.navBar li:nth-child(3) a:before{ background-position:-1.5rem -.6rem;}
.navBar li:nth-child(4) a:before{ background-position:-2.2rem -.6rem;}
.navBar li:nth-child(1) a.hover:before,.navBar li:nth-child(1) a:active:before,.navBar li:nth-child(1) a:hover:before{  background-position:.05rem -1.18rem;}
.navBar li:nth-child(2) a.hover:before,.navBar li:nth-child(2) a:active:before,.navBar li:nth-child(2) a:hover:before{  background-position:-.74rem -1.18rem;}
.navBar li:nth-child(3) a.hover:before,.navBar li:nth-child(3) a:active:before,.navBar li:nth-child(3) a:hover:before{  background-position:-1.5rem -1.18rem;}
.navBar li:nth-child(4) a.hover:before,.navBar li:nth-child(4) a:active:before,.navBar li:nth-child(4) a:hover:before{  background-position:-2.2rem -1.18rem;}


/**************category****************/
/**************category****************/
.content{ width:100%; padding-bottom: .2rem;}
/*menu*/
.menu{ width:94%; padding:.1rem 3%; background: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.menu .iconbef{ width:.36rem; height: .32rem; display: inline-block; cursor: pointer;}
.menu .goHome{ margin-right: .16rem;}
.menu .iconbef:before{ width:.36rem; height: .32rem;}
.menu .goBack:before{ background-position: -2.3rem 0;}
.menu .goHome:before{ background-position: -1.3rem 0;}
.menu .subSort:before{ background-position: -1.8rem 0;}
/*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: #199ad8;border:1px solid #199ad8; }
.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:98%; padding: 0 0 0 2%; height: .6rem; font-size: .22rem; margin: .2rem 0;  line-height: .6rem; background: #f6f6f6; border-top:1px solid #eee; border-bottom:1px solid #eee; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sitepath .btn{ width:1.5rem; height: .6rem; text-align: center; font-size: .22rem; }
.sitepath .btn:after{ width: .3rem; height: .2rem; margin-top: .08rem;  margin-left: .06rem; display: inline-block; background-position: -.73rem -1.94rem; }
.sitepath .btn.onbtn:after{ transform: rotate(180deg);  margin-top: -.08rem;  background-position: -.71rem -1.94rem; }
.showmenu{ width: 100%; }
.showmenu a{ width: 27.33%; height: .45rem; display: block; float: left; line-height: .45rem; text-align: center; border-radius: .04rem; color: #fff; background: #199ad8; margin: 0 3% 2%;}
/*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: #199ad8; color: #fff; border-radius: 5px; }
.pager .yem{ height: .4rem; display: inline-block; margin: 0px .1rem; line-height: .4rem;}
/*reLink*/
.reLink { margin: .3rem 2% .3rem; width: 96%; }
.reLink .prevLink, .reLink .nextLink { display: block; height: .5rem; line-height: .5rem; font-size: .22rem;
 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: #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); }
/*product.html*/ 
.listProduct .list{ width: 100%;}
.listProduct li{ width: 47%; margin-left: 2%; margin-bottom: 2%; float: left; box-sizing: border-box;  }
.listProduct li a{  display: block;}
.listProduct li figure{ width: 100%; padding-top: 75%;  position: relative; overflow: hidden; border-bottom: 1px solid #e0e0e0; }
.listProduct li figure img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.listProduct li h3{ height: .65rem; line-height: .65rem; text-align: center; }
.listProduct li:hover h3{ color: #199ad8; }
/*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.17rem; padding:.2rem 6% .2rem 2%; display: block; }
.newsList .itemdownload a{ width:92%; height: 0.12rem; padding:.2rem 6% .2rem 2%; display: block; }
.newsList .item h3{ font-size: .3rem; line-height: .38rem; font-weight: bold; margin-bottom: .08rem; color:#199ad8; }
.newsList .itemdownload h3{ font-size: .3rem; line-height: .38rem; font-weight: bold; margin-bottom: .08rem; color:#199ad8;display: inline; }
.newsList .item .txt{ color:#666666; font-size: .22rem; 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: #199ad8; font-size: .4rem; line-height: .45rem; margin-bottom: .05rem;}
.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 #199ad8; font-size: .24rem; text-indent: .1rem;}
.showInfo .contxt{ font-size: .24rem; line-height: .34rem; padding: 5% 3% 5%; overflow: hidden;}
.showInfo .contxt.hidden{ font-size: .24rem; line-height: .34rem; padding: 5% 3% 5%;display:none;}
.showInfo .contxt img{ width:96%; margin: 0px auto; height: auto !important; }
.showInfo .showSubTit span {padding: 5px;margin: 1px;background: #c4d9ef;cursor:pointer;}
.showInfo .showSubTit span.on{background: #1aa6ea;color: #f9f9f9;padding: 5px;margin: 1px;cursor:pointer;}
/* 留言样式   */
.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:.5rem; line-height:.5rem; }
.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:.5rem; border-radius:5px; -webkit-border-radius:5px; text-indent:8px; color: #333; }
.leave .ly { height:1rem; padding: .1rem 0; color: #666; border-radius:5px; -webkit-border-radius:5px; text-indent:8px; line-height:.22rem; 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:#199ad8; }
/*showproduct showimg*/
/*recomPro*/
.showimg{ width:100%; position: relative; }
.showimg .imglist{ width:4.2rem; height:3.15rem;   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 { height:3.15rem;  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:.1rem auto .4rem; line-height: .5rem; color: #fff; background: #199ad8; 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: 9999;background: #199ad8; 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: 0 -1.88rem;}
.subNav h2{ padding: 0px 0.85rem;
    height: 0.8rem;
    line-height: 0.8rem;}
.subNav h2:active{  background: #fff; }
.subNav h2 a{ color:#fff; font-size:.3rem; display: block;} 
.subNav h2:active a{ color: #199ad8; }
.subNav h2 em{ height:.02rem; background:#fff; display: block;}
/*catemore*/
.catemore{ width:96%; margin: 2% auto 6%; height: .5rem; line-height: .5rem; display: block; text-align: center; background: #f9f9f9; color: #136097; font-size: .22rem; box-shadow: 0px 1px 1px rgba(0,0,0,0.1);}
.catemore:active,.catemore:hover{ background: #4878b2; color: #fff;}
/*fenx*/
#nativeShare{margin:0 auto; width: 100%;padding-top: 0.3rem;}
#nativeShare .label{margin-left:0.2rem;font-size:0.24rem;color:#666666;line-height:0.6rem;}
#nativeShare .list {width:83%;float:right;}
#nativeShare .list span {height:0.9rem;width:0.8rem;padding:0;display:inline-block;}
#nativeShare .list span i {height:0.6rem; width:0.6rem;display: block;margin:0 auto;}
#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.72rem;}

#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%;}
/*留言提示*/
.tipLang{ position:fixed; left:0; top:0; width:100%; height:.8rem; line-height:.8rem; z-index:99; background:rgba(255,72,72,.9); text-align:center; color:#FFF; font-size:.26rem; overflow:hidden; visibility:hidden; z-index: 999; }
@-webkit-keyframes warm {
	0%{
		visibility:visible;
		-webkit-transform:translate(0,-1rem) scale(1,.5);
	}
	30%{
		visibility:visible;
		-webkit-transform:translate(0,0) scale(1,1);
	}
	70%{
		visibility:visible;
		-webkit-transform:translate(0,0) scale(1,1);
	}
	100%{
		visibility:visible;
		-webkit-transform:translate(0,-1rem) scale(1,.5);
	}
}
@keyframes warm {
	0%{
		visibility:visible;
		-webkit-transform:translate(0,-1rem) scale(1,.5);
		   -moz-transform:translate(0,-1rem) scale(1,.5);
			-ms-transform:translate(0,-1rem) scale(1,.5);
				transform:translate(0,-1rem) scale(1,.5);
	}
	30%{
		visibility:visible;
		-webkit-transform:translate(0,0) scale(1,1);
		   -moz-transform:translate(0,0) scale(1,1);
			-ms-transform:translate(0,0) scale(1,1);
				transform:translate(0,0) scale(1,1);
	}
	70%{
		visibility:visible;
		-webkit-transform:translate(0,0) scale(1,1);
		   -moz-transform:translate(0,0) scale(1,1);
			-ms-transform:translate(0,0) scale(1,1);
				transform:translate(0,0) scale(1,1);
	}
	100%{
		visibility:visible;
		-webkit-transform:translate(0,-1rem) scale(1,.5);
		   -moz-transform:translate(0,-1rem) scale(1,.5);
			-ms-transform:translate(0,-1rem) scale(1,.5);
				transform:translate(0,-1rem) scale(1,.5);
	}
}

/*字体*/ 
@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;
    }
}
/****font-face******/
@font-face {
      font-family: impact;
      src:url(../font/impact.ttf);
}