@charset "utf-8";
body, html {font-size:14px;color:#333;font-family:"JosefinSans-Regular","Microsoft YaHei",\5fae\8f6f\96c5\9ed1; background:#eeeeee url(../../weineng/concrete_seamless.png); margin-left:auto; margin-right:auto; min-width:320px; max-width:640px;}
a{color:#333;}a:hover{color:#000;text-decoration:none;}
.ax-col-xs-1, .ax-col-xs-2, .ax-col-xs-3, .ax-col-xs-4, .ax-col-xs-5, .ax-col-xs-6, .ax-col-xs-7, .ax-col-xs-8, .ax-col-xs-9, .ax-col-xs-10{position:relative;min-height:1px;}
.ax-col-xs-1, .ax-col-xs-2, .ax-col-xs-3, .ax-col-xs-4, .ax-col-xs-5, .ax-col-xs-6, .ax-col-xs-7, .ax-col-xs-8, .ax-col-xs-9, .ax-col-xs-10{float:left;}
.ax-col-xs-2{width:20%;}
.ax-col-xs-3{width:25%;}
.ax-plr0imp{ padding-left:0 !important; padding-right:0 !important;}
.ax-img-w img{ max-width:90%;margin:auto;padding:4px;background-color:#fff;border:1px solid #ddd;border-radius:4px;}

.ax-btn{border-top:none !important;}
.ax-bln{border-left:none !important;}

.ax-head{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden;}

.error{margin:10px;background:#FFF2BD;border-radius:4px;padding:10px 15px;-webkit-box-shadow:0 0 4px #CE9E60 inset;text-align:center} .error a{color:#06c;font-weight:700}
/*sub-menu-list*/
.sub-menu-list{position:absolute;margin:8px 0 0 4px;background:rgba(0,0,0,0.8);width:188px;z-index:99;box-shadow:0 0 3px rgba(0, 0, 0, 0.8);display:none;color:#FC0}
.sub-menu-list:after{position:absolute;top:-8px;left:62px;content:'';width:0;height:0;border:8px solid transparent;border-bottom: 8px solid rgba(0, 0, 0, 0.8);border-top:0;}
.sub-menu-list li{float:left;width:94px;line-height:40px;text-align:center;border-right:1px solid #181818;border-bottom:1px solid #181818;margin-right:-1px;font-size:16px}.sub-menu-list li a{display:block;color:#fff}


.nav-collapse{ /*min-width:320px; max-width:640px; margin:0 auto; overflow:hidden;*/}
.nav-collapse, .nav-collapse * { position:relative;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.nav-collapse, .nav-collapse ul {list-style:none; width:100%; float:left;}
.nav-collapse li {float:left; width:50%;}
@media screen and (min-width:1em) {
  .nav-collapse li {width:33.33333%; *width:32.5%; /* IE7 Hack */ _width:30%; /* IE6 Hack */}
}
.nav-collapse a {color:#fff; text-decoration:none; width:100%; background:#2668b4; border-top:1px solid white; border-left:1px solid white; padding:0.7em 1em; float:left; text-align:center;}
.nav-collapse .alt a {background:#555;}
@media screen and (min-width:1em) {
  .nav-collapse a {margin:0; padding:1em; float:left; text-align:center;}
}
.nav-collapse ul ul a {background:#ca3716; padding-left:2em;}
@media screen and (min-width:1em) {
  .nav-collapse ul ul a {display:none;}
}
.nav-toggle {
  -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:50px; height:50px; border-radius:25px; border:1px solid #f4421a; float:right; text-indent:-9999px; overflow:hidden; background:#f4421a url("img/hamburger.gif") no-repeat 50% 50%; position:relative; margin-top:-50px; z-index:7;}
@media screen and (-webkit-min-device-pixel-ratio:1.3), screen and (min--moz-device-pixel-ratio:1.3), screen and (-o-min-device-pixel-ratio:2 / 1), screen and (min-device-pixel-ratio:1.3), screen and (min-resolution:192dpi), screen and (min-resolution:2dppx) {
  .nav-toggle {background-image:url("img/hamburger-retina.gif"); -webkit-background-size:100px 100px; -moz-background-size:100px 100px; -o-background-size:100px 100px; background-size:100px 100px;}
}

.ax-unslider{ max-height:256px; overflow:hidden;}
.unslider{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden;}
.unslider, .unslider-wrap{position:relative;}
.unslider-wrap.unslider-carousel>li{float:left;}
.unslider-vertical>ul{height:100%; max-height:256px;}
.unslider-vertical li{float:none;width:100%;}
.unslider-fade{position:relative;}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:7;}
.unslider-fade .unslider-wrap li.unslider-active{z-index:7;}
.unslider-arrow{position:absolute;left:20px;top:20%;z-index:7;cursor:pointer; width:50px; height:150px; text-align:center; line-height:150px; background-color:rgba(0,0,0,0.3); color:#fff;}
.unslider-arrow.next{left:auto;right:20px;}
.unslider-nav{position:absolute;z-index:7;bottom:10px;left:50%;}
.unslider-nav ol li{display:inline-block;width:11px;height:11px;margin:0 4px;background:transparent;border-radius:5px;overflow:hidden;text-indent:-999em;border:2px solid #fff;cursor:pointer;}
.unslider-nav ol li.unslider-active{background:#fff;cursor:default;}
.ax-inner{ height:288px; background-color:#a00;}
.unslider-wrap, .unslider-wrap a{ background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
.unslider-wrap a img{ width:100%;}

.ax-line{/* margin:10px auto 30px;*/}
.ax-line i{ position:relative; top:90px; display:block; height:8px; margin:15px 0; background-image:url(../../weineng/xgray_line03.png);}
.ax-line a{ display:block; text-align:center;}
.ax-line h2, .ax-line h3{ display:inline-block;}
.ax-line h2{ color:#b6b6b6; font-size:26px;}
.ax-line h3{ font-size:35px; color:#c83c47; position:relative; padding:20px; background:#eeeeee url(../../weineng/concrete_seamless.png);}
.ax-line h3 b{ color:#523f7f;}
.ax-line h3 b strong{ padding:0 20px; top:-1px;}
.ax-line p{ display:inline-block; color:#5a5a5a; font-weight:normal;}

.ax-in-title{ background-color:#2668b4; color:#fff; font-size:16px; padding:10px;}
.ax-in-title i{ color:#b3b3b3; margin:0 10px; font-size:1.5em;}
.ax-in-title span, .ax-in-title a{ display:inline-block; line-height:28px; margin:0 5px;}
@media screen and (max-width:320px){
	.ax-in-entitle{ display:none !important;}
}
.ax-in-title a{-webkit-transition:all .5s;transition:all .5s;overflow:hidden;position:relative;z-index:9; padding:0 5px;}
.ax-in-title a:before, .ax-in-title a:after{content:"";position:absolute;z-index:-1;height:100%;width:0;top:0;background-color:#cc414c;-webkit-transition:all .4s;transition:all .4s;}
.ax-in-title a:before {left:-30px;-webkit-transform:skew(-45deg, 0);transform:skew(-45deg, 0);}
.ax-in-title a:after {right:-30px;-webkit-transform:skew(-45deg, 0);transform:skew(-45deg, 0);}
.ax-in-title a:hover{background-color:#cc414c;color:#fff;}
.ax-in-title a:hover:before, .ax-in-title a:hover:after {width:99%;}



.ax-in-list-pro dd img{ width:100%;}
.ax-in-list-pro dd .jqthumb{ margin:auto;padding:4px;background-color:#fff;border:1px solid #ddd;border-radius:4px;}
.ax-in-list-pro dd span{ display:inline-block; width:100%; padding:10px 0; text-align:center; color:#4A4A4A;}

.ax-footer{ position:fixed; bottom:0; left:0; width:100%; background-color:#332022;}
.ax-footer li a{ border-left:1px solid #fff;}
.ax-footer a, .ax-footer a i, .ax-footer a span{ display:block;}
.ax-footer a{ height:50px;}
.ax-footer a i{ height:30px; padding-top:5px;}
.ax-footer a i img{ height:100%; padding-top:5px;}
.ax-footer a span{ text-align:center; color:#fff;}

.ax-foot li.text-center{text-shadow: 1px 1px 0 #fff;}

.ax-header{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden;}
.ax-header ul{ width:100%; max-width:640px; border-bottom:2px solid #2668b4; background:#f1f1f1; display:-webkit-box; overflow:hidden;}
.ax-header ul li{ min-width:48px;}
.ax-header ul li.back{border-right:0px solid #900;}
.ax-header ul li.tit{-webkit-box-flex:1;position:relative;font-size:1.6rem;line-height:74px;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#413332;font-weight:700;text-align:center;}

.caption h5 a{ display:block;-webkit-box-flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.ax-content, .ax-title{ max-width:100%; margin:0 auto; overflow:hidden;}

.ax-Prev, .ax-Next{ display:inline-block; width:100%; height:200px; line-height:200px; background-repeat:no-repeat; background-position:center; font-size:36px; color:#fff; text-align:center;}
a.ax-Prev:hover, a.ax-Next:hover{ color:#fff; text-decoration:underline;}
.ax-Prev img, .ax-Next img { max-width:100%; height:200px; border:1px dashed #c83c47;}
.ax-Prev img:hover, .ax-Next img:hover { height:200px; border:1px dashed #ccc;}

/*page start*/
/*分页按钮*/
#flip{ color:#666; margin:7px 0;}
#flip .digg4{ font-family:'microsoft yahei'\5FAE\8F6F\96C5\9ED1,'simsun'b8b\4f53,arial;}
#flip .digg4 span,#flip .digg4 a{ display:inline-block; border:1px solid #ddd; padding:2px 5px; color:#aaa; margin:5px; text-decoration:none;}
#flip .digg4 strong{ display:inline-block; border:1px solid #ddd; padding:2px 5px; color:#8d022f; margin:5px; text-decoration:none;}
/*page end*/

.ax-articlelist li{ border-bottom:1px solid #d9d9d9; margin-top:10px;}
.ax-articlelist-img, .ax-articlelist-img img{ width:200px; height:137px;}
.ax-articlelist-img{ float:left; margin-right:8px;}
.ax-articlelist a:hover .ax-articlelist-img img{ background-color:#cc414c;}
.ax-articlelist-tta{ overflow:hidden;}
.ax-articlelist-title{ font-size:16px; white-space:nowrap; font-weight:bold;}
.ax-articlelist-time{ float:left; width:83px; height:83px; margin-right:15px; margin-bottom:15px; background-color:#2668b4; color:#fff; font-size:40px; font-weight:bold;}
.ax-articlelist-time b{ display:block; height:25px; line-height:25px; text-align:center; color:#fff; font-weight:normal;}
.ax-articlelist-time span{ display:block; height:55px; line-height:55px; text-align:center; color:#b6b6b6; font-size:26px;}
.ax-articlelist-abstract{ text-indent:2em; height:auto;}

.feedback ul li{ position:relative; display:block; border-bottom:1px dashed #c83c47; margin-bottom:20px;}
.feedback ul li div{ border-bottom:1px dotted #ccc;}
.feedback-title{ display:inline-block; margin-right:10px; text-align:right; width:100px; font-weight:bold;}
.feedbackRe{ color:#b00; border:1px dotted #b00;}

.ax-list .t1{ text-align:center;}

.ax-list .t1 img, .ax-list .t1 .jqthumb{margin:auto;padding:4px;background-color:#fff;border:1px solid #ddd;border-radius:4px; max-width:100%;}
.ax-list .t1 span{ display:block; width:100%; text-align:center;}
.ax-list .t1 p{ height:40px;}


.ax-title{ border-bottom:1px solid #ccc; line-height:51px; margin-bottom:20px; color:#666;}.ax-title a{ color:#888;}.ax-title a:hover{ color:#333; text-decoration:underline;}
.ax-content{ line-height:2; word-break:break-all;}.ax-content img{ max-width:100%;display:block; margin-left:auto; margin-right:auto;padding: 4px;background-color:#fff;border:1px solid #ddd;border-radius:4px;}

p.t_tools1{ margin:auto; font-size:14px; height:50px; line-height:50px; clear:both; text-transform:capitalize; text-align:center;}p.t_tools1 span{font-family:Georgia;}p.t_tools1 a{ color:#000;}

/*上下篇*/
.met_page{ text-align:left;}
.met_page strong{margin-right:15px;}

.prolist_page{ width:300px; height:300px; margin:10px;}
.prolist_page a{ height:298px; line-height:298px; display:block; margin:auto; text-shadow:1px 1px #ec421c; border:1px dashed #000;}
.prolist img{ margin:auto; max-height:298px; max-width:298px;}

.pshow { width:100%; overflow:hidden;}
.pshow .ulimg { margin:20px 0; text-align:center;}
.pshow .ulimg img{ max-width:100%; max-height:260px;}
.list-none { overflow:hidden; margin:10px 0px;}
.list-none li { width:100%; height:30px; line-height:30px; border-bottom:1px dashed #ccc;}
.list-none li span { display:block; float:left; width:50px; height:30px; line-height:30px;}

.ax-links a{ padding:5px 10px; border:1px dashed #ccc; margin:5px 10px; line-height:37px;}.ax-links a:hover{ background-color:#ccc;}


.ax-in-new-text div.newlist{ width:100%; height:83px; margin-bottom:15px; background-color:#f5f5f5;}
.ax-in-new-text div.newlist span{ display:inline-block; float:left; width:83px; height:83px; line-height:80px; margin-right:15px; background-color:#2668b4; color:#fff; font-size:40px; font-weight:bold; text-align:center;}
.ax-in-new-text div.newlist span div.newlistdate{ height:25px; line-height:25px; text-align:center; color:#fff;}
.ax-in-new-text div.newlist span div.newlistdatedd{ height:55px; line-height:55px; text-align:center; color:#b6b6b6; font-size:26px;}
.ax-in-new-text div.newlist div.titletext{ color:#989898;}
.ax-in-new-text div.newlist div.titletext b{ display:block; color:#333; font-weight:normal; line-height:35px;}

.ax-in-ab-text{ line-height:2; padding:10px;}

/*在线留言*/
#messagelist{ padding:15px;}
#messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;}
#about #messagelist dl.metlist{ width:685px; height:auto; margin-bottom:10px;}
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
#messagelist .metlist dt.title { height:30px; line-height:30px; width:660px; padding-top:4px;}
#messagelist .metlist dt span.name{ color:#2c7199; font-size:12px;}
#messagelist .metlist dt span.time{ padding-left:8px; color:#999; font-size:12px;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;}
#about #messagelist .metlist dd.info, #about #messagelist .metlist dd.reinfo{ width:685px; height:auto; background:none;}
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; text-align:left;}
#messagelist table{ margin:0px auto;}
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}


