@media only screen and (max-width: 1200px) {
	html {
		font-size: 56%
	}
	header .nav_list li a{
		padding:0 1rem;
	}
	.sub_nav_body .pro_list li h6 a {
		display: inline-block;
		width: 46%;
		text-align: center;
		margin-bottom: .5rem
	}
	.index_products_body .list_box {
		height: 490px;
		min-height: 490px;
		overflow: hidden
	}
	ul.list_Body {
		padding: 0
	}
	ul.list_Body li .pic {
		width: 50%
	}
	ul.list_Body li .pic img {
		width: 100%
	}
	ul.list_Body li .txt {
		width: 50%;
		box-sizing: border-box
	}
	.quat01 .txt_body .pic {
		padding: 10px
	}
	.quat01 .txt_body .pic img {
		width: 300px
	}
	.newsSet input {
		width: 440px!important;
	}
	.newsDet01 {
		padding-left: 0px;
		padding-right: 0px
	}
	.services_body .services_box_2 .icon_body span {
		width: 120px;
		height: 120px
	}
	.services_body .services_box_2 .icon_body span em {
		line-height: 120px
	}
	.services_body .services_box_2 .icon_body span div {
		padding-top: 10px
	}
	.services_body .services_box_2 .icon_body span div p {
		line-height: 2rem
	}
	.services_body .services_box_3 .txt_box {
		transform: scale(0.85) translateX(-10%);
		margin-bottom: 120px
	}
	.join01 .txt_body .box ul li {
		width: 17.5%
	}
	.join02 a.mb20 {
		margin-bottom: 16px
	}
	.develop01 .txt_body .cont .box.fl{
		margin-left:0;
	}
	.develop01 .txt_body .cont .box.fl .arrow{
		top:-40px;
	}
	.develop01 .txt_body .cont .box.center {
		left: 313px
	}
	.develop01 .txt_body .cont .box.center .arrow{
		top:-75px;
	}
	.develop01 .txt_body .cont .box.fr{
		margin-right:0;
	}
	.develop01 .txt_body .cont .box.fr .arrow{
		top:-40px;
	}
	.develop01 .txt_body .cont .box.fl .arrow img{
		width:140px;
	}
	.develop01 .txt_body .cont .box.center .arrow img{
		width:28px;
	}
	.develop01 .txt_body .cont .box.fr .arrow img{
		width:170px;
	}
	.contactus_kv_txt {
		position:relative;
		top:40px;
	}
	.cases_list li {
		height: 360px
	}
	.about02 .txt_body .box .txt {
		padding: 15px 25px;
		height: inherit;
		width: 230px
	}
	.about02 .txt_body .box.left .icon {
		left: 228px
	}
	.about02 .txt_body .box01 {
		left: 0
	}
	.about02 .txt_body .box02 {
		right: 0
	}
	.about02 .txt_body .box03 {
		left: 0
	}
	.about02 .txt_body .box04 {
		right: 0
	}
	.about03 {
		background-position: right center
	}
	
	.urbalis888_box_2 .txt_con img{
		width:200px;
	}
	.urbalis888_box_2 .txt_con .txt{
		max-width:330px;
	}
	.urbalis888_box_2 .txt_con .txt ul li img{
		margin-left:0;
		width:inherit;
	}
	.urbalis888_box_2 .txt_con .txt ul li div.fl{
		width:260px;
	}
	.pro_details_body .about_case_body .about_case_con{
		height:380px;
	}
	.pro_details_txt_body dl dd .txt_con{
		min-width:inherit;
	}
	#fzk_ctc_1 dl dd .txt_con{
		min-width:430px;
		max-width:inherit;
		padding-right:0;
		left:50%;
		transform: translate(-50%,-50%);
		right:inherit;
	}
	#fzk_ctc_2 dl dd .txt_con{
		min-width:430px;
		max-width:inherit;
		padding-right:0;
		left:50%;
		transform: translate(-50%,-50%);
		right:inherit;
	}
	.pro_details_txt_body dl dd .txt_con{
		min-width:430px;
		max-width:inherit;
		padding-right:0;
		left:50%;
		transform: translate(-50%,-50%);
		right:inherit;
	}
	.inner_kv_body .txt_con .com_txt h3{
		font-size:4.5rem;
	}
}

