@charset "utf-8";
/* CSS Document */
/* 信件选登 */
.hd-xjleft{ width: 850px; height: 418px; overflow: hidden;}
.xd-search{ padding: 15px 0;}
.xd-search li{ float: left; height: 28px; line-height: 28px; }
.xd-search li .tit{ width: 70px; float: left;}
.xd-search li.s3 .tit{ width: 82px;}
.xd-search li .text{ margin:0 5px 0 70px; position: relative; }
.xd-search li.s3 .text{ margin:0 5px 0 82px; }
.xd-search li .text input{ display: block; width: 100%; height: 25px; line-height: 25px; border:1px solid #e5e5e5; padding: 0 8px; box-sizing: border-box; vertical-align: top;}
.xd-search  li .text .date-icon{background: url("../images_new/sj-date.png") no-repeat center center;font-style: normal;display: block;position: absolute;top: 4px;right: 6px;width:15px;height: 15px;}
.xd-search li.s1,.xd-search li.s2{ width: 190px;}
.xd-search li.s3{ width: 204px;}
.xd-search li.s3 select{ display: block; width: 100%; height: 25px; line-height: 25px; border:1px solid #e5e5e5; padding: 0 8px; box-sizing: border-box; vertical-align: top;}
.xd-search li.s4{ width: 55px; margin-left: 18px;}
.xd-search li.s4 input{ width: 100%; height: 25px; color: #fff; line-height: 25px; background: #275dae; border: none; vertical-align: top;}
.hd_title{ font-size: 16px; background: #f8f8f8; height: 35px; line-height: 35px; position: relative;}
.hd_title li{ position:absolute; top:0;}
.hd_title li.t1,.hd_list  li p.t1{ left:0; width: 130px; text-align: center; }
.hd_title li.t2,.hd_list  li p.t2{ left:130px; right:205px; }
.hd_title li.t3,.hd_list  li p.t3{ right:85px; width: 120px; text-align: center; }
.hd_title li.t4,.hd_list  li p.t4{ right:0; width: 85px; text-align: center; }
.hd_list{ margin-top: 4px;}
.hd_list  li{ position: relative; height: 42px; line-height: 42px; font-size: 16px; }
.hd_list  li p{ position:absolute; top:0;white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;  }
.hd_list  li p.t3 .yb{ color: #b9b9b9;}
.hd_list  li p.t3 .wb{ color: #f00;}
.hd-lmlink ul{ margin-left: -20px;}
.hd-lmlink li{  float: left; width: 200px;  height: 70px; margin-left: 20px; text-align: center; font-size: 18px;}
.hd-lmlink li a{ display: block; background: #f7faff; height: 68px; line-height: 68px; border: 1px solid #eee;}
.hd-lmlink li a:hover{ color: #275dae;}
.hd-lmlink li a:hover img{ webkit-transition:  -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
/* 信件统计 */
.hd-xjright{ width: 420px; }
.tj-title{ background: none;}
.tj-title li.active a{ border: none;}
.hd-tjbox{ height: 378px; border: 1px solid #e5e5e5;}
.bnby-tj{ padding: 10px 0 0 0;}
.bnby-tj ul{ float: left; width: 33.3%; text-align: center;}
.bnby-tj ul li{ height: 30px; line-height: 30px;}
.bnby-tj ul li p{ display:inline-block;}
.bnby-tj ul li p.count{ color: #275dae; font-size: 14px; font-weight: bold;}
.small-search-box{height: 34px; margin: 6px 15px 0 15px;}
.small-search-box ul{height: 34px;position: relative;padding-right: 50px;}
.small-search-box ul li{float: left;width: 50%;height: 34px;}
.small-search-box ul li .input{display: block;margin-right: 10px;position: relative;}
.small-search-box ul li .input input{width: 100%; height: 34px;line-height: 34px;border: #ccc 1px solid;text-indent: 14px; }
.small-search-box ul li .input select{width: 100%; height: 334px;line-height: 34px;border: #ccc 1px solid;text-indent: 14px;color: #999}
.small-search-box ul li .input select,.small-search-box ul li .input input{box-sizing: border-box}
.small-search-box ul li .input .date-icon{background: url("../images_new/sj-date.png") no-repeat center center;font-style: normal;display: block;position: absolute;top: 9px;right: 6px;width:15px;height: 15px;}
.small-search-box ul li.cx-btn{float: none;position: absolute;right: 0;top: -1px;width: 50px;height: 34px;margin-top: 0;line-height: 34px;}
.small-search-box ul li.cx-btn input{height: 34px;background:#457ac9;border: 0 none;width: 100%;line-height: 34px;color: #fff;font-size: 16px; vertical-align: top;}
.small-search-box ul li.cx-btn input:hover{background: #245399;}
.tj-charts{height: 130px; margin: 10px 10px 0 10px; text-align: center;}
.count-ul{height: auto; margin: 0 40px;}
.count-ul li{margin-top: 10px; float: left; width: 50%; height: 44px;position: relative;}
.count-ul li .tit{position: absolute;left: 0;top: 10px;display:block;width: 42px;height: 24px;line-height: 24px;color: #fff;text-align: center;font-size: 16px;border-radius: 4px;}
.count-ul li.num1 .tit{background: #759dfd;}
.count-ul li.num2 .tit{background: #c06dd5;}
.count-ul li.num3 .tit{background: #9acc77;}
.count-ul li.num4 .tit{background: #f3bd00;}
.count-ul li .count-div{ margin-left: 52px; font-size: 14px;}
.count-ul li .count-div span{display: block; height: 22px; line-height: 22px;  }
.count-ul li .count-div span i{ font-style: normal; color: #275dae; font-weight: bold;}
/*在线访谈 */
.xw-pos{ position: relative; margin-bottom: 20px;}
.ft-links{ position:absolute; right:0; top:0; height: 35px; line-height: 35px; font-size: 18px;}
.ft-links li{ display: inline; margin-left:11px; padding-left: 12px;   background: url(../images_new/ft-line.gif) left center no-repeat;}
.ft-links li a{ color: #275dae; text-decoration:underline;}
.ft-links li.num1{ background: none;}
.hd-zxft{ width: 782px; }
.hd-zxft .ftimg{ width: 380px; height: 228px; float: left;}
.hd-zxft .ftimg img{ width: 100%; height: 100%;}
.hd-zxft .ftcon{ margin-left: 398px;}
.hd-zxft .ftcon .title{ height: 34px; line-height: 34px; font-size: 18px; font-weight: bold; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; display: block;}
.hd-zxft .ftcon p,.hd-zxft .ftcon .zy_con{ height: 38px; line-height: 38px; font-size: 16px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.hd-fthg{ width: 500px; }
.hd-hgtit{ height: 32px; line-height: 24px; font-size: 18px; color: #275dae; font-weight: bold; }
.hd-fthg .fthgbox{ height: 194px; border: 1px solid #e5e5e5;}
.fthgbox ul{ margin: 5px  10px 0 10px;}
.fthgbox li{ line-height: 32px; line-height: 32px; background: url(../images_new/dot.png) left center no-repeat;    padding: 2px 60px 2px 12px; font-size: 16px; position:relative;}
.fthgbox li .date{ position: absolute; right: 0; top:0; color: #999;}
.fthgbox li a{ display:block;white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; }
/*征集调查 */
.hd-zjbox{ width: 640px; height: 220px; }
.hd-dcbox{ width: 625px;  height: 220px;}
.zj-list,.dc-list{ margin-top: 8px;}
.zj-list li,.dc-list li{ height: 42px; line-height: 42px; padding: 0 55px 0 70px; position: relative; font-size: 16px;}
.zj-list li .date,.dc-list li .date{ position:absolute; right:0; top:0; color: #888;}
.zj-list li .zt,.dc-list li .zt{ position:absolute; left:0; top:10px; text-align: center; background: #f2f2f2; width: 62px; line-height: 22px; height: 22px;  border-radius: 20px; -moz-border-radius: 20px; font-size: 14px; color: #999; }
.zj-list li .starting,.dc-list li .starting{  background: #f77c0f; color: #fff;}
.zj-list li a,.dc-list li a{ display: block; float: left; max-width: 420px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; }
.zj-list li .result{ display: inline-block;}
.zj-list li .result a,.dc-list li .result a{ color: #999; text-decoration:underline; font-size: 14px; display: inline-block; margin-left: 5px;}
.zj-list li .result a.cy,.dc-list li .result a.cy{ color: #d01e1e;}
@media (min-width: 992px) and (max-width:1299px) {
    /* 信件选登 */
    .hd-xjleft{  width: 550px;}
    .xd-search li.s2{ width: 220px;}
    .xd-search li.s1{ width: 50%; margin-bottom: 8px;}
    .xd-search li.s3{   width: 244px;}
    .hd-lmlink ul{ margin-left: -2%;}
    .hd-lmlink li{   width: 31.3%; margin:0 0 15px 2%;}
    /* 在线访谈 */
    .hd-zxft{  width: 682px;}
    .hd-fthg {width: 300px;}
    /*征集调查 */
    .hd-zjbox{ width: 500px;  }
    .hd-dcbox{ width: 485px; }
    .zj-list li a,.dc-list li a{  max-width: 280px;  }
}
@media (max-width: 991px){
    /* 信件选登 */
    .hd-xjleft,.hd-xjright{  width: auto; float: none; height: auto;}
    .xd-search li.s1{ width: 50%; margin-bottom: 8px;}
    .xd-search li.s2{ width: 320px;}
    .xd-search li.s3{   width: 350px;}
    .xd-search li .tit{ width: 80px;}
    .xd-search li .text{ margin-left: 80px;}
    .xd-search li.s3 .tit{ width: 90px; text-align: center; }
    .xd-search li.s3 .text{ margin-left: 90px;}
    .hd-lmlink ul{ margin-left: -2%;}
    .hd-lmlink li{   width: 31.3%; margin:0 0 15px 2%;}
    /* 信件统计 */
    .hd-xjright{ margin-top: 20px;}
    .hd-tjbox{ height: auto; padding-bottom: 15px;}
    /* 在线访谈 */
    .hd-zxft{  width: auto; float: none;}
    .hd-fthg {width: auto; float: none; margin-top: 10px;}
    /*征集调查 */
    .hd-zjbox,.hd-dcbox{ width: auto; float: none; height: auto;}
    .zj-list li a,.dc-list li a{  max-width: 545px;  }
}
@media (max-width: 767px){
    /* 信件选登 */
    .xd-search li.s2,.xd-search li.s3{ width: 50%;}
    .xd-search li.s4{ width: 100%; margin: 8px 0 0 0; text-align: center; height: auto;   }
    .xd-search li.s4 input{ line-height: 36px; height: 36px;  }
    .hd_title li.t1, .hd_list  li p.t1{ display: none;}
    .hd_title li.t3, .hd_list  li p.t3{ display: none;}
    .hd_title li.t2, .hd_list  li p.t2{ left:0; right:85px;}
    .hd-lmlink li{   width: 48%; margin:0 0 10px 2%;}
    /* 在线访谈 */
    .hd-zxft .ftimg{ float: none; text-align: center; width: auto; height: auto;}
    .hd-zxft .ftimg img{ height: auto; width: auto; max-width: 98%;}
    .hd-zxft .ftcon{ margin-left: 0;}
    /*征集调查 */
    .zj-list li, .dc-list li{ padding: 0; height: auto; line-height: 24px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #ddd;}
    .zj-list li .zt, .dc-list li .zt{ display: inline-block; position: static;}
    .zj-list li a, .dc-list li a{ display: inline; max-width: none; float: none; white-space:normal;}
    .zj-list li .date, .dc-list li .date{ position: static;}
    .zj-list li .result a, .dc-list li .result a{ line-height: 24px; height: 24px; vertical-align: top;}
}
@media (max-width: 500px){
    /* 信件选登 */
    .xd-search li.s1,.xd-search li.s2,.xd-search li.s3{ width: 100%;}
    .xd-search li.s3{ margin-top: 8px;}
    .xd-search li.s3 .tit{ width: 80px;}
    .xd-search li.s3 .text {margin-left: 80px;}
    .hd-lmlink ul{ margin-left: 0}
    .hd-lmlink li {width: 100%;margin: 0 0 10px 0;}
    /* 信件统计 */
    .bnby-tj ul{ width: auto; float: none; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
}
/* 魅力毛集 */
.hidden-tit .img-title{ display: none;}
.ab-gkbg{background: url(../images_new/mjgk-bg.jpg) top center no-repeat; height: 680px; padding-top: 20px; }
.ab-gkban{ position: relative; }
.ab-gkban li img{ width: 100%; height: auto;}
.ab-gkban .ab-gktit{ position:absolute; top:0; left:86px; }
.ab-gkinfo{ font-size: 16px; line-height: 34px; padding: 20px 0;}
.ab-gkinfo .content-info{ text-indent: 2em;}
.ab-gkinfo .content-info .detailed{ display: inline-block; width: 82px; height: 22px; line-height: 22px; background: #649cce;  border-radius: 10px; -moz-border-radius: 10px; color: #fff; text-indent: 0; text-align: center; }
.ab-gklinks li{ width: 20%; float: left; text-align: center; }
.ab-gklinks li .img-title{ display: inline-block; font-size: 18px; margin-left: 5px;}
.ab-gklinks li a:hover img{transition: ease-in-out .7s; transform: rotate(360deg); }
.ab-tzlinks{ margin-top: 40px;}
.ab-tzlinks ul{ margin-left:-10px;}
.ab-tzlinks li{ float: left; width: 426px; height: 260px; position: relative; margin: 10px 0 0 10px; overflow: hidden;}
.ab-tzlinks li .img-title{ background: rgba(0, 0, 0, 0.7);  position:absolute; text-align: center; color: #fff; left:0; bottom: 0; right:0; height: 50px; line-height: 50px; color: #fff; font-size: 20px; font-weight: bold; padding: 0 10px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.ab-tzlinks li.tz-title{ background: url(../images_new/mj-tzbg.png) top center no-repeat; text-align: center;}
.ab-tzlinks li.tz-title a{ display: block; padding-top: 60px;}
.ab-tzlinks li img{ width: 100%; height: 100%;}
.ab-tzlinks li a img{-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;transition:transform 0.3s ease-out;}
.ab-tzlinks li a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.ab-lytitle{background: url(../images_new/mjly-titbg.png) top center no-repeat; height: 123px; margin-top: 50px; text-align: center; }
.ab-lybg{ background:#f2fbff; padding: 48px 0;}
.ab-lylinks ul{ margin-left: -10px;}
.ab-lylinks li{  float: left; margin:10px 0 0 10px; width: 426px; height: 260px; position: relative; overflow: hidden;}
.ab-lylinks li.num1{width: 426px; height: 530px;}
.ab-lylinks li img{ width: 100%; height: 100%;}
.ab-lylinks li .img-title{ position: absolute; top:50%; text-align: center; margin-top: -45px; left:50%; margin-left:-90px;  font-size: 20px; color: #fff; font-weight: bold; width: 178px; height: 88px;  font-weight: bold; color: #fff;  text-align: center;  background: rgba(0, 0, 0, 0.3); border: 1px solid #fff;}
.ab-lylinks li .img-title i{ font-style: normal; display:inline-block; max-width: 98%; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;  padding: 20px 0 12px 0; border-bottom: 1px solid #fff;}
.ab-lylinks li a img{-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;transition:transform 0.3s ease-out;}
.ab-lylinks li a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.ab-lylinks li.num1 .img-title{ background: rgba(39, 93, 174, 0.5); width: auto; height: auto;box-sizing: border-box;  padding: 48px 30px; margin-top:-84px; margin-left:-132px;}
.ab-lylinks li.num1 .img-title i{ background:#275dae; display: block; padding: 0 30px;  height: 68px; line-height: 68px;  border: 1px solid #fff; font-size: 36px; font-family: "宋体";}
@media (min-width: 992px) and (max-width:1299px) {
    .ab-gktit img{  height: 200px; width: auto;}
    .ab-tzlinks li{ width: 324px; height: 198px;}
    .ab-tzlinks li.tz-title a{ padding-top: 30px;}
    .ab-tzlinks li.tz-title img{ max-width: 90%;}
    .ab-lylinks li{ width: 324px; height: 200px; }
    .ab-lylinks li.num1{ width: 324px; height: 410px; }
}
@media (max-width: 991px){
    .ab-gkbg{ height: auto; padding-bottom: 20px;}
    .ab-gktit img{  height: 180px; width: auto;}
    .ab-gklinks li{ width: 33.3%; margin-bottom: 20px;}
    .ab-tzlinks li{ width: 249px; height: 155px;}
    .ab-tzlinks li.tz-title a{ padding-top: 20px;}
    .ab-tzlinks li.tz-title img{ max-width: 90%;}
    .ab-lylinks li{ width: 249px; height: 154px; }
    .ab-lylinks li.num1{ width: 249px; height: 318px; }
}
@media (max-width: 767px){
    .ab-gkban .ab-gktit{ left:40px;}
    .ab-gktit img{  height: auto; max-height: 80px; width: auto;}
    .ab-gkbg{ padding: 10px;}
    .ab-gklinks li .img-title{ display: block; margin-top: 5px; line-height: 30px; height: 30px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
    .ab-tzlinks{ margin-top: 0; padding: 0 10px;}
    .ab-tzlinks ul {margin-left: 0;}
    .ab-tzlinks li{ width: auto; height: auto; float: none; margin-left: 0;}
    .ab-tzlinks li.tz-title{ height: auto; background-size: 100% 100%;}
    .ab-lybg{ padding: 20px 10px;}
    .ab-lylinks li,.ab-lylinks li.num1{ width: auto; height: auto; float: none; margin-left: 0; }
    .ab-lylinks ul {margin-left: 0;}

}