@charset "utf-8";
/* CSS Document */
*::selection{background:#a30804; color:#fff; text-shadow:none;}
*{margin:0;padding:0;}
body, html{height:100%;}
body{font-size:14px; color:#000; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; background:#fff; min-width:1200px;}
body a{text-decoration:none; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
a{color:#000;}
a:hover{color:#a30804; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); -webkit-user-select:none; -moz-user-focus:none; -moz-user-select:none;}
/*去掉图形热点的点击时出现的边线*/
a,area{blr:expression(this.onFocus=this.blur());}   
:focus{-moz-outline-style:none; outline:none;}
img{border:0;}
ul,li{list-style-type:none;}
.clear{clear:both;}
table,table td{border-collapse:collapse;}
textarea{font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; outline:none; resize:none;}


/*video禁止显示下载按钮*/
video::-internal-media-controls-download-button{display:none;}
video::-webkit-media-controls-enclosure{overflow:hidden;}
video::-webkit-media-controls-panel{width:calc(100% + 30px);}

.pageTips{position:fixed; z-index:10000; left:0; top:0; width:100%; height:100%; background:url(../images/bg.png) repeat;}
.pageTips .container{color:#fff; position:absolute; left:50%; top:50%; width:630px; margin-left:-315px; margin-top:-160px;}
.pageTips .container a.close{display:block; width:50px; height:50px; position:absolute; z-index:1; left:auto; right:-15px; top:40px; bottom:auto; background:url(../images/close.png) no-repeat center center;}
.pageTips .container .img{text-align:center;}
.pageTips .container .msg{font-size:18px; line-height:36px; padding-top:30px;}
.pageTips .container a{color:#fff; text-decoration:underline;}


.top{height:36px; line-height:36px; background: #a30804; color:#fff; font-size:14px;}
.top p{width:1200px; height:36px; margin:0 auto;}
.top p span{float:right;}
.top p span a:link, .top p span a:visited{color:#fff;}
.top p span a:hover{color:#FFBE00;}
.top p span i{font-style: normal; padding:0 12px;}


.head{height:132px; padding-top:29px; background:#FFFFFF url(../images/headBg.png) repeat-x left top;}
.head .logo{width:1200px; height:132px; margin:0 auto; background-repeat:no-repeat; background-position:left center;}
.head .logo .tel{height:52px; line-height:14px; padding:6px 0 0 58px; background:url(../images/iTel.png) no-repeat left center; float:right; margin-top:37px;}
.head .logo .tel span{display:block; height:38px; line-height:38px; font-family:"impact"; font-size:36px; color:#a30804;}

.menuWrap{width:100%; height:60px; background:url(../images/menuBg.jpg) repeat-x left center;}
#menu{width:1200px; height:60px; margin:0 auto;}
#menu li{position:relative; text-align:center;}
#menu>li{float:left; width:150px;}
#menu>li>a{display:block; height:60px; line-height:60px; font-size:18px; color:#fff; font-weight:bold; background-repeat:no-repeat; background-position:center center;}
#menu>li>a:hover, #menu>li>a.current{background-image:url(../images/ihover.png); color:#FFBE00;}
/*这是第二级菜单*/
#menu ul{display:none; width:100%; background-color:#a30804; position:absolute; z-index:999; left:0;}
#menu ul li a{display:block; padding:10px; color:#fff; line-height:28px; font-size:15px;}
#menu ul li a:hover, #menu ul li a.current{background-color:#FFBE00; color:#a30804;}

/**若子级菜单含有子级时，在a标签增加<i>标签作为箭头，由js实现动态增加，箭头大小调节i的边框宽度*/
#menu ul i{display:block; position:absolute; *top:10px; top:calc(50% - 4px); right:2px; z-index:10; width:0; height:0; border-color:transparent; border-width:4px; border-style:solid; border-left:4px #fff solid;}

/*这是第三级菜单 及以后*/
#menu ul ul{top:0; left:100%; width:100%; border-left:1px solid #fff;}
#menu ul ul li a{font-size:14px;}


/* 轮播图 */
.banner{width:100%; position:relative; z-index:0; overflow:heddin;}
.banner .swiper-slide{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; background:#fff url(../images/loading.gif) no-repeat center center;}
.banner .swiper-slide p{width:100%; height:600px; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1);}
.banner .swiper-slide.swiper-slide-active p{transform:scale(1); -webkit-transform:scale(1);}
.banner .swiper-pagination-bullets{bottom:30px !important; height:6px;}
.banner .swiper-pagination-bullet{width:40px; height:6px; display:inline-block; border-radius:6px; background:rgba(255,255,255,0.7); opacity:0.8; vertical-align:top; margin:0 6px !important;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#f6b32b;}
:root{--swiper-theme-color:rgba(255,255,255,0.96);}


.indH{width:1200px; height:97px; text-align: center; margin:0 auto;}
.indH h2{height: 60px; line-height: 60px; font-size:0; color:#fff; font-weight: normal;}
.indH h2 span{display: inline-block; zoom:1; vertical-align:top; width:60px; height:60px; font-size:32px; background:#a30804; border-radius:50%;}
.indH p{height:37px; line-height:37px; font-size:18px; position: relative;}
.indH p:before{background:#c3c3c3; display:block; width:100%; height:1px; content:""; position:absolute; top:18px; left:0; z-index:0;}
.indH p span{display:inline-block; background:#fff; padding:0 30px; position:relative; z-index:1;}



.about{padding:50px 0; background:url(../images/bg01.jpg) no-repeat bottom center; background-size:cover;}
.aboutCon{width:1200px; padding-top:30px; margin:0 auto;}
.aboutBox{width:479px; height:294px; padding:25px 26px; background:url(../images/bg02.jpg) no-repeat center center; float:left;}
.aboutBox .swiper-wrapper{width:479px; height:294px; overflow:hidden;}
.aboutBox .swiper-slide{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; background:#fff url(../images/loading.gif) no-repeat center center;}
.aboutBox .swiper-slide p{width:100%; height:294px; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.aboutBox .swiper-pagination-bullets{width:auto !important; height:10px; bottom:35px !important; left:auto !important; right:36px;}
.aboutBox .swiper-pagination-bullet{width:10px; height:10px; display:inline-block; background:#000; border-radius:0; opacity:0.6; vertical-align:top; margin:0 0 0 5px !important;}
.aboutBox .swiper-pagination-bullet-active{opacity:0.8; background:#fff;}

.aboutR{height:344px; margin-left:570px;}
.aboutTxt{height:288px; line-height:48px; letter-spacing:1px; font-size:18px; color:#3b3b3b; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden;}
.aboutMore{height:56px;}
.aboutMore a{display:block; width:186px; height:56px; line-height:56px; text-align:center; float:right; background:#a30804; font-size:16px; color:#fff;}
.aboutMore a:hover{background:#FFBE00; color:#a30804;}


.pro{padding:50px 0; background:url(../images/bg03.jpg) no-repeat center bottom; background-size:cover;}
.proNav{width:1200px; padding-top:20px; text-align:center; font-size:0; margin:0 auto;}
.proNav a{display:inline-block; zoom:1; vertical-align:top; width:130px; height:48px; line-height:48px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; padding:0 15px; background:url(../images/a01.png) no-repeat; margin:10px;}
.proNav a:hover{background-image:url(../images/a02.png);}
.proBox{width:1200px; margin:0 auto;}
.proBox ul{font-size:0; margin-left:-20px;}
.proBox ul li{display:inline-block; zoom:1; vertical-align:top; width:285px; padding:20px 0 0 20px;}
.proBox ul li p{display:block; height:253px; padding:16px; background:url(../images/proPicBg.png) no-repeat; overflow:hidden;}
.proBox ul li p i{display:block; height:253px; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.proBox ul li a:hover p i{-webkit-transform:scale(1.02); -moz-transform:scale(1.02); -ms-transform:scale(1.02); -o-transform:scale(1.02); transform:scale(1.02);}
.proBox ul li h3{ height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:normal; background:url(../images/proTxtBg.png) repeat-x left bottom; padding-top:10px; margin:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.ys{width:1200px; margin:50px auto 0;}
.ysCon{padding-top:30px; font-size:0;}
.ysList{display:inline-block; vertical-align:top; zoom:1; width:300px;}
.ysList .pic{height:164px; text-align:center;}
.ysList .pic img{vertical-align:top; height:164px;}
.ysList .txt{margin-top:56px; padding-left:37px; border-right:#ccc 1px solid; height:270px; font-size:16px;}
.ysList:last-of-type .txt{border-right:0;}
.ysList .txt h3{width:54px; height:178px; line-height:54px; padding-top:10px; position:relative; border-right:#ddd 1px solid; font-size:18px; font-weight:normal; float:left; writing-mode:vertical-rl; writing-mode:tb-rl; letter-spacing:1px;}
.ysList .txt h3:after{display:block; width:54px; height:19px; background:url(../images/a03.png) no-repeat center center; content:""; position:absolute; left:0; top:-31px;}
.ysList .txt p{margin-left:55px; height:260px; color:#3a3a3a; writing-mode:vertical-lr; writing-mode:tb-lr; line-height:32px; padding:10px 12px 0; letter-spacing:1px;}

.hf{height:190px; background:url(../images/menuBg.jpg) repeat left top;}
.hf p{width:1200px; height:190px; background:url(../images/hf.png) no-repeat center center; margin:0 auto;}
.hf p img{display:none;}


.news{padding:50px 0; background:url(../images/bg04.jpg) no-repeat top center; background-size:cover;}
.news .indH p span{background:#f3f3f3;}
.newsCon{width:1200px; margin:0 auto; padding-top:30px;}
.newsCon dl{width:552px; height:348px; float:left;}
.newsCon dl dd{height:206px;}
.newsCon dl dd img{width:552px; height:206px; vertical-align:top;}
.newsCon dl dt{height:124px; padding-top:18px;}
.newsCon dl dt h3{height:32px; line-height:32px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsCon dl dt span{display:block; height:24px; line-height:24px; font-weight:bold; color:#858585;}
.newsCon dl dt p{height:60px; line-height:20px; padding-top:8px; color:#747373; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.newsCon ul{height:348px; margin-left:610px;}
.newsCon ul li{height:100px; padding-bottom:24px;}
.newsCon ul li:last-of-type{padding-bottom:0;}
.newsCon ul li .time{width:100px; height:80px; line-height:30px; padding:9px 0 11px; float:left; text-align:center; background:#566363; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; color:#fff;}
.newsCon ul li .time p{height:50px; line-height:50px; font-size:38px;}
.newsCon ul li a:hover .time{background:#a30804;}
.newsCon ul li .text{height:100px; margin-left:124px;}
.newsCon ul li .text h3{height:28px; line-height:28px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsCon ul li .text p{height:60px; line-height:20px; padding-top:8px; color:#747373; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}


.foot{background:#a30804; color:#fff; padding:25px 0; text-align:center; line-height:28px;}
.foot a{color:#fff;}
.foot a:hover{text-decoration:underline;}
.foot span{padding-left:1em;}

.ny{max-width:1200px; margin:30px auto;}
.left{width:254px; float:left;}
.left h2{height:50px; line-height:50px; font-size:18px; font-weight:normal; background:#a30804; color:#fff; text-align:center; border-bottom:#fff 1px solid;}
.left ul{border-top:#a30804 5px solid;}
.left li{height:48px; line-height:48px; padding-top:5px;}
.left li a{display:block; height:48px; padding-left:48px; background:url(../images/leftLiBg01.jpg) no-repeat left center; color:#666; font-size:16px;}
.left li a:hover, .left li a.on{background-image:url(../images/leftLiBg02.jpg); color:#fff;}

.right{margin-left:300px;}
.post{height:49px; line-height:49px; border-bottom:#ccc 1px solid;}
.post p{height:49px; font-size:18px; font-weight:normal; color:#a30804; float:left;}
.post span{float:right; color:#999; font-size:14px;}

.list01{padding:15px 0;}
.list01 ul li{border-bottom:#ccc 1px dashed; height:40px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:15px; background:url(../images/a04.png) no-repeat left center;}
.list01 ul li span{float:right; color:#999; padding-left:20px;}


.articleTitle{padding:20px 0; line-height:36px; text-align:center; font-size:20px; font-weight:bold;}
.articleInfo{text-align:center;font-size:13px; height:30px; line-height:30px; color:#8a8a8a; background:#f5f5f5; width:90%; margin:0 auto;}
.articleInfo span{padding-left:30px;}
.articlePic{text-align:center; padding-top:20px;}
.articleCon{font-size:15px; line-height:30px; padding:20px 0;}
.articlePic img, .articleCon img{max-width:100%; vertical-align:top;}


.page{text-align:center; padding-top:20px; font-size:0;}
.page a, .page span{display:inline-block; height:30px; line-height:30px; border:1px solid #e3e3e3; color:#333; padding:0 12px; margin:0 2px; font-size:14px; vertical-align:top; zoom:1;}
.page a:hover{color:#a30804; border-color:#a30804;}
.page a.on{color:#fff; background:#a30804; border-color:#a30804;}

.picList01 li{padding:15px 15px 0; width:calc(25% - 30px); float:left;}
.picList01 li p{width:calc(100% - 4px); border:#e0e1dc 1px solid; padding:1px; background-origin:content-box; background-repeat:no-repeat; background-position:center center; background-size:contain; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.picList01 li h3{height:30px; line-height:30px; padding-top:5px; font-weight:normal; font-size:14px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.picList01 li a:hover{color:#a30804;}
.picList01 li a:hover p{border-color:#a30804;}


@media only screen and (max-width : 960px){
	body{font-size:0.36rem; min-width:100%;}
	div{font-size:0.45rem;}
	
	.top, .head .logo .tel, .left, .post span{display:none;}
	
	.head{width:100%; height:1.6rem; padding-top:0.6rem; background-size:auto 0.6rem; position:fixed; left:0; top:0; z-index:100;}
	.head .logo{width:auto; height:1.6rem; padding:0 0.4rem; background-position:0.4rem center; position:relative; background-size:80% auto;}
	.headFix{box-shadow:0 3px 6px rgba(0,0,0,0.15);}
	
	#menuBtn{display:block; width:1.6rem; height:1.6rem; background:url(../images/menuBg.png) no-repeat center center; background-size:cover; position:absolute; right:0; top:0;}
	
	.menuWrap{width:calc(70% - 1rem); height:calc(100% - 1rem); background:#a30804; border-bottom:0; padding:0.5rem; position:fixed; left:auto; top:0; right:-1000px; z-index:1000; min-width:140px; max-width:440px; overflow-y:auto; transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease;}
	.menuWrap.menu-open{right:0;}
	.menu-dark-backdrop{background:rgba(0,0,0,0); transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -o-transition:all 0.4s ease; width:100%; position:fixed; top:0; left:0; right:0; overflow:hidden;}
	.menu-dark-backdrop.in{height:100%; z-index:999; background:rgba(0,0,0,0.5);}
	#menu{border-bottom:rgba(255,255,255,0.2) 1px solid; width:100%; height:auto;}
	#menu li{border-top:rgba(255,255,255,0.2) 1px solid; border-bottom:rgba(0,0,0,0.2) 1px solid; text-align:left;}
	#menu li:first-child{border-top:0;}
	#menu>li{float:none; width:auto;}
	#menu>li>a{height:auto; padding:0.2rem 0; line-height:0.8rem; font-size:0.45rem; font-weight:normal;}
	#menu li .inactive{background:url(../images/off.png) no-repeat right center !important; background-size:0.4rem 0.4rem !important;}
	#menu li .inactives{background:url(../images/on.png) no-repeat right center !important; background-size:0.4rem 0.4rem !important;} 
	/*这是第二级菜单*/
	#menu ul{border-bottom:0; background-color:transparent; padding:0.5rem 0.5rem 0.5rem 0; position:static;}
	#menu ul li{padding-left:0.5rem; border-bottom:0;border-top:0;}
	#menu ul li a{color:#fff; line-height:0.7rem; padding:0.2rem 0; font-size:0.4rem;}
	#menu ul li a:hover, #menu ul li a.current{background-color:transparent; color:#FFBE00;}
	#menu ul li ul{display:none;}
	#menu>li>a:hover{background-color:transparent; background-image:none;}

	
	.banner{margin-top:2.2rem;}
	.banner .swiper-slide p{height:6rem;}
	.banner .swiper-pagination-bullets{bottom:0.4rem !important; height:10px;}
	.banner .swiper-pagination-bullet{width:10px; height:10px; margin:0 5px !important;}
	.banner .swiper-button-prev, .banner .swiper-button-next{display:none !important;}
	
	.indH{width:auto; height:auto;}
	.indH h2{height:1rem; line-height:1rem;}
	.indH h2 span{width:1rem; height:1rem; font-size:0.6rem;}
	.indH p{height:0.6rem; line-height:0.6rem; font-size:0.3rem; margin-top:0.2rem;}
	.indH p:before{top:50%; transform:translateY(-50%);}
	.indH p span{padding:0 0.3rem;}
	
	
	
	.about{padding:0.5rem 0.4rem; background-position:left bottom;}
	.aboutCon{width:auto; padding-top:0.3rem;}
	.aboutBox{width:calc(100% - 0.94rem); height:6rem; padding:0.5rem 0.47rem; background-size:100% 100%; float:none;}
	.aboutBox .swiper-wrapper{width:100%; height:6rem;}
	.aboutBox .swiper-slide p{height:6rem;}
	.aboutBox .swiper-pagination-bullets{bottom:0.7rem !important; right:0.67rem;}
	
	.aboutR{height:auto; margin-left:0; margin-top:0.3rem;}
	.aboutTxt{height:6rem; line-height:1rem; font-size:0.45rem; -webkit-line-clamp:6;}
	.aboutMore{height:auto; padding-top:0.3rem;}
	.aboutMore a{width:4rem; height:1.2rem; line-height:1.2rem; float:none; margin:0 auto; font-size:0.45rem;}
	
	
	.pro{padding:0.5rem 0.4rem;}
	.proNav{width:auto; padding-top:0.3rem;}
	.proNav a{margin:0.15rem;}
	.proBox{width:auto;}
	.proBox ul{margin:0 -0.15rem;}
	.proBox ul li{width:calc(50% - 0.3rem); padding:0.15rem;}
	.proBox ul li p{height:0; padding:0; padding-top:100%; background-size:100% 100%; position:relative;}
	.proBox ul li p i{width:calc(100% - 0.6rem); height:calc(100% - 0.6rem); position:absolute; left:0.3rem; top:0.3rem;}
	.proBox ul li a:hover p i{-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
	.proBox ul li h3{font-size:0.4rem; padding-top:0.2rem; margin:0 0.2rem;}
	
	
	.ys{width:auto; padding:0.5rem 0.4rem; margin:0;}
	.ysCon{padding-top:0;}
	.ysList{width:100%; padding:0.5rem 0;}
	.ysList .pic{height:auto;}
	.ysList .pic img{height:auto; max-width:50%;}
	.ysList .txt{margin-top:0.3rem; padding-left:0; border-right:none; height:auto; font-size:0.45rem;}
	.ysList .txt h3{width:auto; height:1rem; line-height:1rem; padding-top:0; margin-left:0.8rem; border-right:none; border-bottom:#ddd 1px solid; font-size:0.45rem; float:none; writing-mode:horizontal-tb;}
	.ysList .txt h3:after{width:0.6rem; height:0.6rem; background-size:cover; position:absolute; left:-0.8rem; top:50%; transform:translateY(-50%) rotate(-90deg);}
	.ysList .txt p{margin-left:0.8rem; height:auto; writing-mode:horizontal-tb; line-height:0.7rem; font-size:0.4rem; padding:0.2rem 0 0;}
	
	.hf{height:auto; padding:0.5rem 0.4rem;}
	.hf p{width:100%; height:auto; background:none;}
	.hf p img{display:block; width:100%; vertical-align:top;}
	
	
	.news{padding:0.5rem 0.4rem; background-position:left bottom;}
	.newsCon{width:auto; margin:0 auto; padding-top:0.3rem;}
	.newsCon dl{width:auto; height:auto; float:none;}
	.newsCon dl dd{height:auto;}
	.newsCon dl dd img{width:100%; height:auto;}
	.newsCon dl dt{height:auto; padding-top:0.2rem;}
	.newsCon dl dt h3{height:0.8rem; line-height:0.8rem; font-size:0.45rem;}
	.newsCon dl dt span{height:0.6rem; line-height:0.6rem;}
	.newsCon dl dt p{height:2.1rem; line-height:0.7rem; padding-top:0.1rem; font-size:0.4rem;}
	.newsCon ul{height:auto; margin-left:0;}
	.newsCon ul li{height:auto; padding:0.3rem 0;}
	.newsCon ul li .time{width:2.2rem; height:1.8rem; line-height:0.7rem; padding:0.2rem 0; font-size:0.4rem;}
	.newsCon ul li .time p{height:1.1rem; line-height:1.1rem; font-size:0.7rem;}
	.newsCon ul li .text{height:2.2rem; margin-left:2.5rem;}
	.newsCon ul li .text h3{height:0.8rem; line-height:0.8rem; font-size:0.45rem;}
	.newsCon ul li .text p{height:1.2rem; line-height:0.6rem; padding-top:0.2rem; font-size:0.4rem; -webkit-line-clamp:2; overflow:hidden;}
	
	.foot{padding:0.4rem; line-height:0.7rem; font-size:0.4rem;}
	.foot span{padding-left:0; display:block; line-height:0.7rem;}
	
	.ny{margin:0 auto;}
	
	.right{margin-left:0;}
	.post{height:1rem; line-height:1rem; padding:0.4rem 0; margin:0 0.4rem; border-bottom:none; font-size:0; position:relative; text-align:center;}
	.post:after{display:block; width:100%; height:1px; background:#e0e1dc; content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:0;}
	.post p{display:inline-block; zoom:1; vertical-align:top; padding:0 0.3rem; font-size:0.6rem; background:#fff; height:1rem; float:none; position:relative; z-index:1;}
	
	.list01{padding:0.2rem 0.4rem 0.5rem;}
	.list01 ul li{height:1rem; line-height:1rem;}
	.list01 ul li span{padding-left:0.3rem;}
	
	
	.articleTitle{padding:20px 0; line-height:36px; text-align:center; font-size:20px; font-weight:bold;}
	.articleInfo{text-align:center;font-size:13px; height:30px; line-height:30px; color:#8a8a8a; background:#f5f5f5; width:90%; margin:0 auto;}
	.articleInfo span{padding-left:30px;}
	.articlePic{text-align:center; padding-top:20px;}
	.articleCon{font-size:15px; line-height:30px; padding:20px 0;}
	.articlePic img, .articleCon img{max-width:100%; vertical-align:top;}
	
	
	.page{padding:0 0.4rem 0.6rem;}
	.page a, .page span{height:0.8rem; line-height:0.8rem; padding:0 0.3rem; font-size:0.4rem;}
	
	.picList01{padding:0 0.2rem 0.5rem;}
	.picList01 li{padding:0.2rem; width:calc(33.3333% - 0.4rem);}
	.picList01 li h3{height:0.8rem; line-height:0.8rem; padding-top:0.1rem; font-size:0.4rem;}
}

@media only screen and (max-width : 480px){
	.picList01 li{width:calc(50% - 0.4rem);}
}