/*
 * ---主题色---
 * */

.bgtheme { background-color: #062f71; }

.ctheme { color: #062f71; }

.btheme { border: 1px solid #062f71; }

.btheme-d { border: 1px dashed #062f71; }

.bbtheme { border-bottom: 1px solid #062f71; }

.bbtheme-d { border-bottom: 1px dashed #062f71; }

/*
 * --属性--
 * */

.posi-rel {    /*-父级定位 -*/ position: relative; }

.posi-abs { position: absolute; }

.posi-fixtop {  /*子级导航栏固定*/ position: fixed; z-index: 999; top: 0; }

.posi-fixbot {  /*底部固定*/ position: fixed; z-index: 999; bottom: 0; }

.oh { overflow: hidden; }

.cp { cursor: pointer; }

.fw-no { font-weight: normal; }

.fw-b { font-weight: bold; }

.td { text-decoration: underline; }

.mauto { margin: 0 auto; }

.ls2 {  /*字体间距*/ letter-spacing: 2px; }

.ls1 { letter-spacing: 1px; }

.ti10 { text-indent: 10px; }

.ti20 { text-indent: 20px; }

.ti30 { text-indent: 30px; }

.lh25 { line-height: 25px; }

.lh30 { line-height: 30px; }

/*背景颜色*/

.bgfff { background-color: #fff; }

.bg10315a { background-color: #10315a; }

.bg444 { background-color: #444; }

.bgddd { background-color: #ddd; }

.bgeee { background-color: #eee; }

.bg999 { background-color: #999; }

.bg000 { background-color: #000; }

/*字体大小*/

.fs12 { font-size: 12px; }

.fs14 { font-size: 14px; }

.fs16 { font-size: 15px; }

.fs18 { font-size: 18px; }

.fs20 { font-size: 20px; }

.fs22 { font-size: 22px; }

.fs24 { font-size: 24px; }

.fs26 { font-size: 26px; }

.fs28 { font-size: 28px; }

.fs30 { font-size: 30px; }

.fs36 { font-size: 36px; }

.fs34 { font-size: 34px; }

.fs38 { font-size: 38px; }

.fs60 { font-size: 60px; }

/*字体颜色*/

.cfff { color: #fff; }

.c000 { color: #000; }

.c666 { color: #666; }

.c999 { color: #999; }

.c444 { color: #444; }

.cff0000 { color: #ff0000; }

/*内边距*/

.p5 { padding: 5px; }

.p10 { padding: 10px; }

.p10-40 { padding: 10px 40px; }

.p15 { padding: 15px; }

.p20 { padding: 20px; }

.p30 { padding: 30px; }

.p40 { padding: 40px; }

.p0-10 { padding: 0 10px; }

.p10-0 { padding: 10px 0; }

.p15-0 { padding: 15px 0; }

.p20-0 { padding: 20px 0; }

.p30-0 { padding: 30px 0; }

.p40-0 { padding: 40px 0; }

.p5-20 { padding: 5px 20px; }

.p5-30 { padding: 5px 30px; }

.p10-25 { padding: 10px 25px; }

.p20-25 { padding: 20px 25px; }

.p0-20 { padding: 0 20px; }

.p0-30 { padding: 0 30px; }

.p0-50 { padding: 0 50px; }

.p60-0 { padding: 60px 0; }

.pl5 { padding-left: 5px; }

.pl10 { padding-left: 10px; }

.pl15 { padding-left: 15px; }

.pl20 { padding-left: 20px; }

.pl30 { padding-left: 30px; }

.pt5 { padding-top: 5px; }

.pb5 { padding-bottom: 5px; }

.pb10 { padding-bottom: 10px; }

.pb15 { padding-bottom: 15px; }

.pb20 { padding-bottom: 20px; }

.pb30 { padding-bottom: 30px; }

/*外边距*/

.m0-5 { margin: 0 5px; }

.m10 { margin: 10px; }

.m0-10 { margin: 0 10px; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 7px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mt60 { margin-top: 60px; }

.mt70 { margin-top: 70px; }

.mb20 { margin-bottom: 20px; }

.mb10 { margin-bottom: 10px; }

.mb40 { margin-bottom: 40px; }

.ml5 { margin-left: 5px; }

.ml10 {margin-left: 21px;}

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml30 { margin-left: 30px; }

.ml40 { margin-left: 40px; }

.ml50 { margin-left: 50px; }

.ml60 { margin-left: 60px; }

.ml70 { margin-left: 70px; }

.mr10 { margin-right: 10px; }

.mr20 { margin-right: 20px; }

.mr40 { margin-right: 40px; }

/*边框*/

.bb-df { border-bottom: 1px solid #dfdfdf; }

.b-eee { border: 1px solid #eee; }

.bt-eee { border-top: 1px solid #eee; }

.bb-eee { border-bottom: 1px solid #eee; }

.b-ddd { border: 1px solid #ddd; }

.bb-ddd { border-bottom: 1px solid #ddd; }

.bbddd-d { border-bottom: 1px dashed #ddd; }

.bb999-d { border-bottom: 1px dashed #999; }

/*宽度百分比*/

.w100 { width: 100%; }

.w20 { width: 20%; }

.w30 { width: 30%; }

.w35 { width: 35%; }

.w36 { width: 36%; }

.w40 { width: 40%; }

.w42 { width: 42%; }

.w45 { width: 45%; }

.w47 { width: 47%; }

.w48 { width: 48%; }

.w50 { width: 50%; }

.w52 { width: 52%; }

.w55 { width: 55%; }

.w56 { width: 56%; }

.w60 { width: 60%; }

.w70 { width: 70%; }

.w80 { width: 80%; }

.w90 { width: 90%; }

/*过渡动画时间*/

.tran03s { transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; }

/*1*/

.tran-ul li,
.tran-img img,
.tran-img,
.tran-txt { transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; opacity: 1; }

.tran-ul li:hover .tran-img img,
.tran-img:hover img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); opacity: .9; }

.tran-ul li:hover .tran-txt { background: #062f71; color: #fff; }

.tran-ul li:hover .tran-img,
.tran-ul li:hover { border-color: #062f71; }

/*2*/

.tran-imgdiv img,
.tran-imgdiv { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -ms-transition: all .3s ease; }

.tran-imgdiv:hover { box-shadow: 4px 4px 4px rgba(0,0,0,.1); }

/*3*/

.tran-imgop img,
.tran-imgop { opacity: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -ms-transition: all .3s ease; }

.tran-imgop:hover { opacity: .95; }

/*4*/

.tran-ulmove li { overflow: hidden; position: relative; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; }

.tran-topmove { padding: 4px 20px; background: #062f71; color: #fff; position: absolute; bottom: 0; left: 0; z-index: 999; letter-spacing: 1px; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; visibility: hidden; opacity: 0; box-shadow: 2px 6px 10px #666; }

.tran-ulmove li:hover .tran-topmove { visibility: visible; transform: translateY(-20px); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); opacity: 1; }

.tran-ulmove li:hover { box-shadow: 2px 4px 16px #999; opacity: .95; }

/*5*/

.tran-top:hover { transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); opacity: 1; }

/*text*/

.txt-hover,
.txt-move { transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }

.txt-hover:hover { color: #062f71; }

.txt-move:hover { color: #062f71; transform: translateX(2px); -webkit-transform: translateX(2px); -ms-transform: translateX(2px); -moz-transform: translateX(2px); }

.txt-td:hover { text-decoration: underline; }

.txt-fw:hover { font-weight: bolder; }

input[type="text"] { border: 1px #789cc7f2 solid; line-height: 22px; margin: 6px 11px; }

span.fs0 { font-size: 16px; color: #10315a; }