html,body{
	position:relative;
	width:100%;
	background-color:#e9e8e8;
	font-size: 62.5%;
}
* {
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
}
img,ul {
	display:block;
	list-style: none;
}
.pg_main{
	position:relative;
	width:98%;
	zoom:1;
	margin:4.5vw 0 0 2%;
	overflow:hidden;
}
.pg_main_left{
	position:relative;
	float:left;
	width:86%;
	transition: all 1s 0.4s;
	-webkit-transition: all 1s 0.4s;
}
.pg_head_left{
	position:relative;
	float: left;
	width: 88%;
	padding-bottom: 1vw;
	border-bottom: solid 4px #111;
	transition: all 1s 0.3s;
	-webkit-transition: all 1s 0.3s;
}
.pg_head_left a{
	float:left;
	display:block;
}
.pg_head_left a img{
	width:100%;	
}
.pg_head_left .nav_btn{
	width:30px;
	float:right;
	margin-top:12px;
	position:relative;
	cursor:pointer;	
	right: 2.2%;
}
.pg_head_left .nav_btn .nb_1,
.pg_head_left .nav_btn .nb_2,
.pg_head_left .nav_btn .nb_3{
	margin:7px 0 0;
	height:3px;
	background-color:#000;
	transition: all 1s;
	-webkit-transition: all 1s;
}
.pg_head_left .nav_btn:hover .nb_2{
	transform: rotate(-38deg);
	-webkit-transform: rotate(-38deg);
}
.pg_head_left .nav_btn .nb_2.n2_click{
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}
.pg_main_left .pg_story{
	position:relative;
	width:100%;
	overflow:hidden;
	zoom:1;
	margin-top:3.75vw;
}
.pg_main_left .pg_story .story_tit{
	position:relative;
	width:60%;
	overflow:hidden;
	zoom:1;
	float:left;
}
.pg_main_left .pg_story .story_tit h2{
	color:#231f20;
	font-size:2.8vw;
	letter-spacing:0.1vw;
	font-family:Constantia;
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	margin-bottom:0.6vw;
}
.pg_main_left .pg_story .story_tit h1{
	color:#231f20;
	font-size:7vw;
	font-family:"方正粗黑宋简体";
	display:block;
	line-height:7.9vw;
	margin-bottom:0.7vw;
	font-weight:100;
}
.pg_main_left .pg_story .story_tit .story_info{
	position:relative;
	width:100%;
	padding:1vw 0;
	overflow:hidden;
	zoom:1;
	border-top:#321f20 solid 4px;
	border-bottom:#321f20 solid 4px;
}
.pg_main_left .pg_story .story_tit .story_info h3{
	font-family:"青鸟华光简报宋二";
	font-size:1.8vw;
	line-height:2.3vw;
	color:#231f20;
	font-weight:700;
}
.pg_head_left h4{
	font-family:"simsun";
	font-size: 15px;
	display: inline-block;
	float: right;
    margin-right: 3vw;
    margin-top: 27px;
}
.pg_main_left .pg_story .story_tit .story_info h4{
	font-family:"simsun";
	font-size:1.1vw;
	line-height:1vw;
	margin-top:1vw;
	color:#231f20;
	font-weight:100;
	float:left;
}
.pg_main_left .pg_story .story_tit .story_info a{
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:1.1vw;
	line-height:1vw;
	margin-top:1vw;
	color:#231f20;
	float:right;
	text-decoration:underline;
	margin-right:1.3vw;
}
.pg_main_left .pg_story .story_txt{
	position:relative;
	width:40%;
	overflow:hidden;
	zoom:1;
	float:right;
}
.pg_main_left .pg_story .story_txt p{
	font-family:"青鸟华光简报宋二";
	font-size:1.3vw;
	line-height:2.2vw;
	text-align:left;
	display:inline-block;
	float:right;
	overflow:hidden;
}
.pg_main_left .pg_banner{
	position:relative;
	width:100%;
	margin-top:2.7%;
	overflow:hidden;
	zoom:1;	
}
.pg_main_left .pg_banner img{
	width:100%;	
}
.pg_works{
	position:relative;
	overflow:hidden;
	width:100%;
	margin-top:5%;
}
.pg_works .jq22-container{
	position:relative;
	overflow:hidden;
	width:82%;
	float:left;
}
.pg_works .works_title{
	float: right;
	width: 17%;
	position: relative;
	overflow: hidden;
}
.pg_works .works_title .wt_shu{
	width: 4px;
	height: 8vw;
	float: left;
	margin-left: 1.5vw;
	background-color: #000;
}
.pg_works .works_title h4,
.pg_works .works_title p{
	writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
}
.pg_works .works_title p{
	font-size: 1.03vw;
	line-height: 2vw;
	font-family:"青鸟华光简报宋二";
	float: left;
	margin-left: 2vw;
}
.pg_works .works_title h4{
	float: right;
	font-size: 4.9vw;
	font-family:"方正粗黑宋简体";
}
/*right*/	
.pg_main_right{
	position:absolute;
	right: 0;
	width:12%;
	padding-right: 2%;
	margin-top: -24.3%;
	margin-left:1.5%;
	overflow:hidden;
	border-left:#231f20 solid 4px;
	transition: all 1s;
	-webkit-transition: all 1s;
}
.pg_main_right .pmr_h2{
	color:#231f20; 
	font-size:3vw;
	line-height:3vw;
	margin-bottom:2vw;
	margin-left:2vw;
	display:block;
	font-family:"Adobe Caslon Pro";
	transition: all 1s;
	-webkit-transition: all 1s;
}
.pg_main_right .pmr_h1{
	color:#231f20;
	white-space:nowrap;
	text-transform:uppercase; 
	writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;  
	font-size:10.3vw;
	width:100%;
	line-height:10.1vw;
	display:block;
	font-family:"Adobe Caslon Pro";
	letter-spacing: 0.3vw;
	transition: all 1s;
	-webkit-transition: all 1s;
}
.pg_main_right .pmr_h1.pmr_h1_on,
.pg_main_right .pmr_h2.pmr_h2_on{
	transform: translateX(120%);
	-webkit-transform: translateX(120%);
	opacity: 0;
}
/*nav*/
.nav_list{
	display: block;
	position: fixed;
	overflow: hidden;
	z-index: 3;
	right: 2%;
	width:10%;
	top: 4.1vw;
	transform: translateX(120%);
	-webkit-transform: translateX(120%);
	transition: all 1s;
	-webkit-transition: all 1s;
}
.nav_list.nav_list_on{
	transform: translateX(0);
	-webkit-transform: translateX(0);
	transition:none;
	-webkit-transition: none;
}
.nav_list li,
.nav_list li a{
	display: block;
	position: relative;
	overflow: hidden;
	writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl; 
}
.nav_list li{
	margin-left: 3.2vw;
	margin-bottom: 4.5vw;
	opacity: 0;
	transform: translateX(120%);
	-webkit-transform: translateX(120%);
}
.nav_list li:nth-child(1){
	transition: all 1s;
	-webkit-transition: all 1s;
}
.nav_list li:nth-child(2){
	transition: all 1s 0.15s;
	-webkit-transition: all 1s 0.15s;
}
.nav_list li:nth-child(3){
	transition: all 1s 0.3s;
	-webkit-transition: all 1s 0.3s;
}
.nav_list.nav_list_on li{
	transform: translateX(0);
	-webkit-transform: translateX(0);
	opacity: 1;
}
.nav_list li a h1{
	font-size: 2.4vw;
    font-family: "方正粗黑宋简体";
	color: #231f20;
}
.nav_list li a h2{
	font-size: 0.9vw;
	line-height: 1.5vw;
    font-family: "simsun";
	color: #231f20;
	margin-right: 0.3vw;
}
/*bottom*/
.page_bottom{
	position:relative;
	float:left;
	width: 86%;
	overflow: hidden;
	margin-top: 4vw;
	margin-bottom: 4vw;
}

