@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ul, ol, li, dl, dt, dd { list-style:none; float:none; }
ul,ol,li{list-style:none;}
em,i{font-style:normal;}
img{border:none;}
img,table{ border:0; border-collapse:collapse; border-spacing:0;}
img ,input{vertical-align:middle;}
i,em{font-style: normal;}
a{text-decoration:none; outline:none;}
.clearfix:after{display:block;content:'';clear:both;visibility:hidden;}
.none{display:none;}
.no-spacing{margin:0;padding:0;}
.margin-center{margin:0 auto;text-align:center;}
/*html5*/
article,aside,details,figcaption,figure,footer,header,nav,section{display:block;margin:0;padding:0;}
audio{display:none}
canvas,video{display:inline-block;*display:inline;*zoom:1}
[hidden]{display:none}
audio[controls]{display:inline-block;*display:inline;*zoom:1}

body{background:#eee;font-family: "Microsoft YaHei";font-size:14px;}


body { background:#e8e8e8;}
a{color:#333;}

/******************************************头部标题**********************************************/
.headTop { width:100%; background:#fafafa; position:fixed; top: 0; left: 0; height:48px; z-index: 99; border-bottom:1px solid #b1b1b1;}
.headTop .topleft { display:block; float: left; cursor:pointer; height: 48px;}
.headTop .topleft div{float:left;padding:16px 8px 16px 10px;text-align:center;}
.headTop .topleft div img {display: block;vertical-align: middle;width: 10px;}
.headTop .topleft a.tBack{float:left;padding: 14px 8px 14px 10px;text-align: center;position:absolute;left:0;top:0;z-index:99;}
.headTop .topleft a.tBack img{width: 10px;}
.headTop .topleft div.goIndex {margin-left: 10px;padding: 13px 10px 13px 8px; position:absolute; left:28px;top:0;z-index:99;}
.headTop .topleft div.goIndex img{width: 15px;}
.headTop .topleft:active { background: #e1e1e1;}
.headTop .topleft a.tBack:active,.headTop .topleft div.goIndex:active{background: #e1e1e1;}

.headTop .topcenter {width:100%;height:48px;line-height:48px;position:absolute;left:0;top:0;text-align:center;font-size:18px;color:#626871;z-index:-1;  float:left;padding:0 12px 0 0;}

.headTop .topright { cursor:pointer; text-align:center; position:absolute; top:0; right:0;}
.headTop .topright .ripoction { display:block; cursor:pointer; padding:16px 15px; cursor: pointer;}
.headTop .topright .ripottj { display:block; cursor:pointer; padding: 0 15px; line-height: 48px; color: #0081cc; font-size: 1.6px; cursor: pointer;}
.headTop .topright .ripoction img { display: block; vertical-align:middle; width:4px;}
.headtopwarp { position:absolute; box-shadow: 0 0 2px #616161; top:49px; right:2px; width:140px; background:#fff; z-index:100;}
.headtopwarp a { display:block; cursor:pointer; height:50px; border-bottom:1px solid #f1f1f1; line-height:50px; color:#666; font-size:16px; cursor: pointer;}
.headtopwarp a span { display:inline-block; height:50px; width:30px; text-align:center; float:left;}
.headtopwarp a span img { width:18px; margin:0 0 0 18px;vertical-align:middle;}
.headtopwarp a.hover { background:#e1e1e1;}
.headtopwarp a:active { background: #e1e1e1;}
.headtopwarp i { display:block; float:right; margin-top:-6px; margin-right:13px; height:0; width:0; border-left:5px solid transparent; border-right:5px solid transparent;border-bottom:6px solid #fff;}

.headtopwarp a span img { margin-top:15px;}



.buttonbuy { background:#5eba8b; padding:20px 0px;}
.buttonbuy a{ display:block; width:40%; margin:0 auto;}

.ruleFrame { margin:20px 0px; background:#fff; padding-top:0px; color:#404040; font-size:14px; line-height:24px;}
.rfTitle { padding:5px 10px; position:relative; border-bottom:1px solid #d6d6d6;}
.rfTitle a{ display:block; width:5%; position:absolute; right:10px; top:28px;}
.rfTxt { padding:10px;}

.hotTitle { padding:5px 0px; background:#fff; text-align:center; border-bottom:1px solid #e5e5e5}
.hotPhone { padding:10px; background:#fff; border-bottom:1px solid #e5e5e5}

.hpItem { margin-right:1%; width:24%; float:left; position:relative;}
.hpInfo { width:100%; position:absolute; left:0px; bottom:0px; background:url(../images/UI/infobg.jpg) repeat-y 0 0; background-size:100% auto;}
.sicon { position:absolute; width:15%; right:5%; bottom:3px;}
.hpInfo h3{ text-align:center; color:#fff; font-weight:bold; line-height:24px;}
.hpPrice { text-align:center; color:#fff;}

a.BtnMore { display:block; text-align:center; line-height:40px; color:#32aadf; background:#fff; font-size:16px;}
.contantFrame { margin-top:20px;}