@charset "utf-8";

body{background:#fff;}
a:hover{color:#ff9724 !important;}

.titu{background:url('../images/titu.jpg') no-repeat center 0;height:979px;overflow:hidden;position:absolute;width:100%;z-index:9999999;}

.bg01{width:1049px;height:370px;position: absolute;top:265px;left:50%; margin-left:-525px;background:url("../images/bg01.png") no-repeat center 0;animation: zoomInDown 1.5s;-moz-animation: zoomInDown 1.5s;-webkit-animation: zoomInDown 1.5s;-o-animation: zoomInDown 1.5s;animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
.bg02{width:240px;height:231px;position: absolute;top:620px;left:50%; margin-left:-720px;background:url("../images/bg02.png") no-repeat center 0;animation: fadeInLeftBig  2.0s;-moz-animation: fadeInLeftBig 2.0s;-webkit-animation: fadeInLeftBig 2.0s;-o-animation: fadeInLeftBig 2.0s;animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;animation-delay: 0.5s;-webkit-animation-delay:0.5s;-o-animation-delay:0.5s;-moz-animation-delay: 0.5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.bg03{width:240px;height:231px;position: absolute;top:620px;right:50%; margin-right:-720px;background:url("../images/bg03.png") no-repeat center 0;animation: fadeInRightBig 2.0s;-moz-animation: fadeInRightBig 2.0s;-webkit-animation: fadeInRightBig 2.0s;-o-animation: fadeInRightBig 2.0s;animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;animation-delay: 0.5s;-webkit-animation-delay:0.5s;-o-animation-delay:0.5s;-moz-animation-delay:0.5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.bg04{width:911px;height:216px;position: absolute;top:655px;left:50%; margin-left:-455px;background:url("../images/bg04.png") no-repeat center 0;animation: fadeInDown 2.0s;-moz-animation: fadeInDown 2.0s;-webkit-animation: fadeInDown 2.0s;-o-animation: fadeInDown 2.0s;animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;animation-delay: 0.5s;-webkit-animation-delay:0.5s;-o-animation-delay:0.5s;-moz-animation-delay:0.5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}

/*收起*/
.soqi{animation:soqi 1.5s ease-in-out;-moz-animation:soqi 1.5s ease-in-out;-webkit-animation:soqi 1.5s ease-in-out;-o-animation:soqi 1.5s ease-in-out;animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}

/*内容*/
.blue{width:100%; background-color:#007ddd}
.W{width:1200px;}
.content{width:1200px;margin:20px auto 0 auto;padding:0px;display:none;}
.content0{width:1200px;margin:0px auto 0 auto;padding:0px;display:none;}
.content0b{width:1200px;margin:0px auto 0 auto;padding:0px;display:none;height:680px; background: url('../images/bg04.png') no-repeat center 0; }

.content0a{width:1200px;margin:0px auto 0 auto;padding:0px 0 0 0px;display:none;}
.content01{width:100%;height:1330px; background: url('../images/bg05a.jpg') no-repeat center 0; margin:0px auto 0px auto; padding:10px 0 0 0px;display:none;}
.content02{width:100%;height:794px; background: url('../images/bg02.jpg') no-repeat center 40px; margin:0px auto 0px auto; display:none;}
.content06{width:100%;height:704px; background: url('../images/bg01.jpg') no-repeat center 0px; margin:0px auto 0px auto; display:none;padding:108px 0 0 0}
.content03{width:1200px;height:600px; margin:0px auto 0px auto; display:none;}
.content04{width:100%; margin:0px auto 0px auto; display:none;}
.content05{width:1240px;margin:0px auto 0 auto;padding:40px 0 0 43px;display:none;}

.dh00{position: relative;width:100%; height:60px; margin-top:640px; }
.dh00 img{width:946px;height:21px;margin:20px 127px 0 127px;}
.xhkj01{position:absolute;top:539px;left:1130px;clear:both;background:url('../images/xhkj01.png') no-repeat center 0;width:80px;height:26px;display:block;margin:40px auto 10px auto;}


.tt{width:1200px;height:100px;margin:30px auto 0 auto;}
.tt h2{width:1200px;height:100px;line-height: 50px;font-size:38px;text-align:center;overflow:hidden;font-weight:bold;font-family:'微软雅黑';color:#0c3ea2;}
.tt h2 a{color:#0c3ea2;}

.gg01{width:1200px;height:120px;background:#fff;margin:40px 0 0px 0;}
.gg01 img{width:1200px;height:120px;float:left;}

.left01{width:465px;height:500px;float:left;margin:50px auto 0px auto;background: url("../images/bg03.jpg") no-repeat center 0;}
.right01{width:735px;float:right;margin:50px auto 0px auto;}

.Dpic{width:735px;height:500px;overflow:hidden;}
.Dpic dd{display:none;height:500px;overflow:hidden;}
.Dpic img{width:735px;height:500px;display:block;}
.Dpic span{position:relative;display:block;height:50px;top:-50px; background-color:rgba(0,0,0,0.3);color:#fff;font-size:18px;padding:0 0 0 10px;line-height:50px;font-family:'微软雅黑';}
.Dpic span a{color:#fff;}
.Dpic a{color:#fff;}
.Dpic dt{position:relative;top:-34px;text-align:right;padding-right:10px;width:150px;float:right;}
.Dpic dt a{width:8px;height:8px;display:inline-block;margin-right:10px;background:#fff;color:black;cursor:pointer;line-height:16px;font-size:12px;text-align:center;}
.Dpic dt a.CM{background:#e73c00;color:#fff;cursor:pointer;}

.tw01{width:400px;height:135px;overflow:hidden;margin:30px 0 0px 0;padding:15px 20px 15px 25px; background:#007ddd;}
.tw01 h2{font-size:24px;font-family:'微软雅黑';overflow:hidden;color:#222222;line-height: 28px;font-weight: lighter;}
.tw01 h2 a{color:#fff;}
.tw01 p{font-size:16px;line-height: 24px;height:84px;text-indent:2em;padding:8px 0 0 0;overflow:hidden;color:#fff;}

.more{width:50px;padding:0px;color:#ac0606;font-size: 16px;}
.more a{color:#ac0606 !important;}


.lb01{padding:0px 0 0 20px;height:40px;overflow:hidden;margin:25px auto 0px auto;}
.lb01 li{  padding: 0 0 0 0px;line-height:45px;  font-size: 22px;display:block;overflow:hidden;font-family:'微软雅黑';color:#222222;}
.lb01 li a{color:#222222;}

.lb01a{padding:0px 0 0 20px;height:70px;overflow:hidden;}
.lb01a li{  padding: 0 0 0 0px;line-height:35px;  font-size: 18px;display:block;overflow:hidden;font-family:'微软雅黑';color:#222222;}
.lb01a li a{color:#222222;}



.l08{width:580px;height:158px;float:left;background: url("../images/c01.png") no-repeat center 0;margin:0px 40px 30px 0;}



.dh01{clear:both;background:url("../images/dh01.png") no-repeat center 0;height:89px;display: block;margin:65px auto 60px auto;}
.dh02{clear:both;background:url("../images/dh02.png") no-repeat center 0px;height:89px;display:block;margin:80px auto 60px auto;}
.dh03{clear:both;background:url("../images/dh03.png") no-repeat center 0;height:89px;display:block;margin:65px auto 65px auto;}
.dh04{clear:both;background:url("../images/dh04.png") no-repeat center 0;height:89px;display:block;margin:65px auto 65px auto;}
.dh05{clear:both;background:url("../images/dh05.png") no-repeat center 0;height:89px;display:block;margin:65px auto 65px auto;}
.dh06{clear:both;background:url("../images/dh06.png") no-repeat center 0;height:89px;display:block;margin:65px auto 65px auto;}
.dh07{clear:both;background:url("../images/dh07.png") no-repeat center 0;height:89px;display:block;margin:65px auto 15px auto;}
.xhkj{clear:both;background:url("../images/xhkj.jpg") no-repeat center 0;width:1200px;height:120px;display:block;margin:40px auto 10px auto;}

.l01{width:580px;height:210px;float:left;background:#fff;margin:0px 40px 30px 0;}
.dh01a{clear:both;background:url("../images/l01.png") no-repeat center 0;width:45px;height:169px;display: block;margin:0px 15px 0px 20px;float:left;}
.dh02a{clear:both;background:url("../images/l02.png") no-repeat center 0;width:45px;height:169px;display: block;margin:0px 15px 0px 20px;float:left;}
.dh03a{clear:both;background:url("../images/l03.png") no-repeat center 0;width:45px;height:169px;display: block;margin:0px 15px 0px 20px;float:left;}
.dh04a{clear:both;background:url("../images/l04.png") no-repeat center 0;width:45px;height:169px;display: block;margin:0px 15px 0px 20px;float:left;}
.dh05a{clear:both;background:url("../images/l05.png") no-repeat center 0;width:45px;height:169px;display: block;margin:0px 15px 0px 20px;float:left;}
.dh06a{clear:both;background:url("../images/l06.png") no-repeat center 0;width:45px;height:169px;display: block;margin:0px 15px 0px 20px;float:left;}

.dh01b{clear:both;background:url("../images/b01.png") no-repeat center 0;width:118px;height:114px;display: block;margin:25px 5px 0px 15px;float:left;}
.dh02b{clear:both;background:url("../images/b02.png") no-repeat center 0;width:118px;height:114px;display: block;margin:25px 5px 0px 15px;float:left;}
.dh03b{clear:both;background:url("../images/b03.png") no-repeat center 0;width:118px;height:114px;display: block;margin:25px 5px 0px 15px;float:left;}
.dh04b{clear:both;background:url("../images/b04.png") no-repeat center 0;width:118px;height:114px;display: block;margin:25px 5px 0px 15px;float:left;}

.lb08b{width:425px;padding:25px 0 0 0px;height:120px;overflow:hidden;float:right;}
.lb08b li{  background: url("../images/d01.png") no-repeat 0 18px;  padding: 0 0 0 15px;line-height:40px;  font-size: 18px;display:block;overflow:hidden;font-family:'微软雅黑';color:#222222;}
.lb08b li a{color:#222222;}


.lb01b{width:495px;padding:20px 0 0 0px;height:160px;overflow:hidden;float:right;}
.lb01b li{  background: url("../images/d01.png") no-repeat 0 18px;  padding: 0 0 0 15px;line-height:40px;  font-size: 18px;display:block;overflow:hidden;font-family:'微软雅黑';color:#222222;}
.lb01b li a{color:#222222;}

.ft01{width:300px;height:200px;float:left;background:#388de1;margin:0;}
.ft01 h2{width:260px;line-height:26px;margin:20px auto 0 auto;font-size: 18px;color:#fff;}
.ft01 h2 a{color:#fff;}
.ft01 p{width:260px;line-height:24px;margin:10px auto 0 auto;font-size: 16px;color:#fff;}

.ft02{width:300px;height:200px;float:left;background:#fff;margin:0;}
.ft02 img{width:300px;height:200px;display:block;}
.ft02 span{position:relative;display:block;height:40px;top:-40px;color:#fff;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;font-size:16px;padding:0;line-height:40px;font-family:'微软雅黑';overflow:hidden;padding:0;text-align:center}
.ft02 span a{color:#fff;}

.ft03{width:300px;height:200px;float:left;background:#232951;margin:0;}
.ft03 h2{width:260px;line-height:26px;margin:20px auto 0 auto;font-size: 18px;color:#fff;}
.ft03 h2 a{color:#fff;}
.ft03 p{width:260px;line-height:24px;margin:8px auto 0 auto;font-size: 16px;color:#fff;}

.h01{width:36px;height:3px;background:#f4d923;margin:10px 10px 10px 20px;}

.ft04{width:400px;height:220px;float:left;background:#fff;margin:0;}
.ft05{width:400px;height:220px;float:left;background:#cba9ff;margin:0;}
.ft05 h2{width:320px;height:80px;line-height:40px;margin:70px auto 0 auto;font-size: 24px;color:#222222;}
.ft06{width:400px;height:220px;float:left;background:#fff;margin:0;}
.ft07{width:400px;height:220px;float:left;background:#9ef2d1;margin:0;}
.ft07 h2{width:320px;height:80px;line-height:40px;margin:70px auto 0 auto;font-size: 24px;color:#222222;}
.ft08{width:400px;height:220px;float:left;background:#fff;margin:0;}
.ft09{width:400px;height:220px;float:left;background:#b0bbff;margin:0;}
.ft09 h2{width:320px;height:80px;line-height:40px;margin:70px auto 0 auto;font-size: 24px;color:#222222;}

.jctx{ width:1200px; position:relative;height:720px; }
.jctx .prev{ position:absolute; left:-27px; top:50%;display:block; width:54px; height:53px; background:url("../images/z01.png") 0 0 no-repeat;z-index:9999;}
.jctx .next{ position:absolute; right:-27px; top:50%;display:block; width:54px; height:53px; background:url("../images/y01.png") 0 0 no-repeat;z-index:9999;}
.jctx .bd{padding:0;}
.jctx .bd ul{ overflow:hidden; zoom:1; }
.jctx .bd ul li{ float:left; overflow:hidden; width:1200px;height:720px; position:relative;}
.jctx .bd ul li img{width:1200px;height:720px;float:left;}
.jctx .bd ul li .textbg{width:1140px;background:#000;opacity: 0.6;padding:15px 30px;position:absolute;bottom:0;color:#fff;text-align:left;}
.jctx .bd ul li .title{font-family:'微软雅黑';font-size:24px;line-height:30px;padding:0 0 10px 0;color:#fff;}
.jctx .bd ul li .title a{color:#fff;}
.jctx .bd ul li p{font-size:16px;font-family:'微软雅黑';line-height:1.6em;}

.xly{ width:1200px; position:relative;height:240px; font-family:'微软雅黑';}
.xly .prev{ position:absolute; left:-27px; top:40%;display:block; width:54px; height:53px; background:url("../images/z01.png") 0 0 no-repeat;z-index:9999;}
.xly .next{ position:absolute; right:-27px; top:40%;display:block; width:54px; height:53px; background:url("../images/y01.png") 0 0 no-repeat;z-index:9999;}
.xly .bd{padding:0;}
.xly .bd ul{ overflow:hidden; zoom:1; }
.xly .bd ul li{ float:left; overflow:hidden; width:400px;height:240px; position:relative;padding:0 0 0 0;}
.xly .bd ul li img{width:400px;height:240px;float:left;}
.xly .bd ul li .textbg{width:400px;background-color:rgba(0,0,0,0.3);padding:3px 0;position:absolute;bottom:0;color:#fff;height:70px;}
.xly .bd ul li .textbg dd{padding:0 0px 0 0px;}
.xly .bd ul li .textbg h2{width:360px;font-size: 20px;line-height:26px;display:block;overflow:hidden;padding:10px 0 0 0px;color:#fff;margin:0 auto;font-family:'微软雅黑';font-weight: lighter;opacity: 1;}
.xly .bd ul li .textbg h2 a{color:#fff;font-family:'微软雅黑';}
.xly .bd ul li .textbg p{width:360px;height:48px;font-size: 16px;line-height:22px; display:block;overflow:hidden;margin:7px auto 0 auto;font-family:'微软雅黑';}
.xly .bd ul li .textbg p a{color:#fff;}

/*.xly{ width:1200px; position:relative;height:490px; font-family:'微软雅黑';}
.xly .prev{ position:absolute; left:-27px; top:40%;display:block; width:54px; height:53px; background:url("../images/z01.png") 0 0 no-repeat;z-index:9999;}
.xly .next{ position:absolute; right:-27px; top:40%;display:block; width:54px; height:53px; background:url("../images/y01.png") 0 0 no-repeat;z-index:9999;}
.xly .bd{padding:0;}
.xly .bd ul{ overflow:hidden; zoom:1; }
.xly .bd ul li{ float:left; overflow:hidden; width:300px;height:490px; position:relative;padding:0 0 0 0;}
.xly .bd ul li img{width:300px;height:490px;float:left;}
.xly .bd ul li .textbg{width:300px;background-color:rgba(0,0,0,0.3);padding:3px 0;position:absolute;bottom:0;color:#fff;height:160px;}
.xly .bd ul li .textbg dd{padding:0 0px 0 0px;}
.xly .bd ul li .textbg h2{width:260px;font-size: 20px;line-height:26px;display:block;overflow:hidden;padding: 50px 0 0 0px;color:#fff;margin:0 auto;font-family:'微软雅黑';font-weight: lighter;opacity: 1;}
.xly .bd ul li .textbg h2 a{color:#fff;font-family:'微软雅黑';}
.xly .bd ul li .textbg p{width:260px;height:48px;font-size: 16px;line-height:22px; display:block;overflow:hidden;margin:7px auto 0 auto;font-family:'微软雅黑';}
.xly .bd ul li .textbg p a{color:#fff;}*/



.more01{display:inline-block;width:100px;height:25px;float:right;padding:0px;clear:both;text-align:center;margin:10px auto 0px auto;color:#e95200;}
.more01 a{font-size: 18px;color:#e95200;}

.xm{width:130px;height:45px;margin:0px 0px 0px 0;position: absolute;top:5px;left:20px;font-size: 34px;line-height:45px;text-align: left;color:#fff;position: absolute; font-weight:bold;}




.jcjt{position:relative;padding:0;height:600px;overflow:hidden;margin:0px auto 0px 0;width:100%;}
.jcjt .prev {width: 54px;height: 53px;background: url("../images/z01.png") no-repeat 0px 0;display: inline-block;float: left;text-indent: -999em;z-index:999;position:absolute;left:0px;top:260px;}
.jcjt .next {width: 54px;height: 53px;background: url("../images/y01.png") no-repeat 0px 0;display: inline-block;float: right;text-indent: -999em;z-index:999;position:absolute;right:0px;top:260px;}
.Gcontent02 li{width:1200px;}
.Gcontent02 img{width:1200px;height:600px;display:block;}
.Gcontent02 li div{position:relative;display:block;height:90px;top:-120px;background-color:rgba(0,0,0,0.6);color:#fff;width:1000px;margin:0 auto;padding:15px 0;}
.Gcontent02 li div h2{color:#fff;font-size:24px;padding:0 0 0 10px;line-height:36px;font-family:'微软雅黑';height:36px;}
.Gcontent02 li div h2 a{color:#fff;}
.Gcontent02 li div p{color:#fff;font-size:16px;padding:6px 0 0 10px;line-height:24px;font-family:'微软雅黑';height:48px;}


.sxtx02{ width:1114px; position:relative;padding:0 43px ;height:600px;top:38px;}
.sxtx02 .prev{ position:absolute; left:0px; bottom:2px; display:block; width: 41px;height: 58px; background:url("../images/z02.png") 0 0px no-repeat;z-index:2;}
.sxtx02 .next{ position:absolute; right:0px;bottom:2px; display:block; width: 41px;height: 58px;background:url("../images/y02.png") 0 0px no-repeat;z-index:2;}
.sxtx02 .bd ul{ overflow:hidden; zoom:1; }
.sxtx02 .bd ul li{ margin:0 2px 0 0; float:left; _display:inline; overflow:hidden; width:370px;height:598px; position:relative;}
.sxtx02 .bd ul li .pic img{ width:370px; height:540px; display:block;}
.sxtx02 .bd ul li .title{position:absolute;display:block;height:58px;bottom:0;color:#fff;background:#12216c;font-size:18px;line-height:58px;width:370px;text-align: center;font-family:'微软雅黑';}
.sxtx02 .bd ul li .title p{color:#fff;}
.sxtx02 .bd ul li .title p a{color:#fff;}


.footer{color:#fff;background:#007ddd;text-align:center;height:20px;font-size:12px !important;padding:20px 0;clear:both;position:relative;width:100%;border-top:60px solid #fff;display:none;}
.footer a{color:#fff !important;font-size:20px;}
.footer p{text-indent:0;font-size:20px;padding:0;}




.Disp{height:450px;}
.Disp dt{height:50px;font-family:'黑体';margin:0px 0 0 0px;width:1200px;padding:0 0 0px 0;}
.Disp dt a{width:198px;height:50px;font-size:22px;display:inline-block;line-height:50px;margin:0px 0px 0 0;color:#808080;text-align:center;border:1px solid #e6e6e6;background:#fff;font-weight:bold;}
.Disp dt .CM{display:inline-block;color:#017ce3 !important;font-family:'黑体';width:200px;height:49px;font-size:22px;line-height:49px;background:#fff;font-weight:bold;border:0px solid #fff;border-top:3px solid #3b8ede;}
.Disp dd{display:none;height:450px;margin:5px 0 0 0;overflow:hidden;width:1200px;}

.left05{width:475px;float:left;margin:50px auto 0px auto;}
.right05{width:680px;float:right;margin:50px auto 0px auto;}

.tw05{width:475px;height:360px;margin:0px auto;display:block;overflow:hidden;}
.tw05 img{width:475px;height:300px;display:block;}
.tw05 span{position:relative;display:block;height:50px;top:0px;color:#404040;font-size:18px;padding:0 0 0 10px;line-height:50px;font-family:'微软雅黑';font-weight:bold;}
.tw05 span a{color:#404040;font-family:'微软雅黑';}

.tw06{height:100px;overflow:hidden;border-bottom:1px dashed #a3a3a3;margin:0 auto 20px auto;}
.tw06 h2{font-size:20px;font-family:'微软雅黑';overflow:hidden;color:#404040;line-height: 22px;}
.tw06 h2 a{color:#222222;}
.tw06 p{font-size:16px;line-height: 26px;height:52px;text-indent:2em;padding:10px 0 0 0;overflow:hidden;color:#808080;}
.tw06 p a{color:#3b8ede;}
.tw06 a:hover{color:#3b8ede !important;}



.lb05{padding:0px 0 0 0px;height:180px;overflow:hidden;}
.lb05 li{ background: url("../images/bg06.jpg") no-repeat 0 12px;  padding: 0 0 0 25px;line-height:36px;  font-size: 16px;display:block;overflow:hidden;font-family:'微软雅黑';color:#404040;font-weight:bold;}
.lb05 li a{color:#404040;}
.lb05 a:hover{color:#3b8ede !important;}

.more02{display:inline-block;width:60px;height:26px;line-height:26px;color:#808080;text-align:right;font-size:14px;float:right;background: url("../images/bg07.png") no-repeat 0 5px;z-index:66666;}
.more02 a{color:#808080;}




/*收起*/
@keyframes soqi
	{
	 from{height:979px;}
	 to{height:0;}
	}

@-webkit-keyframes soqi
	{
	 from{height:979px;}
	 to{height:0;}
	}

@-moz-keyframes soqi
	{
	 from{height:979px;}
	 to{height:0;}
	}

@-o-keyframes soqi
	{
	 from{height:979px;}
	 to{height:0;}
	}
	
	
/*音乐按钮*/
#audio_btn{width:43px;height:43px;background:url("../images/play.png") no-repeat center 0;position: absolute;top:30px;right:30px;display:inline-block;z-index:999999999;}
#audio_btn.on{animation:yuan 2s infinite linear;-moz-animation:yuan 2s infinite linear; /* Firefox */-webkit-animation:yuan 2s infinite linear; /* Safari and Chrome */-o-animation:yuan 2s infinite linear; /* Opera */}


@keyframes yuan
{
from {transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);}
to {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}

@-moz-keyframes yuan 
{
from {transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);}
to {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}

@-webkit-keyframes yuan 
{
from {transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);}
to {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}

@-o-keyframes yuan 
{
from {transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);}
to {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}


.a{background:#666666}