@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;     margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 640px;
    overflow-x: hidden;
    min-height: 320px;} 
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-map{ margin-bottom:3rem}
/*头部*/
.g-hd{}
.g-hd .logo{height:7.5rem;background:#e8e8e8;}
.g-hd .logo h1{width: 100%; height:3.85rem;padding: 1.15rem 0 0;margin:0 auto;}
.g-hd .logo h1 img{display:block;     width: 50%;    margin: 0 auto;}
.g-hd .logo h1 em{    font-size: 1.1rem;    color: #333;    text-align: center;    display: block;    padding-top: 0.5rem;  font-weight: normal;}
.g-hd .nav{height:4.2rem;box-sizing: border-box; border-bottom:0.1rem solid #e0e0e0; padding:0; margin:0}
.g-hd .nav b{display: block; width: 80%; float:left;padding-left:4%;}
.g-hd .nav b a{display: block;font-size: 1.4rem; color:#1a1919; margin-left:2.4rem;line-height: 3.9rem; font-weight: normal;float:left;}
.g-hd .nav b a:first-child{margin-left: 0;   }
.g-hd .nav b i{display:none; width:100%; height:0.5rem; background:url(/mobile/images/index/tb.png) no-repeat center;background-size:100%; position: relative; top:0;z-index:100;}
.g-hd .nav b a.cur, .g-hd .nav b a:hover{font-weight: bold; color:#c8102e;}
.g-hd .nav b a.cur i,.g-hd .nav b a:hover i{display: block;}
.g-hd .nav .m-nav2{width: 8.5%; height:1.35rem; float:right; margin-top: 1.2rem; margin-right: 4%;}
.g-hd .nav .m-nav2 i{display: block; width: :;display: block; width: 100%; height:100%; background:url(/mobile/images/index/icon.png) no-repeat center; background-size:100%;}
.menu2 {position: relative;z-index: 100;}
.menu2 .erji{width:100%;display: none;overflow: hidden;position: absolute;background:url(/mobile/images/index/xlbj.jpg) no-repeat center;background-size:100% 100%;height: 49.4rem;max-width: 640px;top:5.2rem;right: 0;transition: transform 3s;-webkit-transition: transform 3s;}
.menu2 .erji span{display: block;width:73%; margin:0 auto; padding-top:2.55rem;}
.menu2 .erji span em a{display: block;height: 4.3rem;font-size: 1.4rem;color: #FFF; box-sizing: border-box;padding-left:1.3rem; background:url(/mobile/images/index/hg.png) no-repeat left; background-size:4%;}
.menu2 .erji span em{display:block;width: 43%;line-height: 4.3rem;height:4.3rem;float:left;background:url(/mobile/images/index/hg2.png) no-repeat bottom left;background-size:100%;}
.menu2 .erji span em:nth-child(2n){float:right;}
.menu2 .erji span em:last-child{border-bottom:0;}
.menu2 .erji span strong{float:right;width: 43%;line-height: 4.3rem;height:4.3rem;background:url(/mobile/images/index/hg2.png) no-repeat bottom left;background-size:100%;}
.menu2 .erji span strong a{display: block;font-size: 1.4rem;color: #FFF;background: #c8102e url(/mobile/images/index/phone.png) no-repeat 13%;background-size:15%; font-weight: normal; height: 2.5rem; line-height: 2.5rem; margin: 0.85rem 0; box-sizing: border-box;padding-left: 31%; }



/*底部*/
 .g-ft{height:19.7rem;}
.g-f{height: 15.7rem;background:#F5F5F5;padding-top:2.95rem;position: relative;box-sizing: border-box;}
.g-f span{display:block;width:11.2%;height:3.6rem; position:absolute;left:45%; top:-1.8rem;}
.g-f img{ width:100%}
.g-f .ewm{width:21.5%; height:6.9rem;margin:0 auto 1.3rem; padding-top:0.45rem; background:url(/mobile/images/index/kk.png) no-repeat center; background-size:100%; box-sizing: border-box;}
.g-f .ewm strong{display: block; width:86.9%;margin:0 auto; height:6rem;}
.g-f .ewm strong img{width:100%; }
.g-f p{ font-size: 1.1rem; line-height: 1.1rem;color:#333333; margin-bottom: 0.6rem; text-align:center}
.g-f p em{font-size: 1.1rem; color:#333333; }
.g-f p em a{font-size: 1.1rem; color:#333333; }
.g-f p em a.dt{padding-left:1.2rem; background:url(/mobile/images/index/ad.png) no-repeat left; background-size:13%;}
.g-f p em:last-child{margin-left: 18%;}
.g-ft .dbdh{height:3.5rem; background:#1A1919;position: fixed;bottom: 0;    min-width: 320px;  max-width: 640px; width: 100%;z-index:200;}
.g-ft .dbdh li{float:left;width:33.3%; line-height: 3.5rem; box-sizing: border-box; }
.g-ft .dbdh li a{display: block; padding-left:1.5rem;}
.g-ft .dbdh li em{display: block;font-size:1.3rem; color:#d9d9d9; padding-left:1.25rem; background:url(/mobile/images/index/hg.png) no-repeat left; background-size:4%;}
.g-ft .dbdh li:hover{background:#C8102E;}


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:480px){html{font-size:    15px;}}
@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:640px){html{font-size:    20px;}}