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


@media screen and (min-width:240px) and (max-width:1200px){
	body{ -webkit-tap-highlight-color:rgba(0,0,0,0);}
	.phone_nav{display: block;}
	.header{display: none;}	.body_on{overflow:hidden; }
	.top{height: auto;position: relative}
	/*头部*/
	.phone_nav .top{ background: #fff; height: 50px; position:relative; left: 0; top: 0; width: 100%; box-sizing: border-box; padding: 0 10px; z-index:9999;}
	.phone_nav .top a.a{float: left;margin: 0px 0 0;}
	.phone_nav .top a.a img{height:50px;}
	.phone_nav .top .but{ float:right; width: 25px; height: 25px; margin:10px 0; display: block;}	
	.phone_nav .top .but i{width:100%; height: 2px; margin-top: 15px; background: #000; 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: #000; 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:50px 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}
section{}
.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;}
#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: #414141;
	background-color: #06C;
}
.pn_nav .pm_tit{
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 18px;
	padding-right: 5px;
	padding-left: 20px;
}
.pn_nav .button1{-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{border-bottom:1px #EFEFEF solid; padding:6px 0;font-size:16px}
.pn_m_nav li a{ color:#fff;}
.pn_m_nav li a:hover{color: #F00;}


	
}


#top{position:fixed; bottom:10%; right:40px; cursor:pointer; width:43px; height:43px; background: url(../images/fh.png) center no-repeat; z-index:9;}	




/*响应式*/




@media screen and (min-width:300px) and (max-width:1200px){
.warpper{width: 100%;margin:0px auto; border-right-width: 0px;border-left-width: 0px;}
.content{width: 95%;margin:0px auto;}
.banner {margin-top: 0px;}
.col_n_l{ display:none;}
.con_l {width: 100%;float: none;}
.con_r {width: 100%;float: none;}
/*右侧滚动图片*/
.slideBox{width: 100%;height: auto;}


.slider {width:100%;min-height:220px}
.flexslider{min-height:220px}
.slides li{min-height:220px}
.slides li img{width:100%;min-height:220px }


/* xinwen， */
.news_con {	width: 100%; margin:0px auto; padding:0px}
.topic ul li {width: 50%;float: none;margin-right: 0px;}
.topic ul li img{width:100%; height:auto;}
.box1-list{width: 100%; margin:0px auto; }
.box2-list{width: 100%; margin:0px auto; }
.box3-list{width: 100%; margin:0px auto; }
.box3 .video {width:100%;position:relative;}
.boxpic{width: 100%;margin: 0  auto;}
.box3  .linkul {width: 100%;margin-top: 10px;}
.f_qr {display: none;}	
.f_info  {display: none;}	

.slideBox .bd img{width: 100%;height: auto;display: block;}
.slideBox .bd li .bg{ width:100%; height:40px; position:absolute; }
.slideBox .bd li .title{width:100%;}
.flexslider{position: relative;height: 10rem;overflow: hidden;background: url(../images/loading.gif) 50% no-repeat;}
.news_con {width: 100%; margin:0px; padding:0px}  
.news_con li span { display:none}  
.qc_box_con li span {display:none}  

.col_n_l {
	width: 100%;
	float: none;
	padding-top: 20px
}
.col_n_r {width:100%; float: none;padding-top:10px}
.col_n_r h2 {height:46px;}
.col_n_r2 {width:100%; float: none;}

.m_nr{width:100%; text-align:justify}

.m_nr img{display: block;max-width:95%; height:auto;margin: auto}
.m_nr table{max-width:95%; height:auto;margin: auto}
.m_nr td img{display: block;max-width:95%; height:auto;margin: auto}
.vsbcontent_img{text-indent: 0em;}
.vsbcontent_img img{ }

.m_con_nr h1{font-size: 18px;}
.m_con_nr {width:100%; text-align:justify}
.m_con_nr img{display: block;max-width:95%; height:auto;margin: auto}
.m_con_nr table{max-width:95%; height:auto;margin: auto}
.m_con_nr td img{display: block;max-width:95%; height:auto;margin: auto}



.ban_c img{width: 100%;height: auto;display: block;}

.n_m_tit{ border-bottom:1px solid #cccccc;display: block;overflow: hidden;}
.n_m_tit h3{ float:none; color:#044ca2; font-size:21px; line-height:40px;display: block;overflow: hidden;}
.Current-position{ width:100%;float:none; color:#babbbb;display: block;overflow: hidden;margin: 10px}
.n_list li span { display:none}  
.box_con li span {display:none}  
.n_list li{display: block;width: 95%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }  

.boxpic ul{width: 100%;}
.boxpic ul li{
	width: 48%;
	height: auto;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}

.f_contact { padding-top: 28px; padding-left:0px; float: none; text-align:left}
.f_contact h4 { margin-bottom: 15px; }
.f_info{display:none;}
.links {display:none;}
.xgpd{margin-bottom: 15px;}
.number{margin-bottom: 15px;height: auto;}
 
}