@import url("public.css");
@import url("animate.css");
.nr-conter{background: url(../images/banner.jpg) #078bf5 no-repeat; max-width:1920px;margin:0 auto; padding: 5px;}
/*Banner*/

/*banner*/
.banner{width: 1260px; height: 640px; margin: 0 auto; }
.banner .conter{width:585px; height: 640px; margin: 0 auto; float: left; position: relative; left: 15px;}
.banner .conter h3{font-size: 130px; line-height: 140px; color: #FFFFFF; font-weight: bold;margin: 120px 30px 30px;}
.banner .conter ul li{background: url(../images/db1.png) no-repeat; width: 161px; height: 53px; float: left; font-size: 26px; font-weight: bold; margin-left: 30px; color: #FFFFFF;
text-align: center; line-height: 53px;}
.banner .conter .hez{margin-top: 30px; float: left;}
.banner .conter .hez h1{float:left ;}
.banner .conter .hez h2{float:right ;    position: relative;right: 38px; bottom: 42px;
	-webkit-animation: banGirl 2s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
    -moz-animation: banGirl 2s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
    -ms-animation: banGirl 2s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
    -o-animation: banGirl 2s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
    animation: banGirl 2s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
}
@keyframes banGirl{
	0%, 100% {
	    transform: translateY(6px) scaleX(.99);
	}
	80% {
	    transform: translateY(2px) scaleX(1);
	}
}

.banner .san{ width: 505px; height: 400px; float: right;    position: relative;    right:38px;
    top: 100px;
}


/*内容开始*/
.main{width: 1200px; margin: 0 auto; height: auto;}
.part1{width: 100%; height: 2202px; background: #87c1f8; border-radius:50px ;box-shadow: 0 10px 10px #0257d8; }
.part1 .nr{width: 1158px; height:2156px; background: #ffffff; border-radius:50px ; position: relative; top:20px; left: 22px;}


/*微信公众号*/
.wxgzh{width: 1115px; height: 545px; margin: 0 auto; overflow: hidden;}
.wxgzh h3{font-size: 44px; color: #333333; font-weight: bold; width: 100%; margin-top: 32px; overflow: hidden;}
.wxgzh h3 em{background: url(../images/icon.png) no-repeat; background-position: -108px 0; display: block; width: 67px; height: 56px; float: left; margin: 6px 12px 0 240px;}
.wxgzh .left{width: 665px; height: 415px; float: left; margin-top: 30px; overflow:hidden;}
.wxgzh .left p{font-size: 32px; font-weight: bold; color: #cc000f; line-height: 55px; padding-left: 15px;}
.wxgzh .left ul li{background: url(../images/ffbj.png) no-repeat; width: 663px; height: 51px; margin-top: 20px;}
.wxgzh .left ul li span{font-size: 18px; color: #FFFFFF; line-height: 51px;}
.wxgzh .left ul li span on{font-size: 18px; color: #FFFF00; font-weight: bold;line-height: 51px;}
.wxgzh .left ul li i{font-size: 26px; color: #FFFFFF; font-weight: bold;line-height: 46px; margin: 22px;}
.wxgzh .left .lbtz{margin-top: 25px;}
.wxgzh .left .lbtz em{background: url(../images/icon.png) no-repeat; background-position: 0 0; width: 62px; height: 57px; float: left; display: block; margin: 8px;}
.wxgzh .left .lbtz span{font-size: 22px; color: #333333; line-height: 65px;}
.wxgzh .right{width: 435px; height: 415px; float: right;margin-top: 30px;}
.wxgzh .right ul li{background: url(../images/sjbj.png) no-repeat; width: 204px; height: 416px; float: left; margin-left: 13px;}
.wxgzh .right ul li:hover{transition: 1s;transform: translateY(-10px);}
.wxgzh .right ul li h3{width: 177px; height: 224px; background: #cc000f;margin: 120px 14px;}
.wxgzh .right ul li h3 img{margin: 11px;}
.wxgzh .right ul li h3 p{font-size: 16px; color: #FFFFFF; width: 100%; text-align: center;line-height: 20px;}
.wxgzh .right ul li h3 p i{color: #faf159;}


/*各公职考试微信*/
.gzkswx{width: 100%; height: auto; margin: 50px 0 auto; float: left;}
.gzkswx h3{width: 513px; height: 63px; background: #209eef; margin: 0 auto; font-size: 34px; font-weight: bold; line-height: 63px; border-radius:25px; text-align: center; color: #FFFFFF;}
.gzkswx ul{margin-top: 35px;}
.gzkswx ul li{background:#f6f6f6; width: 174px; height: 235px; text-align: center; float: left; margin-left: 17px; margin-top: 15px;
border-radius:10px; cursor: pointer;}
.gzkswx ul li:hover{box-shadow: 0px 0px 5px 1px #D9D7D7; border-radius:10px;}
.gzkswx ul li:hover{transition: 1s;transform: translateY(-5px);}
.gzkswx ul li img{margin: 10px;width: 150px; height: 150px;}
.gzkswx ul li p{line-height: 25px;}
.gzkswx ul li p span{font-size: 15px; color: #333;}
.gzkswx ul li p span on{font-size: 15px; color: #548B54;}
.gzkswx ul li p i{font-size: 18px; color: #333; font-weight: bold;}


.part2{width: 100%; height: auto;     padding: 0 0px 40px; background: #87c1f8; border-radius:50px; margin-top: 40px; box-shadow: 0 10px 10px #0257d8;}
.part2 .nr{width: 1158px; height: auto; background: #ffffff; border-radius:50px ; position: relative; top:20px; left: 22px;}
.qqpt{width: 1115px; height:auto; margin: 0 auto; overflow: hidden;}
.qqpt h3{font-size: 44px; color: #333333; font-weight: bold; width: 100%; margin-top: 32px;}
.qqpt h3 em{background: url(../images/icon.png) no-repeat; background-position: -107px -89px; display: block; width: 67px; height: 67px; float: left; margin: 0 12px 0 285px;}

.szds{background: url(../images/dsbj.png) no-repeat; width: 177px; height: 56px;
font-size: 26px; color: #FFFFFF; font-weight: normal; line-height: 43px;padding-left: 52px; margin-top: 30px;}

.outBox{ width:1115px; text-align:left;margin:30px auto}
.outBox .hd{ height:35px; line-height:35px;position:relative;    margin-top: 35px;}
.outBox .hd ul{ float:left; position:absolute;  top:-1px; height:34px;   }
.outBox .hd ul li{ float:left; width: 92px; height: 34px;font-size: 20px; cursor:pointer; border:1px solid #bebebe; line-height: 34px; 
text-align: center; border-radius:5px; margin-right: 14px;}
.outBox .hd ul li.on{ height:34px;  background:#fa1127; border:1px solid #efefef; color: #FFFFFF;}

.inBox{margin-top: 20px;}
.inBox .inHd{ height:120px;}
.inBox .inHd ul{ overflow:hidden; width:100%; text-align:center; float:left; cursor:pointer;  }
.inBox .inHd ul li{width: 92px; height: 32px; float: left; border-radius:5px; font-size: 16px; line-height: 32px; border:1px solid #bebebe; margin-top:20px; margin-right: 15px;}
.inBox .inHd ul li.on{ background:#ccc; color:#FFFFFF; background: #fa1127;  border:1px solid #efefef; }
.inBox .inBd ul{  zoom:1; overflow:hidden;   }
.inBox .inBd li{ height:24px; line-height:24px; overflow:hidden; zoom:1; width: 510px; height: 43px;float: left;margin-top: 15px;
 border:1px solid #f6f6f6; background:#f6f6f6; font-size: 16px;line-height: 45px; border-radius:8px ;    margin-right: 45px;}
.inBox .inBd li .date{ float:left; color:#333;text-indent: 20px;}
.inBox .inBd li a{background: #fa1127; color: #FFFFFF; width: 140px;height: 35px;border-radius:8px; float: right; margin: 4px;  
  line-height: 35px;text-align: center;}
.inBox .inBd li a:hover{font-size: 18px;font-weight: bold;color: #FFFFFF; }
 /*中公QQ群加群福利*/
 .jqfl{height:360px;}
.jqfl h3{font-size: 34px; color: #333333; font-weight: bold; width: 100%; margin-top: 38px; text-align: center;}
.jqfl ul li{width: 235px; height: 235px; background: #f6f6f6; border-radius:10px; float: left;margin: 25px 27px; overflow: hidden;cursor: pointer;}
.jqfl ul li:hover{transition: 1s;transform: translateY(-10px);}
.jqfl ul li em{background: url(../images/icon.png) no-repeat; display: block;    margin: 35px 0px 8px 90px;}
.jqfl ul li:first-child em{background-position: 0 -89px; width: 46px; height: 50px;}
.jqfl ul li:first-child+li em{background-position: 0 -155px; width: 50px; height: 50px;}
.jqfl ul li:first-child+li+li em{background-position: 0 -219px; width: 50px; height: 50px;}
.jqfl ul li:first-child+li+li+li em{background-position: 0 -288px; width: 50px; height: 50px;}
.jqfl ul li h2{font-size: 26px; font-weight: bold; color: #333; text-align: center;}
.jqfl ul li span{font-size: 16px; color: #333;width: 92%;float: left; margin:10px;}



/*微博互动-考试话题与热点*/
.part3{width: 100%; height:602px; background: #87c1f8; border-radius:50px; margin-top: 40px;box-shadow: 0 10px 10px #0257d8;}
.part3 .nr{width: 1158px; height: 560px; background: #ffffff; border-radius:50px ; position: relative; top:20px; left: 22px;}
.wbhd{width: 100%; height:550px;  overflow: hidden;}
.wbhd h3{font-size: 44px; color: #333333; font-weight: bold; width: 100%; margin-top: 42px;}
.wbhd h3 em{background: url(../images/icon.png) no-repeat; background-position: -105px -180px; display: block; width: 67px; height: 62px; float: left; margin: 0 12px 0 315px;}
.wbhd ul{float: left;margin-top: 35px;}
.wbhd ul li{background:#f6f6f6;width: 250px; height: 80px; float: left;margin: 5px 19px;margin-top: 15px;}
.wbhd ul li:hover{box-shadow: 0px 0px 5px 1px #D9D7D7; border-radius:5px;}
.wbhd ul li img{float: left;width: 75px; height: 70px; margin: 2px;margin-top: 5px;}
.wbhd ul li .jgz{float: right; width: 165px; height: 70px; margin: 2px;}
.wbhd ul li .jgz p{font-size: 16px; line-height: 35px;}
.wbhd ul li .jgz p span{color: #275fed;font-size: 20px;font-family:"Mongolian Baiti";}
.wbhd ul li .jgz p em{background: url(../images/v.png) no-repeat; display: block; width: 18px; height: 18px;}
.wbhd ul li .jgz p.p1{line-height: 18px;}
.wbhd ul li .jgz img{width: 79px; height: 29px;}
.wbhd ul li .jgz:hover img{transform:scale(1.05);transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s;-webkit-transform:transform 0.7s ease-out 0s;}
/*抖音平台-备考视频与干货*/
.part4{width: 100%; height:615px; background: #87c1f8; border-radius:50px; margin-top: 40px; box-shadow: 0 10px 10px #0257d8;}
.part4 .nr{width: 1158px; height:576px; background: #ffffff; border-radius:50px ; position: relative; top:20px; left: 22px;}
.dypt{width: 965px; height:576; margin: 0 auto; overflow: hidden;}
.dypt h3{font-size: 44px; color: #333333; font-weight: bold; width: 100%; margin-top: 42px;}
.dypt h3 em{background: url(../images/icon.png) no-repeat; background-position: -105px -243px; display: block; width: 67px; height: 65px; float: left; margin: 0 12px 0 235px;}
.dypt .left{width: 655px; float: left; margin-top: 50px;}
.dypt .left li{font-size: 28px; color: #333333; line-height: 55px;}
.dypt .left li.wzjc{font-size: 28px; font-weight: bold; line-height: 50px;}
.dypt .left li.wzjc em{color: #fa1127; font-weight: bold;}
.dypt .right{float: right; width: 280px;margin-top: 50px;}
.dypt .right li{width: 280px; height: 280px; background: #078bf5; border-radius:10px;}
.dypt .right p{font-size: 32px; font-weight: bold; text-align: center;line-height: 60px;}


/*备考推荐*/
.part5{width: 100%; height:615px; background: #87c1f8; border-radius:50px; margin: 40px 0; box-shadow: 0 10px 10px #0257d8;}
.part5 .nr{width: 1158px; height:575px; background: #ffffff; border-radius:50px ; position: relative; top:20px; left: 22px;}
.bktj{width: 100%; height:575; margin: 0 auto; overflow: hidden;}
.bktj h3{font-size: 44px; color: #333333; font-weight: bold; width: 100%; margin-top: 42px;}
.bktj h3 em{background: url(../images/icon.png) no-repeat; background-position: -105px -312px; display: block; width:82px; height: 65px; float: left; margin: 0 12px 0 435px;}
.bktj ul{float: left;    margin-top: 10px;}
.bktj ul li{width: 115px; height:155px;float: left; margin: 30px 57px; text-align: center; display: block;}
.bktj ul li.bj01{background-position: 0 -535px;}
.bktj ul li.bj02{background-position: -125px -535px;}
.bktj ul li.bj03{background-position: -250px -535px;}
.bktj ul li.bj04{background-position: -375px -535px;}
.bktj ul li.bj05{background-position: -500px -535px;}
.bktj ul li.bj06{background-position: -627px -535px;}
.bktj ul li a{font-size: 28px; color: #333333; line-height: 12px;}
.bktj ul li em{background: url(../images/icon.png) no-repeat; display: block;}
.bkk li:first-child em{background-position: -234px 0; width: 104px; height: 106px;margin: 0 6px;}
.bkk li:first-child+li em{background-position: -358px 0;width: 93px; height: 104px;margin: 0 13px;}
.bkk li:first-child+li+li em{background-position: -466px 0;width: 102px; height: 94px;margin: 4px 6px;}
.bkk li:first-child+li+li+li em{background-position: -590px 0;width: 108px; height: 112px;margin: -8px 4px;}
.bkk li:first-child+li+li+li+li em{background-position: -718px 0;width: 93px; height: 98px;margin: 0 11px;}
.bkk li:first-child+li+li+li+li+li em{background-position: -830px 0;width: 103px; height:102px;margin: 0 4px;}
.bkk li:first-child+li+li+li+li+li+li em{background-position: -955px 0;width: 114px; height: 95px;}
.bkk li:first-child+li+li+li+li+li+li+li em{background-position: -1089px 0;width: 99px; height: 91px;margin: 0 6px;}
.bkk li:first-child+li+li+li+li+li+li+li+li em{background-position: -1205px 0;width:94px; height: 94px;margin: 0 11px;}


/*左侧导航*/
.zg_left{position: fixed;left: 0;top:20%; background: url(../images/zcbj.png) no-repeat; width: 154px; height:596px;}
.zg_left li{width: 124px;height: 40px; font-size: 18px; color: #333;text-align:center;cursor: pointer; margin-left: 9px;}
.zg_leftoli1{margin-top:152px;line-height: 38px;}
.zg_leftoli2{line-height: 42px;}
.zg_leftoli3{line-height: 45px;}
.zg_leftoli4{line-height: 48px;}
.zg_leftoli5{line-height: 45px;}
.zg_leftoli6{line-height: 62px; margin-top: 35px;}
.zg_left li a{color: #333;}

.zg_leftoli1.on a{font-size: 18px; font-weight: bold; color: #f63400 !important;}
.zg_leftoli2.on a{font-size: 18px; font-weight: bold; color: #f63400 !important;}
.zg_leftoli3.on a{font-size: 18px; font-weight: bold; color: #f63400 !important;}
.zg_leftoli4.on a{font-size: 18px; font-weight: bold; color: #f63400 !important;}
.zg_leftoli5.on a{font-size: 18px; font-weight: bold; color: #f63400 !important;}
.zg_leftoli6.on a{font-size: 18px; font-weight: bold; color: #f63400 !important;}

@media screen and (max-width:980px){
	.zg_left,.sd_rightfc{display: none;}
	
}
@media screen and (max-width:1500px){
	.banner{zoom:0.7;}   
}

@media screen and (min-width:1500px) and (max-width:1680px) { 
	.banner{zoom:0.85;}   
}
@media screen and (max-width:1366px){
	.zg_left,.sd_rightfc{display: none;}
    .banner .san {
        width: 505px;
        height: 400px;
        float: right;
        position: relative;
        right: 183px;
        top: 100px;
    }
}
@media screen and (max-width:1280px){
	.zg_left,.sd_rightfc{display: none;}
}
@media screen and (max-width:1080px){
	.zg_left,.sd_rightfc{display: none;}
}

/*右侧固定栏*/
.sd_rightfc{position:fixed;right:0; top:50%; margin-top:-208px; width:86px; padding:6px 0 0;z-index:10;}
.sd_rightfc .fx_close{display:block; width:12px; height:12px; background:url(../images/script_jhicon.png) no-repeat 0 -218px; position:absolute; top:0; right:0; }
.sd_rightfc a.fx_close:hover{background:url(../images/script_jhicon.png) no-repeat 0 -269px;}
.sd_rightfc li{width:68px; border:1px solid #e6e6e6; margin-bottom:3px; text-align:center; font:14px/1 'Microsoft Yahei'; background:#fff; position:relative; box-shadow: 0 0 10px #dcdada;}
.sd_rightfc li a{color:#505e65; display:block;  padding:49px 0 14px;  }
.sd_rightfc li.li1 a{background:url(../images/script_jhicon.png) no-repeat -54px -176px;}
.sd_rightfc li.li1 a:hover{background:url(../images/script_jhicon.png) no-repeat -54px -248px #e60012; color:#fff;}
.sd_rightfc li.li2 a{background:url(../images/script_jhicon.png) no-repeat -114px -176px;}
.sd_rightfc li.li2 a:hover{background:url(../images/script_jhicon.png) no-repeat -114px -248px #e60012; color:#fff;}
.sd_rightfc li.li3 a{background:url(../images/script_jhicon.png) no-repeat -194px -176px;}
.sd_rightfc li.li3 a:hover,.sd_rightfc li.li3 a.on{background:url(../images/script_jhicon.png) no-repeat -194px -248px #e60012; color:#fff;}
.sd_rightfc li.li4 a{background:url(../images/script_jhicon.png) no-repeat -256px -176px;}
.sd_rightfc li.li4 a:hover{background:url(../images/script_jhicon.png) no-repeat -256px -248px #e60012; color:#fff;}
.sd_rightfc li.li5 a{background:url(../images/zg_icon_jhicontk.jpg) no-repeat center 15px ;}
.sd_rightfc li.li5 a:hover{background:url(../images/zg_icon_jhicontk.png) no-repeat center 15px #e60012; color:#fff;}
.sd_rightfc li.li6 a { background: url(../images/zg_icon_phone1.png) no-repeat 50% 15px;}
.sd_rightfc li.li6 a:hover{ background: url(../images/zg_icon_phone2.png) no-repeat 50% 15px #e60012;color: #fff;}
.zgzf_ycxf_ewm{ width: 160px; height: 160px; padding-right: 10px; position: absolute; left: -170px; top: -42px; z-index: 99; display: none;}
.zgzf_ycxf_ewm em{ display: block; width: 11px; height: 17px; background: url(../../images/zgimg/index_ycxf_05.png) no-repeat center; position: absolute; right: 0; top: 73px;}
.zgzf_ycxf_ewmn{ width: 158px; height: 158px; border: 1px solid #e8e8e8; box-shadow: 0 0 5px #f4f4f4; background: #fff;}
.zgzf_ycxf_ewmn img{ display: block; width: 140px; height: 140px; margin: 10px auto 0;}

.sd_rightfc li .tel_list{top: -75px;width:194px; height: 370px;left: -204px;}
.sd_rightfc li .tel_list em{top:105px;}
.sd_rightfc li .tel_list .zgzf_ycxf_ewmn{height: 100%;width:192px;}
.sd_rightfc li .tel_list a{background: none;padding:0;font:normal 14px/37px "Microsoft Yahei";color:#333333;}
.sd_rightfc li .tel_list a:hover{color:#ff0000;background: none;}