﻿@charset "utf-8";
/* CSS Document */
body{background: url(../img/mid_bg.png) repeat-y;}
.sub_banner{width:100%;position: relative;}
.wrap_nav{background-color: #cb2a30;box-shadow: 0 2px 14px rgba(0,0,0,0.15);border-top:1px #e40406 solid;}
nav{display: flex;display: -webkit-flex;justify-content: space-between;}
/*
nav li{height: 55px;line-height: 55px;}
nav li a{color: #fff;position: relative;display: block;}
nav li a::before{content: '';width: 0;height: 4px;background-color: #fdb840;position: absolute;left: 50%;bottom: 0;transition: all 0.35s ease-out;}

nav li.active a::before,.menu li:hover a::before{width: 100%;left: 0;}*/




.listTitle{overflow: hidden;position: relative;margin: 30px 0;}
.listTitle::before{content: '';width: 80%;height: 1px;background-color:#cb2a30;top: 27px;position: absolute;left:20%;}
.listTitle span{display: inline-block;text-align:center;height: 42px;line-height: 42px;box-sizing: border-box;min-width: 158px;background:url(../img/nav_bg.png) no-repeat;position: relative;color: #fff;overflow: hidden;}
/*{content: '';width: 10px;height: 30px;background-color: #fdb840;position: absolute;left: 0;top: 14px;}
.listTitle span::after{width: 1px;height: 30px;position: absolute;content: '';right: 20px;top: 14px;background-color: #e59598;}
.listTitle span::before{width: 20px;height: 1px;position: absolute;content: '';right: 0;top: 30px;background-color: #fdb840;}*/


.listTitle01{overflow: hidden;position: relative;margin: 30px 0;}
.listTitle01::before{content: '';width: 98%;height: 1px;background-color:#cb2a30;top: 27px;position: absolute;left:2%;}
.listTitle01 span{display: inline-block;text-align:center;height: 42px;line-height: 42px;box-sizing: border-box;min-width: 158px;background:url(../img/nav_bg.png) no-repeat;position: relative;color: #fff;overflow: hidden;}

/*******************/

.scrollUl{float:left;position:relative;}
.scrollUl li{float:left;text-align:center;}



.sd01{cursor:pointer;display: inline-block;text-align:center;height: 42px;line-height: 42px;box-sizing: border-box;min-width: 158px;background:url(../img/nav_bg.png) no-repeat;position: relative;color: #fff;overflow: hidden;font-size:1.9rem;}





.sd02{cursor:pointer;display: inline-block;text-align:center;height: 42px;line-height: 42px;box-sizing: border-box;min-width: 158px;background:url(../img/nav_bg_hover.png) no-repeat;position: relative;color: #cb2a30;overflow: hidden;font-size:1.9rem;text-indent:0.4em;}




.listTitle_zt{margin-top:0px!important;}
.subPage{min-height: 500px;}
.pku-list4{margin: 0 -20px;padding-top: 0px;}
.pku-list4 > li{margin-bottom: 38px;}
.pku-list4 > li > a{display: block;margin: 0 20px;background:rgba(255,255,255,0.0);padding-bottom: 15px;border-bottom:2px rgba(255,255,255,0.0) solid;/*box-shadow:0px 2px 5px 0px rgba(166,163,163,0.2);*/transition: transform 0.4s ease-out;}
.pku-list4 > li h3{height: 56px;line-height:28px;margin-bottom: 12px;padding:10px 17px;color:#444;}
/* .pku-list4 > li .gp-img-responsive{padding-bottom: 62%;} */
.list-date4{font-family: 'Arial';color: #cb2a30;padding-left:18px;}
.pku-list5{background:rgba(255,255,255,0.0);border-radius:5px;margin:20px 0px;padding:20px 20px 0px;box-shadow: 0px 2px 5px 0px rgba(166,163,163,0.0)}
.pku-list5 li{border-bottom: 1px solid #d9d3bd;padding-left: 20px;padding-bottom: 19px;margin-bottom: 19px;position: relative;font-size: 1.6rem;min-height: 20px;}
.pku-list5 li::before{content: '';width: 6px;height: 6px;border-radius: 50%;background: #cd3439;position: absolute;left: 0;top: 7px;}
.pku-list5 li span{position: absolute;right: 0;top:5px;color: #666;font-family: 'JDICOMOONFREE';}
.pku-list5 li a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-right: 110px;}

.pku-list6{}
.pku-list6 li a{border-bottom: none;}
.pku-list6 li h3{text-align: center;height: 24px;}
.pku-list6 li{margin-bottom: 10px;}

/**专题**/
.zt_bg{width:100%;/*background:rgba(255,255,255,0.5);box-shadow:0px 2px 5px 0px rgba(166,163,163,0.35);*/margin-top:30px;}

.zt-list4{margin: 0px -8px;padding-top: 12px;/*padding-left:8px;padding-right:8px;*/}
.zt-list4 > li{margin-bottom: 20px;}
.zt-list4 > li > a{display: block;margin:0 8px;transition: transform 0.4s ease-out;}





/***分页*/
.gp-page { padding:10px 0 30px; color:#999;font-size: 0;text-align: center;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a:first-child{}
.gp-page>a,.gp-page .pageLast{display:inline-block;*display: inline;*zoom:1;cursor: pointer;height:44px;line-height: 44px; position:relative;text-align: center; vertical-align: top;width: 48px;font-size: 1.6rem;transition: all 0.35s ease-in-out;margin:0 8px;border:1px solid #e1e1e1;color: #666;border: 1px solid #ccc8b6;}
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page > span,.gp-page .gp-page-prev,.gp-page .gp-page-next {width: auto;padding:0 15px;}
.gp-page > a:hover ,.gp-page > a.on_pages{ background-color:#cb2a30;color: #fff;}
.gp-page > a.on_pages{background-color: #cb2a30;}
.gp-m-page{display: none;}
.gp-m-page a{display: inline-block;margin:0 10px;height: 36px;line-height: 36px;width: 36px;}
.gp-page .pageSelect{min-width:66px;height: 46px;*display:inline; *zoom:1; vertical-align: middle;border:1px solid #ccc8b6;color:#969696;line-height: 46px;border:1px solid #ccc8b6;text-align: center;padding:0 10px;font-size: 1.4rem;background: none;text-align: center;}
.gp-page .pageSelect:focus{outline: none;}

/**底部**/
.wrap_footer{background: url(../img/footer_bg.png) no-repeat center;background-size: cover;min-height:270px;display:flow-root;}


@media screen and (min-width: 767px)
{
.yq_lj{width:100%;border-bottom:1px rgba(255,255,255,0.44) solid;line-height:64px;margin-left: auto;margin-right: auto;clear:both;}	
.footer h2{float:left;color:#fff;}

.footer span a,.footer i{opacity: 1.0;color: #fff;line-height:62px;}
.footer i{font-style: normal;margin: 0 15px;}
.fot_left{float:left;width:50%;}
.fot_left h2{line-height:60px;width:100%;}
.fot_left .dfont{line-height:35px;color:#fff;}


.fot_right{float:right;padding-top:21px;}
.fot_right ul li{float:left;margin:0px 25px;}
.fot_right ul li img{width:90px;height:91px;border:5px #dc6162 solid;border-radius: 5px;display: block;}

.fot_right ul li span{text-align:center;color:#fff;line-height:50px;}
}




@media screen and (max-width: 767px) and (min-width:300px)

{
	
	.yq_lj{width:100%;border-bottom:1px rgba(255,255,255,0.44) solid;margin-left: auto;margin-right: auto;clear:both;}
	.footer h2{float:left;color:#fff;font-size:16px;line-height:30px;}
    .footer span a,.footer i{opacity: 1.0;color: #fff;line-height:30px;}
	.footer i{font-style: normal;margin: 0 15px;}
.fot_left{float:left;width:100%;}
.fot_left h2{line-height:45px;width:100%;}
.fot_left .dfont{line-height:35px;color:#fff;}


.fot_right{float:right;padding-top:21px;width:100%;}
.fot_right ul li{float:left;width:50%;text-align:center;}
.fot_right ul li img{width:90px;height:91px;border:5px #dc6162 solid;border-radius: 5px;display: block;margin:0 auto;}

.fot_right ul li span{text-align:center;color:#fff;line-height:50px;}
	}

.pageArticle{background-color: rgba(255,255,255,0.5);box-shadow: 0px 2px 5px 0px rgba(166,163,163,0.35);border-radius:5px;padding: 60px;margin-top: 30px;margin-bottom: 30px;min-height: 400px;}
.listTitle2{margin-bottom: 0;}
.pageTitle h2{line-height: 1.5;text-align: center;padding: 25px 0;}
.articleAuthor{padding: 12px 15px;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;text-align: center;color: #999;}
.articleAuthor span{color: #999;}
.articleAuthor i{color: #ccc;font-style: normal;margin: 0 10px;}
.gp-article {line-height: 2;padding-top: 25px;}
.gp-article img{margin-top: 5px;margin-bottom: 5px;display: inline-block;}
.Annex{background:#f7f7f7;padding:10px 15px;margin: 35px 0 0;}
.Annex h3{width: 60px;float: left;}
.annexList{margin-left: 60px;overflow: hidden;}
.annexList li{line-height: 1.5;margin-bottom: 5px;}
.annexList li a{color:#666}
.nextArticle{padding:25px 0 0 15px;width: 60%;float: left;}
.nextArticle li{color:#666}
.nextArticle a{color:#999;font-size: 13px;margin-bottom: 10px;}
.share{width: 260px;padding:20px 0;float: right;}
.share_btn{float: left;line-height: 33px;font-weight: normal;}
.share .bdshare-button-style0-16 > a{padding-left: 0;margin:0 15px 0 0 !important;;height: 32px;text-indent: 0;width: 32px;line-height: 32px;text-align: center;background: none;font-size: 23px;}
.share .bdshare-button-style0-16 > a.bds_weixin{color:#7dd43c}
.share .bdshare-button-style0-16 > a.bds_tsina{color:#e83437}
.share .bdshare-button-style0-16 > a.bds_qzone{color:#fece00}
.share .bdshare-button-style0-16 > a.bds_more{color:#a3bfd9}
.shareBox {width: 260px;background-color: #fff;position: fixed;top: 50%;left: 50%;margin: -150px 0 0 -130px;z-index: 9998;height: 310px;border: 6px solid #8F8F8F;border-radius: 8px;box-shadow: 0 0 7px #aaa;display: none;}
.shareBox { font-size: 14px;}
.shareBox .title {   background: #f6f6f6;  font-size: 14px;  font-weight: bold;  padding: 10px 15px !important;}
.shareClose {   position: absolute;    right: 0;    top: 0; cursor: pointer;font-size: 18px;width: 20px;; }
.sharelist {  position: static;   height: 250px;  overflow-y: auto;padding-left: 17px !important;}
.sharelist li {    float: left;    width: 130px;     padding: 2px;     margin-left: 6px;     _margin-left: 3px;     height: 28px;     overflow: hidden;     list-style: none; }
.sharelist li a {     color: #565656;     font: 12px '宋体';     display: block;        text-decoration: none;     border: 1px solid #fff;     line-height: 18px; width: auto;height: auto;text-indent: 0;}
.weChatBox{width: 280px;height:300px;background-color:#fff;border:solid 1px #d8d8d8;padding:10px;position: fixed;left: 50%;top: 50%;margin:-150px 0 0 -140px;z-index: 9998;display: none;box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.weChatBox .w-title{font-size: 12px;font-weight: bold;padding:0 0 10px 0;}
.w-close{width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 20px;position: absolute;right: 0;top: 0;color:#333;cursor: pointer;}
.qrcode{width: 200px;height: 200px;margin:15px auto;background: #ccc;}
.w-footer{font-size: 12px;line-height: 1.5;color:#999;}
#qrodeText{opacity: 0;position: absolute;left: 0;top: 0;z-index: 0;visibility:hidden;}


@media only screen and (min-width:1020px){
	.pku-list4 > li > a:hover{transform: translateY(-18px);border-bottom:2px #cb2a30 solid;transition: all 0.35s ease-out;color:#fff;overflow: hidden;}
		.zt-list4 > li > a:hover{transform: translateY(-8px);transition: all 0.35s ease-out;color:#fff;overflow: hidden;}
	
}


@media only screen and (max-width:1200px){
	
	

}

@media screen and (max-width:996px){
	.wrap_nav{display: none;}
	.pku-list4{overflow: hidden;padding-top: 0;}
	.gp-page{display: none;}
	.gp-m-page{display: block;}
	.gp-m-page{padding: 10px 0 30px;}
	.share{display: none;}
	.nextArticle{width: 100%;}
	.pageArticle{padding: 30px;margin-top:30px;}
}




@media screen  and (max-width:767px) {
	.pku-list4 > li > a{margin: 0 7px;}
	.pku-list4{margin: 0 -7px;}
.pku-list5 li span{position: static;}
.pku-list5 li a{margin-right: 0;white-space: normal;line-height: 1.4;margin-bottom: 10px;}

}



@media screen and (max-width:480px) {
   .pku-list4 > li h3{height: auto;}

}
@media screen and (max-width:360px.item-txt03) {

}

/****************************/



/**********banner***********/
.banner{
	width: 100%;
	/*overflow-x: hidden;*/
}

/*pager*/
/*大于1024像素*/
/*
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#053274; color: #fff;line-height: 30px;font-size: 12px;}*/
@media all and (min-width:1020px){
.callbacks_tabs.callbacks1_tabs{
	float: left;
	padding-left: 20px;
}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:30px;height:30px;border-radius: 30px;-webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;margin-left:10px;position:relative;opacity: 0.8}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block; background-color:none;width:30px;height:30px;border-radius: 30px;-webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;position:absolute; left:0; z-index:1000;color: #fff; line-height: 30px;font-size:0;}
.callbacks_tabs.callbacks1_tabs{margin-top:-75px; position:relative;z-index:100;}
}
/*小于1024像素*/
@media all and (max-width:1020px){
.callbacks_tabs.callbacks1_tabs{
	float: left;
	padding-left: 20px;
}
.callbacks_tabs.callbacks1_tabs li{display:inline-block; background-color:none;width:30px;height:30px;border-radius: 30px;-webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;margin-left:10px;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block; background: none; width:30px;height:30px;border-radius: 30px;-webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;position:absolute; left:0; z-index:1000;color: #fff; line-height: 30px;font-size:0;}
.callbacks_tabs.callbacks1_tabs{margin-top:-55px; position:relative;z-index:100;}
}
@media(max-width:767px){
	.callbacks_tabs.callbacks1_tabs{
		padding-left: 10px;
	}
	.callbacks_tabs.callbacks1_tabs li{
		margin-left: 5px;width:20px;height:20px;border-radius: 20px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;
	}
	.callbacks_tabs.callbacks1_tabs li a{
		width:20px;height:20px;border-radius: 20px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;line-height: 20px;font-size:0;
	}
	.callbacks_tabs.callbacks1_tabs{
		margin-top: -35px;
	}
	.callbacks_tabs.callbacks1_tabs li.callbacks_here a{
		line-height: 20px;
	}
}


/* Callback example */
.callbacks_container{
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
	clear:both;
}
/*小于400像素*/
@media all and (max-width:480px){
.callbacks_container{
	/*margin-bottom:40px;*/
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
	clear:both;
}
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../images/themes.png") no-repeat left top;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}