@charset "utf-8";
* {margin:0;padding:0;word-wrap: break-word;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,hr {margin:0; padding:0;border:0;}
body {position: relative;width:100%;max-width:800px;min-width: 320px;margin: 0 auto;background:#e5e9ec;height: 100%;font-size:14px;font-family: "Microsoft Yahei",tahoma,arial,\5b8b\4f53,Helvetica,sans-serif;color:#333;}
div,dl,dt,dd,ol,ul,li{zoom:1;list-style-type:none;}
caption,em,th,i {font-weight:normal;font-style:normal;}
input{font-family: "Microsoft Yahei",tahoma,arial,\5b8b\4f53,Helvetica,sans-serif;}
fieldset{border: none;}
pre{max-width:100%;white-space:pre-wrap;word-wrap:break-word;}
img {border: none;max-width: 100%;}
a {color: #333; text-decoration: none;}
a:hover {text-decoration: none; color:#c71730;}

table {empty-cells: show; border-collapse: collapse;}
td{vertical-align:top;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h1,.f18{font-size:18px;}
h2,.f16{font-size:16px;}
h3,.f14{font-size:14px;}

.lh26{line-height:26px;}
.lh30{line-height:30px;}
.noview{display:none;}
.clear{clear:both;}
.bd1{border:1px solid #ddd;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.c{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.ofh{overflow:hidden;}
.xddw{position:relative;}
.jddw{position:absolute;}

.inp{border:1px solid #CCC; padding:3px; border-top-color:#666;border-left-color:#666;background-color:#F6F6F6; line-height:14px;}
.inp:hover{border:1px solid #5EA2D9;background-color:#EDF3F8;}
.btnmini,.btnbig{border:1px solid #d50006; overflow:hidden; border-top:#d50006;border-left:#d50006;background-color:#d50006;font-weight:bold;color:#fff; cursor:pointer}
.btnmini{padding:0 10px; line-height:17px;height:24px;}
.btnbig{padding:5px 10px;font-size:14px; height:30px;margin-top:5px}

.wp{width:100%;margin:10px auto;}

/*********header**************/
.header {height: 50px!important;position: relative;z-index: 990;}
.head {text-align: left;position: fixed;width: 100%;height:50px;top: 0;right: 0;background: #212c34!important;line-height:50px;z-index: 999;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.head .logo {display: block;width: 300px;height:50px;line-height:50px;overflow:hidden;margin: 0 0 0 10px;font-size:18px;color:#fff;}
.head .logo a{font-size:18px;color:#fff;}
.head .goback{width:30px;height:30px;line-height:30px;position:absolute;top:10px;left:10px;font-size:20px;color:#fff;}
.head .goback a{font-size:20px;color:#fff;}
.head .nowfidname{height:40px;line-height:40px;width:160px;position: absolute;top:5px;left:50%;margin-left:-80px;font-size:20px;color:#fff;text-align:center;overflow:hidden;}
.head .nav-btn{width:10%;height:100%;position:absolute;right:10px;top:0;overflow: hidden;font-size:24px;color:#fff;text-align:right;}

/*inav*/
.hnav2{margin-bottom:10px;}
.hnav2 .son{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:33.3%;border-top:1px solid #063c9e;border-right:1px solid #063c9e;text-align:center;color:#FFF;font-size:16px;line-height:46px;background:#145ab3;}
.hnav2 .son:nth-child(-n+3){border-top:none;}
.hnav2 .son:nth-child(3n){border-right:none;}
.clear:after{display:block;clear:both;visibility:hidden;height:0;font-size:0;content:".";}

.sonmenu{background:#fff;padding:10px 0;line-height:30px;margin-top:10px;}
.sonmenu a{display:inline-block;padding:3px 5px;margin:0 1%;background:#666;color:#fff;text-align:center;}
.sonmenu a.on{background:#145ab3;}
.sonmenu a:hover{background:#145ab3;}

.wk{border:0px solid #ddd;background:#fff;margin:0 0 15px;padding:5px;}
.wk .tit{height:33px;line-height:33px;padding-right:10px;border-bottom:1px solid #eee;}
.wk .tit h3{width:120px;padding-left:12px;float:left;font-size:15px;}
.wk .tit h3 em{color:#d8261c;font-style:normal;}
.wk .tit .more{float:right;text-align:right;}
.wk .con{padding:6px 0;line-height:26px;}
.wk .con li{padding-left:12px;background:url(li_ico.gif) left 6px no-repeat;}
.wk .con li span{float:right;font-size:12px;font-weight:normal;color:#999;}

.wk .content{padding:6px 0;line-height:26px;}

/******首页******/
.ibox{padding:10px 5px;margin-bottom:15px;background:#fff;}
.ibox .tit{height:50px;background:url(iboxtitbg.png) left center repeat-x;}
.ibox .tit h3{width:160px;height:50px;background:#fff;margin:auto;font-size:22px;line-height:50px;text-align:center;color:#333;}
.ibox .con{padding:5px 0;line-height:26px;margin:5px 0;}
.ibox .more{display:block;width:40%;height:40px;line-height:40px;text-align:center;background:#d41720;margin:15px auto;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.ibox .more a{color:#fff;font-size:16px;}

.xiaobt {font-size: 14px;color: #ff6600;margin-top: 15px;font-weight: normal;}

.bigbut{display:block;width:30%;height:40px;line-height:40px;text-align:center;background:#c71730;margin:15px auto;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.bigbut a{color:#fff;font-size:16px;}
.bigbut a:hover{color:#ffff00;}

.inews{width:100%;border-bottom:1px solid #eee;margin-bottom:10px;}
.inews td{padding:5px; vertical-align:top;}
.inews .td1{width:110px;}
.inews .td1 img{width:90px;height:70px;}
.inews .td2{background:url(inewsico.png) right center no-repeat;padding-right:10px;}
.inews .td2 a{font-size:14px;}
.inews .td2 p{margin-top:5px;color:#666;font-size:12px;}

/******内页图排列 css控制图片宽高比例******/
.autopiclist{width:50%;float:left;text-align:center;margin:0 0 10px 0;}
.autopiclist .pic{width:95%;height:0;padding-bottom:95%;margin:auto;border:1px solid #dfdfdf;overflow:hidden;position:relative;}
.autopiclist .pic img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;transition: All 0.4s ease-in-out;}
.autopiclist .pic img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.autopiclist .bt{width:95%;margin:5px auto;height:30px;line-height:30px;overflow:hidden;}
.autopiclist .info{width:95%;margin:auto;height:20px;line-height:20px;overflow:hidden;text-align:left;}
.autopiclist .info span{font-weight:700;color:#eb155b;font-size:14px;padding-right:10px;}
.autopiclist .info del{color:#666;}

/******图排列 通用******/
.listpic{width:50%;float:left;text-align:center;margin:0 0 10px 0;overflow:hidden;}
.listpic .pic{position:relative;width:95%;border:1px solid #dfdfdf;margin:auto;overflow:hidden;}
.listpic .pic img{width:100%;display:block;}
.listpic .title{width:95%;margin:auto;height:30px;line-height:30px;overflow:hidden;text-align:center;}
.listpic .price{width:95%;margin:auto;color:#e6514e;font-size:16px;text-align:left;line-height:24px;}

/***当前位置***/
.position{ border-bottom:2px solid #c81731;line-height:36px;padding-bottom:5px;color:#333;font-size:16px;font-weight:bold;}

.nav-button{display:block;width:40%;height:40px;line-height:40px;text-align:center;background:#c71730;margin:15px auto;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#fff;font-size:16px;}

.hottag{padding:6px;line-height:34px;}
.hottag a{display:inline-block;line-height:24px;margin:0 0 0 3px;border: 1px solid #ddd;background:#fff;padding:0 6px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.hottag a.on{border:1px solid #c71730;background:#c71730;color:#fff;}

/***主体内容部分***/
h1.title{font-size:18px;padding:10px;line-height:30px;}
.artinfo{ line-height:30px;border:1px solid #E7E7E7; font-family:Verdana, Geneva, sans-serif; border-left:0;border-right:0;background-color:#F3F3F3;color:#999; text-align:center;}
.artbody{line-height:26px;padding:10px 0;}
.artbody img{display:block;margin:10px auto;}
.artbody a{color:#d41720;text-decoration:underline;}
.artbody table{width:95%;margin:auto;}
.artbody td{vertical-align:middle;padding:5px 0;border:1px solid #ddd;}

.photos{text-align:center;padding-top:10px;}
.photos img{margin-bottom:10px;width:100%;}

.bodytype{height:40px;line-height:40px;padding-left:30px;font-size:14px;font-weight:bold;color:#ff6600;background:url(cplistbg.jpg) no-repeat;margin:30px 0 10px 0;}
.bodycon{padding:0 15px;line-height:26px;}

.content .prev{ padding-top:20px;}
.content .prev a{margin-right:20px;color:#666;}

/**********分页********/
#fcpage {clear:both;text-align:center;margin:auto;padding:10px 0;overflow:hidden;}
#fcpage a,#fcpage span{display:inline-block;height:28px;line-height:28px;font-size:12px;margin:0 2px 5px 0;padding:0 10px;}
#fcpage a{background:#fff;border:#ddd solid 1px;color:#666;}
#fcpage a:hover,#fcpage a.on,#fcpage span{border:#ff6600 solid 1px;color:#fff;background:#ff6600;}

/*留言表单*/
.table_form{font-size:14px}
.table_form th{font-weight:normal; text-align:right;padding-right:10px; color:#777}
.table_form td label{ vertical-align:middle}
.table_form td,.table_form th{padding:2px}
.table_form tbody td,.table_form tbody th{border-bottom:0px solid #eee; }
.table_form .input-text{border: 1px solid #D0D0D0;height: 18px;margin: 0 5px 0 0;padding: 2px 0 2px 5px;border: 1px solid #d0d0d0;background: #fff;font-size: 12px;width:95%;}
.table_form textarea{border: 1px solid #D0D0D0;width:95%;height:100px;margin: 0 5px 0 0;padding:3px;border: 1px solid #d0d0d0;background: #fff;font-size: 12px;}

.bottom{padding:0 0 60px;text-align:center;line-height:22px;}

/*********备用**************/
.foot{width:100%;float:left; height:49px; background:#232f36; position:fixed; left:0;bottom:0; z-index:99;}
.foot a {width:20%;float:left; height:42px; text-align:center;padding-top:7px; font-size:12px;color:#fff;}
.foot a:hover{background:#192027;}
.foot span{width:100%;float:left; margin:0px; padding:0px; line-height:18px;}
.foot span img{height:18px;}

#omake{z-index:999;display:none;width:80%;margin:0 auto;text-align: center;position:fixed;bottom:60px;left:0;right:0;padding:20px 0;background:#fff;font-size:1pc;line-height:2;border-radius:5px;box-shadow:0 0 10px #000;}
#omake #cancel{background: #fff; padding: 2px; position: absolute; top: -9pt; right: -9pt; border-radius: 50%; cursor: pointer; box-shadow: 0 0 10px #666;}
#omake span{font-size:22px;background:#f00;color:#fff;font-weight:bold;padding:0 10px;}

.nav{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:-1;}
.nav li{width:220px;margin:0 auto;text-align: center;}
.nav li a{display:block;width:100%;font:700 16px/50px '微软雅黑';color:#869ca8;}
.nav li a span{margin-right:3%;font-size:24px}
.nav li p{text-indent:70px;}
.nav li:last-child{margin-bottom:20%;}
.fixed li{border-bottom:1px solid #333;}

.allpage{position:relative;z-index:10;padding:0;background:#e5e9ec;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;}
.clicked{right:220px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;left:auto;}
.fixed{background:#222c35!important;width:220px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:1;overflow-x: hidden;-webkit-overflow-scrolling: touch}
.black-fixed{position:fixed;z-index:9999;top:0;right:0;width:0;height:100%;background:rgba(0,0,0,0.9);text-align:right;font-size:40px;color:#fff;line-height:1.2;overflow:hidden}
.black-clicked{width:100%;padding-right:2%;right:220px;}