@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 14px/200% "\5FAE\8F6F\96C5\9ED1"; color:#000;text-align:center; background:url(images/bg.jpg) no-repeat top center;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 14px/200% "\5FAE\8F6F\96C5\9ED1";}
li,p{text-align:left;font:normal 14px/200% "\5FAE\8F6F\96C5\9ED1";}
a:link,a:visited{color:#000; text-decoration:none;}
a:hover{color:#000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clear{ clear:both;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "\5FAE\8F6F\96C5\9ED1";}
.mt10{ margin-top:10px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w1000{ width:1000px; overflow:hidden;}
.w990{ width:990px; }
.w960{ width:960px; }
.list_16 li{ background:url(images/dot.gif) no-repeat 0 16px; padding-left:12px;font-size:16px;line-height: 36px;}
.list_14 li{ background:url(images/dot.gif) no-repeat 0 12px; padding-left:12px;font-size:14px;line-height: 28px;}
.list_12 li{ background:url(images/dot.gif) no-repeat 0 8px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}


.top{height:36px; line-height:36px; background:#fff;}
.top span{display:block;line-height:36px; height:36px;}
.top span a{margin:0 10px;color:#70614a;}
.top span img{float:left; margin-top:2px;}
.top div.fr{margin-top:5px;}

.banner{background:url(images/banner1.png) no-repeat top center; background:none; height:221px; margin-top:15px;}

.p1_content{width:1145px; margin-top:0px;overflow: hidden;}
.p1_left{width:242px;position: relative; display: none;}
.p1_left h1{width:27px;border-left:2px solid #be2a2a;font-size: 20px;padding:0 10px;line-height: 21px;color: #be2a2a;height:424px; overflow: hidden;text-align: center;float: left;}
.p_txt{background:url(images/pbg.png) repeat-x top;width:193px;height:806px;float: right;position: relative;}

.p_txt ul{width:120px;position: absolute;top:325px;right:45px;z-index: 3}
.p_txt ul li{width:15px;float: right;display: block;height:424px;overflow: hidden;line-height: 16px;margin-left: 7px;color: #fff;text-align: center;}
.p_img{position: absolute;top:0;left:0;width:139px;height:400px;z-index: 2}
.p1_cetner{margin-left: 20px;position: relative; display: none;}
.bza{position: absolute;top:470px;left:100px; color: #333333;font-size: 14px; }

.p1_right{width:130px;float: right;height:450px;position: relative;}

.list2{width:105px;height:380px; overflow: hidden;position: relative;margin-top: 30px;}
.swiper-wrapper{width:60px; }
.swiper-slide{width:60px;height:27px;clear:both; position: relative;line-height: 42px;height: 42px;border-bottom: 1px solid #d3d0c5;text-align: center;font-size: 18px;color: #333;}
.swiper-slide.this{font-size: 30px;background: url(images/ico1.png) no-repeat right center;width:105px;}
.dp_arrowl{position: absolute;left:55px;top:0px;}
.dp_arrowr{position: absolute;left:55px;top:430px;}

.er{background: url(images/er1.png) no-repeat bottom center;padding-bottom: 45px;width:118px;margin-top: 60px; background:none; font:normal 16px/24px "Microsoft Yahei"; text-align:center;}

.copyright{clear:both;width: 100%;text-align: center;margin-top:-500px;height:50px;}

/*20160805*/
.p1_left h1{
	writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    /*-webkit-text-orientation: sideways;*/
	border-left:none;
	width:26px;
	height:609px;
	padding-top:30px;
	background:url(images/pbg1.png) repeat-x top;
	text-align: left;
	color: #fff;
}
.p_txt{
	float:left;
	width: 144px;
	height: 639px;
}
.p_txt img{
	width: 144px;
	height: 300px;
}
.swiper-slide,.dp_arrowl,.dp_arrowr{ cursor:pointer;}

.p1_content{
	width:1000px;
	margin-bottom:50px;
}
.p1_left {
    width: 190px;
}
.p1_cetner{
	width: 670px;
	margin-left: 15px;
}
.p1_cetner .videobox{
	text-align:right;
	height: 422px;
	background-size: 100% 100%;
}
.p1_cetner h2.tit{
	font: normal 28px/64px "Microsoft Yahei";
	border-bottom: 1px solid #0086ff;
	font-style:italic;
	margin: 20px auto 10px;
}
.p1_cetner h2.tit span{
	padding-left: 20px;
}
.p1_cetner  ul.list_16{
	padding:0 10px;
}
.p1_right {
	width: 120px;
}
.bza{
	position:relative;
	left:0px;
	top:auto;
	margin-top:20px;
	padding:0 20px;
	font: normal 16px/24px "Microsoft Yahei";
}

.p_txt ul{width:120px; position:absolute; top:315px; right:25px; z-index:3}
.p_txt ul li{width:15px; margin-left:24px; font-size:16px;}