.page_bottom .pbt_left{
	position:relative;
	float:left;
	overflow: hidden;
}
.page_bottom .pbt_left .pbt_ico{
	position: relative;
	overflow: hidden;
	padding-top: 1%;
}
.page_bottom .pbt_left .pbt_ico a{
	float: left;
	display: block;
	width: 30px;
	height: 30px;
	background-size: contain;
	background-position: bottom center;
	background-repeat: no-repeat;
	margin-right: 35px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.page_bottom .pbt_left .pbt_ico a:hover{
	transform: translateY(-8%);	
	-webkit-transform: translateY(-8%);	
}
.page_bottom .pbt_left .pbt_ico .ic_zcool{
	background-image: url(../images/in_zk.png);
}
.page_bottom .pbt_left .pbt_ico .ic_wechat{
	background-image: url(../images/in_wc.png);
}
.page_bottom .pbt_left .pbt_ico .ic_weibo{
	background-image: url(../images/in_wb.png);
}
.page_bottom .pbt_left .pbt_ico .ic_qq{
	background-image: url(../images/in_q.png);
}
.page_bottom .pbt_left .pbt_ico .ic_outlook{
	background-image: url(../images/in_ot.png);
}
.page_bottom .pbt_left .pbt_ico .ic_ins{
	background-image: url(../images/in_is.png);
}
.page_bottom .pbt_left .pbt_ico .ic_face{
	background-image: url(../images/in_fa.png);
}
.page_bottom .pbt_left .pbt_ico .ic_link{
	background-image: url(../images/in_li.png);
}
.page_bottom .pbt_left .pbt_ico .ic_tw{
	background-image: url(../images/in_tw.png);
}
.page_bottom .pbt_left h5{
	font-size: 14px;
	font-family:"方正粗黑宋简体";
	font-weight: 100;
	text-transform: uppercase;
	margin-top: 2vw;
}
.page_bottom .pbt_left p{
	font-size: 13px;
	font-family:"方正粗黑宋简体";
	font-weight: 100;
	margin-top: 1vw;
}
.page_bottom .pbt_right{
	float: right;
	position: relative;
	overflow: hidden;
	width: 360px;
	margin-top: 8px;
}
.page_bottom .pbt_right img{
	float: left;
	border-radius: 100%;
	margin-right: 25px;
}
.page_bottom .pbt_right:hover .pbt_shu{
	width: 80%;
	background-color: #000;
}
.page_bottom .pbt_right h5{
	margin-top: 5px;
	font-size: 12px;
	line-height: 20px;
	font-family: "Microsoft YaHei" 
}
.page_bottom .pbt_right h5 span{
	font-size: 14px;
}
.page_bottom .pbt_right .pbt_shu{
	width: 240px;
	height: 3px;
	background-color: #333;
	margin-top: 20px;
	transition: all 0.9s;
	-webkit-transition: all 0.9s;
}
/*onload*/
.page_onload .pg_main_right{
	transform:translateX(100%);
	-webkit-transform:translateX(100%);
	right: 4px;
}
.page_onload .pg_main_left,
.page_onload .pg_head_left{
	opacity: 0;
}
/*内容*/
.pg_view{
	position: relative;
	overflow: hidden;
	width: 100%;
	margin:7vw 0 3vw;
}
.pg_view .pv_main{
	position: relative;
	overflow: hidden;
	width: 75%;
	float: left;
}
.pg_view .pv_main img{
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 90%;
}
.pg_view .pv_info{
	position: relative;
	overflow:hidden;
	float: right;
	width: 22%;
}
.pg_view .pv_info h1{
	font: 2.8vw/2.8vw "simsun";
	font-weight: bolder;
}
.pg_view .pv_info h2{
	margin-top: 0.8vw;
	font:12px/12px "Microsoft YaHei";
}
.pg_view .pv_info p{
	margin-top: 2.5vw;
	font:12px/20px "Microsoft YaHei";
	color: #666;
}
.pg_view .pv_info a{
	display: block;
	margin-top: 2.5vw;
	font:14px/20px "Microsoft YaHei";
	color: #000;
	position: relative;
	overflow: hidden;
	width: 60%;
}
.pg_view .pv_info a img{
	width: 100%;
}
.pg_view .pv_shu{
	position: relative;
	overflow: hidden;
	width: 3px;
	height: 8vw;
	float: left;
	background-color: #111;
}
/*弹出层*/
.lay_view{
	position: fixed;
	overflow: hidden;
	width: 86%;
	top: 0;
	background-color: rgba(233,232,232,0.89);
	height: 100%;
	z-index: 10;
}