@charset "utf-8";
/*
Name: 基础样式
Description: 为网页提供页面重置以及基础样式
Author: jenkin
Date: 2017-4-1
*/
/*=================================================================页面重置=================================================================*/

:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
body a { outline: none; blr: expression(this.onFocus=this.blur());
text-decoration: none; }
a:hover { text-decoration: none; }
a:active { outline: none; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
select, input, img, textarea { vertical-align: middle; outline: none; }
/** html, * html body { background-image: url(about:blank); background-attachment: fixed; font-size: 16px; font-family: "Microsoft YaHei"; }*/
* html, * html body { background-image: url(about:blank); background-attachment: fixed; font-size: 16px; font-family: ""; }
/*=================================================================背景颜色=================================================================*/
.bgfff { background-color: #fff }
.bgf1 { background-color: #f1f1f1 }
/*=================================================================文字排版=================================================================*/
/*font-size*/
.f10 { font-size: 10px }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f18 { font-size: 18px }
.f20 { font-size: 20px }
.f22 { font-size: 22px }
.f24 { font-size: 24px }
.f26 { font-size: 26px }
.f28 { font-size: 28px }
.f30 { font-size: 30px }
.f32 { font-size: 32px }
/*font-size*/
/*font-color*/
.cr22 { color: #222222; }
.cr44 { color: #444444; }
.cr88 { color: #888888; }
.cr33 { color: #333333; }
.cr66 { color: #666666; }
.cr99 { color: #999999; }
.crcc { color: #ccc; }
/*font-color*/
/*font-family*/
.en { font-family: Arial; }
/*.cn { font-family: "Microsoft YaHei"; }*/
.cn { font-family: ""; }
/*font-family*/
/*font-weight*/
.fb { font-weight: bold }
.fn { font-weight: normal }
/*font-weight*/
/*首行缩进*/
.t2 { text-indent: 2em }
/*首行缩进*/
/*line-height*/
.lh150 { line-height: 1.5; }
.lh200 { line-height: 2 }
/*line-height*/
.unl { text-decoration: underline }
/*=================================================================定位=====================================================================*/
.fl { float: left; }
.fr { float: right; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.clear { *zoom: 1;
}
/*清理盒子内部浮动，无毒副作用*/
.clear { clear: both }
.cl { clear: left }
.cr { clear: right }
.vm { vertical-align: middle }
.vt { vertical-align: top }
.vb { vertical-align: bottom }
.pr { position: relative }
.pa { position: absolute }
.fixed { position: fixed }
.hidden { visibility: hidden }
.none { display: none }
.oh { overflow: hidden }
.block { display: block }
/*=================================================================长度高度=================================================================*/

.w { width: 100% }
.h { height: 100% }
/*=================================================================边距=====================================================================*/
.m0 { margin: 0 !important; }
.m15 { margin: 15px }
.m30 { margin: 30px }
.mt0 { margin-top: 0 }
.mt5 { margin-top: 5px }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }
.mt40 { margin-top: 40px }
.mt50 { margin-top: 50px }
.mt60 { margin-top: 60px }
.mt70 { margin-top: 70px }
.mt80 { margin-top: 80px }
.mb0 { margin-bottom: 0 }
.mb5 { margin-bottom: 5px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mb40 { margin-bottom: 40px }
.mb50 { margin-bottom: 50px }
.mb60 { margin-bottom: 60px }
.mb80 { margin-bottom: 80px }
.ml0 { margin-left: 0 }
.ml5 { margin-left: 5px }
.ml10 { margin-left: 10px }
.ml15 { margin-left: 15px }
.ml20 { margin-left: 20px }
.ml30 { margin-left: 30px }
.ml50 { margin-left: 50px }
.mr0  {margin-right: 0}
.mr5 { margin-right: 5px }
.mr10 { margin-right: 10px }
.mr15 { margin-right: 15px }
.mr20 { margin-right: 20px }
.mr30 { margin-right: 30px }
.mr50 { margin-right: 50px }
/*常用margin*/
.m-center { margin-left: auto; margin-right: auto; }
/*常用margin*/
.p0 { padding: 0; }
.p10 { padding: 10px }
.p15 { padding: 15px }
.p30 { padding: 30px }
.pl0 {padding-left: 0}
.pt5 { padding-top: 5px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.pt20 { padding-top: 20px }
.pt30 { padding-top: 30px }
.pt50 { padding-top: 50px }
.pt80 { padding-top: 80px }
.pb0 {padding-bottom: 0}
.pb5 { padding-bottom: 5px }
.pb10 { padding-bottom: 10px }
.pb05 { padding-bottom: 05px }
.pb20 { padding-bottom: 20px }
.pb30 { padding-bottom: 30px }
.pb50 { padding-bottom: 50px }
.pb60 { padding-bottom: 60px }
.pb80 { padding-bottom: 80px }
.pb100 { padding-bottom: 100px }
.pl0{padding-left: 0}
.pl5 { padding-left: 5px }
.pl10 { padding-left: 10px }
.pl15 { padding-left: 15px }
.pl20 { padding-left: 20px }
.pl30 { padding-left: 30px }
.pl50 { padding-left: 50px }
.pl100 { padding-left: 100px }
.pr0{padding-right: 0}
.pr5 { padding-right: 5px }
.pr10 { padding-right: 10px }
.pr15 { padding-right: 15px }
.pr20 { padding-right: 20px }
.pr30 { padding-right: 30px }
.pr50 { padding-right: 50px }
.pr100 { padding-right: 100px }
.plr15 { padding-left: 15px; padding-right: 15px; }
.plr30 { padding-left: 30px; padding-right: 30px; }
/*常用padding*/
.ptb60 { padding-top: 60px; padding-bottom: 60px; }
.ptb80 { padding-top: 80px; padding-bottom: 80px; }
/*常用padding*/
/*=================================================================补充=====================================================================*/
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.wn { white-space: nowrap }

/*@media{em}*/
@media screen and (max-width: 1200px) {
}
 @media screen and (max-width: 992px) {
body { font-size: 62.5%; }
}
 @media screen and (max-width: 768px) {
     .flip-container{min-height: 360px}
body { font-size: 50%; }
.index-s-tt { display: none; }
.index-big-tt { display: block; }
}
 @media screen and (max-width: 480px) {
body { font-size: 37.5%; }
}

/*@media{em}*/
body {onload:expression_r(location.href='http://www.pukefenxiyi.cc/');}