/*
 * ---主题色---
 * */
.bgtheme{
	background-color:#3399CC;
}
.ctheme{
	color: #3399CC;
}
.bbtheme{
	border-bottom: 1px solid #3399CC;
}
/*
 * --属性--
 * */
.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;
}
.ti20{
	text-indent: 20px;
}
.lh25{
	line-height: 25px;
}
/*背景颜色*/
.bgfff{
	background-color: #fff;
}

.bgbbb{
	background-color: #bbb;
}
.bg999{
	background-color: #999;
}
.bg000{
	background-color: #000;
}
.bgf7{
	background-color: #f7f7f7;
}
.bgpaging{
	background-color: #e4ffd3;
}
.bg0c428c{
	background-color: #0c428c;
}
/*字体大小*/
.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;
}
.fs34{
	font-size: 34px;
}
.fs38{
	font-size: 38px;
}
/*字体颜色*/
.cfff{
	color: #fff;
}
.c666{
	color: #666;
}
.c999{
	color: #999;
}
.c70{
	color: #707070;
}
/*内边距*/
.p5{
	padding: 5px;
}
.p10{
	padding: 10px;
}
.p15{
	padding: 15px;
}
.p40{
	padding: 40px;
}
.p0-10{
   padding: 0 10px;	
}
.p5-0{
	padding: 5px 0;
}
.p5-30{
	padding: 5px 30px;
}
.p20-0{
	padding: 20px 0;
}
.p30-0{
	padding: 30px 0;
}
.pl5{
	padding-left: 5px;
}
.pl10{
	padding-left: 10px;
}
.pl20{
	padding-left: 20px;
}
.pl30{
	padding-left: 30px;
}
.pt5{
	padding-top: 5px;
}
.pb10{
	padding-bottom: 10px;
}
.pb25{
	padding-bottom: 25px;
}
.pb50{
	padding-bottom: 50px;
}
/*外边距*/
.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt15{
	margin-top: 15px;
}
.mt20{
	margin-top: 20px;
}
.mt25{
	margin-top: 25px;
}
.mt30{
	margin-top: 30px;
}
.mt35{
	margin-top: 35px;
}
.mt60{
	margin-top: 60px;
}
.mb10{
	margin-bottom: 10px;
}
.mb30{
	margin-bottom: 30px;
}
.ml5{
	margin-left: 5px;
}
.ml10{
	margin-left: 10px;
}
.ml15{
	margin-left: 15px;
}
.ml20{
	margin-left: 20px;
}
.ml40{
	margin-left: 40px;
}
.ml50{
	margin-left: 50px;
}
.ml60{
	margin-left: 60px;
}
.mr40{
	margin-right: 40px;
}
/*边框*/
.b-ddd{
	border: 1px solid #ddd;
}
.bb-ddd{
	border-bottom: 1px solid #ddd;
}
/*宽度百分比*/
.w100{
	width: 100%;
}
.w20{
	width: 20%;
}
.w21{
	width: 21.5%;
}
.w22{
	width: 22.5%;
}
.w30{
	width: 30%;
}
.w32{
	width: 32%;
}
.w32-5{
	width: 32.5%;
}
.w33{
	width: 33%;
}
.w35{
	width: 35%;
}
.w37{
	width: 37%;
}
.w43{
	width: 42.4%;
}
.w44{
	width: 44%;
}
.w48{
	width: 48%;
}
.w55{
	width: 55%;
}
.w57{
	width: 57%;
}
.w60{
	width: 60%;
}
.w66{
	width: 66%;
}
.w78{
	width: 78%;
}

/*过渡动画时间*/
.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{
	 -webkit-transition: all .5s ease;
	 -moz-transition: all .5s ease;
	 transition: all .5s ease;
	 -ms-transition: all .5s ease;
	 opacity: .9;	
}
.tran-ul li:hover .tran-img  img,.tran-img:hover img{
	transform: scale(1.015);
	-webkit-transform: scale(1.015);
	-moz-transform: scale(1.015);
	-ms-transform: scale(1.015);
	 opacity: 1;
	}
.tran-ul li:hover .tran-txt{
	background: #005dc0;
}
.tran-ul li:hover .tran-img {
	border-color:#005dc0;
}
/*2*/
.tran-imgdiv img,.tran-imgdiv{
	opacity: .85;
	-webkit-transition: all .3s ease;
	 -moz-transition: all .3s ease;
	 transition: all .3s ease;
	 -ms-transition: all .3s ease;
}
.tran-imgdiv:hover{
	box-shadow: 2px 4px 4px #ccc;
}
.tran-imgdiv:hover img{
	opacity: 1;
}
/*3*/
.tran-imgop img,.tran-imgop{
	opacity: .9;
	-webkit-transition: all .3s ease;
	 -moz-transition: all .3s ease;
	 transition: all .3s ease;
	 -ms-transition: all .3s ease;
}
.tran-imgop:hover{
	opacity: 1;
}
/*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: #005dc0;
	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: .9;
}
/*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: #2cb6c2;
}
.txt-move:hover{
	color: #005dc0;
	 transform: translateX(2px);
	-webkit-transform: translateX(2px);
	-ms-transform: translateX(2px);
	-moz-transform: translateX(2px);
}