/* 通用 */
*{ padding:0px; margin:0px;}
body,div,span,ul,li,h1,h2,h3,h4,ol,dl,dt,dd,img,a,input,textarea,clear{ padding:0; margin:0; list-style:none; border:0;font-family:"微软雅黑";}
a{color:#666; text-decoration:none;}
li{ list-style:none;}
.clearfix:after{content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{zoom:1;}
.mar0{ margin-right:0px !important;}
.clear{ clear:both;}
.padd_tb{padding:10px 0;}
.padd_tblr{padding:10px;}
.mar-t{margin-top:10px;}
.mar-b{margin-bottom:10px;}
.mar-l{margin-left:10px;}
.mar-r{margin-right:10px;}
.mar-t2{margin-top:20px;}
.mar-t3{margin-top:30px;}
.mar-t4{margin-top:40px;}
.padd-t{padding-top:10px;}
.padd-b{padding-bottom:10px;}
.padd-l{padding-left:10px;}
.padd-r{padding-right:10px;}
.padd-tblr{padding:10px;}
.padd-tlr{padding:10px 10px 0 10px;} 
.padd-lrb{padding:0 10px 10px 10px;}
.padd-lr{padding:0 10px;}
.padd-tb{padding:10px 0;}
.fl{float:left;}
.fr{float:right;}
.text{text-align:center;}
.line{line-height:30px!important;}
.font-b{font-weight:bold;}
.font-n{font-weight:normal;}
.color{background-color:#FFF;}
.font2{font-size:12px;}
.font6{font-size:16px;}
.font8{font-size:18px;}
.font20{font-size:20px;}
.font26{font-size:26px;}
.border{border:#CCC solid 1px;}
.grey{color:#666666;}.grey a{color:#666666;}.grey a:hover{color:#a10000;}
.dgrey{color:#9e9e9e;}.dgrey a{color:#9e9e9e;}.dgrey a:hover{color:#a10000;}
.white{color:#FFF;}.white a{color:#FFF;}.white a:hover{color:#FFF;}
.blue{color:#008CE3;}.blue a{color:#008CE3;}.blue a:hover{color:#a10000;}
.black{color:#000000;}.black a{color:#000000;}.black a:hover{color:#a10000;}
.red{color:#db1010;}.red a{color:#db1010;}.red a:hover{color:#a10000;}
.dblue{color:#00598e;}.dblue a{color:#00598e;}.dblue a:hover{color:#00598e;}
.green{color:#279e27;}.green a{color:#279e27;}.green a:hover{color:#cc0000;}
.orange{color:#d86c00;}.orange a{color:#d86c00;}.orange a:hover{color:#cc0000;}
.yellow{color:#ffff00;}.yellow a{color:#ffff00;}.yellow a:hover{color:#ffff00; }
.cursor li{cursor: pointer;}
/**鼠标移动图片样式**/
.imgHover{ overflow:hidden;}
.imgHover img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
.imgHover img:hover{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}

.imgHover1 img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
.imgHover1 img:hover{filter: alpha(opacity=60); -moz-opacity: 0.6;opacity: 0.6;}

.imgHover2 img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
.imgHover2:hover img{transform:rotateZ(-360deg);
	-ms-transform:rotateZ(-720deg); 	/* IE 9 */
	-moz-transform:rotateZ(-720deg); 	/* Firefox */
	-webkit-transform:rotateZ(-720deg); /* Safari 和 Chrome */
	-o-transform:rotateZ(-720deg); 	/* Opera */
}
.imgHover3 img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
.imgHover3:hover img{transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg); 	/* IE 9 */
	-moz-transform:rotateY(-180deg); 	/* Firefox */
	-webkit-transform:rotateY(-180deg); /* Safari 和 Chrome */
	-o-transform:rotateY(-180deg); 	/* Opera */
}
/*.imgHover4 img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
.imgHover4:hover img{
animation: dou 0.6s linear;
}
@keyframes dou{
	0%{transform: rotateZ(0deg);}
	25%{transform: rotateZ(-35deg);}
	50%{transform: rotateZ(0deg);}
	75%{transform: rotateZ(35deg);}
	100%{transform: rotateZ(0deg);}
}*/
/*矩形放大*/
.imgHover5 i{ position:absolute;width:100%;height:100%;background-color:#029D92;filter:alpha(opacity=0);opacity:0;-webkit-animation:orangeOut 0.4s ease;animation:orangeOut 0.4s ease;left: 0px; top: 0px; z-index: 99;}
.imgHover5:hover i{
filter:alpha(opacity=100);opacity:1;
	-webkit-animation:orangeIn 0.2s ease;
	animation:orangeIn 0.2s ease;background-color:#029D92 \9;
}
@-webkit-keyframes orangeIn {
	0% {-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);opacity:0}
100% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}
@-moz-keyframes orangeIn {
	0% {-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);opacity:0}
100% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}
@-ms-keyframes orangeIn {
	0% {-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);opacity:0}
100% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}
@keyframes orangeIn {
	0% {-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);opacity:0}
100% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}

@-webkit-keyframes orangeOut {
	0% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
100% {-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);opacity:0}}
@-moz-keyframes orangeOut {
	0% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
100% {-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);opacity:0}}
@-ms-keyframes orangeOut {
	0% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
100% {-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);opacity:0}}
@keyframes orangeOut {
	0% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
100% {-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);opacity:0}}
/*波形放大*/
.imgHover6 i{
	display: block;
  width: 100px;
  height: 100px;
  margin: 160px auto;
  animation: ripple 0.6s linear infinite;
  border-radius: 50%;
 background-color: #FFF;
}
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 128, 0, 0.1), 0 0 0 20px rgba(0, 128, 0, 0.1), 0 0 0 40px rgba(0, 128, 0, 0.1), 0 0 0 60px rgba(0, 128, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 128, 0, 0.1), 0 0 0 40px rgba(0, 128, 0, 0.1), 0 0 0 60px rgba(0, 128, 0, 0.1), 0 0 0 80px rgba(0, 128, 0, 0);
  }
}
.imgHover7{position: relative;}
.imgHover7:before{
	width: 100%;height: 2px;transform: scaleX(0);left: 0px;transform-origin:right center;top: 0px;
}
.imgHover7:after{
	width: 100%;height: 2px;transform: scaleX(0);bottom: 0px;transform-origin:left center;left: 0px;
}
.imgHover7 i{
	position: absolute;display: block;left: 0px;width: 100%;height: 100%;top: 0px;
}
.imgHover7 i:before{
	height: 100%;width: 2px;transform: scaleY(0);left: 0px;transform-origin:top center;top: 0px;
}
.imgHover7 i:after{
	height: 100%;width: 2px;transform: scaleY(0);top: 0px;transform-origin:bottom center;right: 0px;
}