@charset "utf-8";
html{font-size: calc(100vw / 37.5);}
*{margin: 0;padding: 0;border: 0;-webkit-touch-callout:none;
    -moz-touch-callout:none;
    -ms-touch-callout:none;
      touch-callout:none;}
body{font-size: 1.2rem;line-height: 1.5; -webkit-overflow-scrolling: touch;word-wrap: break-word;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-touch-callout: none;color: #333;width: 100%;max-width: 768px;margin: auto;}
input,button,select{outline: none;}
table{border-spacing: 0; border-collapse: collapse; }
ul,li{list-style: none;}
a{text-decoration: none; color: #333333}
i,em{font-style: normal;}
img{max-width: 100%;}
.blue{background: #0178c8;}
.box{display: box;display: -webkit-box;}
.col{box-flex: 1;-webkit-box-flex: 1;}
.nav-container,.menu-list{display: none;}
.row{margin: 1.2rem;}
.f-r{float: right;}
/*header*/
.page-index{
	padding-bottom: 5px;
}
.nav-container.cur,.menu-list.cur{
	display: block;
}
.nav-container,.menu-list{
	background: #fff;
	position: absolute;
	top: 5.3rem;
	left: 1.2rem;
	right: 1.2rem;
	padding: 1.2rem;
	border-radius: .5rem;
	z-index: 9999;
}
.nav-container:before,.menu-list:before{
	content: "";
	display: block;
	width: 2.25rem;
	height: 1.25rem;
	background: url(../images/arr-t.png) no-repeat center;
	background-size: 2.25rem auto; 
	position: absolute;
	top: -0.8rem;
	left: 2.8rem;
}
.menu-list:before{
	left: 50%;
	margin-left: -1.125rem;
}
.menu-list li a{
	line-height: 4.4rem;
	display: block;
	text-align: center;
	border-bottom: 1px solid #dddddd;
	margin: 0 1.5rem;
	font-size: 1.4rem;
}
.menu-list li:last-child a{
	border: 0;
}
.menu-list{
	padding: 0;
}
.blue-bg{
	background: rgba(0,120,199,.8);
	position: absolute;
	top: 5.3rem;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100vh;
	z-index: 9998;
}
.nav-container .search{
	height: 4rem;
	background: #e4eef8;
	border-radius: 2rem;
	position: relative;
}
.nav-container .search input{
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	padding: 1.1rem 0 .9rem 4rem;	
	background: url(../images/search.png) no-repeat 1.2rem center;
	background-size: 1.9rem;
	border-radius: 2rem;
}
.nav-container .search button{
	width: 6rem;
	height: 3rem;
	line-height: 3rem;
	background: #0078c7;
	color: #fff;
	text-align: center;
	position: absolute;
	right: 1.2rem;
	top: .5rem;
	border-radius: 1.5rem;
}
.nav-container .list{
	border-top: 1px solid #dddddd;
	margin-top: 1.4rem;
	padding-top: 1rem;
}
.nav-container .list ul li a{
	line-height: 2.8rem;
	display: block;
	padding-left: 2.6rem;
	background: url(../images/arr.png) no-repeat .5rem center;
	background-size: 1.1rem auto;
	font-size: 1.3rem;
}
.nav-container .list ul li:first-child a{
	color: #0078c7;
}
header{
	color: #fff;
	height: 7.5rem;
	border-bottom: 1px solid #156ba3;
	overflow: hidden;
	padding: 0 1.2rem;
}
header .logo{
	float: left;
	width: 13rem;
	height: 7.5rem;
	line-height: 7.7rem;
}
header .logo img{
	vertical-align: middle;
}
header .right-text{
	float: right;
	text-align: right;
	line-height: 7.5rem;
}
.detail-header{
	height: 5rem;
}
.detail-header .logo{
	height: 4rem;
	line-height: 4rem;
	margin-top: .5rem;
}
.detail-header .logo img{
	max-height: 4rem;
}
.detail-header .right-text{
	line-height: 5rem;
}
.right-text .center{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
.right-text .center a{
	color: #ffffff;
}
.detail-header .right-text .center{
	line-height: 1.4;
}
.right-text h2{
	font-size: 1.6rem;
}
.right-text span{
	font-size: 1.1rem;
}
.index-top{
	padding: 0 1.2rem;
	position: relative;
}
.index-top .box{
	height: 4.3rem;
	line-height: 4.3rem;
	color: #fff;
	font-size: 1.4rem;
}
.index-top .nav-btn{
	position: relative;	
}
.index-top .nav-btn:before{
	content: "";
	display: inline-block;
	width: 2.2rem;
	height: 2.2rem;
	background: url(../images/nav.png) no-repeat center center;
	background-size: 1.7rem auto;
	vertical-align: middle;
	margin-right: .5rem;
}
.index-top .nav-btn span{
	vertical-align: middle;
}
.index-top .menu{
	text-align: center;
}
.index-top .menu span{
	display: inline-block;
	vertical-align: middle;
}
.index-top .menu:after{
	content: "";
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background: url(../images/arr-b.png) no-repeat center;
	background-size: 1rem auto;
	vertical-align: middle;
	margin-left: .3rem;
}
.index-top .menu.active:after{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 
	-moz-transform:rotate(180deg); 
	-webkit-transform:rotate(180deg); 
	-o-transform:rotate(180deg); 
}
.index-top .list-btn a{
	color: #fff;
	display: block;
}
.index-top .list-btn a:before{
	content: "";
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background: url(../images/time.png) no-repeat center center;
	background-size: 1.3rem auto;
	vertical-align: middle;
	margin-right: .3rem;
}
.index-top .list-btn a span{
	display: inline-block;
	vertical-align: middle;
}

.row .toggle a{
	position: absolute;
	top: 50%;
	left: -1.2rem;
	z-index: 9996;
	background:rgba(0,0,0,.5);
	color: #fff
}

.row .toggle a:before{
	content: '';
	display: block;
	width: 3.2rem;
	height:3.2rem;
	background: url(../images/arr_l.png) no-repeat center / 60%;
}

.row .toggle a.prev{
	border-top-right-radius: .5rem;
	border-bottom-right-radius: .5rem;
}

.row .toggle a.next{
	left: auto;
	right: -1.2rem;
	border-top-left-radius: .5rem;
	border-bottom-left-radius: .5rem;
}

.row .toggle a.next:before{
	background-image:url(../images/arr_r.png);
}

.row .image{
	position: relative;
	padding: 1.2rem;
	background: #fff;
	border-radius: .5rem;
}

.row .image img{
	display: block;
}

.row .image .newspaper{
	position: relative;
}

.row .info{
	padding: 1.2rem;
	background: #fff;
	margin-top: 1.2rem;
	border-radius: .5rem;
}
.row .info > p{
	position: relative;
}
.row .info .text{
	text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    display: box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: normal;
}
.row .info .text.cur{
	display: block;
}
.row .info .text:after{
	content: "";
	display: block;
	position: absolute;
	right: 4rem;
	bottom: 0;
	width: 5rem;
	height: 1.8rem;
	background: url(../images/jianbian.png) repeat-y;
	background-size: 100% auto;
}
.row .info .text.cur:after{
	display: none8
}
.row .info .more{
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fff;
	padding-left: 5px;
}
.row .info h3{
	font-size: 1.6rem;
	color: #0078c7;
	text-align: center;
	margin-bottom: .9rem;
}
.row .info h3:before,.row .info h3:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 2.5rem;
	height: 1px;
	background: #dfdfdf;
}
.row .info h3 span{
	display: inline-block;
	vertical-align: middle;
	padding: 0 1rem;
}
.row .info .box{
	background: #f3f3f3;
	border-radius: .5rem;
	margin-top: 1rem;
	padding: 1.2rem 0;
}
.row .info .box .left{
	padding: 0 2rem;
	font-size: 1.6rem;
	font-weight: bold;
	color: #0078c7;
	border-right: 1px solid #ebebeb;
	margin-right: 2rem;
	padding-top: .5rem;
}
.row .info .box .left:before{
	content:"";
	margin-right: 3px;
	display: inline-block;
	vertical-align: middle;
	width: 2.2rem;
	height: 2.2rem;
	background: url(../images/txt.png) no-repeat left center;
	background-size: 1.9rem auto;
}
.row .info .box .left span{
	display: inline-block;
	vertical-align: middle;
}
.row .info .box .right{
	box-flex: 1;
	-webkit-box-flex: 1;
}
.row .info .right .item a{
	padding-left: 2.4rem;
	font-size: 1.4rem;	
	display: block;
	color: #0078c7;
}
.row .info .right .item .tel{
	background: url(../images/tel.png) no-repeat left center;
	background-size: 1.45rem auto;
}
.row .info .right .item .email{
	background: url(../images/msg.png) no-repeat left center;
	background-size: 1.45rem auto;
}
footer{
	padding-bottom: 1.5rem;
	text-align: center;
	color: #fff;
	line-height: 1.8;
}

.header{
	height: 5rem;
	line-height: 5rem;
	position: relative;
}
.header .logo{
	height: 4rem;
	line-height: 4rem;
	padding-top: .5rem;
	text-align: center;
}
.header .back{
	width: 4rem;
	height: 5rem;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/arr-l.png) no-repeat center;
	background-size: .95rem auto;
	z-index: 9;
}
.header .logo img{
	max-height: 100%;
	vertical-align: middle;
}
.page-list ul{
	overflow: hidden;
	margin-right: -1.2rem;
}
.page-list ul li{
	float: left;
	width:33.333%;
}
.page-list ul li .img{
	margin-right: 1.2rem;
	border: 1px solid #e8e8e8;
	padding: .5rem;
}
.page-list ul li .img img{
	display: block;
}
.page-list ul li .txt{
	margin-right: 1.2rem;
	padding: 1rem 0;
}
.page-list ul li .txt span{
	display: block;
	text-align: center;
}
.pageview{
	text-align: center;
	padding: 2rem 0;
	overflow: hidden;
	color: #999;
}
.pageview span{
	padding: 0 .5rem;
}
.pageview .prev{
	float: left;
	color:#0178c8;
	padding-left: 1.5rem;
	background: url(../images/arrl.png) no-repeat left center;
	background-size: .6rem auto;
}
.pageview .next{
	float: right;
	color:#0178c8;
	padding-right: 1.5rem;
	background: url(../images/arrr.png) no-repeat right center;
	background-size: .6rem auto;
}
.header > .f-r{
	width: 100%;
}
.header .f-r > div{
	float: right;
	margin-right: 1.2rem;
	margin-left: .3rem;
}
.header .f-r > div i{
	width: 1.7rem;
	height: 1.7rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .5rem;
}
.header .f-r .default i{
	background: url(../images/default.png) no-repeat center;
	background-size: 1.65rem auto;
}
.header .f-r .small i{
	background: url(../images/-.png) no-repeat center;
	background-size: 1.65rem auto;
}
.header .f-r .large i{
	background: url(../images/+.png) no-repeat center;
	background-size: 1.65rem auto;
}
.header .f-r > div span{
	display: inline-block;
	vertical-align: middle;
	color: #999;
}
.page-detail{
	margin: 1.2rem;
	margin-bottom: 6rem;
}
.page-detail h3{
	font-size: 1.2em;
	text-align: center;
}
.page-detail h4{
	text-align: center;
	color: #666
}
.page-detail h3~h4{
	margin-bottom: 1rem;
}
.page-detail .content{
	font-size: 1.6rem;
}
.page-detail .content > p{
	line-height: 1.8;
}
.header.white{
	border-bottom: 1px solid #dddddd;
}
.header.white .back{
	background: url(../images/arrl.png) no-repeat center;
    background-size: .95rem auto;
}
.detail-fixed{
	text-align: center;
	bottom: 0px;
	position: fixed;
	width: 100%;
}
.detail-fixed .button{
	overflow: hidden;
	padding: 0 1.2rem;
	height: 5rem;
}
.detail-fixed a{
	display: inline-block;
	position: relative;
	color: #fff;
}
.detail-fixed a:before{
	content: "";
	display: block;
	width: 3rem;
	height: 2.2rem;
	margin: .7rem auto .1rem;
}
.detail-fixed .prev{
	float: left;
}
.detail-fixed .prev:before{
	background: url(../images/arr_l.png) no-repeat center top;
	background-size: 1.8rem auto;
}
.detail-fixed .next:before{
	background: url(../images/arr_r.png) no-repeat center top;
	background-size: 1.8rem auto;
}
.detail-fixed .all:before{
	background: url(../images/time1.png) no-repeat center top;
	background-size: 1.9rem auto;
}
.detail-fixed .next{
	float: right;

}
.detail-fixed span{
	display: block;
	line-height: 1.5rem;
}

/*搜索*/
.search-bar{
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	height: 4rem;
	padding: .8rem 0 .2rem;
}
.search-bar .search{
	height: 3.5rem;
	width: 75%;
	margin: 0 auto;

}
.search-bar:before{
	display: none;
}
.search-bar .search input{
	display: block;
	padding: .7rem 0 .5rem 4rem;
}
.search-bar .search button{
	height: 2.5rem;
    line-height: 2.5rem;
}
.page-search ul li {
	padding-bottom: 1.2rem;
	margin-bottom: 1.2rem;
	border-bottom: 1px dashed #ddd;
}
.page-search ul li h3{
	font-size: 1.6rem;
}
.page-search ul li p a{
	line-height: 1.6;
	color: #999;
	display: block;
	    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    display: box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: normal;
}

.page-detail .intr{
	text-align: center;
	margin-bottom: 1rem;
}
.page-detail .intr span{
	display: block;
	color: #999;
}
#paper_canvas{
	position: fixed;
}

.newspaper img{
	/*pointer-events: none;*/
}
/*
#news_map{
	opacity:0.6;
	background-color:yellow;
	border: 1px solid #ff0000;
	position:;
}
*/