@charset "utf-8";
/*公用样式*/
.mt3 {margin-top: 3px}
.mt5 {margin-top: 5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt95{margin-top:95px}
.mt100{margin-top:100px}
.mt110{margin-top:110px}
.mt120{margin-top:120px}
.mt130{margin-top:130px}
.mt140{margin-top:140px}
.mt150{margin-top:150px}
.mt160{margin-top:160px}
.mt116{margin-top:116px}

.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}

.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30 {margin-left: 30px}
.ml40 {margin-left: 40px}
.ml50{margin-left:50px}
.ml60{margin-left:60px}

.mr10{margin-right:10px}
.mr16{margin-right:16px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.mr60{margin-right:60px}

.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pt70{padding-top:70px}
.pt80{padding-top:80px}
.pt90{padding-top:90px}
.pt100{padding-top:100px}
.pt110{padding-top:110px}
.pt120{padding-top:120px}
.pt130{padding-top:130px}
.pt140{padding-top:140px}
.pt150{padding-top:150px}
.pt160{padding-top:160px}
.pt116{padding-top:116px}

.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pb60{padding-bottom:60px}
.pb60 {
    padding-bottom: 960px
}

.pl10{padding-left:10px}
.pl15 {padding-left: 15px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}
.pl50{padding-left:50px}
.pl60{padding-left:60px}
.pl70{padding-left:70px}
.pl80{padding-left:80px}
.pl90{padding-left:90px}
.pl100 {padding-left: 100px}

.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr40{padding-right:40px}
.pr50{padding-right:50px}
.pr60{padding-right:60px}

.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f17{font-size:17px}
.f18{font-size:18px}
.f19{font-size:19px}
.f20{font-size:20px}
.f21{font-size:21px}
.f22{font-size:22px}
.f23{font-size:23px}
.f24{font-size:24px}
.f25{font-size:25px}
.f26{font-size:26px}
.f27{font-size:27px}
.f28{font-size:28px}
.f29{font-size:29px}
.f30{font-size:30px}
.f31{font-size:31px}
.f32{font-size:32px}
.f33{font-size:33px}
.f34{font-size:34px}
.f35{font-size:35px}
.f36{font-size:36px}
.f37{font-size:37px}
.f38{font-size:38px}
.f39{font-size:39px}
.f40{font-size:40px}
.f41{font-size:41px}
.f42{font-size:42px}
.f43{font-size:43px}
.f44{font-size:44px}
.f45{font-size:45px}
.f46{font-size:46px}
.f47{font-size:47px}
.f48{font-size:48px}
.f49{font-size:49px}
.f50{font-size:50px}
.f51{font-size:51px}
.f52{font-size:52px}
.f53{font-size:53px}
.f54{font-size:54px}
.f55{font-size:55px}
.f56{font-size:56px}
.f57{font-size:57px}
.f58{font-size:58px}
.f59{font-size:59px}
.f60{font-size:60px}

.fleft{float:left}
.fright{float:right}


.clear{ clear:both}
.text-left {text-align: left}
.text-center {text-align: center}
.text-right {text-align: right}
.text-big {font-size: 16px;line-height: 30px;color: black}
.text-large {font-size: 24px}
.text-bold {font-weight: bold}
.text-indent2 {text-indent: 2em}

.line-height25 {line-height: 25px}
.line-height30 {line-height: 30px}
.line-height40 {line-height: 40px}
.line-height45 {line-height: 45px}

.bg-white {background-color: #fff}

.img-border{border:solid 1px #ddd;padding:5px; border-radius:8px}
.img-radius5 {    border-radius: 5px}

.img-width{width:100%}
.img-responsive{display:block;max-width:100%; max-height:100%; width:auto; height:auto; font-weight:900}
 
 
.line {margin: 5px auto 0;width: 60px;height: 3px;background-color: #00687e}
 
.height{height:500px}
.background-f8 {
    background: #f8f8f8;
}
/*清除浮动
.clearfix {
    *zoom: 1;
}

    .clearfix:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
    }
*/
/*左浮动*/
.pull-left {
    float: left;
}
/*右浮动*/
.pull-right {
    float: right;
}
/*绝对定位*/
.p-absolute {
    position: absolute;
}
/*相对定位*/
.p-relative {
    position: relative;
}
/*固定定位*/
.p-fixed {
    position: fixed;
}
/*文本居中对齐*/
.text-center {
    text-align: center;
}
/*文本右对齐*/
.text-right {
    text-align: right;
}
/*文本左对齐*/
.text-left {
    text-align: left;
}
/*块元素水平居中*/
.margin-auto {
    margin: 0 auto;
}
/*溢出隐藏*/
.o-hidden {
    overflow: hidden;
}
/*重新计算盒模型*/
.box-border-box {
    box-sizing: border-box;
}
/*元素设置成块元素*/
.show {
    display: block;
}
/*元素设置成航元素*/
.inline {
    display: inline;
}
/*元素设置成航迹块元素*/
.inline-block {
    display: inline-block;
}
/*隐藏元素（隐藏后该元素不占位置）*/
.hide {
    display: none;
}
/*隐藏元素（隐藏后该元素占位置）*/
.hidden {
    visibility: hidden;
}

.box-border-red{
    border:1px solid #ff0000;
}