@media only screen and (max-width: 1024px) {

	.pc_block{display:inline;}

	#story_masonry{height:576px!important;min-height:inherit;}
	#story_masonry li{width:460px!important;position: absolute!important;}
	#story_masonry li:nth-child(1){left:0!important;top:0!important;}
	#story_masonry li:nth-child(2){right:0!important;top:0!important;left:inherit!important;}
	#story_masonry li:nth-child(3){bottom:0!important;right:0!important;left:inherit!important;top:inherit!important}
	#story_masonry li:nth-child(4){top:inherit!important;bottom:0!important;left:0!important;}
	.mark02 .slider .box h3 {
		right:14px;
		top:145px;
	}
}
@media only screen and (max-width: 992px) {

	header .tools em{
		display:none;
	}

	.pc_block{display:inline;}

	.page_btn {
		font-size: 1.4rem;
		padding: 8px 15px
	}
	.page_btn i {
		margin-left: 3.5rem
	}
	.page_tit {
		font-size: 1.7rem
	}

	.page_tit:after {
		width: 40px;
		margin-left: -20px;
		top: inherit;
		bottom: 3rem;
	}
	.page_tit.line_2 {
		line-height: 3.4rem
	}
	.page_tit.line_2::after {
		top: inherit;
		bottom: 3rem
	}
	.page_tit.line_3::after {
		top: inherit;
		bottom: 3rem
	}
	.page_tit.line_3 {
		line-height: 3.4rem
	}
	header {
		height: 64px;
		padding: 0;
		border-bottom: 1px solid #ccc
	}
	header .container {
		padding-right: 0
	}
	header .logo {
		margin-top: 12px;
		width: 93px;
		height: 40px;
		background-size:93px auto;
	}
	header .nav_list {
		display: none
	}
	header .mobile-bar {
		display: block
	}
	header .tools span {
		padding: 0 20px
	}
	header .tools .search_btn {
		display: none
	}
	header .tools .mobile_search {
		display: inline-block
	}
	.sub_nav_body {
		top: 64px;
		padding: 20px 0;
		
	}
	.sub_nav_body .container{
		padding-right:15px;
	}
	.sub_nav_body .search_out{
		border-bottom:1px solid #fff;
		width:100%;
		overflow:hidden;
	}
	.sub_nav_body .search_out input {
		font-size: 2.0rem;
		line-height: 40px;
		border:0;
		opacity:.5;
	}
	.search_body .search_input_bar .search_out{
		border-bottom:1px solid #fff;
	}
	.search_body .search_input_bar .search_out input{
		border-bottom:0;
		opacity:.5;
	}

	.search_body .search_details_con .list li h3 , .search_body .search_details_con .list li p{
		padding-right:35%;
	}

	.pcBody {
		display: none
	}
	.mbBody {
		display: block
	}
	.inner_kv_body.pcBody{
		display:block;
	}
	.inner_kv_body.mbBody{
		display:none;
	}
	.inner_kv_body .kv.pcBody {
		display: block
	}
	.inner_kv_body .kv.mbBody {
		display: none;
		width: 100%;
		height:450px;
	}
	img.pcBody {
		display: none
	}
	img.mbBody {
		display: block
	}
	.inner_kv_body .txt_con {
		top: inherit;
		transform: none;
		bottom: 20%;
		padding-top: 0
	}
	.case_kv .txt_con{
		top:52%;

		bottom:inherit;
	}
	
	
	.inner_kv_body .txt_con .container{
		padding:0 30px;
	}
	.inner_kv_body .txt_con .com_txt h6 {
		font-size: 1.8rem;
		margin-bottom: 1rem
	}
	.inner_kv_body .txt_con .com_txt h3 {
		font-size: 2.4rem;
		line-height: 3.4rem;
		margin: 0
	}
	.inner_kv_body .txt_con .cases_details_txt h6 {
		font-size: 1.8rem;
		margin-bottom: 1rem
	}
	.inner_kv_body .txt_con .cases_details_txt h3 {
		font-size: 2.4rem;
		line-height: 3.4rem;
		margin: 0
	}
	.mbP0 {
		padding-left: 0;
		padding-right: 0
	}
	header .tools {
		display: block
	}
	.pageBanner img.pcBody{
		display:block;
	}
	
	.pageBanner .txt {
		top: inherit;
		transform: none;
		bottom: 25%;
		right: 15px;
		left: 15px
	}
	.pageBanner .txt h3 {
		font-size: 1.8rem;
		margin-bottom: 1rem
	}
	.pageBanner .txt h4 {
		font-size: 2.4rem;
		line-height: 3.4rem
	}
	.tools {
		display: none
	}
	.tit {
		padding: 30px 0;
		text-align: center
	}
	.tit h3.pageTit,
	.tit h3.pageTit div {
		font-size: 1.8rem;
		line-height: 3.4rem
	}
	.tit .line {
		width: 40px;
		margin-top: 10px
	}
	ul.list_Body {
		padding: 0
	}
	ul.list_Body li {
		padding-top: 0;
		overflow: hidden
	}
	ul.list_Body li .pic {
		width: 100%;
		margin-bottom: 10px
	}
	ul.list_Body li .pic img {
		display: block;
		width: 100%
	}
	ul.list_Body li .txt {
		padding: 15px 0 0;
		width: 100%
	}
	ul.list_Body li .txt.fl h3,
	ul.list_Body li .txt.fr h3,
	ul.list_Body li .txt h3 {
		margin: 0;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.8rem;
		border-bottom: 0;
		line-height: 2.8rem;
		padding-top: 0;
		padding-bottom: 10px
	}
	ul.list_Body li .pic .slick-dots li {
		width: 10px;
		height: 10px;
		padding: 0
	}
	ul.list_Body li .pic .slick-dots li button {
		width: 10px;
		height: 10px
	}
	.pageBanner .txt a {
		font-size: 1.4rem;
		line-height: 2.4rem;
		width: 120px;
		padding: 8px 0;
		margin-top: 15px
	}
	.index_products_body {
		padding: 4rem 0 2rem
	}
	.index_products_body .list_box {
		min-height: inherit;
		height: 520px
	}
	.index_products_body .list_box .img_out .mask .txt i {
		width: 100px;
		height: 75px
	}
	.index_products_body .list_box .img_out .mask .txt p {
		font-size: 2.0rem
	}
	.index_story_body .story_con a {
		width: 100%;
		height: 220px;
		overflow: hidden;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover
	}
	.index_story_body .story_con img {
		opacity: 0
	}
	.index_story_body .story_con .txt {
		padding-bottom: 20px
	}
	.index_story_body .story_con .txt h3 {
		font-size: 2.0rem
	}
	.index_story_body .story_con .txt p {
		font-size: 1.6rem
	}
	.index_story_body .story_con .txt span{
		font-size:1.2rem;
		line-height:1.2rem;
		padding:5px 8px;
	}

	
	#story_masonry{height:inherit!important;}
	#story_masonry li{width:100%!important;position:inherit!important;}
	#story_masonry li:nth-child(1){left:inherit!important;top:inherit!important;}
	#story_masonry li:nth-child(2){right:inherit!important;top:inherit!important;left:inherit!important;}
	#story_masonry li:nth-child(3){bottom:inherit!important;right:inherit!important;left:inherit!important;top:inherit!important}
	#story_masonry li:nth-child(4){top:inherit!important;bottom:inherit!important;left:inherit!important;}
	.news_slider{
		position: relative;
	}
	.news_slider .focus_news {
		padding: 0 15px
	}
	.news_slider .focus_news .img_out {
		position: relative;
		overflow: hidden;
		z-index: 10;
		height: 200px
	}
	.news_slider .focus_news .img_out:hover img {
		transform: scale(1)
	}
	.news_slider .focus_news .img_out img {
		display: block;
		width: 100%;
		transform:none;
		
	}
	.news_slider .focus_news h3 {
		font-size: 2rem;
		line-height: 2.8rem;
		font-weight: 700;
		margin: 1rem 0
	}
	.news_slider .focus_news h3 a {
		color: #000;
		text-decoration: none
	}
	.news_slider .focus_news h3 a:hover {
		color: #1090d6
	}
	.news_slider .focus_news h6 {
		font-size: 1.5rem;
		color: #999
	}
	.news_slider .swiper-container .swiper-pagination{
		top:280px;
		bottom:inherit;
		left: 0;
		width: 100%;
		position: absolute;
		text-align:center; 
		z-index: 10;
	}
	.news_slider .swiper-container .swiper-pagination span {
		opacity: 1;
		background-color: #919191;
		border-radius: 0;
		width: 1rem;
		height: 1rem;
		display:inline-block;
		margin:0 4px;
	}
	.news_slider .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
		background-color: #1090d6
	}
	.news_slider .swiper-container .swiper-pagination span.swiper-active-switch{
		background-color: #1090d6
	}
	.news_slider{
		position: relative; 
		overflow:hidden;
		padding-bottom:20px;
	}
	.news_slider ul.slides li{ 
		position: relative;
	}
	.news_slider ul.slides li .focus_news {
		padding: 0 15px
	}
	.news_slider ul.slides li .focus_news .img_out {
		position: relative;
		overflow: hidden;
		z-index: 10;
		height: 200px
	}
	.news_slider ul.slides li .focus_news .img_out img {
		display: block;
		width: 100%;
	}
	.news_slider ul.slides li .focus_news h3 {
		font-size: 2rem;
		line-height: 2.8rem;
		font-weight: 700;
		margin: 1rem 0
	}
	.news_slider ul.slides li .focus_news h3 a {
		color: #000;
		text-decoration: none
	}
	.news_slider ul.slides li .focus_news h3 a:hover {
		color: #1090d6
	}
	.news_slider ul.slides li .focus_news h6 {
		font-size: 1.5rem;
		color: #999
	}
	.news_slider .flex-control-nav{bottom: 10px;left: 0;width: 100%;position: absolute;text-align:center; z-index: 10;}
	.news_slider .flex-control-nav li{margin:0;}
	.news_slider .flex-control-nav li a{ opacity: 1; background-color: #919191; border-radius: 0; width: 8px; 
		height: 8px;display: inline-block;margin:0 2px;border-radius: 100%}
	.news_slider .flex-control-nav li a.flex-active { background-color: #1090d6; }
	
	
	.index_recruit_body .bg {
		display: none
	}
	.index_recruit_body .mbBody {
		width: 100%
	}
	.index_recruit_body .txt_con h6 {
		font-size: 1.6rem
	}
	.index_recruit_body .txt_con h3 {
		font-size: 2.4rem
	}
	.inner_kv_body.kv_contactus .kv.mbBody{
		height:500px;
	}

	.contactus_kv_txt h3.tit {
		font-size: 2.0rem;
		margin-bottom: 1rem;
		padding:0;
	}
	.contactus_kv_txt .row{
		margin-top:.5rem!important;
	}
	.contactus_kv_txt .in {
		padding-top: 5px;
	}
	.contactus_kv_txt .in h4 {
		font-size: 1.8rem
	}
	.contactus_kv_txt .in p {
		font-size: 1.6rem;
		line-height: 2rem
	}
	.contactus_kv_txt .in h4{
		margin-bottom:5px;
	}
	.contactus_kv_txt .last_con {
		margin-top: 2rem
	}
	.contactus_index_body {
		padding-top: 2rem
	}
	.contactus_index_body .tab_list {
		margin-bottom: 2rem
	}
	.contactus_index_body .tab_list a {
		font-size: 2rem
	}
	.contactus_index_body .index_con .address_block .txt {
		
		margin-bottom: 3rem
	}
	.contactus_index_body .index_con {
		padding-bottom: 20px
	}
	.join01 .tit h3.pageTit{
		padding:0 20px;
	}
	.join01 .tit {
		padding: 30px 15px
	}
	.join01 .txt_mobile {
		position: relative;
		height:575px;
		overflow:hidden;
	}
	.join01 .txt_mobile img.bg {
		display: block;
		width: 100%
	}
	.join01 .txt_mobile .box {
		position: absolute;
		left: 20px;
		right: 20px;
		top: 0;
		bottom: 0
	}
	.join01 .txt_mobile .box h2 {
		font-size: 2.0rem;
		color: #fff;
		font-weight: 600;
		padding: 40px 0;
		text-align: center
	}
	.join01 .txt_mobile .box .slider {
		position: relative;
		overflow: hidden;
		padding-bottom: 40px;
		margin-top:20px;
	}
	.join01 .txt_mobile .box .slider .txt {
		padding: 20px 0;
		background: rgba(255, 255, 255, 0.9);
		text-align: center
	}
	.join01 .txt_mobile .box .slider .txt i {
		display: inline-block;
		width: 100px;
		height: 100px;
		background-size: cover
	}
	.join01 .txt_mobile .box .slider .txt i.ico_1 {
		background-image: url(../images/join/join01_icon_1.png)
	}
	.join01 .txt_mobile .box .slider .txt i.ico_2 {
		background-image: url(../images/join/join01_icon_2.png)
	}
	.join01 .txt_mobile .box .slider .txt i.ico_3 {
		background-image: url(../images/join/join01_icon_3.png)
	}
	.join01 .txt_mobile .box .slider .txt i.ico_4 {
		background-image: url(../images/join/join01_icon_4.png)
	}
	.join01 .txt_mobile .box .slider .txt i.ico_5 {
		background-image: url(../images/join/join01_icon_5.png)
	}
	.join01 .txt_mobile .box .slider .txt h3 {
		font-size: 1.8rem;
		color: #003a8f;
		font-weight: 600;
		padding: 0 0 20px
	}
	.join01 .txt_mobile .box .slider .txt p {
		font-size: 1.6rem;
		color: #333;
		line-height: 2.6rem;
		min-height: 94px
	}
	.join01 .txt_mobile .box .slider .dot {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 10px;
		text-align: center;
		z-index: 2
	}
	.join01 .txt_mobile .box .slider .dot span {
		display: inline-block;
		width: 9px;
		height: 9px;
		background-color: rgba(71, 71, 71, 0.6);
		opacity: 1;
		border-radius: 0
	}
	.join01 .txt_mobile .box .slider .dot span.swiper-pagination-bullet-active {
		background-color: #24beef
	}
	.join02 {
		padding: 30px 0 10px
	}
	.join02 a {
		margin-bottom: 20px
	}
	.join02 a img.pcBody{
		display:none;
	}
	.join02 a img.mbBody{
		display:block;
	}
	.join02 a .mask.mask_1,
	.join02 a .mask {
		background-image: url(../images/join/join02_bg_mobile.png);
		background-position: left bottom;
		background-size: auto 100%
	}
	.join02 a .txt {
		padding: 20px 15px
	}
	.join02 a .txt h3 {
		font-size: 1.3rem
	}
	.join02 a .txt h4 {
		font-size: 1.8rem;
		line-height: 2.2rem
	}
	.join03 .dot {
		bottom: inherit;
		top: 64%
	}
	.join03 .txt_body .box {
		position: inherit;
		top: inherit;
		transform: none
	}
	.join03 .txt_body img.pcBody{
		display:none;
	}
	.join03 .txt_body img.mbBody{
		display:block;
	}
	.join03 .txt_body .box .cont {
		width: 100%;
		padding-left: 20px;
		background-image: url(../images/join/join03_txt_1_mobile.png);
		background-size: 14px auto;
		background-position: left 10px
	}
	.join03 .txt_body .box .cont .txt {
		padding-right: 20px;
		padding-bottom: 20px;
		background-image: url(../images/join/join03_txt_2_mobile.png);
		background-size: 14px auto
	}
	.join03 .txt_body .box .cont .txt h3 {
		font-size: 1.4rem;
		line-height: 2.4rem;
		color: #333
	}
	.join03 .txt_body .box .cont .txt h4 {
		font-size: 1.4rem;
		color: #24beef;
		padding-top: 25px
	}
	.joinBotm {
		padding: 0 0 20px
	}
	.joinBotm h3 {
		font-size: 2.2rem;
		padding: 30px 0
	}
	.joinBotm a {
		display: block;
		margin-bottom: 20px
	}
	.joinBotm a img{
		transform:none;
	}
	.joinBotm a .box h4 {
		font-size: 2.0rem
	}
	.develop01 {
		padding-bottom: 0;
	}
	.develop01 .tit {
		padding: 30px 0 10px
	}
	.develop01 .tit h3 {
		font-size: 1.8rem;
		line-height:3.4rem;
		padding:0 20px;
	}
	.develop01 .tit h4 {
		font-size: 1.8rem
	}
	.develop01 .txt_body .top {
		padding-bottom: 20px
	}
	.develop01 .txt_body .top .line {
		width: 40px
	}
	.develop01 .txt_body .top h3 {
		font-size: 2.0rem
	}
	.develop01 .txt_body .cont {
		position: inherit;
		padding-top: 10px;
		
	}
	.develop01 .txt_body .cont .box {
		float: left;
		margin: 10px 0;
		padding: 30px 15px;
		width: 100%;
		box-sizing: border-box;
		position: relative;
		left: inherit;
		right: inherit;
		top: inherit;
		transform:none;
	}
	.develop01 .txt_body .cont .box.fl{
		margin-left:0;
	}
	.develop01 .txt_body .cont .box.center{
		position:relative;
		left:inherit;
		top:inherit;
	}
	.develop01 .txt_body .cont .box.fr{
		margin-right:0;
	}
	.develop01 .txt_body .cont .box .arrow {
		display: none
	}
	.develop01 .txt_body .cont .box h3 {
		font-size: 1.8rem
	}
	.develop01 .txt_body .cont .box .line {
		width: 40px;
		margin: 15px 0 10px
	}
	.develop01 .txt_body .cont .box p {
		font-size: 1.6rem;
		line-height: 2.6rem
	}
	.develop02 .box .line {
		width: 40px
	}
	.develop02 .box h3 {
		font-size: 1.6rem
	}
	.develop02 .box p {
		font-size: 2.0rem;
		line-height: 3.0rem;
		padding: 0 20px
	}
	.develop03 {
		padding-bottom: 20px
	}
	.develop03 .top {
		padding: 30px 0 10px
	}
	.develop03 .top .line {
		width: 40px
	}
	.develop03 .top h4 {
		font-size: 1.8rem
	}
	.develop03 .cont img.pcBody{
		display:none;
	}
	.develop03 .cont img.mbBody{
		display:block;
	}
	.welf01 {
		padding: 30px 0
	}
	.welf01 .tip img {
		width: 30px
	}
	.welf01 .tx_1 {
		background-size: 100% auto;
		padding-top: 30px;
		background-position: center 20px
	}
	.welf01 .tx_1 h2 {
		font-size: 2.4rem
	}
	.welf01 .tx_1 .line{
		width:1px;
	}
	.welf01 .tx_2 p {
		font-size: 1.8rem;
		line-height: 2.8rem
	}
	.welf01 .tx_2 .line {
		width: 30px;
		margin: 10px 0;
		height:1px;
	}
	.welf02 ul.pcBody {
		display: none
	}
	.welf02 .list_mobile {
		padding: 0 15px
	}
	.welf02 .list_mobile .box {
		position: relative;
		overflow: hidden;
		margin-bottom: 20px
	}
	.welf02 .list_mobile .box img {
		display: block;
		width: 100%
	}
	.welf02 h2{
		font-size:2.4rem;
	}
	.welf02 .list_mobile .box .txt {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		text-align: center;
		background-color: rgba(0, 58, 143, 0.5)
	}
	.welf02 .list_mobile .box .txt table {
		width: 100%;
		height: 100%
	}
	.welf02 .list_mobile .box .txt h3 {
		font-size: 5.4rem;
		color: #fff;
		font-family: "SourceHanSansCNExtraLight";
		padding-bottom: 5px
	}
	.welf02 .list_mobile .box .txt h4 {
		font-size: 1.6rem;
		color: #fff;
		line-height: 2.2rem
	}
	.welf03 {
		padding: 30px 0 10px
	}
	.welf03 ul.list_Body li {
		padding-bottom: 0
	}
	.welf03 ul.list_Body li .txt {
		padding: 15px
	}
	.welf03 ul.list_Body li .txt p {
		font-size: 1.6rem;
		line-height: 2.6rem
	}
	.actBody {
		padding-bottom: 10px
	}
	.actBody ul.list_Body li .pic {
		margin-bottom: 10px
	}
	.actBody ul.list_Body li .pic .slick-dots {
		bottom: 15px
	}
	.actBody ul.list_Body li .txt p {
		padding-bottom: 0
	}
	.news {
		margin-top: 64px;
		border-top: 0
	}
	.newsHot {
		padding: 20px 0
	}
	.newsHot .slider {
		padding-bottom: 20px;
		max-height:inherit;
	}
	.newsHot h2 {
		font-size: 2.0rem;
		padding-bottom: 20px
	}
	.newsHot .slider h3 {
		font-size: 1.8rem;
		line-height: 2.4rem;
		padding-top: 15px
	}
	.newsHot .slider a.pic{
		overflow:hidden;
	}
	.newsHot .slider .dot {
		left: 0;
		width: 100%;
		text-align: center
	}
	.newsHot .slider .dot{
		bottom:inherit;
		top:175px;
	}
	.newsHot .slider .dot span{
		width:8px;
		height:8px;
		background-color:#fff;
	}
	
	.newsSet{
		padding:20px;
	}
	.newsSet select {
		width: 100%;
		height: 40px;
		margin-bottom: 15px
	}
	.newsSet input {
		height: 40px;
		padding: 6px 20px;
		width: calc(100% - 80px)!important;
		margin-right: 0
	}
	.newsSet a {
		height: 40px;
		line-height: 40px;
		width: 80px
	}
	.newslist .list .box a:hover .pic img{
		transform:none;
	}
	.newslist .list .box a h4{
		padding-bottom:1rem;
	}
	.newslist .list .box a h3{
		margin-bottom:1.5rem;
	}
	.newslist .more div.clearfix {
		width: 100%
	}
	
	.newslist .more a span {
		width: 100px;
		height: 36px;
		line-height: 3.6rem;
		font-size: 1.6rem
	}
	.newsDet01 {
		padding: 0 0 20px
	}
	.newsDet01 .top {
		padding: 20px 0
	}
	.newsDet01 .top .news_crumb {
		display: none
	}
	.newsDet01 .top h3 {
		font-size: 2.0rem;
		line-height: 2.8rem;
		font-weight: 600
	}
	.newsDet01 .top h4 {
		padding-top: 10px;
		font-weight: 100
	}
	.newsDet01 .fckBody{
		overflow:hidden;
	}
	.newsDet01 .fckBody p {
		font-size: 1.6rem;
		line-height: 2.6rem
	}
	.newsDet01 .fckBody p img {
		max-width: 100%!important;
		height: inherit!important;
	}
	.newsDet01 .fckBody ul li{
		padding-left:10px;
		font-size:1.6rem;
		line-height:2.6rem;
		color:#333;
		position: relative;
	}
	.newsDet01 .fckBody ul li::before{
		content:"";
		display:inline-block;
		width:5px;
		height:5px;
		background-color:#333;
		border-radius:50%;
		position: absolute;
		left:0;
		top:9px;
	}
	.newsDet01 .fckBody table{
		max-width:100%;
		width:100%;
	}
	.newsDet01 .fckBody table td{
		max-width:100%;
	}
	.newsDet02 {
		padding: 20px 0
	}
	.newsDet02 h2 {
		font-size: 2.4rem;
		padding-left: 0
	}
	.newsDet02 .slick-slider {
		margin-bottom: 0
	}
	.newsDet02 .list {
		padding-bottom: 40px
	}
	.newsDet02 .list a h3 {
		font-size: 1.8rem;
		line-height: 2.8rem
	}
	.newsDet02 .list .slick-dots li button{
		width:8px;
		height:8px;
	}
	.newsDet02 .list a {
		margin: 0;
		min-height:270px;
	}
	.newsDet02 .list .slick-dots {
		bottom: 0
	}
	.pro_details_body .pro_details_top {
		padding: 3rem 0
	}
	.pro_details_body .pro_details_point_box p.tit{
		font-size:1.6rem;
		line-height:3rem;
		padding:0 5px;
	}
	.pro_details_body .pro_details_top .container{
		padding:0 20px;
	}
	.pro_details_body .pro_details_top p {
		font-size: 1.6rem;
		line-height: 3rem;
		text-align: left;
		padding:0;
	}
	.pro_details_body .pro_details_point_box {
		padding: 3rem 0 2rem;
	}
	.pro_details_body .pro_details_point_box h3.page_tit{
		font-size:2.2rem;
	}
	.color_list li {
		height: inherit;
		width: 100%;
		margin-right: 0
	}
	.color_list li h3 {
		font-size: 1.8rem
	}
	.color_list li .blank {
		width: 40px;
		margin: 15px auto;
		
	}
	.color_list li p {
		font-size: 1.6rem;
		line-height: 2.6rem
	}
	.color_list.s_2 li {
		width: 100%;
		margin-right: 0
	}
	.color_list.s_2 li:nth-child(2n + 2){
		width:100%;
	}
	.color_list li:last-child{
		margin-bottom:0;
	}
	.pro_details_txt_body dl dd {
		width: 100%
	}
	.pro_details_txt_body dl dd:first-child .img {
		opacity: 1
	}
	.pro_details_txt_body dl dd:nth-child(2) {
		display: none
	}
	.pro_details_txt_body dl dd .txt_con {
		position: inherit;
		top: inherit;
		transform: none;
		min-width: inherit;
		max-width: inherit;
		padding: 3rem 1.5rem;
		left:inherit;
	}
	.pro_details_txt_body dl dd .txt_con h3 {
		font-size: 2rem;
		margin-bottom: 1.5rem
	}
	.pro_details_txt_body dl dd .txt_con ul li {
		font-size: 1.6rem;
		line-height: 2.6rem
	}
	.swiper_out {
		background: #fff
	}
	.swiper_out .prev,
	.swiper_out .next {
		display: inline-block;
		width: 35px;
		height: 37px;
		z-index: 2;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		opacity: 1
	}
	.swiper_out .prev {
		background-image: url(../images/products/prev.png);
		left: -10px
	}
	.swiper_out .next {
		background-image: url(../images/products/next.png);
		right: -10px
	}
	.pro_details_top h3{
		font-size:2.2rem!important;
	}
	
	.pro_details_body .about_case_body {
		padding: 3rem 0
	}
	.pro_details_body .about_case_body h3.tit {
		font-size: 2.0rem;
		padding:0;
	}
	.pro_details_body .about_case_body .about_case_con {
		height: inherit
	}
	.pro_details_body .about_case_body .about_case_con p {
		margin: 2rem 1.5rem;
		font-size: 1.6rem;
		line-height: 2.6rem
	}
	.pro_details_body .about_case_body .about_case_con .img_out .txt h6 {
		margin-top: 1rem
	}
	.pro_details_body .about_case_body .about_case_con .img_out .txt h3 {
		font-size: 2.0rem
	}
	.pro_details_body .about_case_body .about_case_con .img_out img{
		transform:none;
	}
	.pro_details_body .about_case_body .swiper_out .prev,.pro_details_body .about_case_body .swiper_out .next{
		top: 30%;
		margin-top:0;
	}
	
	.urbalis888_box_3 .page_tit {
		padding-bottom: 3rem
	}
	.urbalis888_box_3 .page_tit::after {
		bottom: 1.5rem
	}
	.urbalis888_box_3 .txt h6 {
		font-size: 1.6rem;
		line-height:2.6rem;
		margin-bottom: 1rem
	}
	.urbalis888_box_3 .txt .box {
		height: inherit;
		width: 80%;
		margin: 10px auto;
		padding: 2.5rem 0
	}
	.urbalis888_box_3 .bg.pcBody{
		display:none;
	}
	.urbalis888_box_3 .bg.mbBody{
		display:block;
	}
	.urbalis888_box_3 .txt .box h3 {
		font-size: 1.8rem;
		margin-top: 0
	}
	.urbalis888_box_3 .txt .box .blank {
		margin: 8px auto;
		width: 40px
	}
	.urbalis888_box_3 .txt .box p {
		font-size: 1.4rem
	}
	.urbalis888_box_4 {
		padding: 3rem 0
	}
	.urbalis888_box_4 h3.tit {
		font-size: 1.8rem;
		line-height:3.4rem;
		margin-bottom: 1rem;
		padding:0 10px;
	}
	.urbalis888_box_4 .map_mobile img {
		display: block;
		width: 100%
	}
	.map_box_p{
		width:100%;
	}
	
	#fzk_ctc_1 dl dd {
		width: 100%
	}
	#fzk_ctc_1 dl dd:first-child {
		display: none
	}
	#fzk_ctc_1 dl dd:last-child .img {
		opacity: 1
	}
	#fzk_ctc_1 dl dd .txt_con {
		position: inherit;
		top: inherit;
		transform: none;
		min-width: inherit;
		max-width: inherit;
		padding: 3rem 1.5rem;
		left:inherit;
	}
	#fzk_ctc_1 dl dd .txt_con h3 {
		font-size: 2rem;
		margin-bottom: 1.5rem
	}
	#fzk_ctc_1 dl dd .txt_con ul li {
		font-size: 1.6rem;
		line-height: 2.6rem
	}
	
	#fzk_ctc_2 {
		padding: 4rem 0 3rem!important;
	}
	#fzk_ctc_2 .tit {
		font-size: 1.8rem!important;
		line-height: 3.4rem!important;
		padding:0;
		margin-bottom:20px!important;
	}
	#fzk_ctc_2 dl dd {
		width: 100%
	}
	#fzk_ctc_2 dl dd:last-child {
		display: none
	}
	#fzk_ctc_2 dl dd:first-child .img {
		opacity: 1
	}
	#fzk_ctc_2 dl dd .txt_con {
		position: inherit;
		top: inherit;
		transform: none;
		min-width: inherit;
		max-width: inherit;
		padding: 3rem 1.5rem;
		left:inherit;
	}
	#fzk_ctc_2 dl dd .txt_con h3 {
		font-size: 2rem;
		margin-bottom: 1.5rem
	}
	#fzk_ctc_2 dl dd .txt_con ul li {
		font-size: 1.6rem;
		line-height: 2.6rem
	}
	ul.list_Body {
		padding: 0
	}
	ul.list_Body li {
		padding-top: 0
	}
	ul.list_Body li .pic {
		width: 100%;
		margin-bottom: 10px
	}
	ul.list_Body li .pic img {
		display: block;
		width: 100%
	}
	ul.list_Body li .txt {
		padding: 15px 0 0;
		width: 100%
	}
	ul.list_Body li .txt.fl h3,
	ul.list_Body li .txt.fr h3,
	ul.list_Body li .txt h3 {
		margin: 0;
		padding-left: 0;
		padding-right: 0;
		font-size: 1.8rem;
		border-bottom: 0;
		line-height: 2.8rem;
		padding-top: 0;
		padding-bottom: 10px
	}
	.pageBanner .txt a {
		font-size: 1.4rem;
		line-height: 2.4rem;
		width: 120px;
		padding: 8px 0;
		margin-top: 15px
	}
	ul.list_Body li .txt p {
		background-size: 5px;
		font-size:1.6rem;
		line-height:2.6rem;
	}
	.city_list_body .city_list_top {
		padding: 3rem 15px
	}
	.city_list_body .city_list_top .list_con img.pcBody{
		display:none;
	}
	.city_list_body .city_list_top .list_con img.mbBody{
		display:block;
	}
	.city_list_body .city_list_top .list_con p {
		padding: 20px;
		font-size: 2rem;
		line-height: 2.8rem
	}
	.city_list_body .city_list_center .bg.pcBody{
		display:none;
	}
	.city_list_body .city_list_center .bg.mbBody{
		display:block;
	}
	.city_list_body .city_list_center .txt h3 {
		font-size: 2rem;
		line-height:3.4rem;
		padding:0 10px;
	}
	.city_list_body .city_list_center .txt p {
		font-size: 1.6rem;
		line-height: 2.6rem;
		margin: 10px 0;
		padding:0 10px;
	}

	.city_list_body .city_list_top .list_con img {
		max-width: 100%;

		transform: none;
	}
	.about_list_body .about_list_con a.link{
		height:210px;
		overflow:hidden;
	}
	.about_list_body .about_list_con img {
		height:inherit;
	}
	.about_list_body {
		padding: 3rem 0;
		overflow:hidden;
	}
	.about_list_body h3 {
		padding-bottom: 3rem;
		font-size: 2.0rem;
		padding-top:0;
	}
	.about_list_body .list_slider {
		position: relative
	}
	.about_list_body .list_slider .prev,
	.about_list_body .list_slider .next {
		position: absolute;
		display: inline-block;
		width: 35px;
		height: 37px;
		z-index: 2;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		top: 24%;
/*		transform: translateY(-50%);*/
	}
	.about_list_body .list_slider .prev {
		background-image: url(../images/products/prev.png);
		left: -10px
	}
	.about_list_body .list_slider .next {
		background-image: url(../images/products/next.png);
		right: -10px
	}
	.contactus_list_body {
		padding: 3rem 0
	}
	.contactus_list_body h3 {
		font-size: 2.4rem
	}
	.contactus_list_body p {
		font-size: 1.6rem
	}
	.contactus_list_body h6 a {
		padding: 10px 25px;
		font-size: 1.4rem
	}
	.cases_list_body .cases_list_top {
		padding: 3rem 15px
	}
	.cases_list_body .list_box {
		margin-bottom: 2rem
	}
	.cases_list_body .list_box .txt.fl {
		width: 100%;
		padding: 20px 0 10px
	}
	.cases_list_body .list_box .txt.fl h6 {
		font-size: 1.6rem;
		line-height: 2.6rem
	}
	.cases_list_body .list_box .txt.fl h3 {
		padding-left: 0;
		width: 100%;
		margin-left: 0;
		font-size: 2.2rem
	}
	.cases_list_body .list_box .txt.fl p {
		font-size: 1.6rem;
		line-height: 2.6rem;
		color: #333
	}
	.cases_list_body .list_box img.fl {
		display: block;
		max-width: 100%
	}
	.cases_list_body .cases_list_btm {
		padding: 3rem 0
	}
	.cases_list_body .cases_list_btm h3.tit {
		font-size: 2.0rem;
		margin-bottom: 3rem;
		padding:0;
	}
	.cases_list_mobile {
		position: relative
	}
	.cases_list_mobile .prev,
	.cases_list_mobile .next {
		position: absolute;
		display: inline-block;
		width: 35px;
		height: 37px;
		z-index: 2;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		top: 26%
	}
	.cases_list_mobile .prev {
		background-image: url(../images/products/prev.png);
		left: -10px
	}
	.cases_list_mobile .next {
		background-image: url(../images/products/next.png);
		right: -10px
	}
	.cases_list_mobile .swiper-container {
		background-color: #fff
	}
	.cases_list_mobile .swiper-slide a {
		display: block;
		text-decoration: none;
		cursor: default
	}
	.cases_list_mobile .swiper-slide .img_out {
		position: relative;
		z-index: 1;
		overflow: hidden
	}
	.cases_list_mobile .swiper-slide .img_out img {
		width: 100%;
		display: block;
		transform: scale(1.05);
		transition: all ease .3s
	}
	.cases_list_mobile .swiper-slide .img_out .mask {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.2);
		z-index: 1
	}
	.cases_list_mobile .swiper-slide .img_out p {
		color: #fff;
		font-size: 2.8rem;
		font-weight: 700;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		width: 100%;
		text-align: center;
		z-index: 2;
		padding: 0;
		margin: 0
	}
	.cases_list_mobile .swiper-slide p {
		margin: 2rem 1.5rem 1rem;
		font-size: 1.6rem;
		line-height: 2.4rem;
		color: #333
	}
	.inner_kv_body .txt_con .cases_details_txt{
		
	}
	.cases_details_body {
		padding: 3rem 0 0
	}
	.cases_details_body h3.tit {
		font-size: 1.8rem;
		line-height: 3.4rem;
		padding:0;
	}
	.cases_details_body .video_or_img_body video{
		background-color:#000;
	}
	.cases_details_body div.blank {
		width: 40px;
		margin: 20px auto
	}
	.cases_details_body p img {
		max-width: 100%
	}
	.cases_details_body .details_txt_con {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 2rem;
		margin-top: 2rem
	}
	.cases_details_body .details_txt_con h3 {
		font-size: 2.0rem;
		line-height: 3.0rem;
		margin-bottom:1.5rem;
	}
	.cases_details_body .details_txt_con p {
		font-size: 1.6rem;
		line-height: 2.6rem
	}
	.cases_details_body .details_txt_con .txt_list .col-sm-6 {
		padding-bottom: 2.2rem
	}
	.cases_details_body .details_txt_con .txt_list h4 {
		font-size: 1.6rem;
		margin-bottom: 5px
	}
	.cases_details_body .details_txt_con .txt_list p {
		font-size: 1.6rem;
		line-height: 2.6rem
	}
	.txt_list_1 li i {
		font-size: 14px;
		padding-right: 5px
	}
	.txt_list_1 li span {
		font-size: 1.6rem;
		line-height: 2.6rem;
		width: calc(100% - 20px)
	}
	.cases_details_body .more_cases_body {
		height: inherit
	}
	.cases_details_body .more_cases_body .bg {
		position: inherit;
		top: inherit;
		transform: none
	}
	.cases_details_body .more_cases_body .bg.pcBody{
		display:none;
	}
	.cases_details_body .more_cases_body .bg.mbBody{
		display:block;
	}
	.cases_details_body .more_cases_body .txt h6 {
		font-size: 1.4rem
	}
	.cases_details_body .more_cases_body .txt h3 {
		font-size: 2.4rem;
		margin:1rem 0 2rem;
	}
	.search_body {
		padding-top: 64px
	}
	.search_body .search_input_bar {
		padding: 2rem 0 3rem
	}
	.search_body .search_top_con {
		padding-top: 2rem;
		padding-bottom: 1rem
	}
	.search_body .search_top_con a {
		margin-bottom: 1.5rem
	}
	.services_body .services_box_1 {
		padding: 3rem 0
	}
	.services_body .services_box_1 .page_tit {
		font-size: 1.8rem;
		line-height:3.4rem;
	}
	.services_body .services_box_1 .line {
		text-align: left;
		font-size: 1.6rem;
		line-height: 2.6rem;
		margin-bottom: 3rem
	}
	.services_body .services_box_2 {
		background: url(../images/services/services_bg_1_mobile.jpg) center no-repeat;
		background-size:cover;
		padding: 8rem 0；
	}
	.services_body .services_box_2 h3.tit {
		font-size: 1.6rem
	}
	.services_body .services_box_2 p {
		font-size: 1.6rem;
		line-height: 2.6rem;
		margin-bottom: 2rem
	}
	.services_body .services_box_2 p.mb35 {
		margin-bottom: 35px
	}
	.services_body .services_box_2 .slider {
		padding: 0 30px;
		position: relative;
		overflow: hidden
	}
	.services_body .services_box_2 .slider .prev,
	.services_body .services_box_2 .slider .next {
		width: 30px;
		height: 59px;
		display: inline-block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		background-repeat: no-repeat;
		background-size: cover
	}
	.services_body .services_box_2 .slider .prev.swiper-button-disabled,
	.services_body .services_box_2 .slider .next.swiper-button-disabled {
		opacity: .5
	}
	.services_body .services_box_2 .slider .prev {
		left: 0;
		background-image: url(../images/services/prev.png)
	}
	.services_body .services_box_2 .slider .next {
		right: 0;
		background-image: url(../images/services/next.png)
	}
	.services_body .services_box_2 .slider .txt {
		text-align: center;
		background: url(../images/services/slider_txt.png) center no-repeat;
		background-size: auto 100%
	}
	.services_body .services_box_2 .slider .txt table {
		width: 100%;
		height: 100%
	}
	.services_body .services_box_2 .slider .txt h4 {
		font-size: 3.4rem;
		font-family: "SourceHanSansCNExtraLight";
		padding-bottom: 1rem
	}
	.services_body .services_box_2 .slider .txt h5 {
		font-size: 1.6rem;
		font-family: "SourceHanSansCNExtraLight";
		line-height: 2rem
	}
	.services_body .services_box_3 h3 {
		font-size: 2.0rem;
		margin-bottom: 1.5rem
	}
	.services_body .services_box_3 .box_mobile {
		background-image: url(../images/services/services_bg_2_line.png);
		background-repeat: no-repeat;
		background-size: 5px 100%;
		background-position: center top;
		padding: 8rem 0
	}
	.services_body .services_box_3 .box_mobile ul li {
		display: inline-block;
		width: 100%
	}
	.services_body .services_box_3 .box_mobile ul li .txt {
		width: 50%;
		box-sizing: border-box;
		position: relative
	}
	.services_body .services_box_3 .box_mobile ul li .txt.fr {
		padding-left: 30px;
		text-align: left
	}
	.services_body .services_box_3 .box_mobile ul li .txt.fl {
		padding-right: 30px;
		text-align: right
	}
	.services_body .services_box_3 .box_mobile ul li .txt h6 {
		font-size: 1.2rem;
		line-height: 2rem;
		color: #fff
	}
	.services_body .services_box_3 .box_mobile ul li .txt h3 {
		font-size: 1.4rem;
		line-height: 2rem;
		color: #fff;
		font-weight: 600;
		margin: 0.5rem 0 1rem
	}
	.services_body .services_box_3 .box_mobile ul li .txt p {
		font-size: 1.2rem;
		line-height: 2.0rem;
		color: #fff
	}
	.services_body .services_box_3 .box_mobile ul li .txt span {
		background: #3d8fd1;
		position: absolute;
		top: 0;
		width: 36px;
		padding: 3px 0
	}
	.services_body .services_box_3 .box_mobile ul li .txt span img {
		display: block;
		width: 100%
	}
	.services_body .services_box_3 .box_mobile ul li .txt.fr h3 {
		text-align: left
	}
	.services_body .services_box_3 .box_mobile ul li .txt.fl h3 {
		text-align: right
	}
	.services_body .services_box_3 .box_mobile ul li .txt.fr span {
		left: -8px
	}
	.services_body .services_box_3 .box_mobile ul li .txt.fl span {
		right: -8px
	}
	.services_body .services_box_3 .box_mobile ul li .txt a {
		font-size: 12px;
		padding-bottom: 3px;
		color: #243c7d;
		text-decoration: none;
		border-bottom: 1px solid #243c7d
	}
	.services_body .services_box_4 {
		padding: 3rem 0
	}
	.services_body .services_box_4 h3 {
		font-size: 2.0rem;
		margin-bottom: 2.5rem
	}
	.services_body .services_box_4 p {
		text-align: left;
		font-size: 1.6rem;
		line-height: 2.6rem;
		margin-bottom: 3rem
	}
	.services_body .services_box_5 {
		padding: 3rem 0 1rem
	}
	.services_body .services_box_5 .container h6.tit {
		font-size: 1.4rem
	}
	.services_body .services_box_5 .container h3.tit {
		font-size: 3.4rem;
		margin: 0.5rem 0 1rem
	}
	.services_body .services_box_5 .container h3.tit a {
		color: #000;
		text-decoration: none;
		outline: 0
	}
	.services_body .services_box_5 .container .row {
		margin-top: 3rem
	}
	.services_body .services_box_5 .container .address {
		background-color: #fff;
		height: inherit;
		border:1px solid #cfcfcf;
		margin-bottom:20px;
	}
	.services_body .services_box_5 .container .address h3 {
		font-size: 2.0rem
	}
	.services_body .services_box_5 .container .address p {
		font-size: 1.4rem;
		line-height: 2.4rem;
		color: #333
	}
	.services_body .services_box_5 .container .address p a {
		color: #333;
		outline: 0
	}
	.about01 {
		width: 100%
	}
	.about03 .txt_body {
		width: 100%
	}
	.about01 .video {
		width: 100%;
		height: inherit
	}
	.about01 {
		padding: 20px 0 30px
	}
	.about01 h3 {
		background-size: auto 60%
	}
	.about01 h3 span {
		font-size: 5rem
	}
	.about01 h4 {
		padding: 20px 0;
		font-size: 1.8rem;
		line-height: 3.4rem
	}
	.about01 .txt {
		font-size: 1.6rem;
		line-height: 2.6rem
	}
	.about01 .video {
		margin: 20px 0
	}
	.about02 {
		height: inherit;
		background: #043a9c;
		padding-bottom: 30px
	}
	.about02 .txt_body {
		background-image: none;
		display: inline-block;
		width: 100%;
		height: inherit
	}
	.about02 .txt_body span {
		display: inline-block;
		width: 100%
	}
	.about02 .txt_body .box {
		position: inherit;
		float: left;
		width: 49%;
		margin-top: 50px
	}
	.about02 .txt_body .box.right {
		float: right
	}
	.about02 .txt_body .box.left .icon,
	.about02 .txt_body .box.right .icon {
		left: 0;
		right: 0;
		background-image: none;
		padding: 0;
		width: 100%;
		height: inherit;
		top: -30px
	}
	.about02 .txt_body .box .icon img {
		display: inline-block;
		width: 60px;
	}
	.about02 .txt_body .box .txt {
		width: 100%;
		padding: 45px 10px 10px
	}
	.about02 .txt_body .box .txt h3 {
		font-size: 1.8rem
	}
	.about02 .txt_body .box .txt p {
		font-size: 1.2rem;
		line-height: 2.0rem;
	}
	.about03 {
		background-image: url(../images/about/about03-1-2021.jpg);
		background-size: 100% auto;
		background-position: center bottom;
		height: inherit;
		padding-bottom: 190px
	}
	.about03 .txt_body .txt_1 h3 {
		font-size: 1.8rem;
		padding-bottom: 0
	}
	.about03 .txt_body .txt_1 p {
		font-size: 1.4rem;
		line-height: 2.4rem
	}
	.about03 .txt_body .txt_2 {
		padding-top: 5px
	}
	.about03 .txt_body .txt_2 p {
		font-size: 1.4rem;
		line-height: 2.4rem;
		height: 4.8rem
	}
	.about03 .txt_body .txt_2 h3 b {
		font-size: 3.4rem
	}
	.about03 .txt_body .txt_3 {
		padding-top: 5px
	}
	.about03 .txt_body .txt_3 p {
		font-size: 1.4rem;
		line-height: 2.4rem
	}
	.about03 .txt_body .txt_3 h3 {
		font-size: 1.8rem
	}
	.about03_p{
		padding-right:0;
		text-align:center;
	}
	
	.mark01 .tit {
		padding: 30px 0
	}
	.mark01 .right {
		padding-bottom: 20px;
		float: none
	}
	.mark01 .right img {
		width: 100%
	}
	.mark01 .left p {
		font-size: 1.6rem;
		line-height: 2.6rem
	}
	.mark02 {
		height: inherit;
		margin-bottom: 0
	}
	.mark02 .tit {
		padding: 30px 0
	}
	.mark02 .btnGroup {
		position: relative;
		z-index: 3;
		height: 0
	}
	.mark02 .btnGroup a {
		width: 45px;
		display: inline-block;
		height: 45px;
		position: absolute;
		outline: 0;
		cursor: pointer;
		top: 8rem
	}
	.mark02 .btnGroup .btnLeft {
		background-image: url(../images/about/btnLeft.png);
		background-repeat: no-repeat;
		background-size: cover;
		left: -15px
	}
	.mark02 .btnGroup .btnRight {
		background-image: url(../images/about/btnRight.png);
		background-repeat: no-repeat;
		background-size: cover;
		right: -15px
	}
	.mark02 .slider .box h3 {
		left: 0;
		right: 0;
		text-align: center;
		font-size: 8rem;
		top: 50%;
		margin-top:-7.8rem;
	}
	.mark02 .slider .box h4 {
		position: inherit;
		left: inherit;
		right: inherit;
		top: inherit;
		width: 100%;
		text-align: center;
		font-size: 1.5rem;
		line-height: 2.6rem;
		border-bottom: 1px solid #62cff2;
		padding-top: 10px;
		min-height: 83px
	}
	.mark02 .slider .dot {
		padding: 15px 0
	}
	.mark02 .slider .flex-control-nav{
		padding:15px 0;
	}
	.mark02 .slider .flex-direction-nav{
		display:block;
	}
	.mark02 .slider .flex-direction-nav li a {
		width: 45px;
		display: inline-block;
		height: 45px;
		position: absolute;
		outline: 0;
		cursor: pointer;
		top: 8rem;
		margin:0;
		opacity:1;
		top:35%;
	}
	.mark02 .slider .flex-direction-nav li a.prev{
		background-image: url(../images/about/btnLeft.png);
		background-repeat: no-repeat;
		background-size: cover;
		left: 0
	}
	.mark02 .slider .flex-direction-nav li a.next {
		background-image: url(../images/about/btnRight.png);
		background-repeat: no-repeat;
		background-size: cover;
		right: 0
	}
	.mark02 .slider{}
	.mark02 .slider ul.slides{height:inherit;display:inline-block;}
	.mark02 .slider ul.slides li .box{padding-left:15px;padding-right:15px;box-sizing: border-box;}
	.mark02 .slider .flex-control-nav{height:inherit;}
	.mark02 .container{padding-left:0;padding-right:0;}
	
	
	
	.event01 .tit {
		padding: 30px 15px
	}
	.event01 .tabcon {
		min-height: 320px
	}
	.event01 .slider .box {
		min-height: 320px
	}
	.event01 .slider .box .txt {
		padding-bottom: 35px
	}
	.event01 .slider .box .txt h3 {
		font-size: 5rem;
		padding-top: 15px
	}
	.event01 .slider .box .txt p {
		font-size: 1.4rem
	}
	.event01 .links {
		padding: 30px 0
	}
	.event01 .links a {
		width: 130px;
		font-size: 1.4rem;
		line-height: 2.4rem;
		margin: 0 10px
	}
	.event01 .slider .slick-prev,
	.event01 .slider .slick-next {
		display: none!important;
	}
	.event02 {
		padding: 30px 0
	}
	.event02 .container {
		padding: 0
	}
	.event02 .pic {
		padding-bottom: 30px
	}
	.event02 .list ul li h3 {
		padding: 0;
		border: 0;
		font-size: 2.8rem
	}
	.event02 .list ul li .txt {
		padding: 10px 0;
		border: 0
	}
	.event02 .list ul li .txt p {
		font-size: 1.4rem;
		line-height: 2.4rem;
		border-bottom:1px solid #ccc;
		padding-bottom:20px;
		margin-bottom:10px;
	}
	.invote {
		padding-bottom: 20px
	}
	.invote ul.list_Body li .txt p {
		font-size: 1.6rem;
		line-height:2.6rem;
		padding-bottom: 5px
	}
	.quat01 {
		padding-bottom: 30px
	}
	.quat01 .txt_body {
		display: none
	}
	.quat01 .txt_body_mobile img {
		display: block;
		width: 100%
	}
	.quat01 .txt_body_mobile .txt {
		border-left: 1px solid #686868;
		border-right: 1px solid #686868;
		border-bottom: 1px solid #686868;
		margin: 0 2.4%;
		padding: 10px 10px
	}
	.quat01 .txt_body_mobile .txt p {
		padding: 0 0 10px 15px;
		font-weight: 700;
		font-size: 1.5rem;
		line-height: 2.5rem;
		color: #333;
		background-image: url(../images/about/quat01_dot.png);
		background-position: left 10px;
		background-size: 5px;
		background-repeat: no-repeat
	}
	.quat02 {
		padding-bottom: 30px
	}
	.quat02 .list.pcBody{
		display:block;
	}
	.quat02 ul.list li{
		vertical-align: top;
	}
	.quat02 ul.list li a p{
		font-size:1.3rem;
		line-height:2.0rem;
	}
	.quat02 .slider.mbBody{
		display:none;
	}
	.honor {
		padding-bottom: 30px
	}
	.honor .tab {
		padding: 20px 0
	}
	.honor .tab a {
		font-size: 1.3rem;
		line-height: 2.4rem;
		width: 100px;
		padding: 8px 0;
		margin: 0 5px
	}
	.honor .list ul li h3 {
		height: inherit;
		line-height: 2.4rem;
		font-size: 1.4rem;
		padding: 10px 45px 10px 15px
	}
	.honor .list ul li i {
		width: 19px;
		height: 100%;
		background-size: cover;
		right: 15px;
		top: 0;
		bottom: 0;
		background-size: 19px auto;
		background-position: center
	}
	.honor .list ul li .txt_body {
		padding: 20px
	}
	.honor .list ul li .txt_body p {
		font-size: 1.2rem;
		line-height: 2rem
	}
}
@media only screen and (max-width: 768px) {
	.pc_block{display:inline;}

	.newsHot .slider a.pic{
		height:400px;
		overflow:hidden;
	}
	.newsHot .slider a.pic img{
		width:100%;
		height:auto !important;
	}
	.contactus_index_body .index_con .address_block .txt{
		min-height:200px;
	}
	
	.story__body h3.tit{
		line-height:26px;
	}
	.story__body .video_box .flex p{
		font-size:16px;
		line-height:25px;
		height:125px;
	}
	
}

