@media print {
  .main-head {
	display: none;
  }
  .main-nav {
	display: none;
  }
  .main-foot {
	display: none;
  }
  .body-wrap, .main-wrap {
	min-width: auto;
  }
  .main-wrap {
	width: auto;
  }
  .main-body>.main-wrap {
	padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .main-head {
	background-size: cover;
	background-position: bottom;
  }
}
@media screen and (max-width: 1200px) {
  .friendlink-wrap>.main-wrap>div{
	padding:0;
  }
}
@media screen and (max-width: 1200px) {
  .friendlink-wrap {
	display: none;
  }
}
@media screen and (max-width: 1200px) {
  .body-wrap, .main-wrap {
	min-width: auto;
  }
  .main-wrap {
	width: 100%;
	font-size:15;
	line-height:25px;
  }
  .row-focus>*:first-child {
	width: 560px;
  }
  .row-focus>*:last-child {
	margin-left: 560px;
	padding-left: 10px;
  }
  .common-list.list-suffix-b a+a+a+a+a+a+a{
	display:none;
  }
  .button-list.button-d-table>*{
	font-size:1em;
  }
  .foot-wrap>*:first-child{
	
  }
  
  .mm-wzac>*:first-child{
	
  }
}
@media screen and (max-width: 1000px) {
  body {
	background-color: white;
  }
  .m-hidden {
	display: none;
  }
  .hidden.m-shown {
	display: block !important;
  }
  .mt-common {
	margin-top: 16px;
  }
  .mb-common {
	margin-bottom: 16px;
  }
  .main-head {
	height: auto;
	background: none;
	background: url(https://t.jiaozuo.gov.cn/file/4108030001/img/nr_imgs/bg_head.jpg) no-repeat center bottom;
	background-size: cover;
	margin-top:-40px;
  }
  .main-head>.main-wrap {
	position: relative;
  }
  .logo {
	display: block;
	margin-top: 0;
	background-size: 32px;
	background-position: 24px 27px;
	padding: 40px 10px 20px 16px;
	line-height:1.5em;
  }
  .logo:before {
	
	height: 50px;
	background-size: 250px;
  }
  .logo i{
	float:right;
	display:block;
	font-style:normal;
	width:40px;
	height:40px;
	line-height:36px;
	text-align:center;
  }
  .logo i:before{
	content: "1";
	font-family: pip-common;
	font-size: 24px;
	color: #999;
  }
  .logo i.off:before{
	content:"|";
  }
  .logo-title {
	font-size: 24px;
	padding-top: 4px;
	margin-left: 38px;
  }
  .logo-domain {
	display: none;
  }
  /*main-nav*/
  .main-nav{
	line-height:1em;
  }
  .main-nav.focus>.main-wrap {
	display: block;
	box-shadow: -1px 1px 3px 1px rgba(0,0,0,.2);
  }
  .main-nav>.main-wrap>a {
	display: block;
	float: left;
	width: 25%;
	min-width: auto;
	line-height:1.2em;
	overflow: hidden;
	text-overflow: ellipsis;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	margin: 10px 0 10px 30px;
	text-align:left;
	font-weight:900!important;
    font-family:"Microsoft YaHei","weiruanyahei",Tahoma,SimSun !important;

  }
  .main-nav>.main-wrap>a:nth-child(3),.main-nav>.main-wrap>a:nth-child(8){
	border-right:none;
  }
  .main-nav>.main-wrap>a:nth-child(6),.main-nav>.main-wrap>a:nth-child(8){
	border-right:none;
  }
  .main-nav>.main-wrap>a:nth-child(4),.main-nav>.main-wrap>a:nth-child(8){
	border-right;
  }
  .main-nav>.main-wrap>a:hover, .main-nav>.main-wrap>a.focus {
	background: none;
	color: white;
  }
  .main-nav>.main-wrap>a:before {
	display:none;
	content: attr(icon);
	vertical-align: top;
	padding-right: 12px;
  }
  .main-body>.main-wrap, .main-foot>.main-wrap {
	padding: 0;
  }
  .main-foot>.main-wrap {
	border-top: none;
  }
  .main-head .search{
	display:none;
	float: none;
	margin-top: 0;
	padding: 1.5em 12px;
	width: 100%;
	position: absolute;
	z-index: 1;
	box-sizing: border-box;
	background-color: #015293;
  }
  .main-head .search-block{
	display:block;
  }
  .search-wrap {
	opacity: 1;
	border: none;
  }
  .search-wrap .search-submit {
	width: 36px;
	border-left: none;
  }
  .search-wrap .search-submit>input {
	line-height: 24px;
	height: 44px;
	font-size: 16px;
	color: #999;
  }
  .search-wrap .search-input>input {
	padding: 4px 12px;
	line-height: 24px;
	height: 44px;
	font-size: 14px;
  }
  .search-extend {
	display: none !important;
  }
  .headline {
	padding: 16px 16px 0;
  }
  .headline>a {
	font-size: 1.3125em !important;
	font-weight: normal;
  }
  .headline>div {
	line-height: 1.75em;
	height: auto;
  }
  .headline>div>a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 8px;
	height: auto;
	line-height: 1.75em;
  }
  .headline>div>a:before {
	content: "";
  }
  .row-focus>*:first-child {
	float: none;
	width: auto;
	margin-bottom: 16px;
  }
  .row-focus>*:last-child {
	margin-left: 0;
	padding-left: 0;
  }
  .common-list.division{
	min-height:auto;
  }
  .row-focus .common-list.list-suffix-b > a{
	padding:12px 16px!important;
  }
  .row-focus .common-list.list-suffix-b a+a+a+a+a+a{
	display:none;
  }
  .row-focus .common-box .box-content {
	padding: 5px 0;
  }
  .col-half .tab-contents {
	background-color: #fff;
  }
  .box-tabs>.tab-titles {
	display: table;
	width: 100%;
	table-layout: fixed
  }
  .box-tabs>.tab-titles>* {
	display: table-cell;
	text-align: center;
	margin-right: 0;
  }
  .box-tabs>.tab-titles>*>a {
	display: none;
  }
  .box-tabs>.tab-titles>*:before {
	content: attr(data-title);
	font-size: 1.125em;
	line-height: 2em;
	color: #333;
  }
  .box-tabs>.tab-titles>*.focus:before {
	color: #0085CC;
  }
  .box-tabs .tab-contents>*>a {
	display: block;
	text-align: center;
	line-height: 32px;
	border-bottom: 1px solid #f3f3f3;
  }
  .box-tabs .tab-contents>*>a:before {
	content: "5";
	font-family: pip-common;
	color: #015196;
  }
  .app-buttons-wrap {
	border: none;
	background-color: #f6f6f6;
	padding: 8px;
  }
  .row-column {
	display: block;
  }
  .row-column>* {
	display: block;
	width: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-bottom: 16px;
  }
  .float-buttons {
	display: none;
  }
  .column-list {
	padding: 16px;
  }
  .column-list>a {
	width: 48% !important;
	margin-left: 4% !important;
	padding-right: 0;
  }
  .column-list>a:nth-child(2n+1) {
	margin-left: 0 !important;
  }
  .column-list.pcjg>a {
	width: 100%!important;
	margin: 0!important;
  }
  .row-interact {
	display: block;
  }
  .row-interact>* {
	display: block;
  }
  .row-interact>*:first-child {
	width: auto;
	padding-top: 16px;
  }
  .row-interact>*:last-child {
	width: auto;
	padding-left: 0;
  }
  .row-special-column {
	display: block;
  }
  .row-special-column>* {
	display: block;
  }
  .row-special-column>*:first-child {
	width: auto;
	padding:0;
	border: none;
  }
  .row-special-column>*:last-child {
	width: auto;
	padding: 0;
  }
  .special-column-title{
	padding: 0 16px;
	padding-top: 10px;
  }
  .leadermail-search {
	padding: 16px;
	border-left: none;
	border-right: none;
  }
  .leadermail-search>input[type=text] {
	width: 50%;
  }
  .leadermail-search>input[type=text]:nth-child(2) {
	border-right-width: 1px;
  }
  .leadermail-search>select {
	width: 50%;
	margin-top: 16px;
  }
  .leadermail-search>input[type=submit] {
	width: 50%;
	margin-top: 16px;
	font-size: 1em;
  }
  .leadermail-search>input[type=submit]:hover {
	opacity: 0.8;
  }
  .interact-buttons {
	padding: 16px;
  }
  .interact-buttons>* {
	width: 48% !important;
	margin-left: 4% !important;
	/*height: 120px;*/
	margin-top: 16px;
  }
  .interact-buttons>*:nth-child(2n+1) {
	margin-left: 0 !important;
  }
  .interact-buttons>*:nth-child(-n+2) {
	margin-top: 0 !important;
  }
  .interact-buttons>*:before {
	display: none;
  }
  .interact-buttons>*>div[icon]:after {
	font-size: 1em;
  }
  .interact-buttons>*>div[class]:after {
	/*font-size: .875em;*/
  }
  .interview-box>p{
	height:auto;
  }
  .common-box .box-title {
	border-bottom-color: #ddd;
	margin-top: 16px;
  }
  .common-box .box-title .box-title-name {
	padding-left: 16px;
  }
  .common-box .box-title a[href].box-title-name:after {
	padding-right: 8px;
	font-size: 16px;
  }
  .common-box .box-content {
	padding: 0;
  }
  .common-box .box-content.article{
	padding:0 16px;
  }
  .common-box .box-content.article p{
	font-size:1em;
	line-height:1.875em;
	color: #333;
  }
  .common-list>* {
	padding-left: 16px!important;
	padding-right: 16px!important;
	border-bottom: 1px solid #f3f3f3;
	padding: 8px 16px!important;
	border-top: none!important;
	margin-top: 0!important;
  }
  .common-list>*:last-child{
	border-bottom:none;
  }
  .common-list.list-indicator>* {
	padding-left: 16px;
  }
  .common-list.list-indicator>*:before {
	display: none;
  }
  .common-list>*>span {
	font-size: 1em;
	line-height: 1.5em;
  }
  .common-list.list-suffix-b>*>em {
	display: inline-block;
  }
  .common-list.list-suffix-b>*>span {
	margin-right: auto;
  }
  .app-buttons .owl-dots{
	display:none;
  }
  .foot-wrap {
	display: block;
	width: auto;
	text-align: center;
	padding: 16px;
  }
  
   .mm-wzac {

	  }

  .foot-wrap>* {
	vertical-align: top;
  }
   .mm-wzac>* {
	vertical-align: top;
  }
  .foot-wrap>*:first-child{
	width:70px;
  }
   .mm-wzac>*:first-child{
	width:70px;
  }
  .foot-wrap>div:first-child,.foot-wrap>div:last-child {
	display:none;
  }
  .mm-wzac>div:first-child,.mm-wzac>div:last-child {
	display:none;
  }
  .foot-spans a, .foot-spans span {
	display: inline-block;
	color: #888;
	font-size: 0.875em;
	line-height: 1.75em;
	margin-left: 0;
  }
  .foot-spans a:hover {
	color: red;
  }
  .foot-spans a:first-child, .foot-spans span:first-child {
	padding-left: 0;
	margin-left: 0;
  }
  .foot-links a:before {
	content: "";
	display: inline-block;
	height: 14px;
	padding-right: 9px;
	vertical-align: middle;
  }
  .foot-links a:first-child:before {
	content: none;
  }
  .foot-links a{
	display:none;
  }
  .foot-logo>img {
	width:50px;
  }
  #_ideConac img {
	width: 50px!important;
  }
  .foot-spans a img, .foot-spans span img{
	width: 16px;
  }
  .foot-logo {
	vertical-align: middle;
  }
  .foot-logo-border {
	border: 1px solid #ddd;
	border-radius: 6px;
	overflow: hidden;
  }
  .foot-wrap .btom-xx {
	width:100%;
	text-align:center;
	display:block;
  }
  
  .mm-wzac .btom-xx {
	width:100%;
	text-align:center;
	display:block;
  }
  
  .view-carousel .item {
	height: 40vw;
  }
  .view-title {
	padding: 0 16px;
	font-size: 1.5em;
  }
  .view-content {
	padding: 0 16px;
  }
  .view-content img{
	max-width:100%;
	height:auto;
  }
  .row-news {
	display: block;
  }
  .row-news>div {
	display: block;
  }
  .row-news>div:first-child {
	width: auto;
  }
  .row-news>div:last-child {
	padding-left: 0;
  }
  .side-menu {
	border-bottom: 1px solid #eee;
  }
  .side-menu:before {
	content: "...";
	float: right;
	width: 1.2em;
	height: 1.2em;
	line-height: 1.2em;
	text-align: center;
	font-family: pip-common;
	font-size: 1.25em;
	padding:16px 16px 18px;
	color: #666;
  }
  .side-menu:after {
	content: "";
	display: block;
	clear: both;
  }
  .side-menu>span {
	background-color: #015293;
	font-size: 1em;
	float: left;
	padding-right: 0;
	width:80%;
  }
  .side-menu>a {
	display: none;
	color: #444;
	border-bottom: 1px solid #eee;
  }
  .side-menu>a.focus {
	display: block;
	float: left;
	background-color: transparent;
	border-bottom: none;
	padding-left: 4px;
  }
  .side-menu.focus {
	border-bottom: none;
  }
  .side-menu.focus:before {
	content: "...";
  }
  .side-menu.focus>span {
	float: none;
	border-bottom: 1px solid #eee;
  }
  .side-menu.focus>a {
	display: block;
  }
  .side-menu.focus>a.focus {
	float: none;
	padding-left: 24px;
	border-bottom: 1px solid #eee;
  }
  .image-list{
	padding:16px;
	margin-top:-16px !important;
  }
  .image-list > *{
	width:48% !important;
	margin-top:16px !important;
  }
  .image-list>*>i:not([style]):before {
	background-size: 40%;
  }
  .page-tile {
	border-top: none;
	margin-top: 0;
  }
  .page-tile a, .page-tile em {
	display: none;
  }
  .page-tile a.next,.page-tile a.prev {
	display: inline-block;
	margin: 5px 16px;
	color: #015196;
  }
  .page-tile a.next:before,.page-tile a.prev:before{
	font-family:"Microsoft YaHei";
	padding-left:.35em;
	padding-right:.35em;
  }
  .page-tile a.next:before {
	content: "下一页 >";
  }
  .page-tile a.prev:before {
	content: "上一页 >";
  }
  .page-list>a {
	padding: 8px 16px;
  }
  .page-list>a>span {
	font-weight: normal;
  }
  .page-list .pubinfo-card {
	display: none;
  }
  .common-list.page-list>*>span{
	white-space:normal!important;
	text-overflow:inherit;
	/*overflow:inherit;*/
	height:auto!important;
  }
  .content-wrap {
	padding: 8px 16px;
  }
  .content-wrap .content-title {
	font-size:1.5em;
	padding: 16px 0;
	color:#000000;
  }
  .content-wrap .content-subtitle {
	font-size: 22px;
  }
  .content-wrap .content-description {
	padding: 8px 12px;
  }
  .content-wrap .content-title-line {
	margin-bottom: 16px;
  }
  .content-wrap .content-part {
	padding-left: 0;
	padding-right: 0;
  }
  
  /*2020-11-28追加*/
  .box-tab>dt{
	display:none;
  }
  .box-tab>dd>ul>li{
	display:block;
  }
  .box-tab>dd{
	height:auto;
  }
  .common-list.arrow-pre>*:before{
	display:none;
  }
  .small-title{
	display: none;
	background-color: #0085ce;
	color: #fff;
	padding: 10px;
	margin-top: 10px;
  }
  .more.more-mobile{
	color:#fff;
	float:right;
  }
  /*d-table*/
  .d-table{
	display:block;
  }
  .d-table>*{
	display:block;
  }
  .col-a-left,.col-c-right{
	width:auto;
  }
  .button-list.button-d-table{
	display:block;
	margin-top:0;
  }
  .button-list.button-d-table:after{
	content:"";
	display:block;
	height:0;
	clear:both;
  }
  .button-list.button-d-table>*{
	float: left;
	display:block;
	width:50%;
	border-left:none;
	border-bottom: 1px solid #ddd;
	font-size: 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }
  .button-list.button-d-table.add-icon{
	background: #f6f6f6;
	border-bottom: 1px solid #e8e8e8;
  }
  .button-list.button-d-table.add-icon>*:nth-child(5){
	border-bottom:none;
  }
  .icon-list.col-3 a{
	text-align: center;
  }
  .icon-list.col-3>a>i{
	float:none;
	font-size: 2em;
  }
  .icon-list.col-3>a>div>em{
	display:none;
  }
  .icon-list.col-3>a>div{
	margin-left:0;
  }
  .icon-list.col-3 a:hover>div>span{
	color:#333;
  }
  dl>dd .icon-list.col-3 a+a+a+a+a+a+a{
	display:none;
  }
  .common-list.common-list-d-table>a{
	display:block;
  }
  .common-list.common-list-d-table>a+a+a+a+a+a+a{
	display:none;
  }
  .common-list.common-list-d-table>a>*{
	display:block;
  }
  .common-list.common-list-d-table>a>div{
	width:auto;
	text-align: left;
  }
  .button-list.arrow-pre{
	display: flex;
	flex-wrap: wrap;
  }
  .button-list.arrow-pre a{
	width: 49%;
	margin-left: 2%;
	float: left;
	border: 1px solid #e8e8e8;
	box-sizing:border-box;
	font-size: 1em;
	text-align:center;
	line-height: 1.5em;
	padding: 10px;
	height: auto;
  }
  .button-list.arrow-pre a:nth-child(2n+1){
	margin-left: 0;
	margin-top: 5px;
  }
  .button-list.arrow-pre a:before{
	display:none;
  }
  #qrcode{
	display:none;
  }
  .button-list.button-d-table.add-icon>*:before{
	height:32px;
  }
}
@media screen and (max-width: 640px) {
  .foot-wrap .address{
	display:none;
  }
  
  .mm-wzac .address{
	display:none;
  }
  
  .view-carousel.owl-carousel .owl-dots{
	bottom: 5px;
  }
  .view-carousel.owl-theme .owl-dots .owl-dot span{
	width: 40px;
	height: 6px;
  }
  .view-content>p.no-indent{
	text-indent:0!important;
  }
  .interact-buttons>*>div[class].interact-people:before{
	background-size: 100px;
	height:50px;
  }
  .interact-buttons>*>div[class].hot-line:before{
	/*height:50px;*/
  }
  .interact-buttons>*>div[class]:after{
	font-size:1em;
  }
  .interact-buttons>*>div[class].interact-xintongqiao:before{
	background-size: 100px;
  }
  .interact-buttons>*>div[class]:before{
	height:49%;
  }
  .owl-theme .owl-dots .owl-dot span{
	width: 4px!important;
	height: 4px!important;
	margin: 7px 3px!important;
  }
  .pip-carousel.owl-carousel .item:after{
	padding-right: 60px;
  }
  #qrcode{
	display:none;
  }
  #mailbox.common-list.common-list-d-table > a > div{
	width:auto;
  }
}
@media screen and (max-width: 480px) {
  .side-menu>*{
	padding:16px 0px 16px 7px;
  }
  .owl-controls .owl-buttons div.owl-prev{
	background: url() center center no-repeat!important;
  }
  .owl-controls .owl-buttons div.owl-next{
	background: url() center center no-repeat!important;
  }
  .main-nav>.main-wrap>a:after{
	font-size:1.2em;
	line-height: 18px;

  }
  .interview-box {
	padding: 16px 16px 0;
  }
  .interview-box>div>img {
	width: 150px;
  }
  .interview-box>div>div {
	margin-left: 0;
	padding-left: 0;
	overflow: inherit;
  }
  .interview-box>div>div>em{
	display:none;
  }
  .interview-box>div>div>span {
	padding-left: 16px;
	margin-left: 150px;
  }
}
@media screen and (max-width: 320px) {
  .button-list.button-d-table>*{
	width:100%;
  }
}
@media screen and (max-width:360px){
  .interact-buttons > *:nth-child(3) > div[class].hot-line:before{
	transform: scale(.8) translateX(-13px);
  }
}