.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 99;
  }
  .overlay2 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 99;
  }
  .popup {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    position: relative;
    top: 100px;
    width: auto;
    margin: 0 auto;
    padding-bottom: 24px;
    pointer-events: none;
  }
  .popup .content{
	position: relative;
    background-color: #fff;
    background-clip: padding-box;
	width: 40%;
	margin: 0 auto;
    border: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.15);
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    pointer-events: auto;
  }
  .popup .content .close{
	display: block;
    width: 56px;
    height: 56px;
    font-size: 16px;
    font-style: normal;
    line-height: 56px;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
  }
  .popup .content .header{
	padding: 16px 24px;
    color: rgba(0, 0, 0, .65);
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 4px 4px 0 0;
	font-size: 16px;
  }
  .popup .content .options{
	display: flex;
	margin: 20px;
  }
  .popup .content .options a{
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 24%;
	text-align: center;
	line-height: 50px;
	color: #181818;
	height: 137px;
	padding: 20px 0;
	box-sizing: border-box;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transition: .3s;
	cursor: pointer;
  }
  .overlay2 .popup .content .options a{
	width: 50%;
  }
  .popup .content .options a:hover{
	color: #00609C;
	box-shadow: 0 0 5px rgba(36, 158, 244, 0.8);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
  }
  .popup .content .content-footer{
	padding: 10px 16px;
    text-align: right;
    background: 0 0;
    border-top: 1px solid #e8e8e8;
    border-radius: 0 0 4px 4px;
  }
  .popup .content .content-footer button{
	line-height: 1.499;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background-image: none;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,.015);
    box-shadow: 0 2px 0 rgba(0,0,0,.015);
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    height: 32px;
    padding: 0 15px;
    font-size: 14px;
    border-radius: 4px;
    color: rgba(0, 0, 0, .65);
    background-color: #fff;
    border-color: #d9d9d9;
  }
@media screen and (min-width: 1601px){
	.cp-banner{
		background-position: 0% 0%;
	}
}
@media screen and (min-width: 2001px){
	.cp-banner{
		padding-top: 400px;
	}
}
@media (max-width:1220px) {
	.wrap{padding: 0 30px;}
}
@media (max-width:1100px) {
}
@media (min-width:992px) and (max-width:1024px) {
}
@media (min-width:768px) and (max-width:991px) {
	
}
@media (max-width:991px){
	.wrap{padding: 0 30px;}
	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu>ul>li>a{padding: 0 20px;}
	.menu.align-center>ul,.menu.align-right ul ul{text-align:left}
	.menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(0,0,0,.2);}
	/*.indexHeader .menu ul li,.indexHeader .menu ul ul li,.indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(255,255,255,.2);}*/
	/*.on-fixed .indexHeader .menu ul li,.on-fixed .indexHeader .menu ul ul li,.on-fixed .indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(0,0,0,.2);}*/
	.menu ul li a,.menu ul ul li a{width:100%}
	.menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block}
	.menu ul ul li a{padding:0 20px 0 30px;font-size:12px;color:#333;background:0 0}
	.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#333}
	
	.indexHeader .menu ul ul li a{color:#fff;}
	.indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#fff}
	
	.on-fixed .indexHeader .menu ul ul li a{color:#333;}
	.on-fixed .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#333}
	
	.menu ul ul ul li a{padding-left:40px}
	.menu ul ul,
	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none}
	#menu-line{display:none}
	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}
	
	/*.indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,.2);height:52px;width:52px;cursor:pointer}
	.indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
	.indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}*/
	
	/*.on-fixed .indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}
	.on-fixed .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.on-fixed .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}*/
	
	
	.menu .submenu-button.submenu-opened:after{display:none}
	.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
	.menu ul ul ul{top: 0;}
	.menu li:hover>ul{left: auto;margin-left: auto;}
	.menu ul ul .wrap{padding:0;}
	header .rightDiv .menu>ul>li li a{text-align: left;line-height: 50px;}
	/*header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;}*/
/*	.on-fixed header.indexHeader .rightDiv .menu>ul>li li a{color: #333;}*/
	
	header {
		position: fixed !important;
		z-index: 9999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		transition: right 300ms !important;
	}
	header .logo a{height: 50px;}
	header .logo a img{max-height: 70%;}
	header .mbtn {display: block;}
	body.on-menu header .mbtn{z-index: 1;}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 86px;
		right: 0;
		width: 100%;
		height: calc(100% - 50px);
		padding-top: 0;
		background:#fff;
		/*border-bottom: 1px solid #f8f8f847;*/
		transition: right 300ms;
		right: -100%;
		padding: 0;
		overflow-y: auto;
	}
	header .rightDiv .menu ul{float: initial;}
	/*header .rightDiv .menu ul.open{background: #000;}*/
	header .rightDiv .menu ul li {
		padding: 0;
		margin: 0;
		/*border-bottom: 1px solid #f8f8f847;*/
		float: initial;
		position: relative;
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		text-align: center;
		font-size: 16px;
	}
	/*header.indexHeader .rightDiv .menu>ul>li>a{color: #333;}*/
	header .rightDiv .menu>ul>li>a small{display: none;}
	header .rightDiv .menu>ul {display: block;padding-top: 0;}
	body.on-menu header .rightDiv .menu {right: 0;}
	body.on-menu .main {right: 0;}
	header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;}
	header .rightDiv .menu>ul>li>a::after{bottom: 5px; }
	header .rightDiv .menu>ul>li>a span{display: inline-block;line-height: 34px;}
	header .rightDiv .menu>ul>li:hover,header .rightDiv .menu>ul>li:focus,header .rightDiv .menu>ul>li.on{background: none;}
	.menu ul ul{box-shadow: none;}
	.menu ul ul li a .iconDiv{display: none;}
	.menu ul ul li>a{margin-bottom: 0;}
	.menu ul ul li .alist a{margin: 0;}
	.main {position: relative;right: 0;transition: right 300ms !important;margin-top: 86px; }
	header .rightDiv .menu>ul>li ul{box-shadow: none;}
	header .rightDiv .menu>ul>li li{border-bottom: 0;}
	header .rightDiv .menu>ul>li li a{padding: 0 20px 0 30px;}
	header .rightDiv .menu>ul>li li.has-sub>a,header .rightDiv .menu>ul>li li.has-sub:hover>a{background: none;}
	.menu ul ul li:hover>ul{left: 0;}
	
	html, body{min-width: 100%;}
	.on-fixed header .logo a,.on-fixed header .rightDiv .menu>ul>li>a,.on-fixed header .rightDiv .ssbtn{height: 50px;}
	.on-fixed header .rightDiv .menu{top: 50px;}
	header .rightDiv .ssbtn{float: initial;height: 50px; }
}

