@charset "utf-8";
/*格式化*/
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; padding-top:1px;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-pa{ position:absolute;} /*定位*/
.f-di{ display:inline;}

/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/


/*-------CSS3特效集合--------*/
@keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@keyframes xshow2 {0% {opacity:0;}20% {opacity:1;}40% {opacity:0;}60% {opacity:1;}80% {opacity:0;}100% {opacity:0;}}
@-webkit-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes buttonHover{0% {box-shadow:0 0 5px #808080;}50% {box-shadow:0 0 12px #808080;}100%{box-shadow:0 0 5px #808080;}}
@keyframes buttonHover{0% {box-shadow:0 0 5px #808080;}50% {box-shadow:0 0 12px #808080;}100% {box-shadow:0 0 5px #808080;}}

/* 夜间模式  */
.nightMode{ position:fixed; top:0; left:0; z-index:9999; width:100%; height:150%; background:#000;opacity:0.0;display:none; pointer-events:none;}

.f_cb:after,.f_cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f_cb,.f_cbli li{zoom:1;} 
.f_fl{ float:left;}
.f_fr{ float:right;}
.f_pr{ position: relative;}
.f_pa{ position: absolute;}

.til01{line-height:3.2rem;font-size:2.5rem;color: #921c22;text-align: center;white-space: nowrap;position: relative;z-index: 1;padding: 0 0 1.9rem;}
.til01 span{display: block;font-size:1rem;line-height:1.2rem;color: #666;letter-spacing:0.2rem;text-transform: uppercase;opacity: 0.5;letter-spacing: 0.8rem;}
.til01 p{display: block;font-size:1.1rem;line-height:1.8rem;color: #666;}


/*头部*/
.g-hd{position: relative;z-index:19;background: #f6f6f6;}
.m-logo{position: relative;padding:2rem 0 0;height: 6.95rem;text-align: center;background: #921c22;font-size:1.2rem;line-height: 2.55rem;color: #c2c2c2;display: block;width: 100%;}
.m-logo span{width:56.72%;display: block;margin: 0 auto;}
.m-logo span img{width:100%;display: block;}
.t_con{clear: both;width: 100%;line-height:5.2rem;height:5.2rem;position: relative;z-index: 1;}
.t_con:before{content:"";position: absolute;width: 100%;height:0.2rem;background: #c6c5c5;left: 0;bottom: 0;z-index: -1;}
.m-text{font-size:1.3rem;white-space: nowrap;color: #1a1919;width: 84%;float: left;}
.m-text a{display:block;color: #1a1919;margin-left: 1.5rem;height: 5rem;float: left;}
.m-text span.cur a,.m-text a:hover{color: #921c22;border-bottom: solid 0.2rem #921c22;}

.downmenu{width:12.5%;display: block;position: absolute;right: 0;top:1.9rem;}
.wrap .downmenu img{width:2.5rem;display: block;}

.head2 .menu_btn a.downmenu.hover {
  background:#fb4c36;
  border-radius:5px;
  box-shadow:1px 1px 1px #666;
}
.menu2{position: relative;z-index:9;}


.menu2 .slideMenu{ 
  width:80%;padding:1.2rem 10% 18.2rem; display: none;z-index:100;background: url(../images/common/slidebg.jpg) no-repeat center bottom #fff7f5;-webkit-background-size:100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto;
  overflow:hidden;
  position:absolute;
  top:0; 
  right:0; 
  transition:transform 1s;
  -webkit-transition:transform 1s;
}
.menu2 .slideMenu li{border-bottom: 1px solid #e4dcdd;color:#000;line-height:3.5rem; font-size:1.4rem;width: 45%;float: left;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.menu2 .slideMenu ul li:nth-child(2n){margin-left: 10%;}
.menu2 .slideMenu li a{ color:#000;display:block;line-height:3.5rem;background: url(../images/common/t_ico1.png) no-repeat 0 center;-webkit-background-size:0.3rem 0.6rem; -moz-background-size: 0.3rem 0.6rem; -o-background-size: 0.3rem 0.6rem; background-size: 0.3rem 0.6rem;padding: 0 0 0 1.2rem;}
.menu2 .slideMenu ul li:last-child{padding: 0.5rem 0;}
.menu2 .slideMenu ul li:last-child a{ color:#fff;display:block;line-height:2.5rem;height:2.5rem;padding: 0;background: #ac312c;text-align: center;}
.menu2 .slideMenu ul li:last-child span{ color:#fff;display:inline-block;background: url(../images/common/t_ico2.gif) no-repeat 0 center;-webkit-background-size:1.5rem 1.5rem; -moz-background-size: 1.5rem 1.5rem; -o-background-size: 1.5rem 1.5rem; background-size: 1.5rem 1.5rem;padding: 0 0 0 2.2rem;}


/*底部*/
.g-ft{height:auto;padding:0 0 5rem;position:relative;z-index:99;font-size: 1.2rem;    line-height: 2.4rem;z-index:19;color: #787878;text-align: center;margin: 0 auto;}
.ontop{width:4.5rem;height:4.5rem;display: block;text-align: center;background:#e9e9e9;position: absolute;top: -2.2rem;left: 50%;margin-left: -2.25rem;overflow: hidden;border-radius: 4.5rem;}
.ontop span img{display: block;width: 1.4rem;height: 0.75rem;margin:1.5rem auto 0;}
.f_code{height:14.8rem;padding:3rem 4% 0;text-align: center;line-height: 2.3rem;background: #e9e9e9;color: #000;}
.f_code p{width: 50%;float: left;}
.f_code span{display:block;width: 10rem;margin: 0 auto;}

.social_nav5{height:5rem;position:fixed;bottom:0;min-width:320px;max-width:640px;width:100%;z-index:999;text-align: center;line-height:5rem;background:#921c22;}
.social_nav5 li{height:5rem;width:25%;font-size:1.1rem;float:left;color:#fff;position:relative;}
.social_nav5 li p{font-size:1rem;color:#fff;position:absolute;bottom: 5.5rem;left: 0.5rem;background: #921c22;border-radius: 0.3rem;padding: 1.1rem 1.5rem;line-height: 2.7rem;width: 15.3rem;display: none;}
.social_nav5 li p:before{content: "";position: absolute;width: 0;height: 0;left: 1.35rem;bottom: -1.4rem;border-right:0.8rem solid transparent;border-bottom:0.8rem solid transparent;border-top:0.8rem solid #921c22;}
.social_nav5 li:last-child p{ left:auto; right:1.35rem}
.social_nav5 li:last-child p:before{ left:auto; right:1rem}
.social_nav5 li p a{color:#fff;display: block;width: 50%;float: left;text-align: center;border-bottom: solid 1px #b05e62;}
.social_nav5 li:hover,.social_nav5 li.cur{background:#921c22;}
.social_nav5 li span{display: inline-block;color:#fff;padding:0 0 0 0.8rem;opacity: 0.9;background: url(../images/common/f_ico1.png) no-repeat 0 center;-webkit-background-size:0.3rem 0.6rem; -moz-background-size: 0.3rem 0.6rem; -o-background-size: 0.3rem 0.6rem; background-size: 0.3rem 0.6rem;}



html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size: 10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:400px){html{font-size: 12.5px;}}
@media screen and (min-width:480px){html{font-size: 15px;}}
@media screen and (min-width:520px){html{font-size: 16.25px;}}
@media screen and (min-width:414px){html{font-size: 13px;}}
@media screen and (min-width:560px){html{font-size: 17.5px;}}
@media screen and (min-width:600px){html{font-size: 18.75px;}}
@media screen and (min-width:640px){html{font-size: 20px;}}


.poj_attr{ padding:0 1rem; float:left;background: #f6f6f6;}
.poj_attr dl{ float:left; width:100%;padding: 1rem 0;    border-bottom: 1px solid #dfdfdf;}
.poj_attr dl dt{ float:left; width:24%; text-align:center; position:relative}
.poj_attr dl dt em{ color:#333; line-height: 2rem; text-align:center; font-size:1.2rem; font-weight:bold}
.poj_attr dl dt em:before{ content: "";
    position: absolute;
    width: 0.1rem;
    height: 1.2rem;
    background: #cecece;
    right: 0;
    top: 0.4rem;}
.poj_attr dl dd{}
.poj_attr dl dd p{ float:left; width:74%;}
.poj_attr dl dd p em{ color:#333;margin-left:1rem; line-height: 2rem; float:left;font-size:1.2rem}
.poj_attr dl dd p em.cur{color: #921c22;}
.poj_attr dl dd p a{ margin-left:1rem; line-height: 2rem; float:left;font-size:1.2rem; color:#666}
.poj_attr dl dd p a.cur{color: #921c22;}