/* 通用 */
*{ 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;
}