.hidden-xs{display: block;}
.visible-xs{display: none;}

/*手机*/
@media (max-width:767px) {
	
	.hidden-xs{display: none;}
	.visible-xs{display: block;}
	/* .floatRightDiv{display: none;} */
	header .headerTop{font-size: 12px; }
	header .headerTop .regBtn{margin-left: 10px; }
	html, body{font-size: 14px;overflow-x:hidden;}
	
	.index-banner .img{height: 40vw; }
	.index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 5px; }
	.index-banner .swiper-pagination-bullet{width: 5px;height: 5px; }
	.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px; }
	
	header .headerTop{display: block; }
	.indexTitle span{line-height: 1.1;}
	.indexTitle p{font-size: 14px;margin-top: 10px; }
	
	.wrap{padding: 0 15px;}
	
	.indexDiv1{padding: 20px 0; }
	.indexDiv1 .hdDiv{display: block;position: relative; }
	.indexDiv1 .hdDiv .leftDiv{width: 100%;}
	.indexDiv1 .hdDiv .leftDiv .hd{display: block; }
	.indexDiv1 .hdDiv .leftDiv .hd a{margin: 6px; }
	.indexDiv1 .hdDiv .leftDiv .bd {margin-top: 10px; }
	.indexDiv1 .hdDiv a.morebtn{position: absolute;right:0;top: 0;line-height: 36px; }
	.indexDiv1 .row{margin: 0 -5px; }
	.indexDiv1 .row>div{padding: 0 5px;margin-bottom: 10px; }
	.indexDiv1 .row>div a{padding-left: 10px;padding-right: 10px; }
	.indexDiv1 .row>div a .hd{padding: 0 10px; }
	.indexDiv1 .row>div a .date{width: calc(100% - 20px);left: 10px; }
	.indexDiv1 .row>div a .title{padding-bottom:30px}
	.footerDiv .hdDiv{flex-wrap: wrap;display: block; }
	.footerDiv .hdDiv .leftDiv{width: 100%;display: block; }
	.footerDiv .hdDiv .listDiv{width: 100%;margin-bottom: 15px;border-bottom: 1px solid rgba(255,255,255,.1);padding-bottom: 15px; }
	.footerDiv .hdDiv .listDiv:last-child{border-bottom: 0;}
	.footerDiv .hdDiv .listDiv span{margin-bottom: 10px; }
	.footerDiv .hdDiv .listDiv ul li{display: inline-block;margin-right: 15px;  }
	.footerDiv .hdDiv .rightDiv{width: 100%;border: 0; }
	.footerDiv .hdDiv .rightDiv .logoDiv{margin-left: 0; }
	.footerDiv .bdDiv{padding: 15px 0;text-align: center; }
	

	.channel-div{flex-wrap: wrap;}
	.channel-div .left-div{margin-bottom: 10px;}
	.channel-div .left-div div{flex-wrap: wrap; flex-direction: row;}
	.channel-div .left-div div a{width: 105px;margin: 10px;}
	.channel-div .right-div{margin-left: 0;}
        .channel-div .right-div .bd{margin-left:10px;}
	.channel-div .right-div .row .col-sm-6{flex: 0 0 100%;max-width: 100%;}
        .channel-div .right-div .row>div a .title{padding-bottom: 30px}

