*{margin:0; padding:0; font-family:"Microsoft Yahei";}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
.top_img{width:100%;}
.top_img img{width:100%;}
.nav{width:100%; border-top:10px solid #999;}
.nav_top{width:1200px; margin:0 auto;}
.nav_top ul{width:100%;}
.nav_top ul li{display: inline-block; width:19%; height:40px; text-align: center;}
.nav_top .top_h{border-top:10px solid #c1272d; color:#c1272d;}
.nav_top ul li a{font-size:24px; padding:14px 0; line-height: 60px; color:#999;}
/* 学习园地 */
.con_xx{width:100%; margin-top:50px;}
.xx_top{width:1200px; margin:0 auto;}
.xx_top .xx_img{width:100%; text-align: center; margin-bottom:30px;}
.xx_top .xx_img img{width:20%;}
.xx_con{width:100%;}
.xx_con ul{width:103%;}
.xx_con ul li{width:31%; height:253px; margin-right:20px; display: inline-block; position:relative; overflow: hidden;}
.xx_con ul li a{width:100%;}
.xx_con ul li a img{width:124%; margin-left:-52px;}
.xx_con ul li a i{width:100%; height:40px; background:#000; position:absolute; z-index: 1; bottom:0; left: 0; opacity:0.6;}
.xx_con ul li a p{position:absolute; bottom: 0; color:#fff; z-index: 2; text-overflow: ellipsis; width: 100%; white-space: nowrap; text-indent: 1rem; height: 40px; line-height: 40px; overflow: hidden;}
.xx_list{width:100%; overflow: hidden; margin-top:44px;}
.xx_list ul{width:104%;}
.xx_list ul li{width:47%; float:left; height:104px; margin:0 26px 40px 0;}
.xx_list ul li a{width:100%; display:block; overflow: hidden;}
.xx_rq{width:22%; height:68px; margin-top:-6px; padding-left:5%; float: left;}
.xx_rq span{font-size:45px; font-weight: bold; color:#fff; border-bottom:1px solid #fff; width:59px; display: block; height:53px;}
.xx_rq h4{color:#fff; font-size:12px; font-weight: 500;}
.xx_nr{width:70%; float: right;}
.xx_nr h2{font-size:18px; color:#000; text-overflow: ellipsis; width: 100%; white-space: nowrap; text-indent: 1rem; height: 40px; line-height: 40px; overflow: hidden;}
.xx_nr p{font-size:14px; width:90%; height:53px; padding-left: 7%; color:#090909;}
.xx_list li:nth-child(1){background:url(yd_1.png); background-size:100%; background-repeat: no-repeat;}
.xx_list li:nth-child(2){background:url(yd_2.png); background-size:100%; background-repeat: no-repeat;}
.xx_list li:nth-child(3){background:url(yd_3.png); background-size:100%; background-repeat: no-repeat;}
.xx_list li:nth-child(4){background:url(yd_4.png); background-size:100%; background-repeat: no-repeat;}

/* 活动概况 */
.hdgk{width:100%; background:url(hdgkbg.png); height:1220px; background-size:100%; background-repeat: no-repeat;}
.hdgk_nr{width:1200px; margin:0 auto;}
.hdgk_img{width:100%; text-align: center; padding-top:64px;}
.hdgk_nr img{width:20%;}
.hdgk_list{width:100%; position:relative;}
.hdgk_list .hd_logo{width:530px; height:530px; border-radius: 50%; overflow: hidden; position:absolute; top:243px; left:-2%;}
.hdgk_list .hd_logo img{width:100%;}
.hd_img img{width:210%; position:absolute; left:-37px;}
.hdgk_list ul li a{display: block; width:33%;}
.hd_list{width:100%; height:102px; overflow: hidden;}
.hd_list h2{color:#4d4d4d; font-size:18px; border-bottom:1px solid #4d4d4d; text-overflow: ellipsis; width: 100%; white-space: nowrap; height: 40px; line-height: 40px; overflow: hidden;}
.hd_list p{color:#5e5e5e; font-size:14px; margin-top:5px;}

.hdgk_list li:nth-child(1) .gk_img{background:url(gk-1.png); background-size:75%; background-repeat: no-repeat; position: absolute; width:296px; height:215px; top:98px; left:29%;}
.hdgk_list li:nth-child(2) .gk_img{background:url(gk-2.png); background-size:75%; background-repeat: no-repeat; position: absolute; width:296px; height:215px; top:296px; left:40.8%;}
.hdgk_list li:nth-child(3) .gk_img{background:url(gk-3.png); background-size:75%; background-repeat: no-repeat; position: absolute; width:296px; height:215px; top:528px; left:41.2%;}
.hdgk_list li:nth-child(4) .gk_img{background:url(gk-4.png); background-size:75%; background-repeat: no-repeat; position: absolute; width:296px; height:215px; top:733px; left:29%;}
.hdgk_list li:nth-child(1) span {position:absolute; top:70px; left:570px; width:162px; height:162px; border-radius:50%; border:2px solid #BE110B; overflow: hidden;}
.hdgk_list li:nth-child(1) a {position:absolute; top:96px; left:780px;}
.hdgk_list li:nth-child(2) span {position:absolute; top:294px; left:688px; width:162px; height:162px; border-radius:50%; border:2px solid #2E5260; overflow: hidden;}
.hdgk_list li:nth-child(2) a {position:absolute; top:319px; left:893px;}
.hdgk_list li:nth-child(3) span {position:absolute; top:552px; left:688px; width:162px; height:162px; border-radius:50%; border:2px solid #3581A9; overflow: hidden;}
.hdgk_list li:nth-child(3) a {position:absolute; top:587px; left:893px;}
.hdgk_list li:nth-child(4) span {position:absolute; top:777px; left:566px; width:162px; height:162px; border-radius:50%; border:2px solid #8F9162; overflow: hidden;}
.hdgk_list li:nth-child(4) a {position:absolute; top:808px; left:774px;}

/* 活动报道 */
.hdbd{width:100%; background: url(hdbd.jpg); height:1200px; margin: 0 auto; background-position: -7px 57px; background-repeat: no-repeat; background-size: 100%;}
.hd_con{width:1200px; margin:0 auto; overflow: hidden;}
.hdbd_img{width:10%; float: left;}
.hdbd_img img{width:60%;}
.hdbd_list{width:43%; float: left; margin-top:113px; margin-left:11%;}
.hdbd_list ul li{padding-bottom:25px; overflow: hidden;}
.hdbd_list ul li a h2{font-size:18px; color:#333; text-overflow: ellipsis; width: 88%; white-space: nowrap; height: 40px; line-height: 40px; overflow: hidden;}
.hdbd_list ul li a p{font-size:14px; color:#5e5e5e; width:76%; float: left; margin-left:10%}
.hdbd_ri{width:33%; float:right; margin-top:60px;}
.hdbd_ri ul li{width:300px; height:300px; overflow: hidden; border-radius:18px; box-shadow:7px 10px 15px rgba(0,0,0,0.4); position: relative; margin-bottom:62px;}
.hdbd_ri ul li a{display: block; width:100%;}
.hdbd_ri ul li a i{width:100%; height:40px; background:#000; opacity:0.6; position: absolute; bottom:0; z-index: 1;}
.hdbd_ri ul li a p{position:absolute; bottom: 0; color:#fff; z-index: 2; text-overflow: ellipsis; width: 100%; white-space: nowrap; text-indent: 1rem; height: 40px; line-height: 40px; overflow: hidden;}

/* 主题征文 */
.ztzw{width:100%; background:#D7D7D7;}
.ztzw_con{width:1200px; margin:0 auto; padding-bottom:50px;}
.ztzw_img{width:100%; text-align: center; padding-top:35px;}
.ztzw img{width:30%;}
.ztzw_dt{width:100%; height:360px; overflow: hidden; border-radius: 17px; margin-top:50px;}
.ztzw_dt img{width:100%; margin-top:-10%;}
.ztzw_list{width:100%; overflow: hidden; margin-top:30px;}
.ztzw_list .ztzw_ui{width:1230px;}
.ztzw_list .ztzw_ui div{width:29%; float: left;}
.ztzw_ui div ul li{width:100%; height:100px; overflow: hidden; margin-bottom: 20px;}
.ztzw_ui div ul li a{width:100%; display: block;}
.ztzw_ui div ul li h2{font-size:18px; color:#333; text-overflow: ellipsis; width: 100%; white-space: nowrap; height: 40px; line-height: 40px; overflow: hidden;}
.ztzw_ui div ul li p{color:#7E7E7E;}
.ztzw_ui div:nth-child(1){margin-right: 30px;}
.ztzw_ui div:nth-child(2){border-left:1px solid #A8AA8B; border-right:1px solid #A8AA8B; padding-left: 36px; padding-right: 36px;}
.ztzw_ui div:nth-child(3){margin-left: 30px;}

/* 检验献策 */
.jyxc{width:100%;}
.jyxc_con{width:1200px; margin:0 auto;}
.jyxc_con img{width:100%;}

/* 底部 */
.footer{width:100%;}
.foot{width:1200px; margin: 0 auto; overflow: hidden; border-top:2px solid #0d0d0d; padding:20px 0;}
.foot ul{width:1250px;}
.foot ul li{display: inline-block; font-size:18px; border-right:2px solid #0d0d0d; padding:0 18px;}
.foot ul li a{color:#0d0d0d;}
.foot li:nth-child(6){border:0;}

/* 手机活动概况 */
@media screen and (max-width:767px) {
    body{min-width: 1200px;}
    .hdgk{height:1043px;}
    .hdgk_list li:nth-child(1) span{
        width: 130px;
        height: 130px;
        top: 38px;
        left: 48%;
    }
    .hdgk_list li:nth-child(1) a{
        top:49px;
        left:61%;
        width:31%;
    }
    .hdgk_list li:nth-child(2) span{
        width: 130px;
        height: 130px;
        top:223px;
        left:56%;
    }
    .hdgk_list li:nth-child(2) a{
        width:31%;
        top:233px;
        left:69%;
    }
    .hdgk_list li:nth-child(3) span{
        width: 130px;
        height: 130px;
        top: 436px;
        left: 56.3%;
    }
    .hdgk_list li:nth-child(3) a{
        width:31%;
        top: 454px;
        left: 69%;
    }
    .hdgk_list li:nth-child(4) span{
        width: 130px;
        height: 130px;
        top: 626px;
        left: 48%;
    }
    .hdgk_list li:nth-child(4) a{
        width:31%;
        top:642px;
        left:61%;
    }
}