*{margin: 0;padding: 0;}
html,body{font-size: 16px;color:white;font-family: "Microsoft YaHei";width: 100%;height: 100%;/*overflow: hidden;*/}

img{border: none;vertical-align: middle;}
li{list-style: none;vertical-align: middle;}
a{text-decoration: none;cursor: pointer;color: white;}
a:hover{text-decoration: none;}
a:visited{text-decoration: none;}

.mt10{margin-top: 10px;}
.fl{float: left;}
.fr{float: right;}
.relative{position: relative;}
.clear{clear: both;}


.frm{width: 100%;height: 100%;overflow: hidden;}

.idx01{
	width: 100%;
	height: 100%;
	/*width: 1920px;height: 1080px;*/
	overflow: hidden;position: absolute;background: url(../images/bg.png) no-repeat;background-size: 100% 100%;}
.idx02{position: absolute;left:0;top:0;width: 646px;height: 113px;background: url(../images/002.png) no-repeat left top;line-height: 66px;font-size: 26px;padding-left: 40px;}
.idx03{position: absolute;right:0;top:0;width: 658px;height: 112px;background: url(../images/003.png) no-repeat right top;line-height: 66px;font-size: 26px;padding-right: 30px;text-align: right;}
.idx04{color: #FF9000;font-size: 32px;font-weight: bold;}
.idx05{color: #01BEFF;padding-left: 30px;}
.idx06{position: absolute;left: 0;top: 26px;width: 100%;text-align: center;}
.idx07{position: absolute;left: 30px;top: 250px;width: 459px;height:283px;background: url(../images/004.png) no-repeat;}
.idx08{height: 60px;line-height: 60px;overflow: hidden;padding-left: 45px;font-size: 24px;}
.idx09{width: 80%;margin: 0 auto;}
.idx10{position: absolute;right: 30px;top: 250px;width: 459px;height:283px;background: url(../images/005.png) no-repeat;}
.idx11{height: 60px;line-height: 60px;overflow: hidden;}
.idx12{padding-left: 45px;font-size: 24px;float: left;}
.idx13{float: right;padding-right: 15px;color: #2685BB;line-height: 45px;}
.idx14{width: 80%;margin: 8px auto 0;height:200px;overflow: hidden;}
.idx14 li{height: 30px;line-height: 30px;overflow: hidden;list-style: decimal;list-style-position: inside;}
.idx15{position: absolute;left: 30px;top:600px;width: 459px;height:283px;background: url(../images/006.png) no-repeat;}
.idx16{height: 60px;line-height: 60px;overflow: hidden;padding-left: 40px;font-size: 24px;}
.idx17{position: absolute;right: 30px;top:600px;width: 459px;height:283px;background: url(../images/006.png) no-repeat;}
.idx18{width: 300px;float: left;margin-left: 5px;}
.idx19{width: 120px;float: right;margin-right: 30px;line-height: 40px;font-size: 18px;text-align: center;}
.idx20{font-size: 36px;font-family: arial;font-weight: bold;line-height:50px;color: #3AD947;}
.idx21{font-size: 36px;font-family: arial;font-weight: bold;line-height:50px;color: #E65844;}

.idx30{height: 100px;overflow: hidden;}
.idx31{width: 580px;height: 81px;background: url(../images/010.png) no-repeat left;padding: 19px 0 0 64px;float: left;}
.idx31 img{height: 47px;}
.idx32{width: 84px;height: 100px;background: url(../images/011.png) no-repeat right;float: right;}
.idx33{float: left;padding-top: 19px;}
.idx33 li{width: 208px;height: 65px;line-height:70px;overflow:hidden;float: left;margin:0 15px;background: url(../images/012.png) no-repeat;color: #FFFFFF;font-size: 24px;text-align: center;cursor: pointer;}
.idx33 .on{background: url(../images/013.png) no-repeat;}
.idx34{width: 200px;height: 890px;background: url(../images/014.png) no-repeat top;position: absolute;top: 30px;left: 30px;padding: 15px;z-index: 2000;}
.idx35{border-bottom: #063B71 1px dashed;background: url(../images/015.png) no-repeat 5px 23px;}
.idx36{width: 1612px;height: 927px;background: url(../images/016.png) no-repeat;position: absolute;top: 28px;right: 34px;}
.idx37{height: 72px;line-height: 72px;text-align: center;color: #34AEFA;font-size: 36px;font-weight: bold;}
.idx38{width: 341px;height: 237px;position: absolute;overflow: hidden;top: 70px;left: 40px;}
.idx38 li{width: 140px;height: 94px;line-height:40px;background:url(../images/017.png) no-repeat center;float: left;margin: 0 0 27px 30px;color: #34AEFA;font-size: 24px;text-align: center;padding-top: 10px;}
.idx38 li span{font-size: 30px;font-weight: bold;font-family: arial;}
.idx39{width: 310px;height: 508px;overflow: hidden;background-image: url(../images/018.png),url(../images/019.png);background-repeat:no-repeat,repeat-y;background-position:top,29px;position: absolute;top: 339px;left: 70px;}
.idx40{padding-top: 24px;text-align: center;font-size: 24px;color: #34AEFA;font-weight: bold;}
.idx41{padding-left: 25px;}
.idx41 li{padding: 8px 5px 8px 18px;color: #0084FF;background: url(../images/020.png) no-repeat 0 16px;line-height: 24px;}
.idx41 li span{color: #FFFFFF;}
.idx42{width: 560px;height: 390px;overflow: hidden;position:absolute;}
.idx43{line-height: 46px;font-size: 24px;color: #34AEFA;text-align: center;}
.idx44{width: 720px;height: 410px;overflow: hidden;position:absolute;}
.idx45{width: 1378px;height: 385px;overflow: hidden;position:absolute;}
.idx46{height: 35px;line-height: 35px;overflow: hidden;background: url(../images/021.png) no-repeat 0 17px;text-align: center;color: #34AEF9;font-size: 24px;}
.idx47{width: 310px;height: 778px;overflow: hidden;background-image: url(../images/022.png),url(../images/019.png);background-repeat:no-repeat,repeat-y;background-position:top,29px;position: absolute;top: 75px;left: 70px;}
.idx48{width: 1110px;position: absolute;top: 140px;right: 36px;}
.idx49{height: 124px;overflow: hidden;}
.idx49 li{width: 230px;height: 104px;padding-top:20px;float: left;margin-right: 44px;overflow: hidden;text-align: center;border-radius: 10px;font-size: 24px;}
.idx49 li span{font-size: 34px;font-weight: bold;font-family: arial;}
.idx50{background: -webkit-linear-gradient(#DF7E1C, #F7C84C); /* Safari 5.1 - 6.0 */ 
  background: -o-linear-gradient(#DF7E1C, #F7C84C); /* Opera 11.1 - 12.0 */ 
  background: -moz-linear-gradient(#DF7E1C, #F7C84C); /* Firefox 3.6 - 15 */ 
  background: linear-gradient(#DF7E1C, #F7C84C); /* 标准的语法 */ }
.idx51{background: -webkit-linear-gradient(#10AC8C, #49BE65); /* Safari 5.1 - 6.0 */ 
  background: -o-linear-gradient(#10AC8C, #49BE65); /* Opera 11.1 - 12.0 */ 
  background: -moz-linear-gradient(#10AC8C, #49BE65); /* Firefox 3.6 - 15 */ 
  background: linear-gradient(#10AC8C, #49BE65); /* 标准的语法 */ }
.idx52{background: -webkit-linear-gradient(#2C57EB, #0B9AE6); /* Safari 5.1 - 6.0 */ 
  background: -o-linear-gradient(#2C57EB, #0B9AE6); /* Opera 11.1 - 12.0 */ 
  background: -moz-linear-gradient(#2C57EB, #0B9AE6); /* Firefox 3.6 - 15 */ 
  background: linear-gradient(#2C57EB, #0B9AE6); /* 标准的语法 */ }
.idx53{background: -webkit-linear-gradient(#EB3B31, #F5713D); /* Safari 5.1 - 6.0 */ 
  background: -o-linear-gradient(#EB3B31, #F5713D); /* Opera 11.1 - 12.0 */ 
  background: -moz-linear-gradient(#EB3B31, #F5713D); /* Firefox 3.6 - 15 */ 
  background: linear-gradient(#EB3B31, #F5713D); /* 标准的语法 */ }
.idx54{height: 65px;line-height: 65px;overflow: hidden;margin-top: 29px;color: #34AEFA;font-size: 24px;font-weight: bold;}
.idx55{width: 1053px;height: 144px;overflow: hidden;background: url(../images/023.png) no-repeat;}
.idx55 li{width: 25%;float: left;line-height: 38px;padding-top: 30px;text-align: center;font-size: 24px;}
.idx55 li span{font-size: 36px;color: #FFA200;font-weight: bold;font-family: arial;}
.idx56{margin-top: 30px;}
.idx57{width: 50%;}
.idx58{width: 1511px;margin: 20px auto 0;}
.idx59{width: 998px;float: left;}
.idx60{width: 512px;float: right;border-left:#053D70 1px dashed;overflow: hidden;}
.idx61{width: 120px;height: 44px;line-height: 44px;overflow: hidden;text-align: center;background: url(../images/024.png) no-repeat;color: #34AEFA;font-size: 24px;font-weight: bold;margin: 0 auto;}
.idx62{width: 890px;margin: 26px auto 0;}
.idx63 li{line-height: 50px;background: url(../images/025.png) no-repeat left top;padding-left: 16px;color: #A6CAF4;font-size: 24px;margin-bottom: 35px;position: relative;cursor: pointer;}
.idx63 li div{background: #12469A;padding:0 15px;position: absolute;width: 96%;top: 55px;left: 4px;z-index: 10;border-radius: 10px;display: none;}
.idx63 li div a{background: none;line-height: 32px;padding: 10px 0;margin: 0;display: block;}
.idx64{line-height: 40px;color: #34AEFB;font-size: 24px;}
.idx65{padding-top: 5px;line-height: 32px;}
.idx65 li{float: left;margin-right: 20px;font-size: 18px;color: #FFFFFF;text-indent:10px;}
.idx66 li{width: 360px;height: 178px;overflow: hidden;margin: 30px auto 0;background: url(../images/026.png) no-repeat center;}
.idx66 li img{width: 104px;height: 128px;float: left;margin: 25px 0 0 23px;}
.idx66 li span{float: left;padding: 17px 0 0 20px;line-height: 44px;color: #FFFFFF;font-size: 18px;width: 200px;}
.idx67{width: 380px;margin: 0 auto;}
.idx68{width: 286px;height: 90px;background: url(../images/027.png) no-repeat center;line-height: 90px;text-align: center;color: #34AEFA;font-size: 28px;font-weight: bold;position: absolute;left: 50%;margin-left:10px;}
.idx69{width: 286px;height: 90px;background: url(../images/027.png) no-repeat center;line-height: 90px;text-align: center;color: #34AEFA;font-size: 28px;font-weight: bold;position: absolute;right: 50%;margin-right:10px;}
.idx70{width: 210px;height: 754px;padding:20px 10px 0 20px;background: url(../images/028.png) no-repeat top;float: left;overflow-x: hidden;overflow-y: auto;}
.idx71{width: 1475px;margin: 20px auto 0;}
.idx72{height: 20px;line-height:20px;font-size: 20px;border-left: #34AEFA 6px solid;color: #34AEFA;font-weight: bold;padding-left: 10px;}
.idx73{width: 1185px;height: 744px;overflow: hidden;background: url(../images/029.png) no-repeat;float: right;padding: 15px 20px;}
.idx74{height: 55px;padding-top: 5px;}
.idx75 li{height: 32px;line-height: 32px;padding: 0 10px;min-width: 50px;text-align: center;border: #0094EA 1px solid;float: left;margin-right: 20px;cursor: pointer;color: #34A7ED;}
.idx76{height: 32px;border: #33AEFB 1px solid;border-radius: 18px;}
.idx77{width: 170px;padding-left: 20px;height: 34px;line-height: 32px;border: none;background:none;color: #33AEFB;font-size: 18px;}
.idx78{width: 32px;height: 34px;border: none;background: url(../images/030.png) no-repeat left;cursor: pointer;}
.idx79{position: absolute;width: 96%;left:5px;top: 45px;background: #0C2359;padding:0 10px;padding: 5px;z-index: 50;border-radius: 5px;border: #70CEF4 1px solid;display: none;}
.idx79 li{float: left;color: #0094EA;font-size: 16px;margin:5px;padding: 5px;}
.idx79 li a{color: #0094EA;text-decoration: underline;cursor: pointer;}












.xk50{position: absolute;width:96%;height:calc(100% - 90px);right: 2%;top: 70px;overflow-x: hidden;overflow-y: auto;}
.xk51{width: 100%;line-height: 24px;font-size: 18px;}
.xk51 .tr{background-color: #012D76;}
.xk51 th{height: 55px;color: #34AEF9;padding: 0 5px;text-align: left;}
.xk51 td{height: 55px;color: #FFFFFF;padding: 0 5px;}
.xk51 td a{color: #FFFFFF;text-decoration: underline;cursor: pointer;}


/*网格化*/
.wgh01{
	position: absolute;
	left: 30px;
	top: 120px;
	width: 1480px;
	height: 930px; 
	-moz-box-shadow:5px -5px 10px #2685bd inset,-5px 5px 10px #2685bd inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:5px -5px 10px #2685bd inset,-5px 5px 10px #2685bd inset;            /* For Chrome5+, Safari5+ */
	box-shadow:5px -5px 10px #2685bd inset,-5px 5px 10px #2685bd inset;                    /* For Latest Opera */
}
.wgh02{
	position: absolute;
	right: 30px;
	top: 120px;
	width: 360px;
	height: 930px;
}
.wgh03{height: 260px;}
.wgh04{float: left;width: 120px;}
.wgh04 li{width:65px; padding-left: 55px; height:44px; line-height: 44px; margin-bottom:10px; font-size: 18px; cursor: pointer;}
.wgh05{float: right;width: 215px; padding-left: 15px; height: 225px; padding-top:35px; background:url(../images/105.png) no-repeat;}
.wgh05 li{float: left; height: 48px; line-height: 48px; width: 100px; text-align: center;}
.wgh05 li a{ color: #0084ff;}
.wgh05 li a:hover{ color: #00ffff;}
.wgh06{background: url(../images/100.png) no-repeat; color: #0084ff;}
.wgh06-1{background: url(../images/100-1.png) no-repeat; color: #00ffff;}
.wgh07{background: url(../images/101.png) no-repeat; color: #0084ff;}
.wgh07-1{background: url(../images/101-1.png) no-repeat; color: #00ffff;}
.wgh08{background: url(../images/102.png) no-repeat; color: #0084ff;}
.wgh08-1{background: url(../images/102-1.png) no-repeat; color: #00ffff;}
.wgh09{background: url(../images/103.png) no-repeat; color: #0084ff;}
.wgh09-1{background: url(../images/103-1.png) no-repeat; color: #00ffff;}
.wgh10{background: url(../images/104.png) no-repeat; color: #0084ff;}
.wgh10-1{background: url(../images/104-1.png) no-repeat; color: #00ffff;}
.wgh11{margin-top: 10px; width: 316px; padding: 24px 22px 0; height: 636px; background: url(../images/106.png) no-repeat;}
.wgh12{height: 34px; line-height: 34px;}
.wgh13{float:left; border: #328df3 1px solid; height: 32px; width: 200px; padding: 0 16px; border-radius: 16px; -moz-border-radius: 16px;}
.wgh14{border: 0; outline: none; height: 32px; line-height: 32px; width: 180px;float: left; background: none; color: #FFF; font-size: 16px;}
.wgh15{border: 0; outline: none; width: 16px; height: 32px; float: right; background: url(../images/107.png) no-repeat left center; cursor: pointer;}
.wgh16{float: right;}
.wgh16 a{ color: #34aefa; text-decoration: underline;}
.wgh17{ margin-top: 15px; width: 316px;}
.wgh17 li{float: left; border-bottom: #063b71 1px dashed; padding: 5px 0; line-height: 30px; background: url(../images/108.png) no-repeat 0px 10px; padding-left: 24px; width: 292px;}
.wgh17 li font{font-size: 18px; color: #0084ff;}
.wgh17 li span{display: block; color: #b2d5fd;}
.wgh18{background: url(../images/109.png) no-repeat center; width: 100%; height: 100%; position: relative;}
.wgh19{ 
	position: absolute;
	top: 40%;
	left: 40%;
	padding: 20px;
	width: 720px;
	-moz-box-shadow:3px -3px 5px #0c6da7 inset,-3px 3px 5px #0c6da7 inset;               /* For Firefox3.6+ */
	-webkit-box-shadow:3px -3px 5px #0c6da7 inset,-3px 3px 5px #0c6da7 inset;            /* For Chrome5+, Safari5+ */
	box-shadow:3px -3px 5px #0c6da7 inset,-3px 3px 5px #0c6da7 inset;                    /* For Latest Opera */   
    background: url(../images/110.png);
}
.wgh20{ height: 34px; line-height: 34px;}
.wgh21{float: left; font-size: 18px; font-weight: bold; color: #15d9fd;}
.wgh22{float: right; border: #0094eb 1px solid; width: 78px; height: 32px; text-align: center;}
.wgh22 a{ color: #0094eb; display: block;}
.wgh23{ height: 135px; margin-top: 10px;}
.wgh23 img{ width: 180px; height: 135px; float: left;}
.wgh24{ float: left; width: 520px;  margin-left: 20px; color: #b2d5fd; line-height: 27px;}
.wgh24 span{ display: block;}

/*舆情监控*/
.yqjk01{ position: absolute; top: 120px; left: 30px; width: 1860px; height: 930px; background: url(../images/113.png) no-repeat;}
.yqjk02{ margin-top: 65px; height: 380px;}
.yqjk03{ float: left; margin-left: 80px; width: 670px;}
.yqjk04{ float: left; width: 360px;}
.yqjk05{ float: left; width: 650px; margin-left: 40px;}
.yqjk06{ font-size: 24px; background: url(../images/114.png) no-repeat left center; padding-left: 33px; height: 30px; line-height: 30px;}
.yqjk06 span{ float: left;}
.yqjk07{ height: 340px; margin-top: 10px;}
.yqjk08{ float: left; width: 240px;}
.yqjk08 li{ float: left; height: 46px; line-height: 46px;}
.yqjk08 li a{ color: #6b86b1;}
.yqjk09{ float: left; width: 1px; background: #0c6da7; height: 300px; margin: 10px 20px 0;}
.yqjk10{ float: left; width: 324px;}
.yqjk11{ height: 26px; padding: 9px 0;}
.yqjk12{ height: 22px; line-height: 22px; text-align: right; color: #89a3cd;}
.yqjk13{ height: 4px; border-radius: 2px; -moz-border-radius: 2px;background-image:-webkit-linear-gradient(to right, #309af9,#00c29c); background-image:linear-gradient(to right,#309af9,#00c29c);}
.yqjk14{ background: url(../images/115.png) no-repeat center top; height: 230px; padding-top: 100px; margin-top: 20px; text-align: center;}
.yqjk15{ font-size: 24px; color: #b2d6ff; height: 40px; line-height: 40px;}
.yqjk16{ font-size: 46px; color: #178cf4; height: 60px; line-height: 60px;}
.yqjk17{ margin-top: 60px; color: #b2d6ff;}
.yqjk17 span{ font-size: 30px;}
.yqjk18{ color: #4fefb3;}
.yqjk19{ color: #b79feb;}
.yqjk20{ float: left; font-size: 14px;}
.yqjk20 li{ float: left; margin-left:40px;}
.yqjk20 li img{ margin-right: 10px;}
.yqjk21{ color: #4fefb3;}
.yqjk22{ color: #eb9363;}
.yqjk23{ color: #b79fe9;}
.yqjk24{ margin-top: 35px; height: 315px;}
.yqjk25{ margin-top: 40px; height: 380px;}
.yqjk26{ width: 285px; float: left; margin-right: 46px;}
.yqjk27{ margin-top: 15px; width: 245px; height: 310px; padding: 10px 20px 0; background: url(../images/120.png) no-repeat;}
.yqjk27 th{ color: #b2d5fd; height: 46px; line-height: 46px; text-align: left;}
.yqjk27 td{ color: #178df2; height: 36px;}
.yqjk28{ background: url(../images/121.png) no-repeat center top; height: 240px; padding-top: 80px; margin-top: 30px; text-align: center;}
.yqjk29{ color: #178cf4; font-size: 48px; font-weight: bold;}
.yqjk30{ margin-top: 130px; color: #b2d6ff;}
.yqjk31{ color: #d89e6d;}



/*子菜单切换*/

.panel{
	width: 100%;
	position: absolute;
	margin-left: -102%;
	z-index:2;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}
.panel:target{
	margin-left: 0%;
}
#a:target ~ #header #navigation #linka,
#b:target ~ #header #navigation #linkb,
#c:target ~ #header #navigation #linkc,
#d:target ~ #header #navigation #linkd{
	color: #01FFFF;
}











.tree{color: #00FFFF;}
.tree .more{color: #34AEFA;}
.tree li{line-height: 24px;padding: 10px 20px 10px 15px;cursor: pointer;font-size:20px;position: relative;border-bottom: #063B71 1px dashed;}
.tree li span{position: absolute;right: 5px;top: 9px;transition: transform 0.5s;-webkit-transition: transform 0.5s;}
.tree li ul{display: none;}
.tree li li{color: #00FFFF;padding: 8px;border-bottom: none;}
.tree li li span{position: absolute;right:0;top: 9px;transition: transform 0.5s;-webkit-transition: transform 0.5s;}
.tree li li li{padding: 8px 20px 8px 10px;}
.tree .on{transform: rotate(90deg);-ms-transform: rotate(90deg);/* IE 9 */-webkit-transform: rotate(90deg);}










.scrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #07507D;
}

.scrollbar::-webkit-scrollbar
{
	width: 12px;
	background-color: #07507D;
}

.scrollbar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #06dce2;
}





.squaredTwo li{	position: relative;}


/*.squaredTwo {
  position: relative;
  padding-left: 5px;
  
  
}*/
.squaredTwo label {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 6px;
  border:2px solid #32AAF6;
  border-radius:4px ;
}
.squaredTwo label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 3px;
  left: 2px;
  border: 2px solid #32AAF6;
  border-top: none;
  border-right: none;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.squaredTwo label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
.squaredTwo input[type=checkbox] {
  visibility: hidden;
}
.squaredTwo input[type=checkbox]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}


.squaredThree th,td{}


/*.squaredThree {
  position: relative;
  padding-left: 5px;
  
  
}*/
.squaredThree label {
	margin: 0 auto;
	position: relative;
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  border:2px solid #32AAF6;
  border-radius:4px ;
}
.squaredThree label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 3px;
  left: 2px;
  border: 2px solid #32AAF6;
  border-top: none;
  border-right: none;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.squaredThree label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
.squaredThree input[type=checkbox] {
  visibility: hidden;
  display: none;
}
.squaredThree input[type=checkbox]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}




.radio li{	position: relative;}


/*.squaredTwo {
  position: relative;
  padding-left: 5px;
  
  
}*/
.radio label {
  width: 17px;
  height: 17px;
  cursor: pointer;
  position: absolute;
  left: 0px;
  top: 6px;
  border:2px solid #32AAF6;
  border-radius:50% ;
}
.radio label:after {
  content: '';
  width: 11px;
  height: 11px;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius:50% ;
  border-top: none;
  border-right: none;
  background: #32AAF6;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  
}
.radio label:hover::after {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
.radio input[type=radio] {
  visibility: hidden;
}
.radio input[type=radio]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}





.xk25{
	width: 800px;
    margin: 0 auto 0;
    height: 100%;
}

.main{
	 width: 90%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.main .dizuo {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform-origin: 50% 50%;
	perspective: 600px;
	transform: rotateZ(-20deg) translateX(-40px)  
}
.main .circle{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform-origin: 50% 50%;
	perspective:650px;
	transform: rotateZ(-20deg) translateX(-40px)   rotateX(-20deg);
	/*animation: zhuan3 55s infinite linear;*/
}

.main .circle a .img{
	width: 100px;
	height: 100px;
	position: relative;
	z-index: 99;
}
.main .circle a .line{
	width: 12px;
	height: 195px;
	position: absolute;
	top: -160px;
	transform: translateX(-50%) ;
	left: 50%;
}
.main .circle a span{
	position: absolute;
	top: -210px;
	transform: translateX(-50%) ;
	left: 50%;
	font-size: 30px;
}

.main .circle a{
	position: absolute;
	left: calc(50% - 50px);
	top: calc(50% - 50px);
	width: 100px;
	height: 100px;
}
.main .circle a:nth-child(1){
	transform:rotateY(90deg) translateZ(180px) rotateY(-90deg) rotateZ(20deg);
	animation:zh1 50s infinite linear ;
}

.main .circle a:nth-child(2){
	transform:rotateY(200deg) translateZ(180px) rotateY(-200deg) rotateZ(20deg);
	animation:zh2 50s infinite linear ;
}
.main .circle a:nth-child(3){
	transform:rotateY(270deg) translateZ(180px) rotateY(-270deg) rotateZ(20deg);
	animation:zh3 50s infinite linear ;
}
.main .circle a:nth-child(4){
	transform:rotateY(0deg) translateZ(180px) rotateY(-0deg) rotateZ(20deg);
	animation:zh4 50s infinite linear ;
}
@keyframes zh1 {
	0% {
		transform:rotateY(90deg) translateZ(180px) rotateY(-90deg) rotateZ(20deg);
	}
	
	100% {
		transform:rotateY(-270deg) translateZ(180px) rotateY(270deg) rotateZ(20deg);
	}
}
@keyframes zh2 {
	0% {
		transform:rotateY(200deg) translateZ(180px) rotateY(-200deg) rotateZ(20deg)
	}
	
	100% {
		transform:rotateY(-160deg) translateZ(180px) rotateY(160deg) rotateZ(20deg)
	}
}
@keyframes zh3 {
	0% {
		transform:rotateY(270deg) translateZ(180px) rotateY(-270deg) rotateZ(20deg)
	}
	
	100% {
		transform:rotateY(-90deg) translateZ(180px) rotateY(90deg) rotateZ(20deg)
	}
}
@keyframes zh4 {
	0% {
		transform:rotateY(0deg) translateZ(180px) rotateY(-0deg) rotateZ(20deg)
	}
	
	100% {
		transform:rotateY(-360deg) translateZ(180px) rotateY(360deg) rotateZ(20deg)
	}
}

.main .qiu{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -120px;
	margin-left: -120px;
	width: 240px;
	height: 240px;
	transform: translateY(-15px);
}

.main .dizuo img{
	display: block;
	position: absolute;
}
.main .dizuo .smallquan{
	/*position: absolute;*/
	left:calc(50% - 330px);
	top:calc(50% - 330px);
	margin: 0 auto;
	width: 660px;
	height: 660px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform-origin: 50% 50%;
	transform: rotateX(70deg);
	animation: zhuan2 85s infinite linear;
}
.main .dizuo  .bigquan{
	left:calc(50% - 400px);
	top:calc(50% - 400px);
	margin: 0 auto;
	width: 800px;
	height: 800px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform-origin: 50% 50%;
	transform: rotateX(70deg);
	animation: zhuan 80s infinite linear;
}
@keyframes zhuan {
	0% {
		transform:  rotateX(70deg)  rotateZ(0);
	}
	
	100% {
		transform:  rotateX(70deg) rotateZ(360deg);
	}
}
@keyframes zhuan2 {
	0% {
		transform:  rotateX(70deg)  rotateZ(0);
	}
	
	100% {
		transform:  rotateX(70deg) rotateZ(-360deg);
	}
}