.ydd{background: url('../img/16.png');background-size: cover;}
	.cp-banner{width: 100%;background: url('../img/cp.png'); background-position: 50% 0%;background-repeat: no-repeat;background-size: 150%;padding-top: 150px;padding-bottom: 50px;}
	.cp-banner .cpDiv .gsyj {background: url('../img/ydd.png') no-repeat center center;font-size: 18px;height: 180px;border-radius: 14px;background-size: cover;width: 100%;}
	.cp-banner .cpDiv .gsyj .gsyj-title {font-size: 20px;top: 10px;left: 50%;transform: translateX(-50%);}
	.cp-banner .cpDiv .gsyj .gsyj-content {top: 60px;left: 8%;font-size: 14px;}
	.cp-banner .cpDiv .gsyj .gsyj-content div:nth-child(1){left: -29px;}
	.cp-banner .cpDiv .gsyj .gsyj-content div:nth-child(1) img{width: 20px;margin-right: 5px;}
	.cp-banner .cpDiv .gsyj .gsyj-content div:nth-child(2){top:25px}
	.cp-banner .cpDiv .gsyj .gsyj-content div:nth-child(3){top:80px}
	.cp-banner .cpDiv .gsyj .gsyj-content div:nth-child(3) img{width: 20px;}
	.cp-banner .cpDiv .jzzz {width: 100%;margin-top: 20px;}
	.cp-banner .cpDiv .jzzz .back {height: 50px;margin-bottom: -30px;}
	.cp-banner .cpDiv .jzzz .jzzz-title {width: 150px;height: 60px;font-size: 20px;line-height: 48px;}
	.cp-banner .cpDiv .jzzz .jzzz-content {padding: 20px;margin-top: 20px;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content {margin: 20px 0;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-title {font-size: 16px;background-size: 12% 40%;background-position: left 18px;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main {margin-top: 16px;font-size: 14px;flex-wrap: wrap;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .col-sm-4 {max-width: 48%;margin-bottom: 10px;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .col4 {width: 100%;padding: 10px;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .col4:nth-child(1){margin-bottom: 16px;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .content-detail {padding: 10px;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .content-detail .detail-title {font-size: 14px;padding-bottom: 6px;}
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .content-detail .detail-content {
		font-size: 14px;
	  }
	.cp-banner .cpDiv .jzzz .jzzz-content .content .content-main .col4 {
		padding: 20px;
	  }
	.cp-banner .cpDiv .jzzz .cpgn-content {
		padding: 20px;
		margin-top: 20px;
	  }
	.cp-banner .cpDiv .jzzz .cpgn-content .cpgn-title {
		font-size: 16px;
		padding: 20px 0;
	  }
	.cp-banner .cpDiv .jzzz .cpgn-content .cpgn-title img{
		max-width: 33%;
	}
	.cp-banner .cpDiv .jzzz .fwjg-content {
		padding: 30px;
		padding-bottom: 20px;
		margin-top: 20px;
	  }
	.cp-banner .cpDiv .jzzz .fwjg-content .fwjg {
		margin-top: 10px;
		font-size: 16px;
	  }
	.cp-banner .cpDiv .jzzz .fwjg-content .fwjg img {
		margin-right: 10px;
	  }

	.zczkListDiv .rightDiv ul{padding: 10px 15px;}
	.zczkListDiv .rightDiv ul li a{padding: 20px 0;}
	.zczkListDiv .rightDiv ul li .imgDiv{width: 40%;height: 85px;}
	.zczkListDiv .rightDiv ul li .textDiv{padding-left: 43%;}
	.zczkListDiv .rightDiv ul li p{margin: 5px 0;line-height: 1.8;height: 40px;}
    .zczkListDiv{padding: 20px 0 30px;}
	.zczkListDiv .leftDiv{width: 100%;height: initial;position: relative;}
	.zczkListDiv .rightDiv{width: 100%;margin-top: 20px;}
.zczkListDiv .rightDiv ul li span{position: relative;}
       .home-section-3 .menu ul li>a{
	   height: 60px;
	   line-height: 60px;
	   text-align: center;
	   color: #666666;
	   font-size: 16px;
	   display: inline-block;
	   position: relative;
	   margin: 0 10px;
        }
.detail_div .article_div{
padding:0;
}
.popup .content{
width: 80%;
}
.popup .content .options{
flex-wrap: wrap;
}
.popup .content .options a{
width: 50%;
}
	@media (max-width:320px) {
		
		
		
	}
	
}
