@charset "utf-8";
body{padding:0;margin:0;font:normal 12px/180% \5FAE\8F6F\96C5\9ED1;color:#000;text-align:center;background:#fff;}
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 12px/180% \5FAE\8F6F\96C5\9ED1;}
a:link,a:visited{color:#000;text-decoration:none;}
a:hover{color:#c00;text-decoration:underline;}
img{border:none;}
ol,ul,li{list-style:none;} 
em{font-style:normal;}
/*clear*/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
.w1200{width:1200px;}
.fl{float:left;}
.fr{float:right;}
.white,.white a:link,.white a:visited,.white a:hover{color:#fff;}
/*header*/
.header{height:33px;margin-top: 1px;}
.header span{float:left;}
.header span img{margin-top:1px;}
.header em{float:right;line-height:33px;}
.header em a{margin:0 6px;}
.header em,.header em a:link,.header em a:visited,.header em a:hover{color:#666;}
/*top*/
.conbg{background:url(images/bg.jpg) no-repeat top center;}
.top{height:511px;}
.pdlogo img{margin-top: 40px;margin-right: 23px;}
/*txt*/
.txt{padding-top: 24px;height:296px;}
.txt img{float:left;}
/*pic1*/
.pic1{position:relative;overflow: hidden;margin-top:50px;height: 573px;}
.pic1 .arrow-left{background: url(images/prev1.png) no-repeat left top;position: absolute;left: 0px;top:180px;width: 78px;height: 158px;}
.pic1 .arrow-right{background: url(images/next1.png) no-repeat left bottom;position: absolute;right: 0px;top:180px;width: 78px;height: 158px;}
.swiper-container{width: 980px;}

@-moz-document url-prefix(){
	.swiper-wrapper{height:auto !important;}	
}
.swiper-slide{width:auto;height:573px;}
.swiper-slide img{border:2px solid #fff;opacity: 0.9;}
.swiper-slide-active img{opacity: 1}
.swiper-slide a{position:absolute;left:0;top:0;width:100%;height:100%;}
/*footer*/
.footer{background:url(images/footer.jpg) repeat-x;height: 57px;line-height: 57px;text-align: center;margin-top: 32px;font-size: 18px;}
/*copyright*/
#copyright{clear:both;margin:0 auto;padding:50px 0;text-align:center;width:100%;font-size: 18px;}
/*---------MEDIA QUERIES Mobile phone--------------*/
@media (min-device-width:320px) and (max-width:689px),(max-device-width:480px){
	.header,.w1200,#copyright,.conbg,.footer{width:1200px}
}
