html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: normal 100% inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; background:#fff; color:#2b2b2b; -moz-user-select: none;-khtml-user-select: none;user-select: none; }
html,body{-webkit-touch-callout: none;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
td{ vertical-align:middle;}
code { padding: 3px 6px; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; background: #fcfcfc; border: 1px solid #e4e4e4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #3f8faf; }
/* Basic Alginment
================================================== */
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
img, object, video { height: auto; display: block; max-width:100%; }
img { width: auto; border: 0; -ms-interpolation-mode: bicubic; }
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display:block;}
.center{ text-align:center}

.nav{ position:fixed; right:18px; bottom:20px; height:0; width:100px;-webkit-transition:all 0.2s linear;overflow:hidden; background:url(../images/nav0331.png) no-repeat; background-size:100% 100%; z-index:998}
.nav h3{ font-size:14px}
.nav p{ font-size:8px}
.nav li{ position:absolute; text-align:center; width:100%; left:50%; margin-left:-50px;bottom:0px;-webkit-transition:all 0.2s linear; }
.nav li a{ color:#8b1b1b; text-decoration:none;}
.nav li a.on{ color:inherit}
.nav_btn{position:fixed;bottom:30px;right:49px; width:38px; height:38px; background:url("../images/btn_icon.png") no-repeat; background-size:contain; z-index:999;-webkit-transition:all 0.2s linear;-webkit-tap-highlight-color:rgba(255,0,0,0);}

.nav_bg.on{ position:fixed; width:100%; height:100%; background:rgba(255,255,255,0.6); z-index:100;padding-bottom:100000px;margin-bottom:-100000px;}
.nav.on{height:380px;}
.nav.on li.nav_1{bottom:295px}
.nav.on li.nav_2{bottom:255px}
.nav.on li.nav_3{bottom:215px}
.nav.on li.nav_4{bottom:255px}
.nav.on li.nav_5{bottom:215px}
.nav.on li.nav_6{bottom:175px}
.nav.on li.nav_7{bottom:135px}
.nav.on li.nav_8{bottom:95px}
.nav.on li.nav_9{bottom:55px}
/*.nav.on li.nav_10{bottom:60px}*/
.nav_btn.on{ -webkit-transform:rotate(45deg)}

.nav li.nav_top_bg{ height:74px; background:url(../images/nav_11.png) no-repeat center bottom #fff;background-size:contain;bottom:375px}
.nav li.nav_btm_bg{height:30px; background:url(../images/nav_13.png) no-repeat center top;background-size:contain; z-index:100;}
.elastic{ -webkit-animation:elastic 0.4s}
@-webkit-keyframes elastic{
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -16px, 0);
            transform: translate3d(0, -16px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -8px, 0);
            transform: translate3d(0, -8px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-2px,0);
            transform: translate3d(0,-2px,0);
  }
}

.chuyu_box{ position:absolute; width:100%;}
.chuyu{ max-width:640px; width:100%; position:relative; z-index:10; margin:0 auto; background:#fff; overflow:hidden}
.chuyu_div{ position:relative;}
.video{ position:absolute; z-index:5; bottom:-10px; left:12%; border-radius:5px 5px 0 0; overflow:hidden}
.video_top{ position:absolute; width:100%; bottom:0; left:0; z-index:6;}

.about{ padding:20px 15px;}
.about p{ line-height:1.5em; font-size:11px}
.about hr{ border:none;border-top:#c8c8c8 solid 1px; height:0; margin:30px 0; width:100%;}

.qyzp p{ font-size:12px}
.qyzp_top{padding:10px;}
.qyzp_top p{ line-height:1.5em; font-size:12px; text-indent:2em;}
.qyzp_top a{ display:inline-block;color:#8b1b1b; text-decoration:none}
.qyzp_mar_top{line-height:2em; font-size:12px; margin-top:20px; text-align:center}

.qyzp_block{ width:100%; margin:0 auto; border-top:#626260 dashed 1px; padding:60px 0; font-size:11px}
.qyzp_block .qyzp_title{ margin-left:2%; font-size:14px;}
.qyzp_zw{ margin-top:20px}
.qyzp_zw li{ width:29.33%; margin:0 2%; float:left; text-align:center;background:url(../images/about_bg.jpg) no-repeat; background-size:contain; cursor:pointer}
.qyzp_zw li > div{ height:90px; width:100%; }
.qyzp_zw li.on > div{background:url(../images/about_bg2.jpg) no-repeat 20px bottom;}
.qyzp_zw h3{ font-size:10px; color:#fff; text-align:center; margin-left:8px; margin-top:22%;}
.qyzp_zw p{ color:#49b5cf; font-size:5px;margin-left:8px; margin-top:5px}
.qyzp_yq{}
.qyzp_yq li{ width:91%; margin-left:2%; margin-top:-1px; padding:10px 2%; border:#818181 solid 1px; display:none;}
.qyzp_yq li.on{ display:block}
.qyzp_yq h3{ font-size:12px; font-weight:100}
.qyzp_yq div{ margin:20px 0}
.qyzp_yq p{ color:#5a5a5a;}
.qyzp_more{ text-align:right; padding-top:20px;}
.qyzp_more a{ margin-right:15px;color:#8b1b1b;}
.company_welfare{ margin-left:2%; margin-top:20px}
.company_welfare p{ line-height:1.5em; font-size:11px}

.zpgw_title{font-size:20px; margin-bottom:10px; margin-left:10px; padding:30px 0 }
.zpgw{ padding:10px;}
.zpgw li{ padding-bottom:35px}
.zpgw h3{ font-size:16px; margin-left:0; margin-bottom:0px}
.zpgw div h3{ font-size:14px; font-weight:100; margin-left:0; margin-bottom:5px;}
.zpgw div{ margin:15px 0; }
.zpgw div p{line-height:1.5em; font-size:12px}

.qyzp_top_c{text-indent:2em; font-size:12px; padding-bottom:15px;}
.qyzp_top_c p{line-height:1.5em;}
.qyzp_box{border-top:#626260 dashed 1px; padding:30px 0 50px;}
.qyzp_box h3{ font-size:14px; margin-bottom:30px; margin-left:10px}
.qyzp_box_pic{ text-align:center; margin:30px 0 10px; padding:0 10px}
.qyzp_box_pic img{ width:auto}
.padding_t_20{ padding-top:20px;}

.wid_380{ width:380px; position:relative; left:50%; margin-left:-190px;}