:root {
  --dot-color: #6de0f5;
}

:root {
  --h-color: #192538;
}

.index_col {
	color: #0a2d4d;
}

.top{
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    font-weight: 400;
}

.top .place {
	color: #0a2d4d;
}

.top .place img{
	vertical-align: text-bottom;
	margin-right: 20px;
}

/* slider */
.slideshow{
    width:670px;
    position:relative;
}
@media screen and (max-width:1440px){
	.slideshow {
		width: 530px;
	}
}
.slideshow .screen{
    width:100%;
    height:550px;
    overflow:hidden;
    position:relative;
	background: #f5f5f5;
}
@media screen and (max-width: 1440px){
	.slideshow .screen {
		height: 435px;
	}
}
.slideshow .screen ul{ 
	position:absolute; 
	left:0; top:0px; 
	width:400%;
}
.slideshow .screen li{ 
	width: 25%; 
	height: 100%; 
	overflow:hidden; 
	float:left;
	position: relative;
}
.slideshow .screen li img {
	width:100%;
	height: 425px;
}
@media screen and (max-width: 1440px){
	.slideshow .screen li img {
		height: 336px;
	}
}
.slideshow ol{ 
	position:absolute; 
	right:30px; 
	bottom:19px; 
	line-height:20px; 
	text-align:center;
	z-index: 99;
	padding: 0;
	margin: 0;
}
@media screen and (max-width:720px){
	.slideshow ol {
		right: 14px;
    	bottom: 8px;
	}
}
.slideshow ol li{ 
    float:left; 
    cursor:pointer;
	width: 16px;
	height: 16px;
	background: #c8c8c8;
	border-radius: 50%;
	margin-right: 8px;
}
@media screen and (max-width:720px){
	.slideshow ol li {
		width: 10px;
		height: 10px;
	}
}
.slideshow ol li.current{ 
	background: #186cfa;
}

.slideshow .screen .article_concent {
	padding-left: 30px;
}

.slideshow .screen h1 {
    text-align: left;
    height: 50px;
    width: 640px;
    color: #0a2d4d;
    line-height: 60px;
    font-size: 1.1rem;
	margin-bottom: 0;
}
@media screen and (max-width:1440px){
	.slideshow .screen li h1 {
		width: 450px;
	}
}

.slideshow .screen .summary {
	width: 620px;
    height: 30px;
    line-height: 30px;
	font-size: 18px;
    color: #6b757e;
}

@media screen and (max-width:1440px){
	.slideshow .screen .summary {
		width: 470px;
	}
}

