@charset "utf-8";
/* CSS Document */
.phone_nav{display:none;}


@media screen and (min-width:240px) and (max-width:1200px){
html {
  min-width: 100%;
  width: 100%;
  overflow-x: hidden;
  height: 100%;
}
body {min-width:100%;margin: 0 auto;}
	body{ -webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x:hidden;}
	.phone_nav{display: block;}
	.header{display: none;}
    .phone{display: none;}
	/*头部*/
	.phone_nav .top{background: #d31517; height: 60px; position:relative; left: 0; top: 0; box-sizing: border-box; padding: 0; z-index:9999;}
	.phone_nav .top a{float: left;width:90%;}
	.phone_nav .top a img{height:auto;max-height:60px}
	.phone_nav .top .but{ float:right; width: 25px; height: 25px; margin:15px 0; display: block;}	
	.phone_nav .top .but i{width:100%; height: 2px; margin-top: 15px; background: #fff; display: block; position: relative; transition: 0.4s;}
	.phone_nav .top .but i:before,
	.phone_nav .top .but i:after{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:2px; background: #fff; transition: 0.4s;}
	.phone_nav .top .but i:before{ margin-top: -7px;}
	.phone_nav .top .but i:after{ margin-top: 7px;}
	
	/*背景*/
	.phone_nav .box{ width:100%;  background:rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; z-index: 9998; transform: translateX(100%); transition: 0.7s; }
	.phone_nav .box_con{ margin:60px 10px 0px 10px; height: auto;overflow-x: hidden;overflow-y:scroll;}
	
	/*列表*/
	.phone_nav .box_con ul{}
	.phone_nav .box_con li{border-bottom: 1px solid rgba(225,225,225,0.7);padding: 10px 10px;position: relative;}
	.phone_nav .box_con li a{color:#fff; font-size: 18px; }
	.phone_nav .box_con li:last-child{border-bottom: 0; }
	.phone_nav .box_con li ul li {border-bottom: 0px solid rgba(225,225,225,0.7);padding: 10px 15px;position: relative;}
	.phone_nav .box_con li ul li a{font-size: 16px;}
	.phone_nav .box_con ol{display: none; padding-top: 10px;}
	.phone_nav .box_con .a_zk{position:absolute; right:10px; top:14px; width: 20px; height: 20px; transition:0.4s;  transform: rotate(-90deg);
	background: url(/images/ico_nav.png) right no-repeat;}
	.phone_nav .box_con .a_zk_on{transform: rotate(0deg);}
	
	/*打开样式*/
	.phone_on .top .but i:before{ transform: rotate(45deg); margin: 0;}
	.phone_on .top .but i:after{ transform: rotate(-45deg); margin: 0;}
	.phone_on .top .but i{ background:none;}
	.phone_on .box{transform: translateX(0%); }
	
	
/*其他*/
.block{ display:block;}
.hide{ display:none;}
.mc{ margin:0px auto}
.pic_width img{ width:100%; display:block}

/*手机端下拉菜单及动画*/
/*手机端下拉菜单及动画*/
#effect-box{}
.banAnimate1 #effect-box{display:block;}
.only_mobile{ display:block;}
.wd-x{ width:120px;}
#effect-box{ position: relative;z-index:997;width:100%; border-bottom:1px #E1E1E1 solid;display:block;}
#effect-box .pn_nav{background:url(/images/alpha_white_75.png) repeat top left;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
@-webkit-keyframes aGradients{from{opacity:1;background:#FFF;} to{opacity:1;background:#FFF;} }
@-moz-keyframes aGradients{from{opacity:1;background:#FFF;} to{opacity:1;background:#FFF;} }
@keyframes aGradients{from{opacity:1;background:#FFF} to{opacity:1;background:#FFF;} }

.pbt_wj{
	line-height: 45px;
	color: #d31517;
	background-color: #d31517;
}
.pn_nav .pm_tit{
	height: auto;
	line-height: 40px;
	color: #d31517;
	font-size: 14px;
	padding-left: 5%;
	background-color: #fff;
}

.pn_nav .pm_tit a{
	color: #d31517;
}
.pn_nav .button1{padding-right: 20px;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.pn_nav .button1_box{height: 100%;width: auto;}

.pn_m_nav{padding-bottom:24px; }
.pn_m_nav li{
	padding: 6px 0;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #900; text-align:center
}
.pn_m_nav li a{ color:#fff;}
.pn_m_nav li a:hover{
	color: #F90;
}
		
}


/*响应式*/




@media screen and (min-width:240px) and (max-width:1200px){
.news ul li{width:100%;}
.news ul li a .pic{width:100%;}
.list1 ul li {
    width: 100%;
 }

.list1 ul li .rq1 {
 
    width: 50px;

}
.list1 ul li .zw1 {
    width: 90%;
 }
.list1{height:420px;}

.header-menu-box{ display:none;}
.header{ display:none;}
.head{ display:none;}
.nav-bar{ display:none;}
.warpper{width: 100%;margin:0px auto; border-right-width: 0px;border-left-width: 0px;}
.content{margin: 20px auto 10px; width: 100%; max-width: 100%;}
.zcl{ display:none;}
.link-content{ display:none;}
.friendship-link{ display:none;}
.main_left{ display:none;}
.nbanner{height:auto;z-index:1}
.container {width:95%; max-width: 100%;margin:0 auto;}
.foot_rm{width:95%; max-width: 100%;margin:0 auto;}

.main{
  width: 100%;
  margin: 0 auto;
}

.common_width {
  width: 95%;
  margin: 0 auto;
}
.main_right{
	float: none;
	min-height: 200px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
	vertical-align: top;
	overflow: hidden;
}



.newbox{ width: 100%;height: auto; overflow: hidden; margin: 0 auto}
.newbox_left{width: 100%; height: auto; overflow: hidden; float: none; padding: 20px 0 0 0}
.newbox_right{ width: 100%; height: auto; overflow: hidden; float: none;padding: 20px 0 0 0}

.rw-one{
	float: none;
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	}
.rw-two{
	float: none;
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block; margin:0%
	}

.rw-three{
	float: none;
	width: 100%;
	height: auto;
	overflow: hidden;}
	
	
.in_text{float: none;
	width: 100%;
	color: #CCCCCC;
	line-height: 30px;
	font-size: 14px; text-align:center
}

.in_incoall{float: none;text-align:center;
	width: 100%;}
.lintx	{float: none;text-align:center;
	width: 100%;}
.ewm	{float: none;
	width: 100px;
	color: #CCCCCC;
	line-height: 30px;
	font-size: 14px; text-align:center
}
	

/*picnews*/
.picnews{ width:100%; height:auto; overflow:hidden; position:relative;   }
.picnews .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:7px; z-index:1; }
.picnews .hd ul{ overflow:hidden; zoom:1; float:left;  }
.picnews .hd ul li{ float:left; margin-right:4px;  width:7px; height:7px; line-height:8px; font-size:0; text-align:center; background:#cccccc; cursor:pointer;  border-radius: 50px;}
.picnews .hd ul li.on{ background:#ff0000; color:#fff; }
.picnews .bd{ position:relative; height:100%; z-index:0;   }
.picnews .bd li{ zoom:1; vertical-align:middle; }
.picnews .bd img{ width:100%; height:auto; display:block;  }
.picnews .bd  span{ position:absolute; bottom:0; background:url(/images/title_bg-2.png); width:100%;  line-height:36px; color:#fff; font-weight:bold;}
.picnews .bd h1{ color:#fff; font-size:14px; margin:0; padding:0 10px}

 .n_newslist li a{
	font-size: 16px;
	line-height: 48px;
	padding: 0 15px;
	color: #111;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;  text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 96%;
	display: block;
}

 .n_newslist li span{
	display: none;
}

.slider {width:100%;height:190px}
.flexslider{width:100%;height:auto}
.fullSlide .bd li{width:100%;height:auto}
.fullSlide .bd li img{width:100%;height:auto}
.banner {width:100%;height:auto}
.wp_column_article{display: block; padding:10px;}


.slide {
  height: 190px;
}
.slide .swiper-container {
  height: 100%;
}
.slide .swiper-container a {
  display: block;
  height: 100%;
  position: relative;
}
.slide .swiper-container a img{
  display: block;
  height: 100%;max-width:100%;width:auto;
  position: relative; margin:auto;
}
.slide .swiper-container a p {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 60px;
  background-color: rgba(207, 15, 10, 0.6);
  z-index: 999;
  line-height: 60px;
}
.slide .swiper-container a p span {
  display: block;
  font-size: 18px;
  color: #fff;
}
.slide .swiper-container a p span em {
	font-style: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100%;
	display: block;
	text-align: center;
}
.slide .swiper-container .swiper-pagination_shell {
  position: absolute;
  height: 60px;
  bottom: 0;
  left: 50%;
  margin-left: -0px;
}
.slide .swiper-container .swiper-pagination_shell .swiper-pagination {
  right: 0;
  height: 60px;
  font-size: 0;
}
.slide .swiper-container .swiper-pagination_shell .swiper-pagination span.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #fff;
  opacity: 1;
  border-radius: 10px;
  margin: 25px 0 25px 10px;
  transition: all 0.2s ease 0.1s;
}
.slide .swiper-container .swiper-pagination_shell .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 40px;
}
.slide .swiper-container .swiper_btn {
  height: 60px;
  position: absolute;
  top: 50%;
  left: 0%;
  margin-left: 0px;
  margin-top: 0px;
}
.slide .swiper-container .swiper_btn .swiper-button-prev {
  width: 30px;
  height: 30px;
  top: 0;
  margin-top: 0;
  background: url(/images/prev.png) no-repeat center;
  left: 0;
}
.slide .swiper-container .swiper_btn .swiper-button-next {
  width: 30px;
  height: 30px;
  top: 0;
  margin-top: 0;
  background: url(/images/next.png) no-repeat center;
  right: -20px;
}
.noticel {  width: 100%;float: none;
}
.notice { width: 100%; display: block;}
.news { width: 100%; display: block;}
.news ul li span.date {}
.notice ul li span.date {}
.notice ul li p{max-width:70%;}
.noticel ul li p{max-width:70%;}
.news ul li:first-child {
  height: auto;
  margin-bottom: 16px;
}
.news ul li:first-child a .pic { width: 100%; height: 100%; float:none;}
.news ul li:first-child a .pic img{width: 100%;height: auto;display: block;}
.news ul li:first-child a .txt { width: 100%; height: 100%;float:none;}
.news ul li:first-child a .txt p { display:none}

.content_nn{ }
.content_nn_01{ display:none}


.link{ display:none}
.pic_links{}

.right-content img{width:auto; max-width:100%}

.main_right{width:95%;margin:auto;display: block;overflow: hidden;}
.notice2{display:none;}
.piclist{width:100%;}
}