@charset "utf-8";

 @media(min-width:1200px){  
	 #header{ display:block;}   
	 #m_header{ display: none; }
	 #n_main_box{min-height: 550px;}
	
}
 

 @media(max-width:1200px){                                                                                                                                                                                                                                                             
	 .main_box{ width: 96%;}
	 #header{ display: none}   
	 #m_header{ display: block; }
	 #banner{ display: none;}
	 .top_padding{ display: none;}
	 #m_banner{ display: block;}
	 .m_top_padding{ display: block;}
	 
	 #banner {}
	 #j_space_slide1{ height: auto;}
	 
    #j_space_slide1 { height: auto; margin-bottom: 3rem;}
	#j_space_slide1 .hd{  padding-left: 0px;}
	#j_space_slide1 .hd a{ display:block; width: 50%; float: left; padding: 2rem 0;   text-align: center; background: url(../images/bg_space_hd.png) center no-repeat; background-size: 100% 100%;}
	#j_space_slide1 .hd a .box{ padding-top: 30px; padding-left: 0; display:block; text-align: center; background: url(../images/icon_sapce_hd1.png) center top no-repeat; background-size: auto 20px;}
	#j_space_slide1 .hd a .box span{ display:none;}
	#j_space_slide1 .hd a h1{   font-size: 1.4rem; margin-bottom: 0;}
	#j_space_slide1 .hd a span{ color: #30353a; display: block; font-size: 1.2rem;}
	#j_space_slide1 .hd a.li2 .box{   background: url(../images/icon_sapce_hd2.png) center top no-repeat;  background-size: auto 20px;}

	#j_space_slide1 .hd a.on{background: url(../images/bg_space_hd_on.png) center no-repeat; background-size: 100% 100%;}
	#j_space_slide1 .hd a.on h1{ color: #fff; }
	#j_space_slide1 .hd a.on span{ color: #fff;  }
	#j_space_slide1 .hd a.li1.on .box{   background: url(../images/icon_sapce_hd1_on.png) center top no-repeat;  background-size: auto 20px;}
	#j_space_slide1 .hd a.li2.on .box{   background: url(../images/icon_sapce_hd2_on.png) center top no-repeat;  background-size: auto 20px;}
	
	 .s_title{position:relative;margin-bottom:20px; }
	 #footer .up_box{ background: url(../images/logo_fot.png)   center 30px no-repeat; background-size:auto 40px; padding: 85px 0 0px 0;}
	 #footer .content{ margin-left: 0; height:auto;   margin-left: 0px;  padding-left: 0px; border-left: 0;   position: relative;}
	 #fot_contact{ display: none; position: relative; text-align: center; right: auto; top: auto; border: none; padding: 0;}
	 #fot_ewm{border: none; margin-top: 1rem; display: inherit; padding: 0; text-align: center;  position: relative; right: auto; top: auto;  display: none; }
	 #fot_ewm .box img{ display: block; margin: 0 auto;} 
	 #fot_ewm .box strong{ display: none;}
	 #fot_ewm .box{ display: inline-block;}
	 #fot_nav{ width: 100%; margin-bottom: 2rem;}
	 #fot_nav .box{ margin: 0 ;}
	 #fot_nav dl{ margin-bottom: 5px; text-align: center;}
	 #fot_nav dl:first-child{ display: none;}
	 #fot_nav dt{font-size: 14px;}
	 #fot_nav a{padding-left: 10px; font-size: 12px;}
	 #footer .un_box{ height: auto; line-height: 24px; padding: 15px 0;}
	 
	 
	 /*==============内页=====================*/
	 #n_left{ display: none;}
	 #n_right{width: 100%; margin-top: 0;}
	 .n_title{ display: none;}
	 #m_n_nav{display: block;}
	 
	 #n_dsj .dd{ margin-bottom: 50px;}
	 
	 #n_service .floor{ margin-top: -50px; padding-top: 80px; margin-bottom: 20px;}
	 
	 #j_map{  display: none; position: relative; right: auto; top: auto; width: 100%; height: 200px; margin-bottom: 30px; border: 1px solid #dedede;}
	 #j_map iframe{ width: 100%; height: 200px;}
	 
	 #n_space .swiper-slide{ padding: 0;}
	 #n_space .content{ width: 100%; height: auto;}
	 #n_space li{ width: 46%; margin: 2%; float: left; box-sizing: border-box; }
	 #n_space li a{  }
	 #space_nav{ width: 320px; margin: 0 auto 30px auto;}
	 #space_nav li{ width: 50%; display: block;   margin-right: 0px;}
	 #space_nav li a{ margin: 0 auto;}
	 
	 
	 #page_active .title h1{  font-size:18px; text-align: center; font-weight: 700; margin-bottom: 30px;}
	#page_active .content{ background: url(../images/line_active.png) 25px top repeat-y;}
	#page_active dl{  }
	#page_active dt{  width: 50px; height: 50px; }
	#page_active dt strong{ padding-top: 10px;  font-size: 14px; color: #2d56a4; display: block; text-align: center;}
	#page_active dt span{ color: #343434; font-size: 10px; display: block; text-align: center;}
	#page_active dd{ margin-left: 80px; }
	#page_active li{ margin-bottom: 30px;  height: 140px;}

	#page_active li a{ display: block; position: relative; padding-left: 240px; }
	#page_active li .pic_box{ position: absolute; left: 0; top: 0;  width: 220px; height: 140px; overflow: hidden;}
	#page_active li img{ display: block; margin: 0 auto; width: 100%;  height: 100%;   }
	#page_active li .text_box{  padding-top: 25px; margin-right: 20px; }
	#page_active li .text_box .box{ }
	#page_active li h1{  font-size: 16px; margin-bottom: 1rem; }
	#page_active li span{   font-size: 12px; }
	 
	
	.news_left{ float: none; width: 100%;}
	.news_right{   display: none;  }
	 
	#page_show_space .title h1{  margin-bottom: 2rem;}
	#mode_slide_active{ padding: 3rem 0rem; margin-bottom: 3rem;}
	#page_show_space .n_article{ width: 100%;}
	 #page_show_space .n_article .ar_article{ height: auto; min-height:auto; margin-bottom: 3rem;}
	 
 	#mode_show_pic_list .bd{ position: relative; right: 0; top: auto; overflow: hidden; width: 100%;}
}

