a,abbr,b,body,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,html,i,img,input,li,ol,p,pre,samp,select,span,strong,sub,sup,table,tt,ul,var{margin:0;padding:0;}
img,input{outline:0;border:0;}
body,html{overflow:hidden;width:100%;height:100%;}
input,select{outline:0;}
img,video{width:auto\9;height:auto;max-width:100%;}
body{width:100%;height:100%;color:#2d2d2d;word-wrap:break-word;font-family:Helvetica,'Microsoft YaHei','微软雅黑';word-break:break-all;}
body div,body p{margin:0 auto;word-break:normal;}
address,cite,dfn,em,var{font-style:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
a{outline:0;color:#026acb;}
a,a:hover{text-decoration:none;}
ol,ul{list-style:none;}
/*loading*/
#loading{background:#0d2052;text-align:center;width:100%;height:100%;position:relative;z-index:99999;margin: 0 auto;overflow: hidden;}

#loading img{width: 30%;position: absolute;top: 40%;left: 35%}

.fm{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/fm_bg.jpg) top center no-repeat;background-size: 100% 100%;overflow: hidden;z-index: 11;overflow:hidden;}
#fm_til{width: 100%;position: relative;}
#fm_til img{width: 100%}
#fm_start{width: 7%;position: absolute;top: 70%;left: 46.5%;}
#fm_start img{width: 100%;}
#fm_chupin{width: 100%;position: absolute;bottom: 2%;left: 0;}
#fm_chupin p{font-size: 16px;line-height: 30px;color: #2b58cf;text-align: center;width: 100%}


/*视频1--start*/
#fm_video_box{position: absolute;top: 0;left: 0;right: 0;bottom:0;width: 100%;height: 100%;background: #000;z-index: 10;}
#video_fm{position: absolute;width: 100%;left: 0;right: 0;}
/*视频1--end*/



/*罗盘 start*/
.page_lp{width: 100%;height: 100%;position: relative;background: url(../images/bg.jpg) top center no-repeat;background-size: 100% 100%;overflow: hidden;}
/*内容页 start*/
#con{width: 87%;position: absolute;top: 3%;left: 6.5%;background: url(../images/con_bg.png) top center no-repeat;background-size: 100% 100%;overflow: hidden;}
#con_img{width: 90%;height: 90%;overflow-y: auto;position: absolute;top: 5%;left: 5%;}
.jdbd_til{width: 100%;}
.jdbd_til img{width: 100%;}
.jdbd_txt{margin:30px 0;width: 100%;position: relative;}
.jdbd_txt_l{width: 17%;position: absolute;top: 0;left: 0;}
.jdbd_txt_r{width: 80%;margin-left: 20%;}
.jdbd_txt_r p{font-size: 18px;color: #142242;line-height: 35px;padding:2%;width: 96%;background: #fcde72;margin:15px 0;border-radius: 10px;}
.jdbd_txt_r p span{font-size: 20px;line-height: 32px;width: 32px;height: 32px;background: #142242;border-radius: 50%;color: #fff;margin-right: 10px;display: inline-block;text-align: center;}
.jdbd_img{margin:30px 0;width: 100%;position: relative;}
.jdbd_img_l{width: 17%;position: absolute;top: 0;left: 0;}
.jdbd_img_r{width: 80%;margin-left: 20%;}
.jdbd_img_r img{width: 96%;padding-left: 2%;margin-bottom:15px;}
.line_two{width: 80%;margin-left:20%;overflow-x: hidden; }
.line_two img{width: 45%;float: left;margin:0px 1% 10px;}
.zd_til{width: 100%;position: relative;}
.zd_til img{width: 100%;}
.zd_til p{position: absolute;bottom: 21%;width: 110px;left: 50%;margin-left: -55px;height: 25px;line-height: 25px;font-size: 18px;background: #fff;border-radius: 12.5px;color: #462e2e;text-align: center;}
.zd_txt{width: 100%;background: url(../images/zd/line.png) top left repeat-y;background-size: 100% auto;padding-top: 30px;margin-top: -5px;}
.zd_year{width: 18%;background: #002376;border:2px solid #f2cf51;border-radius: 50%;margin-left: 5%;margin-top: 20px;margin-bottom: 20px;}
.zd_year p{color: #fff;text-align: center;font-size: 20px}
.zd_txt_til{width: 100%;background: url(../images/zd/dian.png) center left no-repeat;background-size: 100% auto;margin-bottom: 15px;}
.zd_txt_til p{width:74%;margin-left: 20%;padding:3%;font-size: 18px;color: #142242;background: #d9e1f2;line-height: 30px;border-radius: 15px;}

#hand_hua{position: absolute;top: 35%;width: 16%;left: 42%;display: none}
#hand_hua img{width: 100%;}
/*内容页 end*/
#lp{width: 100%;height: 250px;position: absolute;bottom:1%;left: 0;right: 0;background:url(../images/lp_bg.png) center no-repeat;background-size: 100% 100%;overflow:hidden;}
.lp_con{width: 85%;height: 82%;position: absolute;bottom: 3%;left: 7.5%;overflow: hidden;}
  /*罗盘外圈 年份*/
#box{height: 500px;width: 500px;line-height: 500px;text-align: center;color: #fff;font-size: 22px;background: url(../images/wai_bg.png) center no-repeat;background-size: 100% 100%;transition: all 1s;position: absolute;left: 50%;margin-left: -250px;bottom: 30%;}
#box .out-circle{position:relative;top: 20px;left: -10px;width:480px;height:480px;margin:0 auto;}
#box .item{position:absolute;left:174px;top:195px;width:150px;height:70px;border-radius:75px;line-height:70px;}
#box .item a{color: #6c2e2a;font-weight: bold;}
#box .out-circle div:nth-of-type(2){transform: rotate(30deg);}
#box .out-circle div:nth-of-type(3){transform: rotate(60deg);}
#box .out-circle div:nth-of-type(4){transform: rotate(90deg);}
#box .out-circle div:nth-of-type(5){transform: rotate(120deg);}
#box .out-circle div:nth-of-type(6){transform: rotate(150deg);}
#box .out-circle div:nth-of-type(7){transform: rotate(180deg);}
#box .out-circle div:nth-of-type(8){transform: rotate(210deg);}
#box .out-circle div:nth-of-type(9){transform: rotate(240deg);}
#box .out-circle div:nth-of-type(10){transform: rotate(270deg);}
#box .out-circle div:nth-of-type(11){transform: rotate(300deg);}
#box .out-circle div:nth-of-type(12){transform: rotate(330deg);}
#box .out-circle div a{border-radius:75px;display: block;height: 70px;width: 150px;transform: translateY(230px);}
  /*罗盘内圈 报道内容*/
#box1{height: 400px;width: 400px;margin: 100px auto;line-height: 200px;text-align: center;color: #fff;background:url(../images/nei_bg.png) center no-repeat;background-size: 100% 100%;transition: all 1s;position: absolute;left: 50%;margin-left: -200px;bottom: 8%;}
#box1 .out-circle{position: relative;top: 20px;left:0px;width: 380px;height: 380px;margin: 0 auto;}
#box1 .item{position: absolute;width: 220px;height: 44px;border-radius: 75px;line-height:70px;}
#box1 .out-circle div:nth-of-type(1){top: 149px;left: 82px;}
#box1 .out-circle div:nth-of-type(2){transform: rotate(90deg);top: 160px;left: 85px}
#box1 .out-circle div:nth-of-type(3){transform: rotate(180deg);top: 165px;left: 80px;}
#box1 .out-circle div:nth-of-type(4){transform: rotate(270deg);top: 155px;left: 73px;}
#box1 .out-circle div a{display: block;height: 70px;width: 220px;transform: translateY(155px);}
#box1 .out-circle div:nth-of-type(1) a{background: url(../images/nei_1.png) top center no-repeat;background-size: 100% auto;}
#box1 .out-circle div:nth-of-type(2) a{background: url(../images/nei_2.png) top center no-repeat;background-size: 100% auto;}
#box1 .out-circle div:nth-of-type(3) a{background: url(../images/nei_1.png) top center no-repeat;background-size: 100% auto;}
#box1 .out-circle div:nth-of-type(4) a{background: url(../images/nei_2.png) top center no-repeat;background-size: 100% auto;}

#jiantou{position: absolute;width: 20px;top: 50%;left: 50%;margin-left: -10px;}
#jiantou img{width: 100%;}
#yes{position: absolute;width: 100px;bottom: 5%;left: 50%;margin-left: -50px;}
#yes img{width: 100%;}
#lp_y{width: 100%;position: absolute;bottom: 204px;left: 0;}
#lp_y img{width: 100%;}
.sanjiao{width: 10px;position: absolute;}
.sanjiao1{top: 45px;left: 95px;}
.sanjiao2{top: 45px;right: 90px;}
.sanjiao3{top: 70px;left: 40px;}
.sanjiao4{top: 75px;right: 40px;}

#tc_bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.8);display: none;overflow:hidden;}
#tc_con{width: 90%;height: 90%;position: absolute;top: 5%;left: 5%;background:url(../images/di.png) center no-repeat;background-size: 100% 100%;}
#tc_txt{width: 80%;margin:14% auto 14%;height: 84%;overflow-y: auto;}
#tc_txt .tittle{font-size: 22px;line-height: 30px;color: #f3d252;font-weight: bold;}
#tc_txt .time{font-size: 14px;line-height: 30px;color: #fff;}
#tc_txt .text{margin-top: 20px;}
#tc_txt .text p{font-size: 16px;line-height: 30px;color: #fff;text-indent: 2em;}
#tc_txt .tc_img{width: 100%;}
#tc_txt .tc_img img{width: 100%;}
#tc_txt p{font-size: 16px;line-height: 30px;color: #fff;}
#tc_close{position: absolute;top: -15px;right: -15px;}

#share{position: absolute;background: rgba(0,0,0,0.9);top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;z-index: 8;display: none;overflow:hidden;}
#share img{width: 90%;position: absolute;top: 5%;left: 5%;}
#share #hand{width: 12%;position: absolute;top: 5%;left: 87%;}
#shuoming{position: absolute;background: rgba(0,0,0,0.8);top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;z-index: 9;overflow:hidden;}
#shuoming1{width: 100%;height:100%;position: absolute;top: 0%;left: 0%;}
#shuoming1 img{width: 100%;}
#shuoming1 #shuoming_hand{width: 50px;position: absolute;top: 32%;left: 50%;}
#shuoming2{width: 100%;height:100%;display: none;}
#shuoming2 img{width: 100%;position: absolute;bottom: 100px;left: 0%;}
#shuoming2 #shuoming_hand1{width: 50px;position: absolute;bottom: 100px;left: 50%;margin-left: -15px;}
#shuoming3{width: 100%;height:100%;display: none;}
#shuoming3 img{width: 100%;position: absolute;bottom: 45px;left: 0%;}
#shuoming3 #shuoming_hand2{width: 50px;position: absolute;bottom: 45px;left: 50%;margin-left: -15px;}
#shuoming4{width: 100%;height:100%;display: none;}
#shuoming4 img{width: 100%;position: absolute;bottom: 0px;left: 0%;}
/*罗盘 end*/




/*iphone6 qq*/
@media screen and (max-width:400px){
}
@media screen and (max-width:375px){
}
@media screen and (max-width:320px){
}