@charset "UTF-8";
a, img {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }
.ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.flex { display: flex; display: -webkit-flex; }
* { margin: 0; padding: 0; box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
html {font-size: 100px; }
body { font-size: .12rem; font-family: Arial, "微软雅黑"; color: #333; -webkit-text-size-adjust: none; }
  

a {color: #333;text-decoration: none; outline: none; }
a:active {star: expression(this.onFocus=this.blur()); }
a:link { text-decoration: none; outline: none; }
a:visited { text-decoration: none; outline: none; }
a:hover {text-decoration: none;color: #333;outline: none; }

li {list-style: outside none; }
h1 {font-size: 16px; }
h2, h3, h4, h5 { font-size: 14px; font-weight:normal; }
h5 {font-size: 12px; }
textarea, input { background: transparent;font-size: 12px;font-family: Arial, "微软雅黑";color: #888;outline: none;border: 0px; }
em {font-style: normal; }
img {vertical-align: top;max-width: 100%;border: 0;width: 100%; }

.fl { float: left; }
.fr {float: right; }
.w{ width:15rem; margin-left:auto; margin-right:auto;}
.center{ text-align:center;}
.c{ *zoom:1;}
.c:before,.c:after{ display:table; content:''; line-height:0;}
.c:after{ clear:both;}

.topImg img{ width:100%; margin-bottom:0.01rem;}
.header{ height:1.15rem; background:url(../images/headerBg.jpg) repeat-x center top;}
.header img{ height:1.15rem;}
.titBox{ font-size:0.36rem; color:#000; line-height:0.6rem; padding:0.4rem 0; border-bottom:0.01rem solid #e0e0e0;}
.intro{ font-size:0.18rem; line-height:0.3rem; color:#666; text-indent:2em; padding:0.2rem 0;}

.box{ border-bottom:0.01rem solid #e0e0e0; margin-bottom:0.3rem;}
.name{ font-size:0.3rem; color:#2c7bea; text-align:center;}

.imglist{ margin-top:0.3rem; height:5.92rem; overflow:hidden;}
.imglist div.swiper-slide{ width:2.78rem; float:left; margin-right:0.27rem; margin-bottom:0.23rem;}
.imglist div.swiper-slide.end{ margin-right:0;}
.imglist div.swiper-slide .img  img{ width:100%; height:1.86rem;}
.imglist div.swiper-slide h3{ font-size:0.16rem; color:#333; line-height:0.24rem; padding:0.08rem 0; height:0.87rem; overflow:hidden;}

.openMore{ text-align:center; font-size:0.24rem; color:#666; margin:0.3rem 0;}
.openMore a{ display:inline-block; position:relative; padding-bottom:0.3rem;}
.openMore a em{ display:inline-block; width:0.26rem; height:0.2rem; background:url(../images/openMore.png) no-repeat; position:absolute; left:50%; margin-left:-0.13rem; bottom:0; background-size:contain;animation:shake 1.5s infinite;-webkit-animation:shake 1.5s infinite;}

@keyframes shake{
	0% {
		transform:translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-webkit-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
	}
	50% {
		transform: translate(0px, -8px);
		-ms-transform: translate(0px, -8px);
		-moz-transform: translate(0px, -8px);
		-webkit-transform: translate(0px, -8px);
		-o-transform: translate(0px, -8px);
	}
	100% {
		transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-webkit-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
	}
}

.txtlist li{ overflow:hidden; border-bottom:0.01rem solid #e0e0e0; padding:0.3rem 0;}
.txtlist li .img{ width:0.95rem; float:left;}
.txtlist li .img img{ width:0.81rem; height:1.1rem;}
.txtlist li .img p.n{ font-size:0.18rem; color:#2c7bea; margin-top:0.05rem;}
.txtlist li .con{ width:13.65rem; float:right; margin-right:0.2rem;}
.txtlist li .con .txt{ font-size:0.18rem; color:#333; line-height:0.3rem; text-indent:2em; overflow:hidden;}
.txtlist li .con .time{ text-align:right; font-size:0.16rem; color:#999999; margin-top:0.3rem;}

.hotline{ padding-bottom:0.3rem;}
.hotline p{ font-size:0.16rem; color:#333; text-align:center; margin:0.2rem 0;}
.hotline p span{ display:inline-block; margin-left:0.15rem; margin-right:0.15rem;}

.footer{ background-color:#0072a9; margin-top:0.3rem;}
.footer span{ font-size:0.16rem; display:inline-block; margin-right:0.3rem; line-height:0.56rem; height:0.56rem; color:#fff;}
.footer a {color: #fff;text-decoration: none; outline: none; }
.footer a:active {star: expression(this.onFocus=this.blur()); }
.footer a:link { text-decoration: none; outline: none; }
.footer a:visited { text-decoration: none; outline: none; }
.footer a:hover {text-decoration: none;color: #e6c85b;outline: none; }

.pc{ display:block;}
.pho,.txtlist .openMore{ display:none;}

@media screen and (min-width:800px){
	.txtlist{height:10.35rem; margin-top:0.2rem; overflow:hidden;}
}
@media screen and (max-width:800px){
	html,body{ font-size:100px;}
	.pc{ display:none;}
	.pho,.txtlist .openMore{ display:block;}
	.w{ width:98%;}
	
	.header-pho,.imglist div.swiper-slide,.txtlist li .img{font-size:0;}
	.header-pho img{ width:100%;}
	.titBox{ font-size:0.22rem; line-height:0.36rem; padding:0.1rem 0;}
	.imglistBox .openMore{ display:none;}
	.imglist{ height:2.7rem; overflow:hidden; margin-bottom:0.3rem;}
	.imglist div.swiper-slide{ margin-bottom:0; margin-right:0.2rem;}
	.imglist div.swiper-slide.end{ margin-right:0.2rem;}
	.txtlistBox{ border-bottom:0;}
	.txtlist li .con .txt{ height:2.1rem;}
	.txtlist li .img,.txtlist li .con{ float:none; width:100%;}
	.txtlist li .con{ margin-top:0.2rem;}
	.txtlist li  .openMore{ margin-bottom:0;}
	.footer { text-align:center; font-size:0; padding:0.1rem 0;}
	.footer span{ height:0.3rem; line-height:0.3rem;}
}