@media only screen and (max-width: 600px) {
	.pc_block{display:inline;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { font-family:  "Microsoft YaHei", Arial!important;  }
	
	
	.index_products_body .list_box{
		height:inherit;
		padding-bottom:0;
	}
	.about03 {
		background-image: url(../images/about/about03_mobile_2021.jpg);
		background-size: 70% auto;
		background-position: center bottom;
	}
	#story_masonry li{
		display:block;
		margin-bottom:20px;
	}

	.pageBanner img.pcBody{
		display:none;
	}
	.pageBanner img.mbBody{
		display:block;
	}
	
	.inner_kv_body.pcBody{
		display:none;
	}
	.inner_kv_body.mbBody{
		display:block;
	}
	.join01 .txt_mobile {
		height:inherit;
	}
	.join03 .txt_body .pic{
		height:205px;
		overflow:hidden;
	}
	.join03 .dot {
		bottom: inherit;
		top: 185px;
	}
	.newsSet input{
		box-sizing: border-box;
		width: calc(100% - 80px)!important;
	}
	.event02 .pic img.pcBody{
		display:none;
	}
	.event02 .pic img.mbBody{
		display:block;
	}
	.services_body .services_box_1 .img_1.pcBody{
		display:none;
	}
	.services_body .services_box_1 .img_1.mbBody{
		display:block;
	}
	.inner_kv_body .kv.pcBody {
		display: none;
	}
	.inner_kv_body .kv.mbBody {
		display: block;
		width: 100%
	}
	#btm_news .list_box p,.cases_details_body .details_txt_con p{
		height:inherit;
	}

	.cases_details_body .more_cases_body img{
		display:none;
	}
	.cases_details_body .more_cases_body .bg.mbBody{
		display:block;
	}
	.quat02 .list.pcBody{
		display:none;
	}

	.quat02 .slider.mbBody{
		display:block;
	}
	.color_list li {
		height:inherit!important;
	}
	.city_list_body .city_list_top #list_masonry{
		height:inherit!important;
	}
	.city_list_body .city_list_top #list_masonry li{
		width:inherit!important;
		position: inherit!important;
		left:inherit!important;
		top:inherit!important;
		float:left;
		margin-bottom:20px;
	}
	.about_list_body .about_list_con a.link{
		height:220px;
		overflow:hidden;
	}
	
	.city_list_body .city_list_top #list_masonry li{
		width:100%!important;
	}
	.city_list_body .city_list_top .list_con a{
		height:150px;
		overflow:hidden;
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		width:100%!important;
	}
	.city_list_body .city_list_top .list_con a img{
		display:none;
	}
	.about_list_body .slider .slick-prev,.about_list_body .slider .slick-next{
		background-size:cover;
		background-repeat: no-repeat;
		background-position:center;
		text-indent:-9999em;
		overflow:hidden;
		width: 35px;
		height: 37px;
		top:30%;
	}
	.about_list_body .slider .slick-prev{
		background-image: url("http://139.196.23.144:18122/css/../images/products/prev.png");
		left: 5px;

	}
	.about_list_body .slider .slick-prev::before{
		display:none;
	}
	.about_list_body .slider .slick-next{
		background-image: url("http://139.196.23.144:18122/css/../images/products/next.png");
		right: 5px;
	}
	.about_list_body .slider .slick-next::before{
		display:none;
	}
	.cases_details_body .more_cases_body{
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		height:200px;
	}
	.cases_details_body .more_cases_body .bg{
		display:none;
	}
	.newsHot .slider a.pic{
		height:200px;
	}
	.newsHot .slider .flex-control-nav{
		left: 0;
		width: 100%;
		text-align: center;
		bottom:inherit;
		top:175px;
	}
	.newsHot .slider .flex-control-nav li a{
		width:8px;
		height:8px;
		background-color:#fff;
	}
}


@media only screen and (max-width: 480px) {
	.pc_block{display:inline;}
	.about03 {
		background-size: 100% auto
	}
	.join03 .dot {
		bottom: inherit;
		top: 37%
	}
	.about02 .txt_body .box .txt p{
		min-height:10rem;
	}
	
	
	.story__body h3.tit{
		font-size:14px;
		line-height:22px;
	}
	.story__body .video_box .flex i{
		width:30px;
		height:30px;
	}
	.story__body .video_box .flex p{
		font-size:14px;
		line-height:22px;
		height:88px;
		width:  calc(100% - 30px);
	}
	
}

@media only screen and (max-width: 320px) {
	.pc_block{display:inline;}
	.about02 .txt_body .box .txt p {
		min-height:110px;
	}
	.join03 .dot {
		bottom: inherit;
		top: 32%
	}
}