@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{height: 80px; position: absolute; 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:80px;}
	.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: #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:80px; z-index: 9998; transform: translateX(100%); transition: 0.7s; }
	.phone_nav .box_con{ margin:50px 10px 0px 10px; height: auto;}
	
	/*列表*/
	.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%); }
	
	
.menu2{display:none;}
.logoy{display:none;}
.sea_r{display:none;}
.navy {display:none;}

.wd70{ width:95%}
.wd90{ width:95%}
	
/*其他*/
.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){
.headery{display: none;}	
.warpper{width: 100%;margin:0px auto;}
.content{width: 95%;margin:0px auto;}
.banner {margin-top: 0px; }
.banner .logo {display: none;}	
.con_l {width: 100%;float: none;}
.con_r {width: 100%;float: none;}
/*右侧滚动图片*/
.slideBox{width: 100%;height: auto;}
.slides li{height:240px;}
.slides li a{width:100%; height:240px; display:block;}
/* 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 {padding-top: 10px;width: 100%;float: none; text-align:center}    

.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}    


.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{max-width:100%}
.m_nr table{max-width:100%}
.m_nr td img{max-width:100%}



.hlist-list{width: 100%;margin: 0 auto;position: relative; overflow:hidden;padding-bottom: 20px;}

.hlist-list .hlist-left{
	float: none;
	z-index: 1;
}
.hlist-list .hlist-right{
	float: none;
	z-index: 1;
}
 
 .xianshi li {
	float: none;
	width: 100%;
	position: relative;
	padding: 20px;
	background: #fff none repeat scroll 0 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1%;
	margin-right: 1%;
}



.slider {
	width: 100%;
	margin-top: -20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	height: auto;
}
.flexslider{
	position: relative;
	height: auto;
	overflow: hidden;
	background: url(../images/loading.gif) 50% no-repeat;
	margin: 0px auto;
	width: 100%;
}

.slides li{
	height: auto;
	text-align: center;
}
.slides li img{
	height: auto;width:100%;
}

.foot_d .bottom-right{
	float: none;
	display: block; overflow:hidden;width:100%;
}
.foot_d .bottom-mid{ display:none} 
.foot_d .bottom-left{ display:none}
.foot_d .word p.cn{
	margin-top: 0;
	font-size: 1.3rem;
	font-weight: 500;
	max-width:auto;
	float: right;
	line-height: 150%;
}



.tab{overflow: hidden;margin: 1rem  auto 1rem auto;position: inherit;width:98%;top:3px;left:0%;}
.tab li{float: left;width:48%;height:40px;line-height:40px; margin-bottom:0.5rem;border-radius:4%; border:1px solid #ddd;margin-right:0px;text-align: center;position:inherit; display:block}
.tab li a{ font-size:16px}
.tab li:nth-child(old){ float:left}
.tab li:nth-child(even){ float:right}
.ntcont{ width:98%; margin:0 auto}
.aboutpic{ padding-top:10px;}
.aboutpic1{ padding-top:10px;}
.aboutpic img{ width:100%!important; height:auto!important}
		/**/
.news_list {float:none; width:100%; border:none;}
	.news_list ul {padding:0;}
	.news_list ul li {margin:0 0 1.5rem 0;display:block; overflow:hidden;}
	.news_list ul li a {}
	.news_list ul li a .fl {width:25%; display:block;}
	.news_list ul li a .fl img {100%}
	.news_list ul li a .fr {width:70%;}
	.news_list ul li a .fr .text {margin-left:10px;}
	.news_list ul li a .fr h2 { margin-bottom:2px; font-size:1.5rem;}
	.news_list ul li a .fr span {font-size:1rem;}
	.news_list ul li a .fr p {margin-top:10px; font-size:1rem;}
	
	.news_list ul li ._date1 {margin-left: 1rem; width: 95px; float: left; color: #c8c8c8; font-size: 34px; margin-right: 1rem; padding-top: 10px; }
.news_list ul li ._date1 ._d1 { font-size:1rem; display: block;margin-bottom: -10px; padding-right: 4px; text-align: right;}

.news_list ul li a .fr .text { margin-left: 1rem; display: block; }


.inews_img,.inews_list{width: 100%;float: none;}
.inews_img{margin-bottom: 20px;}
.i_tit p{ font-size:1.5rem;}
.i_p p{ font-size:1rem;}
.inews{ padding: 2rem 0; display: block; overflow: hidden; background: #FAFAFA; }
.inews_cont{margin-top: 2rem;}

.inews_img_c_p{ font-size:1.2rem; line-height: 22px}
.inews_list ._title{ font-size:1.2rem;}


.ser_school{padding-top: 2rem;padding-bottom: 2rem;}

.title5 h2{ text-align: center; height:auto ;background:url(../images/d_lin1.gif) no-repeat center bottom;}
.title5 h2 span{font-size: 2rem;}
.title5 h2 a{font-size: 1.5rem;}

.serviceLi ul{margin-top: 1rem;margin-bottom: 1rem;}
.serviceLi ul li{width: 50%;float: left;}
.serviceLi ul li p{font-size: 1rem;margin-top: 1rem;margin-bottom: 1rem;}


.hlist-list{width: 90%;padding-bottom: 1rem;}
.hlist-list .hlist-left{width: 45%;float: left;}
.hlist-list .hlist-right{width: 45%;float: right;z-index: 1;}
.hlist-item img{width: 100%; height:auto;margin:auto}

.hlist-list .sum01{
	font-size: 36px;
	width: 50px;
	height: 50px;
	line-height: 50px;
}
.hlist-list .sum02{
	font-size: 36px;
	width: 50px;
	height: 50px;
	line-height: 50px;
}

.hlist-list .hlist-H1{
	font-size: 1rem;
	color: #080808;
	width: 100%;
	display: inline-block;
	overflow: hidden;
	font-weight: 500;
	margin-top: 20px;
	margin-bottom: 20px;
}

.hlist-list .hlist-H1 em{
	font-size: 1rem;
	color: #070707;
	display: block;
	font-weight: 500;
}
.hlist-list .hlist-H2{
	display: block;
	font-size: 12px;
	color: #4c4c4c;
	line-height: 100%;
	letter-spacing: 0px;
}


.xianshi{
	display: block;
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 0px;
	margin: auto;
	width: 100%;
	height:300px;
}


.type-name{
    position: relative;
    z-index: 10;
}
.type-name h3{
    font-size: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
}
.type-name h4{
    font-size: 1.5rem;
    font-weight: bold;
}
.type-name .text p{display:block;height:30px;line-height:30px;font-size:1rem;}




.qqb-text span,.gardon-text span,.mf-text span{ font-size: 28px; margin-bottom: 40px; display: block; font-weight: 600; }
.gardon-inner{ width: 100%; margin: 0 auto; position: relative; height: auto;}
.gardon-inner{  display: block;overflow: hidden; zoom: 1; }

.qqb-text button,.gardon-text button,.mf-text button{ width: 60%; height: auto; border: 1px solid #3c0d0d; border-radius: 5px; cursor: pointer; font-size: 18px; color: #3c0d0d; background: #fff; margin-top: 40px; outline: none; }
.mf{ overflow: hidden; zoom: 1; border-bottom: 1px solid #ededed; }

.gardon{ overflow: hidden; zoom: 1; height:auto; padding:0px; display: block; overflow: hidden; background: url() no-repeat bottom; background-size:60%}
.gardon-text{ float: none;width: 100%; height: auto; position: relative; right: auto; top: auto; text-align: center; }

.gardon .leftp{ float:none}
.gardon .rightp{ float:none}

.gardon .w500{
	width: 100%;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #EBEBEB;
	border-left-color: #EBEBEB;
}
.gardon .w500 img{ 
	width: 80%;height:auto; margin:auto}

	

.size32{ font-size: 1rem; line-height: 170%; margin: 0px; padding: 0px; width: 100%; color: #3c0d0d; }	
.size32 .h58{ vertical-align: middle; width: 2rem; height: 2rem; }
.size32 b{font-size: 1rem; margin-right: 0px }
.size14{ font-size: 0.8rem; line-height: 120%; text-align: center; color: #3c0d0d; }


.gardon:nth-child(1){ overflow: hidden; zoom: 1;  background:#fff url() no-repeat left bottom;background-size:60%;display: block;  }
.gardon:nth-child(1) .w500{ float: none;}
.gardon:nth-child(1) .gardon-text{float: none; width: 100%; height: auto; position: relative; top: auto; right: auto; text-align: center;}


.gardon:nth-child(2){ overflow: hidden; zoom: 1; background:#EFEFEF  url() no-repeat right bottom;background-size:60%;display: block;}
.gardon:nth-child(2) .w500{ float: none;}
.gardon:nth-child(2) .gardon-text{float: none; width: 100%; height: auto; position: relative; top: auto; right: auto;  text-align: center;}

.gardon:nth-child(3){ overflow: hidden; zoom: 1; background:#fff  url() no-repeat left bottom;background-size:60%;display: block;  }
.gardon:nth-child(3) .w500{ float: none;}
.gardon:nth-child(3) .gardon-text{float: none; width: 100%; height: auto; position: relative; top: auto; right: auto; text-align: center;}

.gardon:nth-child(4){ overflow: hidden; zoom: 1;  background:#EFEFEF  url() no-repeat right bottom;background-size:60%;display: block;}
.gardon:nth-child(4) .w500{ float: none;}
.gardon:nth-child(4) .gardon-text{float: none; width: 100%; height: auto; position: relative; top: auto; right: auto; text-align: center; }

.gardon:nth-child(5){ overflow: hidden; zoom: 1;  background:#fff  url() no-repeat left bottom;background-size:60%;display: block;  }
.gardon:nth-child(5) .w500{ float: none;}
.gardon:nth-child(5) .gardon-text{float: none; width: 100%; height: auto; position: relative; top: auto; right: auto; text-align: center;}


.gardon:nth-child(6){ overflow: hidden; zoom: 1; background:#EFEFEF  url() no-repeat right bottom;background-size:60%;display: block;}
.gardon:nth-child(6) .w500{ float: none;}
.gardon:nth-child(6) .gardon-text{float: none; width: 100%; height: auto;position: relative; top: auto; right: auto; text-align: center; }


}