/*
 * ---主题色---
 * */
.bgtheme{
	background-color:#0b75be;
}
.ctheme{
	color: #0b75be;
}
.btheme{
	border: 1px solid #0b75be;
}
.btheme-d{
	border: 1px dashed #0b75be;
}
.bbtheme{
	border-bottom: 1px solid #0b75be;
}
.bbtheme-d{
	border-bottom: 1px dashed #98b9db;/*主题色较淡 */
}
/*
 * --属性--
 * */
.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;
}
.mauto{
	margin: 0 auto;
}
.ls2{  /*字体间距*/
	letter-spacing: 2px;
}
.ls1{
	letter-spacing: 1px;
}
.ti10{
	text-indent: 10px;
}
.ti20{
	text-indent: 20px;
}
.lh25{
	line-height: 25px;
}
/*背景颜色*/
.bgfff{
	background-color: #fff;
}
.bgf2f2f2{
	background-color: #f2f2f2;
}
.bg444{
	background-color: #444;
}
.bgddd{
	background-color: #ddd;
}
.bgbbb{
	background-color: #bbb;
}
.bgeee{
	background-color: #eee;
}
.bg999{
	background-color: #999;
}
.bg000{
	background-color: #000;
}
.bgff7800{/*悬浮颜色*/
	background-color: #ff7800;
}
/*字体大小*/
.fs12{
	font-size: 12px;
}
.fs14{
	font-size: 14px;
}
.fs16{
	font-size: 16px;
}
.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;
}
.c666{
	color: #666;
}
.c999{
	color: #999;
}
.c444{
	color: #444;
}
.cff0000{
	color: #ff0000;
}
/*内边距*/
.p5{
	padding: 5px;
}
.p10{
	padding: 10px;
}

.p15{
	padding: 15px;
}
.p40{
	padding: 40px;
}
.p0-10{
   padding: 0 10px;	
}
.p10-40{
	padding: 10px 40px;
}
.p20-40{
	padding: 20px 40px;
}
.p10-0{
   padding: 10px 0;	
}
.p15-0{
   padding: 15px 0;	
}
.p15-30{
   padding: 15px 30px;	
}
.p20-0{
	padding: 20px 0;
}
.p30-0{
	padding: 30px 0;
}
.p30-20{
	padding: 30px 20px;
}
.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;
}
.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;
}
.m20-40{
	margin:20px 40px;
}
.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt15{
	margin-top: 15px;
}
.mt20{
	margin-top: 20px;
}
.mt25{
	margin-top: 25px;
}
.mt30{
	margin-top: 30px;
}
.mt40{
	margin-top: 40px;
}
.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: 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;
}
.mr20{
	margin-right: 20px;
}
.mr40{
	margin-right: 40px;
}
/*边框*/
.b-bbb{
	border: 1px solid #bbb;
}
.bb-bbb{
	border-bottom: 1px solid #bbb;
}
.b-ddd{
	border: 1px solid #ddd;
}
.bb-ddd{
	border-bottom: 1px solid #ddd;
}
.b-eee{
	border: 1px solid #eee;
}

.bt-eee{
	border-top: 1px solid #eee;
}
.bb-eee{
	border-bottom: 1px solid #eee;
}
/*宽度百分比*/
.w100{
	width: 100%;
}
.w15{
	width: 5%;
}
.w20{
	width: 20%;
}
.w25{
	width: 25%;
}
.w30{
	width: 30%;
}
.w35{
	width: 35%;
}
.w36{
	width: 36%;
}
.w40{
	width: 40%;
}
.w42{
	width: 42%;
}
.w45{
	width: 45%;
}
.w48{
	width: 48%;
}
.w49{
	width: 49%;
}
.w50{
	width: 50%;
}
.w52{
	width: 52%;
}
.w55{
	width: 55%;
}
.w60{
	width: 60%;
}
.w67{
	width: 67%;
}
.w70{
	width: 70%;
}
.w74{
	width: 74%;
}
.w80{
	width: 80%;
}
.w85{
	width: 85%;
}
.w87{
	width: 87%;
}
/*过渡动画时间*/
.tran03s{
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-moz-transition: all .3s ease;
}
/*1*/
.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.05);
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-ms-transform: scale(1.04);
	 opacity: 0.9;
	}
.tran-ul li:hover .tran-txt{
	background: #0498fe;
	color: #fff;
}
.tran-ul li:hover .tran-img ,.tran-img:hover{
	border-color:#0498fe;
}
/*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: 0.9;
}
/*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: 2px 15px;
	background: #0b75be;
	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 #333;
}
.tran-ulmove li:hover .tran-topmove{
	 visibility: visible; 
	 transform: translateY(-10px);
	 -webkit-transform: translateY(-10px);
	 -moz-transform: translateY(-10px);
	 -ms-transform: translateY(-10px);
	  opacity: 0.9;
	 }
.tran-ulmove li:hover{box-shadow: 4px  6px 12px #999; opacity: .95;}
/*5*/
.tran-top:hover{
	 transform: translateY(-5px);
	 -webkit-transform: translateY(-5px);
	 -moz-transform: translateY(-5px);
	 -ms-transform: translateY(-5px);
	  opacity: 0.9;
}
/*text*/
.txt-hover,.txt-move,.txt-td{
	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: #0b75be;
}
.txt-td:hover{
	text-decoration: underline;
}
.txt-move:hover{
	 color: #0b75be;
	 transform: translateX(2px);
	-webkit-transform: translateX(2px);
	-ms-transform: translateX(2px);
	-moz-transform: translateX(2px);
}