.slideshow .screen .summary p{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* header */
.header{
	height: 120px;
	padding: 20px 0;
}

.backgroundBlue {
	background: #005aee;
}
.header_concent {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header .logo_a {
	display: block;
/* 	width: 900px; */
    height: 80px;
}

.header .logo {
	display: flex;
}

.header .pt_btn_a {
    display: block;
    width: 210px;
    height: 35px;
	line-height: 35px;
}

@media screen and (max-width : 1440px) {
	.header .pt_btn_a {
		width: 220px;
		height: 50px;
		line-height: 50px;
	}
}

.header .logo img {
	height: 80px;
	width: 80px;
	margin-right: 20px;
}

.header .text {
	font-size: 42px;
	font-weight: 600;
}

@media screen and (max-width : 1440px) {
	.header .text {
		font-size: 40px;
	}
}

.header .textBlue {
	 color: #014ecd;
}

.header .textWhite {
	 color: #fff;
}

.header .pt_btn {
	width: 100%;
	height: 100%;
	margin: 5px 0;
	border-radius: 35px;
	text-align: center;
}

@media screen and (max-width : 1440px) {
	.header .pt_btn {
		margin: 15px 0;
		width: 220px;
		height: 50px;
		line-height: 50px;
	}
}

.header .pt_btn span {
	font-size: 16px;
    font-weight: 400;
	margin-right: 10px;
}

@media screen and (max-width : 1440px) {
		.header .pt_btn span {
			font-size: 24px;
		}
	}

	.header .pt_btn img{
		width: 8px;
		margin-top: -5px;
	}

	.header .bgBlue {
		background: #014ecd;
		color: #fff;
	}

	.header .bgWhite {
		background: #fff;
		color: #005aee;
	}

	@media screen and (max-width:720px){
		.article {
			display: none!important;
		}
	}


	/* index */
	.index-main {
		position:relative;
	}

	.main-content .banner_text {
		padding-top: 70px;
		text-align: center;
		padding-bottom: 20px;
	}

	.main-content .banner_text .text_1 {
		color: #ccdefc;
	    font-size: 30px;
	    font-weight: 500;
	}

	.main-content .banner_text .text_2 {
		color: #fff;
	    font-size: 44px;
	    font-weight: 500;
	}

	.main-content .search {
		background: #005aee url("https://trace.ftz.xm.gov.cn/app/upload/20210813/5da18f8d99994d9197155a0a4ebf1d23.gif") no-repeat center top;
		height: 503px;
	/* 	padding-top: 259px; */
	}

	.main-content .search_content {
		width: 950px;
		height: 76px;
		display: flex;
		margin: 0 auto;
	}

	.main-content .search_content input {
		width: 770px;
		height: 76px;
		border-width: 0;
		border-radius: 10px 0 0 10px;
	    padding-left: 25px;
	}

	.main-content .search_content input::webkit-input-placeholde {
		font-size:26px;
		color: #c4c3c3;
	}

	.main-content .search_content button {
		width: 180px;
		height: 76px;
		border: none;
		background: #f6b247;
	    color: #fff;
	    font-size: 28px;
	    border-radius: 0 10px 10px 0;
		display: block;
	}

	.main-content .search_content button a {
	    color: #fff;
	    width: 100%;
	    height: 100%;
	    
	}

	.main-content .search_content button a:hover {
		text-decoration: none;
	}

	.main-content .search_content button a img {
		 vertical-align: text-top;
		margin-right: 15px;
	}

	.main-content .boat {
		position: absolute;
	    left: 830px;
	    top: 440px;
	}

	@media screen and (max-width : 1440px) {
		.main-content .boat {
			left: 330px;
		}
	}

	.main-content .wave {
		position: absolute;
	    right: 800px;
	    top: 440px;
	}

	@media screen and (max-width : 1440px) {
		.main-content .wave {
			position: absolute;
			right: 300px;
			top: 440px;
		}
	}

	.main-content .wave>div {
		position: absolute;
	}

	.main-content .wave .spot {
		top: 40px;
	    left: 53px;
	}

	.main-content .wave .txt{
	    color: #fff;
	    font-weight: 400;
	    font-size: 20px;
	    left: 100px;
	    width: 40px;
	    top: 35px;
	}

	.main {
		background: #e8f0ff;
		height: 1028px;
	}

	.main .modules{
		width: 1431px;
		margin: 0 auto;
		position: relative;
	    top: -45px;
	}

	.main .modules .mr_right {
		margin-right: 48px;
	}

	@media screen and (max-width : 1440px) {
		.main .modules{
			width: 1140px;
		}
		
		.main .modules img{
			width: 31%;
		}
		
		.main .modules .mr_right {
			margin-right: 35px;
		}
	}

	.main .zxgg .zxgg_tit {
		width: 500px;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 45px;
	}

	.main .zxgg .zxgg_content {
		width: 1440px;
		height: 550px;
		background: #fff;
		display: flex;
	}

	@media screen and (max-width : 1440px) {	
		.main .zxgg .zxgg_content {
			width: 1140px;
			height: 435px;
		}
	}

	.main .zxgg .zxgg_content .slider .description {
		background: #f5f5f5;
		padding: 0 25px;
		height: 125px;
		width: 670px;
		padding-top: 5px;
	}

	.main .zxgg .zxgg_content .slider .description .article_tit {
		color: #0a2d4d;
		font-size: 22px;
		margin-bottom: 0px;
	    font-weight: 500;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}

	.main .zxgg .zxgg_content .slider .description .article_concent {
		color: #6b757e;
		font-size: 18px;
	    font-weight: 500;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
		margin-bottom: 0px;
		line-height: 25px;
	}

	.main .zxgg_content .slider .description .spot {
		width: 120px;
		height: 16px;
		position: relative;
	    top: 15px;
	    left: 500px;
	}

	.main .zxgg_content .slider .description .spot ul {
		display: flex;
	}

	.main .zxgg_content .slider .description .spot li {
		width: 16px;
		height: 16px;
		background: #c8c8c8;
		border-radius: 50%;
		margin-right: 8px;
	}

	.main .zxgg_content .slider .description .spot .current {
		background: #186cfa;
	}

	.main .zxgg_content .column {
		height: 69px;
		padding: 0 25px;
		width: 770px;
	}

	@media screen and (max-width : 1440px) {	
		.main .zxgg_content .column {
			width: 610px;
		}
	}

	.main .zxgg_content .column .tab_tit {
		height: 69px;
		line-height: 69px;
		border-bottom: 2px solid #ececec;
		width: 720px;
	}

	@media screen and (max-width : 1440px) {	
		.main .zxgg_content .column .tab_tit {
			height: 60px;
			line-height: 60px;
			width: 560px;
		}
	}

	.main .zxgg_content .column .tab_tit ul {
		display: flex;
		height: 69px;
		line-height: 69px;
	}

	@media screen and (max-width : 1440px) {	
		.main .zxgg_content .column .tab_tit ul {
			height: 60px;
			line-height: 60px;
		}
	}

	.main .zxgg_content .column .tab_tit ul li{
		cursor: pointer;
		color: #adb9c4;
		width: 110px;
		text-align: center;
		font-size: 24px;
		margin-right: 40px;
		font-weight: 500;
	}

	@media screen and (max-width : 1440px) {	
		.main .zxgg_content .column .tab_tit ul li {
			margin-right: 20px;
			font-size: 22px;
		}
	}

	.main .zxgg_content .column .tab_tit ul li.current {
		color: #0a2d4d;
		border-bottom: 2px solid #005aee;
	}

	.main .zxgg_content .column .tab_concent {
		padding-top: 15px;
	}
	.main .zxgg_content .column .tab_concent .article_listItem {
		height: 43px;
		line-height: 43px;
	}

	.main .zxgg_content .column .tab_concent .article_listItem .article_tit .jiantou{
		color: #9fbff4;
	    margin-right: 5px;
	}
	.main .zxgg_content .column .tab_concent .article_listItem .article_tit {
		height: 43px;
		font-size: 18px;
		color: #6b757e;
		font-weight: 500;
		width: 515px;
	}

	@media screen and (max-width : 1440px) {	
		.main .zxgg_content .column .tab_concent .article_listItem .article_tit {
			width: 355px;
		}
	}

	.main .zxgg_content .column .tab_concent .article_listItem .article_tit a{
		color: #919191;
	    text-decoration: none;
	}

	.main .zxgg_content .column .tab_concent .article_listItem .article_time {
		color: #adb9c4;
		font-size: 16px;
		font-weight: 400;
	}

	.main .zxgg_content .column .tab_concent .tabItem {
		display: none;
	}

	.main .zxgg_content .column .tab_concent .tabItem.show {
		display: block;
	}

	.main .zxgg .zxgg_link {
		float: right;
	    height: 58px;
	    width: 200px;
	    border: 2px solid #186cfa;
	    border-radius: 39px;
	    text-align: center;
	    line-height: 58px;
		margin-top: 35px;
	}

	@media screen and (max-width : 1440px) {	
		.main .zxgg .zxgg_link {
			height: 40px;
			width: 165px;
			line-height: 40px;
		}
	}

	.main .zxgg .zxgg_link span{
		color: #186cfa;
	    font-size: 24px;
	    font-weight: 400;
		margin-right: 10px;
	}

	@media screen and (max-width : 1440px) {	
		.main .zxgg .zxgg_link span {
			font-size: 20px;
		}
	}

	.main .zxgg .zxgg_link img{
		vertical-align: baseline;
	}

	.main .zxgg .zxgg_link a {
		display: block;
		height: 100%;
		width: 100%;
	}

	.main .zxgg .zxgg_link a:hover {
		text-decoration: none;
	}

	.qrCodeList {
		position: absolute;	
		text-align: center;
	}

	.qrCodeList .tit {
		position: fixed;
	    bottom: 70px;
	    right: 10px;
	    background: #fff;
	    height: 80px;
	    width: 80px;
	    border-radius: 50%;
	    color: #186cfa;
	    font-weight: 600;
		z-index: 9;
		font-size: 19px;
	}

	.qrCodeList .tit div {
		height: 80px;
	    line-height: 80px;
		cursor: pointer;
		position: relative;
	}

	.qrCodeList .tit div:hover {
		color: #3346af;
	}

	.qrCodeList .tit div.wx {
		border-bottom: 2px solid #186cfa;
	}

	.qrCodeList .qrCode {
		position: fixed;
		bottom: 70px;
	    right: 85px;
		width: 150px;
	    height: 170px;
		overflow: hidden;
		display: none;
	}

	.qrCodeList .qrCode .qrCodeWx, .qrCodeList .qrCode .qrCodeMiniP{
		width: 140px;
		height: 170px;
		position: absolute;
		font-size: 13px;
	    color: #186cfa;
	    font-weight: 500;
		background: #fff;
		padding-top: 5px;
	}

	.qrCodeList .qrCode .qrCodeWx img, .qrCodeList .qrCode .qrCodeMiniP img {
		height: 130px;
		background: #ccc;
	}


	.qrCodeList:hover .qrCode{
		display: block;
	}

	.qrCodeList .qrCode .show {
		transform: translateX(-110px);
	    opacity: 1;
	    transition: .3s;
	}

	.qrCodeList .qrCode .hide {
		transform: translateX(110px);
	    opacity: 0;
	    transition: .3s;
	}

	/* trace */

	.errShow {
		text-align: center;
	    color: #000;
	    font-weight: 500;
	    height: 200px;
	    line-height: 200px;
	}

	.traceHide {
		display: none;
	}

	.traceShow {
		display: block;
	}

	.traceShowInLine {
		display: inline-block;
	}

	.trace.banner {
		background: #005aee;
		position: relative;
	}

	.trace.banner .trace_mainInfo {
		position: absolute;
		color: #fff;
		top: 0;
	    line-height: 60px;
	    margin-top: 40px;
	    margin-left: 30px;
	}

	.trace.banner .trace_mainInfo .tit {
		font-size: 26px;
	    font-weight: 400;
	}

	.trace.banner .trace_mainInfo .text {
		font-size: 32px;
	    font-weight: 400;
	}

	.trace.banner .trace_mainInfo .num {
		font-size: 32px;
		color: #f6b247;
	}

	.trace_main {
		background: #e8f0ff;
		padding-bottom: 20px;
	}
	.trace_main .redText {
		color: #ee6a59;
		font-size: 24px;
		margin: 0 auto;
		padding: 20px 0;
		width: 380px;
	}

	.trace_main  .img {
		text-align: center;
		margin-bottom: 40px;
	}

	.trace_main .cpxx .cpxx_concent {
		margin-bottom: 40px;
		height: 260px;
		display: flex;
		box-shadow: 2px 2px 8px #bbb9b991;
		border-radius: 5px;
	    overflow: hidden;
	}

	.trace_main .cpxx .noImage{
		height: 260px;
	    line-height: 260px;
	}

	.trace_main .cpxx .cpxx_img{
		width: 389px;
		overflow: hidden;
		height: 260px;
		background: #fff;
		text-align: center;
	}

	.trace_main .cpxx .cpxx_concent .cpxx_info {
		width: 1051px;
		background: #fff;
		padding: 30px 75px 0 60px;
		display: flex;
	    flex-wrap: wrap;
	    justify-content: start;
	}

	@media screen and (max-width : 1440px) {		
		.trace_main .cpxx .cpxx_concent .cpxx_info {
			width: 800px;
			padding: 30px 30px 0 30px;
		}
	}

	.trace_main .cpxx .cpxx_concent .cpxx_info .tit {
		color: #6b757e;
	}

	.trace_main .cpxx .cpxx_concent .cpxx_info .text {
		color: #0a2d4d;
	}

	.trace_main .cpxx .cpxx_concent .cpxx_info .line {
		width: 450px;
		height: 40px;
	    font-size: 20px;
	    line-height: 20px;
		font-weight: 500;
		border-bottom: 1px solid #ebebeb;
	}

	@media screen and (max-width : 1440px) {		
		.trace_main .cpxx .cpxx_concent .cpxx_info .line {
			width: 353px;
		}
	}

	.trace_main .cpsy .cpsy_content {
	/* 	background: url(../img/cpzsBg.png) no-repeat left top; */
	/* 	height: 1160px; */
	}

	@media screen and (max-width : 1440px) {		
		.trace_main .cpsy .cpsy_content {
	/* 		background: url(../img/cpzsBgSmall.png) no-repeat left top; */
		}
	}

	.trace_main .cpsy .jkxx {
	    height: 290px;
	    padding-top: 25px;
		background: #fff;
	    padding: 40px;
	    padding-top: 20px;
	    border-radius: 10px;
	    box-shadow: 0px 0px 9px #ccc;
	}

	.trace_main .cpsy .jkxx_tit {
		color: #0a2d4d;
	    font-size: 24px;
	    font-weight: 400;
	    margin-bottom: 0;
		line-height: 55px;
	}

	.trace_main .cpsy .jkxx_info {
		font-size: 20px;
	    font-weight: 400;
		display: flex;
		flex-wrap: wrap;
	}

	@media screen and (max-width : 1440px) {		
		.trace_main .cpsy .jkxx_info {
			font-size: 18px;
		}
	}

	.trace_main .cpsy .jkxx_info .row {
		height: 46px;
	    line-height: 46px;
	}

	.trace_main .cpsy .jkxx_info .line {
		width: 680px;
		padding-right: 10px;
	}

	@media screen and (max-width : 1440px) {		
		.trace_main .cpsy .jkxx_info .line {
			width: 530px;
		}
		.trace_main .cpsy .jkxx_info .lie0 .line {
			width: 590px;
		}
		.trace_main .cpsy .jkxx_info .lie1 .line {
			width: 400px;
		}
	}

	.trace_main .cpsy .jkxx_info .line button, .trace_main .cpsy .jyjc .line button {
	    width: 90px;
	    height: 30px;
		line-height: 30px;
	    border: none;
	    color: #fff;
	    font-size: 15px;
	    border-radius: 10px;
	}

	#importBtn0, #inspectionBtn0, #circulateBtn0 {
		background: #f6b247;
	}

	#importBtn0.blockBtnGreen {
		background: #3dc53d;
	}

	#inspectionBtn0.blockBtnGreen {
		background: #3dc53d;
	}

	#circulateBtn0.blockBtnGreen {
		background: #3dc53d;
	}

	#importBtn0.blockBtnRed {
		background: #da3847;
	}

	#circulateBtn0.blockBtnRed {
		background: #da3847;
	}

	#inspectionBtn0.blockBtnRed {
		background: #da3847;
	}

	.trace_main .cpsy .jkxx_info .text {
	    color: #0a2d4d;
	}

	.trace_main .cpsy .jyjc {
		margin-top: 35px;
	    padding-top: 25px;
	    height: 285px;
		background: #fff;
	    padding: 40px;
	    padding-top: 20px;
	    border-radius: 10px;
	    box-shadow: 0px 0px 9px #ccc;
	}

	.scxx {
		margin-top: 35px;
	    padding-top: 25px;
		background: #fff;
	    padding: 40px;
	    padding-top: 20px;
	    border-radius: 10px;
	    box-shadow: 0px 0px 9px #ccc;
	}

	.trace_main .cpsy .ltxx {
		margin-top: 35px;
	    padding-top: 25px;
		background: #fff;
	    padding: 40px;
	    padding-top: 20px;
	    border-radius: 10px;
	    box-shadow: 0px 0px 9px #ccc;
	}

	.trace_main .cpsy .jyjc .line {
		height: 40px;
	    line-height: 40px;
	} 

	.trace_main .bottomText {
		color: #6b757e;
		font-size: 20px;
		font-weight: 400;
		margin: 20px 0 0 120px;
	}

	@media screen and (max-width : 1440px) {		
		.trace_main .bottomText {
			width: 940px;
			margin: 0 auto;
			margin-top: 50px;
		}
	}

	/* information */
	.information_main {
		background: #e8f0ff;
	}

	.information_main .top {
		height: 140px;
		line-height: 140px;
	}

	@media screen and (max-width : 1440px) {	
		.information_main .top {
			height: 100px;
			line-height: 100px;
		}
	}

	.information_main .top .tab ul {
		display: flex;
		margin-top: 40px;
	}

	.information_main .top .tab li {
		height: 58px;
	    width: 150px;
	    border-radius: 39px;
	    border: 2px solid #adb9c4;
		line-height: 56px;
	    text-align: center;
	    margin-left: 25px;
	}

	.information_main .top .tab li.current {
		color: #fff;
		background: #005aee;
		border: 2px solid #005aee;
	}

	.information_main .search {
		display: flex;
	    padding: 17px 20px;
	    height: 90px;
	    background: #fff;
	    border-radius: 5px;
	    font-size: 24px;
	    font-weight: 400;
	}

	@media screen and (max-width : 1440px) {	
		.information_main .search {
			font-size: 18px;
			height: 80px;
		}
	}

	.information_main .search .search_input {
		background: #f3f3f4;
	    border: none;
	    border-radius: 5px;
	    height: 54px;
	    width: 250px;
		padding: 0 20px;
	}

	@media screen and (max-width : 1440px) {	
		.information_main .search .search_input  {
			height: 45px;
		width: 210px;
		}
	}

	.information_main .search .search_input.bgtime {
		width: 230px;
		padding: 0 10px;
	}

	@media screen and (max-width : 1440px) {	
		.information_main .search .search_input.bgtime  {
			width: 170px;
		}
	}

	.information_main .search .search_input#type {
		width: 165px;
	}

	@media screen and (max-width : 1440px) {	
		.information_main .search .search_input#type {
			width: 130px;
		}
	}

	.information_main .search .type.search_item {
		width: 270px;
	}

	@media screen and (max-width : 1440px) {	
		.information_main .search .type.search_item {
			width: 220px;
		}
	}

	.information_main .search .time.search_item {
		width: 330px;
	}

	@media screen and (max-width : 1440px) {	
		.information_main .search .time.search_item  {
			width: 260px;
		}
	}

	.information_main .search .keyword.search_item {
		width: 360px;
	}

	@media screen and (max-width : 1440px) {	
		.information_main .search .keyword.search_item  {
			width: 300px;
		}
	}


	.search .keyword input:-webkit-autofill{
		-webkit-box-shadow:0 0 0 1000px #f3f3f4 inset !important;
	/* 	background: #f3f3f4!important; */
	}

	.information_main .search .btn {
		width: 120px;
	    height: 54px;
	    background: #f6b247;
	    color: #fff;
	    font-size: 24px;
	    margin: 0 20px 0 20px;
	}

	@media screen and (max-width : 1440px) {	
		.information_main .search .btn  {
			width: 80px;
		height: 45px;
			font-size: 20px;
		}
	}

	.information_main .search .sort {
		display: flex;
	    line-height: 56px;
	}

	@media screen and (max-width : 1440px) {	
		.information_main .search .sort  {
			line-height: 45px;
		}
	}

	.information_main .search .sort label:first-child {
		margin-right: 25px;	
	}

	@media screen and (max-width : 1440px) {	
		.information_main .search .sort label:first-child  {
			margin-right: 12px;	
		}
	}

	.information_main .search .sort input {
		margin-right: 15px;
	}

	.information_main .representative_article {
		display: flex;
	    margin: 30px 0;
	}

	.information_main .representative_article .article_itme {
		margin-right: 65px;
		position: relative;
		height: 300px;
		border-radius: 8px;
		background: #fff;
		box-shadow: 3px 3px 3px #bbb9b991;
		overflow: hidden;
	}

	@media screen and (max-width : 1440px) {	
		.information_main .representative_article .article_itme {
			height: 243px;
		}
	}

	.information_main .representative_article .article_itme:last-child {
		margin-right: 0;
	}

	.information_main .representative_article .article_itme img {
		height:245px;
		width: 436px;
	}

	@media screen and (max-width : 1440px) {	
		.information_main .representative_article .article_itme img  {
			height: 188px;
			width: 336px;	
		}
	}

	.information_main .representative_article .tag{
		position: absolute;
	    right: 0;
	    top: 0px;
	    width: 123px;
	    height: 44px;
	    color: #fff;
	    font-size: 18px;
	    font-weight: 500;
	    text-align: center;
	    line-height: 43px;
		border-radius: 0 8px 0 0;
	}

	.information_main .representative_article .goods .tag {
		background: url(../img/tag1_icon.png) no-repeat center top;
	}

	.information_main .representative_article .law .tag {
		background: url(../img/tag2_icon.png) no-repeat center top;
	}

	.information_main .representative_article .policy .tag {
		background: url(../img/tag3_icon.png) no-repeat center top;
	}

	.information_main .representative_article .article_tit {
	    font-size: 20px;
	    padding-left: 30px;
	    font-weight: 400;
	    line-height: 55px;
	    height: 55px;
		width: 416px;
	}

	@media screen and (max-width : 1440px) {	
		.information_main .representative_article .article_tit {
			font-size: 18px;
			width: 320px;
		}
	}

	.information_main .representative_article .article_tit a {
		color: #0a2d4d;
	}

	.information_main .hot {
		font-size: 25px;
	    color: #0a2d4d;
	    font-weight: 400;
	    margin: 50px 0 10px 0;
	}

	.information_main .article_list {
		padding-bottom: 50px;
	}

	.information_main .article_list .infoTabItem {
		display: none;
	}

	.information_main .article_list .infoTabItem.show {
		display: block;
	}

	.information_main .article_list .article_listItem {
		height: 60px;
		line-height: 60px;
	    border-bottom: 1px dashed #c6d0dd;
	}

	.information_main .article_list .article_listItem .article_tit {
		font-size: 18px;
	    width: 420px;
	}

	.information_main .article_list .article_listItem .article_tit a {
		color: #7082a0;
	}

	.information_main .article_list .article_listItem .article_tit a:hover {
		text-decoration: none;
	}

	.information_main .article_list .article_listItem .article_tit .jiantou {
		color: #9fbff4;
	    margin-right: 5px;
	}

	.information_main .article_list .article_listItem .article_time {
		color: #7082a0;
	}

	/* supervise */
	.supervise_main .top {
		height: 105px;
		line-height: 105px;
	}

	.supervise_main .representative_article ul {
		display: flex;
	}

	.supervise_main .representative_article ul li {
		margin-right: 65px;
	}

	.supervise_main .representative_article ul li:last-child {
		margin-right: 0;
	}

	.supervise_main label.type {
		position: absolute;
	    opacity: 0;
	}

	.supervise_main .search form .search_item.time, .supervise_main .search form .search_item.keyword {
		width: 470px;
		position: relative;
		z-index: 999;
	}

	@media screen and (max-width : 1440px) {	
		.supervise_main .search form .search_item.time, .supervise_main .search form .search_item.keyword {
			width: 370px;
		}
	}

	.supervise_main .search form .search_item.time .search_input, .supervise_main .search form .search_item.keyword .search_input {
		width: 340px;
	}

	@media screen and (max-width : 1440px) {	
		.supervise_main .search form .search_item.time .search_input, .supervise_main .search form .search_item.keyword .search_input {
			width: 270px;
		}
	}

	.supervise_main .search form .btn {
		margin-right: 50px;
	}

	/* complaint */
	.complaint_main {
		background: #e8f0ff;
	}

	.complaint_main .banner{
		height: 356px;
		width: 100%;
		background: #005aee;
		text-align: center;
	}

	@media screen and (max-width : 1440px) {	
		.complaint_main .banner {
			height: 274px;
		}
		.complaint_main .banner img {
			width: 1140px;
		}
	}

	.complaint_main .top {
		height: 85px;
		line-height: 85px;
	}

	.complaint_main .complaint_card {
		display: flex;
	    background: #fff;
	    border-radius: 5px;
	    padding: 20px 20px;
	    height: 260px;
		color: #6b757e;
	    font-size: 20px;
		box-shadow: 3px 3px 3px #bbb9b991;
	}

	.complaint_main .complaint_card .mr50 {
		margin-right: 50px;
	}

	@media screen and (max-width : 1440px) {	
		.complaint_main .complaint_card .mr50 {
			margin-right: 25px;
		}
	}

	.complaint_main .complaint_card .label {
		height: 53px;
	    line-height: 53px;
	}

	.complaint_main .complaint_card .inp{
		border: none;
	    background: #f1f1f1;
	    border-radius: 5px;
		padding: 0 10px;
	}

	.complaint_main .complaint_card .row4 .inp{
	    width: 260px;
	    height: 150px;
	}

	.complaint_main .complaint_card .up-s , .complaint_main .complaint_card .opinionUp{
		overflow: auto;
		display: flex;
	    align-items: center;
		background: url(../img/add.png) no-repeat center center;
	}

	.complaint_main .complaint_card .up-s img ,.complaint_main .complaint_card .opinionUp img {
		width: 100%;
	}

	.complaint_main .complaint_card #complaintUpload ,
	.complaint_main .complaint_card #opinionUpload {
	    background: #fff;
		font-size: 15px;
		position: absolute;
		width: 100%;
		height: 150px;
		bottom: 0;
		opacity: 0;
	}

	.complaint_main .complaint_card textarea {
		resize: none;
	}

	.complaint_main .complaint_card .row1 .inp{
	    width: 270px;
	    height: 44px;
	}

	@media screen and (max-width : 1440px) {	
		.complaint_main .complaint_card .row1 .inp {
			width: 240px;
		}
	}


	.complaint_main .complaint_card .phone{
	    margin-top: 10px;
	}

	.complaint_main .complaint_card .row2 .inp{
	    width: 440px;
	    height: 150px;
	}

	@media screen and (max-width : 1440px) {	
		.complaint_main .complaint_card .row2 .inp {
			width: 260px;
		}
	}

	.complaint_main .complaint_card .row3 .inp{
	    width: 260px;
	    height: 90px;
	}

	.complaint_main .complaint_card .row3 .switch {
		position: relative;
		display: inline-block;
		width: 60px;
		height: 34px;
	    top: 10px;
	    margin-bottom: 0;
	    left: 115px;
	}

	.complaint_main .complaint_card .row3 .switch input {
		display:none;
	}

	.complaint_main .complaint_card .row3 .slider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  -webkit-transition: .4s;
	  transition: .4s;
	  background-color: #ebebeb;
	}

	.complaint_main .complaint_card .row3 .slider:before {
	  position: absolute;
	  content: "";
	  height: 26px;
	  width: 26px;
	  left: 4px;
	  bottom: 4px;
	  background-color: #fff;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	.complaint_main .complaint_card .row3 input:checked + .slider {
		background-color: #30be70;

	}

	.complaint_main .complaint_card .row3 input:focus + .slider {
	  box-shadow: 0 0 1px #2196F3;
	}

	.complaint_main .complaint_card .row3 input:checked + .slider:before {
	  -webkit-transform: translateX(26px);
	  -ms-transform: translateX(26px);
	  transform: translateX(26px);
	}

	.complaint_main .complaint_card .row3 .slider.round {
	  border-radius: 34px;
	}

	.complaint_main .complaint_card .row3 .slider.round:before {
	  border-radius: 50%;
	}


	.complaint_main .complaint_card .row4 .upload {
		position: relative;
	}

	.complaint_main .btn_list {
		height: 147px;
		padding-top: 30px;
	}

	.complaint_main .btn_list button {
		height: 58px;
		width: 120px;
		border-radius: 39px;
		text-align: center;
		line-height: 52px;
		border: none;
		font-size: 24px;
	}

	.complaint_main .btn_list button.upload {
		background: #186cfa;
	    color: #fff;
		border: 2px solid #186cfa;
		margin-right: 20px;
	}

	.complaint_main .btn_list button.cancel {
		background: #e8f0ff;
	    color: #adb9c4;
		border: 2px solid #adb9c4;
	}

	.complaint_mask {
		width: 100%;
	    height: 100%;
	    position: fixed;
	    top: 0;
		background: rgba(0,0,0,.5);
		display: none;
	}

	.complaint_mask .mask {
		margin: 0 auto;
	    margin-top: 250px;
	    width: 500px;
	    height: 300px;
	    background: #fff;
	    border-radius: 10px;
		color: #0a2d4d;
		    overflow: hidden;
	}

	.complaint_mask .mask .tishi {
		height: 50px;
	    background: #005aee;
		text-align: center;
		color: #fff;
		font-weight: 500;
		font-size: 25px;
		margin-bottom: 20px;
	}

	.complaint_mask .mask .other {
		padding: 40px;
		padding-top: 0;
	}
	.complaint_mask .mask .reminder_text {
		    font-size: 20px;
	    font-weight: 400;
		margin-bottom: 65px;
	}

	.complaint_mask .mask .button_group{
		float: right;
	}

	.complaint_mask .mask .button_group button {
		border: none;
		border-radius: 20px;
	    height: 40px;
	    width: 90px;
		color: #fff;
	}

	.complaint_mask .mask .button_group button.write_btn {
		background: #005aee;
		    margin-right: 20px;
	}

	.complaint_mask .mask .button_group button.upLoad_btn {
		background: #eee;
		color: #555;
	}

	#complaintLocation {
		background: url(../img/location.png) no-repeat center center;
		width: 260px;
		height: 110px;
		display: block;
		z-index: 999;
	}


	/* opinion */
	.opinion_main .row1 {
		position: relative;
	}
	.opinion_main .typeList {
		width: 100%;
	    font-size: 1.2rem;
	    background: #fff;
	    border: solid 1px #ccc;
	    border-top: none;
	    padding-left: 10px;
		display: none;
		position: absolute;
	}

	.opinion_main .banner{
		height: 353px;
		width: 100%;
		background: #005aee;
		text-align: center;
	}

	@media screen and (max-width : 1440px) {	
		.opinion_main .banner {
			height: 269px;
		}
		.opinion_main .banner img {
			width: 1140px;
		}
	}

	#opinionLocation {
		background: url(../img/location.png) no-repeat center center;
		width: 260px;
		height: 110px;
		display: block;
		z-index: 999;
	}

	/* category */
	.category_main .top {
		height: 90px;
		line-height: 100px;
	}

	.category_main {
		background: #e8f0ff;
	}




	/* 
	.content {
		width: 1260px;
		padding: 0 15px;
		margin: 0 auto;
	}
	 */
	/*----------------------- article html -----------------*/
	  .article-nav {
	    width: 100%;
	    height: 50px;
	    background-color: #f5f5f5;
	    line-height: 50px;
	  }
	  
	  .article-nav a {
	    color: #919191;
	    text-decoration: none;
	  }
	  
	  #article-content .article-header {
	    color: #000;
	    text-align: left;
	    padding: 30px 76px;
	  }
	@media screen and (max-width: 720px) {	
	  #article-content .article-header {
	    padding: 15px;
	  }
	}
	  
	  #article-content {
	    color: #616161;
		background: #fff;
	  }
	  
	  #article-content .article-header h2 {
	    font-size: 28px;
	  }
	  
	  #article-content .article-header p {
	    line-height: 1.7;
	    font-weight: 400;
	    text-align: left;
	    font-size: 14px;
	    color: #9b9b9b;
	  }
	  
	  #article-content .article-header p span:nth-child(2) {
	    margin-left: 10px;
	  }
	  
	  #article-content .article-text {
	    padding: 0px 76px 40px 76px;
	  }
	  @media screen and (max-width: 720px) {	
	  #article-content .article-text {
	    padding: 0px 15px 40px 15px;
	  }
	}

	  #article-content .article-text p {
	    line-height: 1.8;
	    font-weight: 400;
	    text-indent: 32px;
	    text-align: justify;
	  }
	  
	  .aligncenter {
	    clear: both;
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	  }
	  

	/* 分页 */
	  .page-nav {
	    margin-top: 40px;
	    text-align: right;
	  }
	  
	  .page-nav .page-numbers {
		  font-weight: 400;
	    display: inline-block;
	    height: 30px;
	    width: 30px;
	    padding: 0;
	    text-align: center;
	    line-height: 28px;
	    border: 1px solid #ebebeb;
	    border-radius: 3px;
	    color: #606266;
	    background-color: #fff;
	    margin-left: 10px;
	    text-decoration: none;
	    -webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	  }
	  
	  .page-nav .page-numbers:hover {
	    background-color: #148cd8;
	    color: #fff;
	    cursor: pointer;
	    -webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	  }
	  
	  .page-nav .current {
	    background-color: #3379ee;
	    color: #fff;
	    border: none;
	    width: 29px;
	    height: 29px;
	  }
	  
	  .page-nav .prev {
	    width: auto;
	    padding: 0px 8px;
	  }
	  
	  .page-nav .next {
	    width: auto;
	    padding: 0px 8px;
	  }
	  
	.article-footer {
		background: #fff;
	}
	  .post-link {
	    width: 100%;
	    padding: 15px 0px;
	    margin: 0 0px 40px 0px;
	    border-top: 1px solid #ccc;
	  }
	@media screen and (max-width:720px) {
		.post-link {
			padding: 15px;
		}
	}
	  
	  .post-link a {
	    color: #9b9b9b;
	  }
	  
	  .thumb-img img{
	      width:100%;
	      height:240px;
	  }
	  
	  #gallery-slideBox {
	      width: 100% !important;
	      height: 240px !important;
	  }





	/*----------------------- news html -----------------*/
	  .news-section {
	    padding-bottom: 40px;
	    z-index: 2;
	  }
	  
	  .news-section .title-section {
	    padding: 40px 0px;
	  }
	  
	  .news-section .title-section h3 {
	    font-size: 33px;
	    font-weight: 400;
	    color: #000;
	  }
	  
	  .news-section .news-content {}
	  
	  .news-section .news-content ul {
	    padding-left: 0px;
	  }
	  
	  .news-section .news-content ul li {
	    width: 100%;
	    /* height: 220px; */
	    padding: 20px 20px 20px 0px;
	    border-bottom: 1px solid #e6e6e6;
	  }
	@media screen and (max-width: 720px) {
		.news-section .news-content ul li {
			padding: 20px 15px;
		}
	}
	  
	  .news-section .news-content .img-wrapper {
	    padding: 0;
	  }
	  
	  .news-section .news-content .img-wrapper img {
	    height: 180px;
	    width: 85%;
	  }
	  
	  .news-section .news-content .new-descripe {
	    position: relative;
	  }
	  
	  .news-section .news-content .new-descripe h4 {
	    font-size: 1.2rem;
	  }
	  
	  .news-section .news-content .new-descripe p {
	    margin-bottom: 0.6rem;
	  }
	  
	  .news-section .news-content .new-descripe .news-more {
	    display: inline-block;
	    width: 100px;
	    height: 28px;
	    color: #005aee;
	    text-align: left;
	    line-height: 26px;
	    font-size: 14px;
	  }
	  
	.noArticle {
		height: 100px;
	    line-height: 100px;
	    text-align: center;
	    font-size: 20px;
	    font-weight: 500;
	    color: #7082a0;
	}
	  /* .news-section .news-content .new-descripe .news-more:hover {
	    background-color: #1ac7e9;
	    color: #fff;
	    border: none;
	    cursor: pointer;
	    transition: all 0.2s;
	  } */



	 /*----------------------- trace search section -----------------*/
	  .search-section {
	    margin-top: 20px;
		  background: #fff;
	  }
	  
	  .search-section .search-type ul li {
	    width: 150px;
	    height: 45px;
	    text-align: center;
	    line-height: 40px;
	    color: #4c87ff;
	    float: left;
	    border-top-left-radius: 4px;
	    border-top-right-radius: 4px;
	    /* border-bottom: 1px solid #3f8ad4; */
	    cursor: pointer;
	    text-align: center;
	    line-height: 43px;
	    font-size: 16px;
	    font-weight: 400;
	  }
	  
	  .active-select {
	    background-color: #4c87ff !important;
	    color: #fff !important;
	  }
	  
	  .search-section .search-type ul li:first-child {
	    margin-left: 12px;
	  }
	  
	  .search-section .search-form {
	    clear: both;
	    width: 1080px;
	    height: 100px;
	    background-color: #4c87ff;
	    border-radius: 2px;
	    padding: 30px 0px 0px 16px;
	  }
	  
	  .search-section .search-form .search-input {
	    width: 501px;
	    height: 45px;
	    /* border: 1px solid #cde6fb; */
	    border: none;
	    text-indent: 24px;
	    font-size: 16px;
	    color: #ababab;
	  }
	  
	  .search-section .search-form .search-input:focus {
	    outline: none;
	  }
	  
	  .search-section .search-form .search-btn {
	    width: 139px;
	    height: 45px;
	    background-color: #fec001;
	    color: #fff;
	    border: none;
	    cursor: pointer;
	    margin-left: 15px;
	    font-size: 16px;
	    margin-top: 1px;
	  }
	  
	  .block-link:hover {
	      text-decoration:none;
	  }
	  
	  .knowledge-img img {
	      width:100%;
	      height: 100px;
	  }




	 /*----------------------- trace section -----------------*/
	.trace-section {
		background: #fff;
	}