@charset "utf-8";
/*全局样式*/
body{padding: 0;margin: 0;font-family: 'Microsoft YaHei';font-size: 16px;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #333;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-family: 'Microsoft YaHei';font-size: 14px;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角*/
input[type="text"],input[type="password"],input[type="submit"],textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*常用盒模型*/
*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
/*按钮区通用样式*/
.btns-area{font-size: 0;text-align: center;}
.btns-area .btn{display: inline-block;padding: 0 2em;margin: 0 10px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;font-size: 16px;line-height: 38px;color: #000;cursor: pointer;transition: 0.3s;}
.btns-area .btn img{display: inline-block;vertical-align: middle;width: 18px;height: 18px;margin: -3px 6px 0 0;}
.btns-area .btn:hover{background-color: #eee;}


/*意见征集*/
.yjzj-box{margin-bottom: 20px;background-color: #fff;}
.yjzj-box > .item{margin-bottom: 20px;}
.yjzj-box > .item > .title{overflow: hidden;margin-bottom: 20px;line-height: 40px;}
.yjzj-box > .item > .title .name{float: left;padding: 0 1em;background-color: #2d8fff;border-radius: 4px;font-size: 18px;color: #fff;}
.yjzj-box > .item > .content{width: 100%;padding: 0 15px;}
/*意见征集列表*/
.yjzj-list{}
.yjzj-list li{position: relative;margin-bottom: 20px;}
.yjzj-list li a{display: block;}
.yjzj-list li .tit{max-height: 48px;margin-bottom: 10px;line-height: 24px;font-weight: bold;}
.yjzj-list li .txt{line-height: 24px;color: #777;}
.yjzj-list li .tag{position: absolute;right: 0;bottom: 0;font-weight: bold;}
.yjzj-list li .more{display: inline-block;padding: 0 1em;margin-top: 20px;background-color: #ff9d08;border-radius: 15px;line-height: 30px;color: #fff;}
.yjzj-list li:hover .tit{color: #2d8fff;}
.yjzj-list li:hover .tag{color: #2d8fff;}
/*其他链接*/
.yjzj-box .other-links{font-size: 0;}
.yjzj-box .other-links .item{position: relative;display: inline-block;width: 18%;padding-left: 120px;margin-right: 2%;margin-bottom: 20px;font-size: 18px;line-height: 80px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.yjzj-box .other-links .item .icon{position: absolute;left: 40px;top: 50%;width: 56px;height: 56px;border-radius: 50%;transform: translateY(-50%);}
.yjzj-box .other-links .item .icon i{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 40px;height: 40px;margin: auto;background-image: url(../images/icons_02.png);background-size: 240px auto;background-repeat: no-repeat;}
.yjzj-box .other-links .item .icon1{background-color: #2792ff;}
.yjzj-box .other-links .item .icon1 i{background-position: -160px -40px;}
.yjzj-box .other-links .item .icon2{background-color: #ff9402;}
.yjzj-box .other-links .item .icon2 i{background-position: -160px -80px;}
.yjzj-box .other-links .item .icon3{background-color: #3ecdb5;}
.yjzj-box .other-links .item .icon3 i{background-position: -160px -120px;}
.yjzj-box .other-links .item .icon4{background-color: #996ee6;}
.yjzj-box .other-links .item .icon4 i{background-position: -160px -120px;}
.yjzj-box .other-links .item:hover .name{color: #2d8fff;}
/*网上调查列表*/
.wsdc-list{}
.wsdc-list li{position: relative;padding: 15px;border-top: 3px solid #f9f9f9;}
.wsdc-list li a{display: block;padding: 0 120px 0 50px;}
.wsdc-list li .icon{position: absolute;left: 15px;top: 50%;width: 40px;height: 40px;background-image: url(../images/icons_02.png);background-size: 240px auto;background-repeat: no-repeat;background-position: -160px -200px;transform: translateY(-50%);}
.wsdc-list li .info{padding-left: 15px;border-left: 1px solid #ccc;}
.wsdc-list li .info .tit{font-size: 18px;line-height: 32px;}
.wsdc-list li .info .txt{line-height: 36px;color: #777;}
.wsdc-list li .tag{position: absolute;right: 0;top: 50%;padding: 0 2em;background-color: #f9f9f9;border-radius: 16px;line-height: 32px;color: #1b80d2;transform: translateY(-50%);}
.wsdc-list li:hover .tit{color: #2d8fff;}

/*意见征集详情*/
.yjzj-details{padding: 20px 0;}
.yjzj-details > .title{padding: 10px 0;font-size: 24px;text-align: center;font-weight: bold;}
.yjzj-details > .record{position: relative;padding: 20px 150px 20px 0;margin: 20px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 0;line-height: 30px;}
.yjzj-details > .record span{position: relative;display: inline-block;padding: 0 20px;font-size: 16px;}
.yjzj-details > .record span:before{content: "";position: absolute;left: 0;top: 50%;width: 1px;height: 14px;margin-top: -7px;background-color: #ddd;}
.yjzj-details > .record span:first-child:before{display: none;}
.yjzj-details > .record span img{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: -4px 10px 0 0;opacity: .3;}
.yjzj-details > .record span em{color: #027;}
.yjzj-details > .content{padding: 30px 60px;}
.yjzj-details > .content > .item{margin-bottom: 20px;}
.yjzj-details > .content > .item > .tit{overflow: hidden;line-height: 40px;}
.yjzj-details > .content > .item > .tit .name{float: left;padding: 0 1em;background-color: #2d8fff;border-radius: 4px;font-size: 18px;color: #fff;}
.yjzj-details > .content > .item > .cont{padding: 20px 0;line-height: 2;}
.yjzj-details > .content > .item > .cont .empty-tips{padding: 0 1em;font-weight: bold;}
/*改变字号*/
.font-size-change{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-size: 0;}
.font-size-change .item{position: relative;display: inline-block;width: 32px;height: 32px;margin: 0 4px;border: 1px solid #ddd;border-radius: 3px;font-size: 18px;text-align: center;line-height: 30px;color: #aaa;cursor: pointer;}
.font-size-change .item i{position: absolute;right: 3px;top: 0;font-size: 12px;line-height: 12px;}
.font-size-change .item:hover{color: #2d8fff;}
/*文件下载列表*/
.files-download-list{}
.files-download-list li{padding: 10px;border-bottom: 1px dashed #ddd;line-height: 24px;}
.files-download-list li img{display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin: -4px 10px 0 0;opacity: .3;}
.files-download-list li a:hover{color: #2d8fff;}
/*意见列表*/
.opinion-list{}
.opinion-list li{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ddd;}
.opinion-list li .name{font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.opinion-list li .txt{max-height: 120px;line-height: 30px;color: #666;overflow: hidden;}

/*意见征集列表2*/
.yjzj-list2{padding: 0 20px;}
.yjzj-list2 li{z-index: 1;position: relative;margin-bottom: 20px;}
.yjzj-list2 li:after{content: "";z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #f0f3f8;transform: scaleX(0);transform-origin: left;transition: 0.3s;}
.yjzj-list2 li a{display: block;padding: 15px;}
.yjzj-list2 li .tit{position: relative;height: 24px;padding-left: 24px;margin-bottom: 10px;line-height: 24px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.yjzj-list2 li .tit:before{content: "";position: absolute;left: 0;top: 9px;width: 12px;height: 7px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.yjzj-list2 li .tit:after{content: "";position: absolute;left: 0;top: 12px;width: 12px;height: 1px;background-color: #ccc;}
.yjzj-list2 li .txt{line-height: 24px;color: #777;}
.yjzj-list2 li .more{display: inline-block;padding: 0 1em;margin-top: 20px;background-color: #ff9d08;border-radius: 15px;line-height: 30px;color: #fff;}
.yjzj-list2 li .more.blue-bg{background-color: #2d8fff;}
.yjzj-list2 li:hover:after{transform: scaleX(1);}
.yjzj-list2 li:hover .tit{color: #2d8fff;}


/*自定义表单通用样式*/
.custom-form{padding-top: 20px;font-size: 0;}
.custom-form > .title{margin-bottom: 10px;text-align: center;overflow: hidden;}
.custom-form > .title .name{position: relative;display: inline-block;font-size: 18px;line-height: 40px;font-weight: bold;}
.custom-form > .title .name:before{content: "";position: absolute;right: 120%;top: 50%;width: 1000px;height: 1px;background-color: #ddd;}
.custom-form > .title .name:after{content: "";position: absolute;left: 120%;top: 50%;width: 1000px;height: 1px;background-color: #ddd;}
.custom-form > .section{}
.custom-form > .section > .title{padding: 10px 0;margin-bottom: 20px;border-bottom: 1px solid #ddd;}
.custom-form > .section > .title .name{display: inline-block;padding-left: 10px;border-left: 8px solid #2d8fff;font-size: 18px;line-height: 16px;}
.custom-form > .section > .content{width: 100%;font-size: 0;}
.custom-form .row{display: inline-block;vertical-align: top;width: 100%;margin: 0 0 25px;font-size: 14px;}
.custom-form .row.w50{width: 50%;padding-right: 10px;}
.custom-form .row.w33{width: 33.33%;padding-right: 10px;}
.custom-form .row .name{float: left;width: 11em;padding: 8px 1em 8px 0;font-size: 16px;line-height: 20px;text-align: right;font-weight: bold;}
.custom-form .row .name i{color: #f00;}
.custom-form .row .info-content{position: relative;margin-left: 11em;font-size: 16px;}
.custom-form .row .info-content .icon{position: absolute;right: 0;top: 0;width: 36px;height: 36px;background-color: #eee;border: 1px solid #ccc;border-radius: 4px;}
.custom-form .row .info-content .icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 16px;height: 16px;margin: auto;}
.custom-form input{width: 100%;height: 36px;padding: 0 10px;border: 1px solid #ccc;border-radius: 4px;transition: 0.3s;}
.custom-form input:focus{border-color: #2d8fff;box-shadow: 0 0 4px #2d8fff;}
.custom-form textarea{width: 100%;height: 100px;border: 1px solid #ccc;padding: 10px;border-radius: 4px;resize: none;transition: 0.3s;}
.custom-form textarea:focus{border-color: #2d8fff;box-shadow: 0 0 4px #2d8fff;}
.custom-form select{width: 100%;height: 36px;padding-left: 5px;border: 1px solid #ccc;outline: none;transition: 0.3s;}
.custom-form select:focus{border-color: #2d8fff;box-shadow: 0 0 4px #2d8fff;}
.custom-form .tips{font-size: 14px;line-height: 20px;color: #2d8fff;}
.custom-form .upload-area{}
.custom-form .upload-area .upload-image-viewer{}
.custom-form .upload-area .upload-image-viewer img{display: inline-block;max-width: 100%;padding: 4px;margin-bottom: 10px;border: 1px solid #ddd;border-radius: 4px;}
.custom-form .upload-area .upload-operate-wrap{line-height: 36px;}
.custom-form .upload-area .upload-operate-wrap .upload-btn{display: inline-block;height: 36px;padding: 0 15px;margin-bottom: 0;border: 1px solid #ccc;border-radius: 4px;font-size: 14px;line-height: 36px;font-weight: normal;cursor: pointer;}
.custom-form .upload-area .upload-operate-wrap .upload-btn input[type="file"]{display: none;}
.custom-form .upload-area .upload-operate-wrap .upload-btn i{display: inline-block;width: 16px;height: 16px;margin-right: 8px;border: 1px solid #333;border-radius: 50%;line-height: 14px;text-align: center;}
.custom-form .upload-area .upload-operate-wrap .upload-btn:hover{background-color: #eee;}
.custom-form .upload-area .upload-operate-wrap .tip{margin-left: 10px;font-size: 14px;color: #bbb;}
.custom-form .choice-area{padding: 8px 0;line-height: 20px;}
.custom-form .choice-area label{display: inline-block;padding-left: 20px;margin: 0 10px 5px 0;font-size: 14px;font-weight: normal;cursor: pointer;}
.custom-form .choice-area label input{position: absolute;width: 14px;height: 14px;margin: 3px 0 0 -20px;}
.custom-form .choice-area label input:focus{border-color: transparent;box-shadow: none;}
.custom-form .yzm-area{position: relative;width: 300px;padding-right: 100px;}
.custom-form .yzm-area .btn{position: absolute;right: 0;top: 0;width: 100px;height: 100%;padding: 0;border: 0;}
.custom-form .yzm-area .btn img{width: 100%;height: 100%;}
.custom-form *::-webkit-input-placeholder{color: #999;}
.custom-form .btns-area{margin: 20px 0;}
.custom-form .btns-area .btn{width: auto;height: auto;}
.custom-form .btns-area .bg-blue{background-color: #2d8fff;border-color: #2d8fff;color: #fff;}
.custom-form .btns-area .bg-blue img{filter: brightness(0) invert(1);}
.custom-form .btns-area .btn:hover{transform: translateY(-3px);}
.custom-form.style2 .row .name{float: none;width: 100%;text-align: left;}
.custom-form.style2 .row .info-content{margin-left: 0;}
.custom-form.style2 .btns-area{text-align: left;}
.custom-form.style2 .btns-area .btn:first-child{margin-left: 0;}
/*政府信息公开申请表*/
.apply-form-box{}
.apply-form-box > .banner{display: block;}
.apply-form-box > .content{width: 100%;padding: 20px;}
.apply-form-box > .content p{margin: 12px 0;font-size: 16px;line-height: 24px;text-indent: 2em;}
.apply-form-box > .content p a{margin: 0 5px;color: #2d8fff;text-decoration: underline;}
.apply-form-box > .content > .title{margin-bottom: 10px;text-align: center;overflow: hidden;}
.apply-form-box > .content > .title .name{position: relative;display: inline-block;font-size: 18px;line-height: 40px;font-weight: bold;}
.apply-form-box > .content > .title .name:before{content: "";position: absolute;right: 120%;top: 50%;width: 1000px;height: 1px;background-color: #ddd;}
.apply-form-box > .content > .title .name:after{content: "";position: absolute;left: 120%;top: 50%;width: 1000px;height: 1px;background-color: #ddd;}

/*报表表格*/
.report-table{width: 100%;border-collapse: collapse;}
.report-table tr{}
.report-table td{width: 25%;padding: 5px 20px;border: 1px solid #000;font-size: 16px;line-height: 30px;text-align: center;}
/*创新发展*/
.cxfz-wrap{font-size: 0;}
.cxfz-wrap .item{display: inline-block;vertical-align: middle;margin: 0 10px;font-size: 16px;}
.cxfz-wrap .item em{position: relative;display: inline-block;width: 16px;height: 16px;margin: -2px 4px 0 0;background-color: #fff;border: 1px solid #999;vertical-align: middle;}
.cxfz-wrap .item em:before{content: '';position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBwdCIgaGVpZ2h0PSIxMHB0IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgb3BhY2l0eT0iLjg1IiBkPSJNNC4zMSA2Ljc2QzUuNjEgNC4xNCA3LjE3IDEuNTkgOS43Mi4wMUwxMCAzLjN2LjMxQzcuNzcgNS40NSA1Ljk4IDcuNzIgNC4yMyAxMGgtLjE2QzIuODkgOC44MiAxLjg1IDYuOTMgMCA2Ljgydi0uNTNjLjU5LS40MSAxLjc4LTEuMjMgMi4zNy0xLjY0LjY1LjcgMS4yOSAxLjQxIDEuOTQgMi4xMXoiLz48L3N2Zz4=");background-size: 100% 100%;transform: translate(-50%,-50%);}
.cxfz-wrap .item.have em{background-color: #2d8fff;border-color: #2d8fff;}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/*意见征集*/
	.yjzj-box > .item > .title{line-height: 32px;}
	.yjzj-box > .item > .title .name{font-size: 16px;}
	.yjzj-box > .item > .content{padding: 0;}
	/*意见征集列表*/
	.yjzj-list li .tit{margin-bottom: 5px;}
	.yjzj-list li .txt{font-size: 14px;}
	.yjzj-list li .tag{position: static;}
	/*其他链接*/
	.yjzj-box .other-links .item{width: 100%;margin-right: 0;}
	/*网上调查列表*/
	.wsdc-list li{padding: 10px 0;}
	.wsdc-list li a{padding: 0 0 0 50px;}
	.wsdc-list li .icon{left: 0;top: 50%;width: 40px;height: 40px;}
	.wsdc-list li .info{padding: 0 0 20px 15px;}
	.wsdc-list li .info .tit{font-size: 16px;line-height: 24px;}
	.wsdc-list li .info .txt{font-size: 14px;line-height: 24px;}
	.wsdc-list li .tag{top: auto;bottom: 5px;padding: 0 1em;line-height: 24px;transform: translateY(0);}

	/*意见征集详情*/
	.yjzj-details{padding: 10px 0;}
	.yjzj-details > .title{font-size: 18px;}
	.yjzj-details > .record{padding: 10px 0 40px;line-height: 20px;}
	.yjzj-details > .record span{padding: 0 5px;font-size: 14px;}
	.yjzj-details > .record span:before{display: none;}
	.yjzj-details > .content{padding: 10px 0;}
	.yjzj-details > .content > .item > .tit{line-height: 32px;}
	.yjzj-details > .content > .item > .tit .name{font-size: 16px;}
	/*改变字号*/
	.font-size-change{top: auto;bottom: 5px;transform: translateY(0);}

    /*意见征集列表2*/
	.yjzj-list2{padding: 0;}
	.yjzj-list2 li a{padding: 15px 0;}
}