@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;list-style: none;word-wrap:break-word; }
html{font-size:1.2rem;}
body{ background-color: #e0e0e0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
small { font-size: 0.7rem; }
ul, ol { list-style: none; }
li,div,dt,a,span,input,textarea,select,label{-webkit-tap-highlight-color:rgba(255,0,0,0);}
a {text-decoration: none; color:#333;}
a:hover { text-decoration: none;}
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; outline:none;}
input::-moz-placeholder,textarea::-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa;}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block;*zoom:1}
table { border-collapse: collapse; border-spacing: 0; }
.clear{ clear:both;height:0; overflow:hidden;}
.blank10{height:0.5rem;}
.blank15{height:0.75rem;}
.show{ display:block !important;}
.hide{ display:none !important;}
i{ font-style:normal;}
.fl{ float:left;}
.fr{ float:right;}
.whitebg{ background:#FFF;}
input,textarea,select{ -webkit-appearance: none;}
input[type="button"], input[type="submit"]{ padding:0.25rem 0.8rem !important; border:0; background:#3087C4; border-radius:0.15rem; color:#333;}
.wap{ max-width: 750px; position: relative; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background-color: #1f99d8; padding: 0px; }


/**header**/
.headerbox{ width:100%; position:fixed; background:#1f99d8; top:0; left:0; z-index:999;box-shadow: #000 0 3px 2px -5px;border-bottom:0.01rem solid #25b3ee;}
.header{ height:2.5rem; line-height:2.5rem;}
.header_l{ padding-left:0.5rem;}
.header_r{}
.header_l img{ height:1.2rem; margin-top:0.5rem; display:block;}
.header_r .text{ width:3rem; padding:0 0.5rem; height:1.2rem; line-height:1.2rem; border-radius:1.8rem; border:0; margin-right:0.5rem; background:#fff url(../images/iconfor.png) no-repeat 2.5rem center;}
.header .headin{ width:2.5rem; height:2.5rem; line-height:2.5rem; position:absolute; top:0; text-align:center;}
.header .headertit{ font-size:1rem; color:#333; text-align:center; height:2.5rem; line-height:2.5rem; padding:0 2.2rem;}
.header .logo{ width: 2.5rem; height: 2.5rem; line-height: 2.5rem; position: absolute; top: 0; text-align: center; }
.header .logo img{ width: 11rem; height: 1.8rem; margin-top: 0.5rem; padding-left: 10px; }
.header .headin img{ width:1.5rem; height:1.5rem; margin-top:0.5rem;}
.header .inleft{ left:0}
.header .inright{ right:0}
.header .inright span{display:block; transition:0.5s;}
.header .inright .close{display:none;}
.headerbox .slidebar{ position:fixed; z-index:9999; right:-40rem; top:0; background:#fefefe; height:100%; width:50%; box-shadow:0 0 0.7rem rgba(0,0,0,0.6); transition:0.5s; overflow-y:scroll}
.headerbox .slidebar.show{ right:0}
.headerbox .slidebar ul li{ height: 2.2rem; line-height: 2.2rem; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f4f4f4; }
.headerbox .slidebar ul .currclass{ padding-top: 0.5rem; }
.headerbox .slidebar ul li a{ font-size:0.8rem; color:#333; display:block; padding-left:1.5rem;}
.headerbox .slidebar .user{ background:#1f99d8 url(../images/userbg.png) no-repeat 125% 1rem; height:4rem; background-size:4rem; padding:0.4rem;}
.headerbox .slidebar .user .pic img{ width: 2.5rem; height: 2.5rem; padding-top: 1rem; padding-left: 0.8rem; }
.headerbox .slidebar .user .name{ margin-top:1rem;}
.headerbox .slidebar .user .name a{ display:inline-block; font-size:0.8rem; color:#333; padding:0 0.5rem; line-height:1.2rem;}
.fixbg{ background:rgba(0,0,0,0.3); position:fixed; left:0; top:0; width:100%; height:100%; display:none; z-index:3}

/*focus*/
.focus{ margin: 0 auto; position: relative; overflow: hidden;}
.focus .hd{ width:100%;position:absolute; z-index:1; bottom:0.25rem; text-align:center;}
.focus .hd ul{ display:inline-block; border-radius:0.3rem; font-size:0; vertical-align:top;}
.focus .hd ul li{ display: inline-block; width: 0.38rem; height: 0.38rem; border-radius: 0.3rem; margin: 0 0.25rem; vertical-align: top; overflow: hidden; background-color: #d80c18; }
.focus .hd ul .on{ background:#fcdc02;}
.focus .bd li img{ width:100%; background:url(../images/loading.gif) center center no-repeat;}

/*sow*/
.sow{ height: 5.6rem; background-color: #099; }
.sow img{width:100%;}

/*ICO*/
.tabico{ margin-bottom: 0em; margin-top: -16px; }
.tabico li{ box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; float: left; width: 33.333333333333%; overflow: hidden; padding: 1.0em 0em 0.8em 0em; border-left: 1px solid #ddeaf5; border-bottom: 1px solid #ddeaf5; background-color: #fefefe; }
.tabico li a{ display: block; }
.tabico p{ color: #333; font-size: 0.7rem; line-height: 1.2rem; }
.ICOA,.ICOB,.ICOC,.ICOD,.ICOE,.ICOF,.ICOG,.ICOH,.ICOI{ width: 2.5rem; height: 2.5rem; display: inline-block; }
.ICOA{background: url(../images/ICOA.png) no-repeat center; background-size:cover;}
.ICOB{background: url(../images/ICOB.png) no-repeat center; background-size:cover;}
.ICOC{background: url(../images/ICOC.png) no-repeat center; background-size:cover;}
.ICOD{background: url(../images/ICOD.png) no-repeat center; background-size:cover;}
.ICOE{background: url(../images/ICOE.png) no-repeat center; background-size:cover;}
.ICOF{background: url(../images/ICOF.png) no-repeat center; background-size:cover;}
.ICOG{background: url(../images/ICOG.png) no-repeat center; background-size:cover;}
.ICOH{background: url(../images/ICOH.png) no-repeat center; background-size:cover;}
.ICOI{background: url(../images/ICOI.png) no-repeat center; background-size:cover;}

/*partbox*/
.partbox{}
.parttit{ height: 2.3rem; line-height: 2.3rem; padding: 0 0.5rem; border-bottom: 1px solid #1f99d8; background-color: #1f99d8; }
.parttit .tit{ font-size: 0.9rem; text-align: left; display: inline-block; color: #FFF; }
.parttit .menu{ text-align:right;}
.parttit .menu a{ padding: 0 0.5rem; font-size: 0.7rem; display: inline-block; color: #FFF; }
.parttit .menu a.on{ border-bottom: 0rem solid #ff5102; color: #FFF; }
.indexfloor{}
.indexfloor ul{ display:none; float:left;}

/*NEWS*/
.indexnews{}
.indexnews ul{ width:100%; }
.indexnews ul li{ padding:0.3rem; position:relative; border-bottom:1px solid #f4f4f4;}
.indexnews ul li .text{ padding-left: 0rem;}
.indexnews ul li .text .info{font-size: 0.8rem; line-height: 1rem; height: 1.25rem; overflow: hidden; color: #333;  padding-top: 0.5rem; }
.indexnews ul li .text .infomore{ font-size: 0.7rem; line-height: 1rem; height: 1.25rem; overflow: hidden; color: #999; padding-top: 0.5rem; text-align: center; background-color: #fefefe; }
.indexnews ul li .text .info .time{ padding-left: 0.4rem; float: right; color: #999; font-size: 0.65rem; }


/*首页新闻*/
.indexnewspic{}
.indexnewspic ul{}
.indexnewspic ul li{ margin:0 0.5rem; padding:0.5rem 0; position:relative; border-bottom:1px solid #f4f4f4;}
.indexnewspic ul li .img{ width:5.2rem; height:3.9rem; position:absolute; left:0; top:0.5rem;}
.indexnewspic ul li .img img{ width: 100%; height: 100%; border: 1px solid #f4f4f4; }
.indexnewspic ul li .text{ padding-left:5.7rem;}
.indexnewspic ul li .text .name{font-size: 0.8rem;line-height:1rem; height: 2.1rem; overflow: hidden;color: #723c02;}
.indexnewspic ul li .text .info{ line-height: 1.01rem; height: 0.9rem; margin-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1.01rem; color: #333; font-weight: 500; }
.indexnewspic ul li .text .info .time{ float: right; text-align: right; font-size: 0.6rem; margin-top: 0.15rem; height: 0.9rem; color: #723c02; }

/*shopbox*/
.shopbox {width: 100%; overflow: hidden;}
.shopbox ul{ padding:0.5rem;}
.shopbox ul li{ width:48.5%; float:left; margin-bottom:0.8rem;}
.shopbox ul li:nth-child(2n+1){ margin-right:3%;}
.shopbox ul li .img{ overflow: hidden;border: 1px solid #EEE;}
.shopbox ul li .img img{ max-width: 100%; max-height:100%; display:block;}
.shopbox ul li .name{ font-size: 0.7rem; line-height: 1.3rem; height: 1.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.shopbox ul li .price .real{ font-size:0.75rem; color:#FD5F39}
.shopbox ul li .price .old{ color:#999; padding-left:0.5rem;}

/*shoppic*/
.shoppic ul{ padding:0.5rem;}
.shoppic ul li{ padding-bottom:0.5rem; width:48.5%; float:left; margin-bottom:0.5rem;}
.shoppic ul li:nth-child(2n+1){ margin-right:3%;}
.shoppic ul li .img{ overflow: hidden; border: 1px solid #1f99d8; }
.shoppic ul li .img img{ width:100%;height:100%; display: block;}
.shoppic ul li .name{ font-size: 0.7rem; line-height: 1.5rem; height: 1.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.shoppic ul li .price .real{ font-size:0.75rem; font-family:Georgia; color:#FD5F39}
.shoppic ul li .price .old{ color:#999; padding-left:0.5rem;}

/*footbox*/
.footbox{height: 2.5rem;background: #fefefe;bottom: 0;z-index: 99;left: 0; width: 100%; position: fixed; border-top:1px solid #e5e5e5;}
.flexbox{text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.footbox ul li{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;flex: 1; text-align:center;}
.footbox ul li a{ display: block; font-size: 0.5rem; line-height: 0.5rem; }
.footbox ul li a img{ display:block; width:1rem; height:1rem; margin:0.3rem auto}

.footer{ color:#FFF; text-align:center; font-size:0.7rem; padding:0.9rem 0; background-color:#1f99d8;}
.footer a{ color:#FFF; font-size:0.7rem; padding:0 0.3rem}
.footer .foot-link{ margin:0.7rem 0}
.footer .foot-link a{ color:#FFF; font-size:0.7rem; padding:0 0.3rem}

.hskf{text-align:center;width:100%;height:2rem;line-height:2rem;font-size:0.7rem;position:fixed;left:0;bottom:0; z-index:999}
.hskfone{background:-webkit-linear-gradient(left,#fc6f16,#ff4f1e);background:-o-linear-gradient(right,#fc6f16,#ff4f1e);background:-moz-linear-gradient(right,#fc6f16,#ff4f1e);width:50%;float:left;color:#FFF;height:2rem;line-height:2rem;}
.hskftwo{background:-webkit-linear-gradient(left,#69c226,#7ad736);background:-o-linear-gradient(right,#69c226,#7ad736);background:-moz-linear-gradient(right,#69c226,#7ad736);width:50%;float:left;color:#FFF;height:2rem;line-height:2rem;}