@media (max-width:922px){
	
	#j_seach_box form{ width: 90%; left: 5%;}
	#j_seach_box form{ height:50px; margin-top:-25px; }
	#j_seach_box input[type=text]{ height:50px; line-height:50px; font-size: 1.4rem; text-align: left;}
	#j_seach_box input[type=text]:focus{text-align:left}
	#j_seach_box input[type=submit]{ height:50px;width:50px; font-size: 2.5rem;  }
	
	/*==============首页=====================*/
	.main_box{ width: 96%;}
	.s_title{position:relative;margin-bottom:2rem;text-align: center; }
	.s_title img{ height: 3.6rem;}
	.s_title h1{ display: block;  color: #2d56a4; font-size: 2rem; font-weight: 700;}
	.s_title span{font-size:1rem; color:#797979; display: block;    text-transform: uppercase;  padding:.5rem 0;}
	.s_title p{font-size:1.2rem;color:#a3a4a4; text-transform: uppercase; display: block;  }

	.m_line{ margin-top:50px; }
	
	#page_index .floor{ padding: 30px 0; }
	 
	/*==============业务=====================*/
	#mode_business li a{ padding: 0;}
	#mode_business li .text_box h1{   font-size:1.6rem;  }
	#mode_business li .text_box h2{  font-size:1.2rem;     }

	#mode_space { background: url(../images/bg_f2.jpg) no-repeat; background-size: 100% 100%; padding: 4rem 0; }
	#j_space_slide1{ height: auto;}
	
	#mode_space .section1 .content{ margin-bottom: 2rem; padding-bottom: 2rem;}
	#mode_space .section1 ul{ margin: 0;}
	#mode_space .section1 li a{ margin:.5rem; }
	#mode_space .section1 li .text_box{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#A52d56a4', endColorstr='#A52d56a4');background:rgba(45,86,164,0.65);}
	#mode_space .section1 li .text_box .box{  right: 0; bottom: 50%; margin-bottom: -2.5rem; display:block; width: 100%;   }
	#mode_space .section1 li .text_box h1{  font-size: 1rem; }
	#mode_space .section1 li .text_box strong{  font-size:1.4rem; }
	#mode_space .section1 li .text_box span{font-size:2rem; margin-top: .5rem; -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);  transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); }
	#mode_space .section1 li:hover .text_box span{font-size:2rem; margin-top: .5rem;}
	
	#mode_space .bnt{ font-size: 3rem; margin-top: -4rem;}
	
	/*==============配置=====================*/
	#mode_space_icon{ padding: 0;}
	#mode_space_icon li h1{ font-size: 1.2rem;}
	
	#j_space_slide2 .hd{  height: 36px; line-height: 36px;  }
	#mode_school { padding-bottom: 4rem !important;}
	#mode_school .s_more{ margin-top: 40px;}
	#mode_service .s_title{ margin-bottom: 2rem;}
	#mode_service li h1{  font-size: 12px; margin-top: 1rem;  }
	 
	/*==============内页=====================*/
	#page_inner{ margin-bottom: 30px;}
	#n_dsj .dd{ margin-bottom: 30px;}
	
	/*==============服务分类=====================*/
	#mode_service_search{ padding: 1rem 0; }
	#mode_service_search dt{ font-size: 14px; color: #fff; display:block; height: 28px; line-height: 28px;}
	#mode_service_search dd { display:block;}
	#mode_service_search dd a{border-radius: 3px; margin: .5rem 0; width: 103px; border: 1px solid rgba(255,255,255,.2); text-align: center; padding: 0; height: 28px; line-height: 28px; font-size: 14px; color: #fff; display: inline-block;}
	#mode_service_search dd a.on,#mode_service_search dd a:hover{background: #fff; color: #2d56a4;}
	
	#n_banner.banner_service_zz{ display: none !important;}
	#m_nav_aside{ display: block;}
	#service_hot{margin-top: 20px;}
	#n_service .floor{margin-top: -100px;padding-top: 130px;margin-bottom: 30px;}
	#n_service .more{ width: 140px; height: 40px; line-height: 40px;}
	
	
	#n_space li{ width: 100%; margin: 0; float: none; box-sizing: border-box; margin-bottom: 2rem; }
	#n_space li a{  }
	
	#mode_show_space_icon dl{ padding: 3%; border-width: 1px; }
	#mode_show_space_icon dt{ text-align: center; border-bottom: 1px solid #eee; padding-bottom: 2rem;}
	#mode_show_space_icon dd{margin-right: 0%;}
	#mode_show_space_icon dd img{ display: block; margin: 0 auto; padding: 0; margin-bottom: 10px;}
	#mode_show_space_icon dd h1{ text-align: center; display: block; font-size: 16px;}
}


@media (max-width:640px){
	#n_banner{ height:140px;  }
	#m_n_banner{ display: block;}
	#n_banner .main_box{  height:140px;}
	#n_banner h1{ font-size:18px; font-weight:bold; color:#fff; display:block; margin-bottom:5px; text-transform:uppercase; }
	#n_banner h2{ font-size:16px; color:#fff;  display:block;}
	
	#bnt_back{ font-size: 20px;}
	#m_n_nav h1{ font-size: 18px; }
	#bnt_sub_nav{ font-size: 20px; }
	
	#n_dsj_box .bnt_more{ background: url(../images/bg_dsj_last.png) center bottom no-repeat; padding:10px 0 30px 0;}
	#n_dsj_box .bnt_more a{ background:#00a2e0; display:block; margin:0px auto; height:55px; width:210px; text-align:center; line-height:55px; font-size:14px; color:#fff;    }
	#n_dsj .dd{ margin-bottom: 30px;}
	#n_dsj .dd .pic_box img{ max-width:85%; margin-right: 16%; }
	#n_dsj .dd .text_box { margin-left: 56.65%; width: 40.35%;  }
	#n_dsj .dd .text_box h1{  font-size:16px;  margin-bottom:5px;}
	#n_dsj .dd .text_box .ar_article{ text-align:left;  font-size:12px; line-height:20px; color:#666768; text-align:justify;}
	#n_dsj .dd .text_box .ar_article p{ font-size:12px; line-height:2px; color:#666768; }
	#n_dsj  dd:nth-child(2n) .pic_box img{margin-right: 0; float: none; margin-left: 15%;  }
	
   
	#n_team li{ display: block; margin-bottom: 3rem; position: relative;}
	#n_team li .pic_box img{ margin: 0 auto;width: 100px; height: 100px; border-radius: 50%;}
	#n_team li .text_box{ padding:70px 15px 50px 15px; border-radius: 3px;  margin-top:-50px; }
	#n_team li .title{ position: relative; left: auto; top: auto; margin-bottom: 10px;}
	#n_team li .title h1{ font-size: 12px; color: #808182; text-align: center;}
	#n_team li .title h1 strong{ padding-right: 10px; font-size: 16px; color: #30353a; display: block; padding: 0; margin-bottom: 10px;}
	#n_team li .bnt_swich{  right: 50%; margin-right: -1.2rem; bottom: 20px; font-size: 2.4rem; }
 
	.bnt_link {  width: 200px; font-size: 14px; height: 40px; line-height: 40px;}
	
	#n_service_base  { }
	#n_service_base li .box{   border: 1px solid #eee;}
	#n_service_base li img{   display: block; margin: 0 auto; max-width: 30%;}
	#n_service_base li h1{  font-size: 14px; margin-top: 1rem;  }
	#n_service_base li:hover img{  }
	
	.service_list li img{ }
	.service_list li h1{ color: #2d56a4; text-align: center;}
	.service_list li:hover img{ box-shadow: 0 0 0 #fff; border-radius:0; }
	.service_list li .text_box{}
	
	#service_hot{margin-top: 20px; padding: 30px 0 10px 0;}
	#n_service .title:first-child{ padding-top: 30px;}
	#n_service .title h1{ font-size: 18px;}
	#n_service .floor{ margin-top: -120px; padding-top: 120px; padding-bottom: 40px; margin-bottom: 30px;}
	#n_service .more{ width: 140px; height: 40px; line-height: 40px;}
	
	#n_cxcy .ar_article{ padding: 30px 0 10px 0;}
	#mode_shop{padding: 30px 0;}
	#mode_shop .title h1{font-size: 18px; margin-bottom: 20px;}
	
	 #page_active .title h1{  font-size:18px; text-align: center; font-weight: 700; margin-bottom: 30px;}
	#page_active .content{ background: url(../images/line_active.png) 25px top repeat-y;}
	#page_active dl{  }
	#page_active dt{  width: 50px; height: 50px; }
	#page_active dt strong{ padding-top: 10px;  font-size: 14px; color: #2d56a4; display: block; text-align: center;}
	#page_active dt span{ color: #343434; font-size: 10px; display: block; text-align: center;}
	#page_active dd{ margin-left: 70px; }
	#page_active li{ margin-bottom: 20px;  height: auto; background: none;}
	#page_active li a{ display: block; position: relative; padding-left: 0px; }
	#page_active li .pic_box{ position: relative; left: auto; top: auto;  width: 100%; height: auto; overflow: hidden;}
	#page_active li img{ display: block; margin: 0 auto; width: 100%;  height: auto;   }
	#page_active li .text_box{ padding: 10px 0; margin-right: 0px; }
	#page_active li .text_box .box{ }
	#page_active li h1{  font-size: 14px; margin-bottom: 1rem; }
	#page_active li span{ margin-top: 15px; display: block; height: auto; line-height: 20px; font-size: 14px;  white-space:normal; overflow:visible;text-overflow:normal; background-position: left 5px !important;}
	#page_active li:hover{ }
	
	#n_news .list li{  border-radius: 0 5px 5px 0;   margin-bottom: 20px; height: 95px;}
	#n_news .list li a{ padding-left: 160px; }
	#n_news .list li .pic_box{  width: 150px; height: 95px; }
	#n_news .list li .text_box{  padding-top: 18px; margin-right: 10px; }
	#n_news .list li .text_box .box{ }
	#n_news .list li h1{ line-height: 20px; height: 40px;  font-size: 14px; margin: 0;  width: 100%;  display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 2;     white-space:normal; }
	#n_news .list li span{ margin-top: 0px;  font-size: 12px;  }
	#n_news .list li p{ display: none;  }
	#n_news .list li:hover span{ }
	
	.n_article .ar_title{ margin: 0;}
	.n_article .ar_title h1{ font-size:16px; margin-bottom:10px;  display:block; font-weight:normal; text-align:left; line-height:20px; }

	#ar_fot span{ display: block;}
	
	#n_contact .title h1{ font-size: 18px; margin-bottom: 20px;}
	
	#space_nav{ width: 240px;}
	#space_nav ul{ display: inherit; text-align: center; }
	#space_nav li{display: block; text-align: center;}
	#space_nav a{ height: 36px; line-height: 36px; width:90%;}
	
	#n_space li .pic_box{ width: 100%; float: none;}
	#n_space li{ padding: 10px; margin-bottom: 10px;}
	#n_space li img{ border: none;}
	#n_space li .text_box{ width: 100%; margin-top: 0px; float: none;}
	#n_space li h1{ margin-bottom: 1rem; font-size: 14px;}
	#n_space li .text_box .box{ padding-bottom: 1rem; padding-top: 1.5rem;}
	#mode_space_map .content{  border-radius: 5px; overflow: hidden;}
	#mode_space_map .j_item{ padding: 0;  border-radius:5px 5px  0 0 ; display: block; overflow: hidden;}
	#mode_space_map iframe { height: 180px;  border-radius:0; display: block; overflow: hidden;}
	#mode_space_map .info_box{ display: table; height: 240px;}
	#mode_space_map dl{ padding: 0px 20px 0 20px; display: table-cell; vertical-align: middle;}
	#mode_space_map dd{ display: block; margin-bottom: 20px; padding-left: 25px;}
	#mode_space_map dd:last-child{ margin-bottom: 0;}
	#mode_space_map dd.li1{ background: url(../images/icon_space_id1.png) left 2px no-repeat; background-size:  auto 16px;}
	#mode_space_map dd.li2{ background: url(../images/icon_space_id2.png) left 2px no-repeat; background-size:  auto 16px;}
	#mode_space_map dd.li3{ background: url(../images/icon_space_id3.png) left 2px no-repeat; background-size:  auto 15px;}
	#mode_space_map dd h1{ color: #060001; font-size: 14px;}
	#mode_space_map dd .ar_article{ font-size: 12px;  line-height: 20px}
	#mode_space_map dd .ar_article p{font-size: 12px;  line-height: 20px}
	
	
	
	#page_show_space .title h1{ font-size: 16px; margin-bottom: 1rem;}
	#page_show_space .ar_title h1{font-size: 18px;}
	#page_show_space .ar_title h2{font-size: 14px;}
	#page_show_space .n_article .ar_article{ margin-bottom: 1rem;}
	
	#mode_slide_active{ margin-bottom: 3rem; padding: 2rem 0rem;}
	#mode_slide_active li a{   margin: .5rem;   }
	#mode_slide_active li .text_box {opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);   display: none;}
	#mode_slide_active li .text_box .box{  right: 5%; top: 50%; margin-top: -20px; width: 90%;  }
	#mode_slide_active li .text_box h1{ font-size: 1.2rem;  white-space:normal;overflow:visible;text-overflow: ellipsis;}
	#mode_slide_active li .text_box span{display: none; font-size:1rem;  }
	
	
	#mode_slide_active .bnt{  top: 0px;   font-size: 2rem;  }
	#mode_slide_active .bnt_prev{right: 30px;  }
	
	#mode_show_pic_list{ margin-bottom: 3rem;}
	#mode_show_pic_list .hd .swiper-slide-active::after{border: 2px solid #2d56a4; }
	
	#mode_show_space_icon{padding-bottom: 3rem;}
	#mode_show_space_icon dl{ margin-top: 1rem; padding:15px;}
	#mode_show_space_icon li h1{ font-size: 14px;}
	
	#mode_space_map .info_box{ height: auto; padding: 2rem 0;}
	#mode_space_map dd h1{margin-bottom: 5px;}
}