.menu{
	display: none;
	float: right;
}
.menu img{
	height: 40px;
    margin-top: 16px;
}
.yx_logo li img{
	position: relative;
	width: 100%;
}
.sj{
	display: none;
}

.header .header_Panel .nav.open,.header_hover .header_Panel .nav.open{
	transform: translateX(0);
}

@media(max-width:767px){
	.header,.header_hover {
		height: inherit;
		min-width: 100%;
		background-color: rgba(255,255,255,0.7);
	}
	.menu{
		display: block;
	}
	.header .header_Panel .tel,.header_hover .header_Panel .tel{
		display: none;
	}
	.header .header_Panel .nav{
		display: none;
	}
	.header .header_Panel .logo {
		margin-top: 10px;
	}
	.banner {
		height: 230px;
		min-width: 100%;
	}
	.swiper-banner .swiper-slide{
		background-size: cover !important;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 0;
		margin-bottom: 20px !important;
	}
	.home_main,.notice_panel{
		min-width: 100%;
	}
	.home_container{
		width: 90%;
	}
	.notice_panel .notice .swiper-notice .swiper-slide a{
		width: 60%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.notice_panel .notice .swiper-notice .swiper-slide{
		margin-left: 45px;
		align-items: center;
		display: flex;
	}
	.home_main{
		margin-top: 0;
	}
	.home_container .h_h3 {
		font-size: 30px;
		margin: 30px 0 0 0;
	}
	.service_ul ul li {
		width: 48%;
		float: left;
		margin-top: 0;
	}
	.service_ul ul li .item {
		padding: 20px 10px;
	}
	.service_ul ul li h2 {
		font-size: 18px;
		margin: 0 0px 20px;
	}
	.service_ul ul li .co {
		width: 100%;
		height: 96px;
		margin-top: 0;
		background-size: cover !important;
	}
	.case_panel,.case_panel .p_absolute, .solution_panel .p_absolute{
		min-width: 100%;
		height: auto;
	}
	.case_panel .swiper-case-ul{
		width: 100%;
	}
	.plat-product-list ul li {
		width: 100% !important;
		margin: 0px 0 20px 0px;
	}
	.plat-product-list ul li:first-child .h-img{
		display: none;
	}
	.case_panel .p_absolute{
		position: relative;
	}
	.case_more{
		margin: 30px auto;
	}
	.shortcut-register{
		height: 200px;
	}
	.shortcut-register .home_container .text-wrap {
		top: 30px;
		left: 0;
		right: 0;
		position: relative;
	}
	.shortcut-register .home_container .text-wrap .title {
		font-size: 22px;
	}
	.shortcut-register .home_container .text-wrap .desc {
		font-size: 16px;
	}
	.shortcut-register .home_container .btn {
		position: relative;
		top: 0;
		right: 0;
		display: block;
		margin: 50px auto 0;
		width: 150px;
		height: 36px;
		font-size: 16px;
		line-height: 36px;
	}
	.case_panel .case_nav{
		width: 100%;
		display: none;
	}
	.list:after,.yxContainer .yx_logo:after,.m_subtopic1 .subtopic_list ul:after{
		display: block;
		clear: both;
		content: '';
	}
	.n_case{
		width: 100%;
	}
	.n_case .case_list {
		padding: 0 0 35px;
	}
	.n_case .case_list .list li{
		width: 48%;
		margin: 0 1% 20px 1%;
		height: auto;
	}
	.youxian{
		height: auto !important;
	}
	.n_case .case_list .list li .g-img {
		height: 215px;
		height: auto;
		width: 100%;
	}
	.n_case .case_list .list li .g-img img{
		width:100%;
		height: auto;
	}
	.n_case .case_list .list li .g-img .text{
		width: calc(100% - 60px);
		display: none;
	}
	.n_case .case_list .list li .g-img .text .box{
		height: 150px;
		width: 100%;
	}
	.n_case .case_list .list li .info .switch{
		display: none;
	}
	.n_case .case_list .list li .g-img .tt{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		width: calc(100% - 20px);
		padding: 10px;
	}
	.n_case .case_list .list li .info{
		padding: 0 10px;
		height: 40px;
		line-height: 40px;
	}
	.clients_panel{
		display: none;
	}
	.news_panel {
		background: #f6f6f6 url(../images/news_bg.png) center bottom no-repeat;
		height: auto;
		width: 100%;
		min-width: 100%;
		padding-bottom: 50px;
	}
	.home_container .h_h1 {
		font-size: 34px;
		margin: 50px 0 0 0;
	}
	.news_panel .news_nav a{
		width: 25%;
		margin: 0;
		font-size: 14px;
		display: block;
		float: left;
	}
	.news_panel .news_container{
		width: 100%;
		height: auto;
	}
	.news_panel .news_container .news_left{
		width: 100%;
	}
	.news_panel .news_container .news_left .news-text{
		width: calc(100% - 20px);
		height: auto;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.news_panel .news_container .news_left .news-text .m-text {
		padding: 15px 0;
		width: 100%;
	}
	.news_panel .news_container .news_left .news-text .m-text .g-text{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		height: 40px;
	}
	.news_panel .news_container .news_right{
		width: calc(100% - 30px);
		padding: 20px 15px;
	}
	.news_panel .news_container .news_right .news_text .time {
		width: 25%;
		margin-right: 0;
	}
	.news_panel .news_container .news_right .news_text .time .g-d {
		font-size: 40px;
		line-height: 38px;
		margin-bottom: 10px;
	}
	.news_panel .news_container .news_right .news_text .m-text {
		float: right;
		width: 75%;
	}
	.news_panel .news_container .news_right .news_list li a {
		display: block;
		float: left;
		width: 69%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.yxContainer{
		width: 100%;
		height: auto !important;
	}
	.hzkh_text {
		font-size: 30px;
		padding: 0 5%;
		margin-top: 50px;
	}
	.hzkh_text span{
		font-size: 30px !important;
	}
	.hzkh_pj {
		font-size: 16px;
	}
	.yxContainer .yx_logo{
		width: 90%;
		margin: 0 auto;
		margin-top: 40px;
	}
	.yx_logo li {
		width: 48%;
		height: auto;
		padding: 0;
		float: left;
	}
	.yx_logo li:nth-child(2n){
		float: right;
	}
	.h-link .link_text .g-text{
		width: 100%;
	}
	.footer_top,.footer_mid{
		display: none;
	}
	.footer_bot p, .footer_bot a {
		height: auto;
	}
	.m_ads{
		margin-top: 80px;
		height: 200px;
		min-width: 100%;
		background-size: cover !important;
		position: relative;
	}
	.m_ban {
		margin-top: 80px;
	}
	.m_main1 {
		width: 100%;
		min-width: 100%;
		margin: 280px auto 0 auto;
	}
	.m_mn{
		width:100%;
	}
	.pc{
		display: none;
	}
	.sj{
		display: block;
	}
	.sjcp_nav{
		margin: 20px 0;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.sjcp_nav a{
		width: 32%;
		text-align: center;
		padding: 10px 0;
	}
	.sjcp_nav a.hover{
		background: #207dc7;
		color: #ffffff;
	}
	.m_main3,.icase_panel {
		min-width: 100%;
	}
	.n_blog{
		padding-top: 0;
	}
	.n_blog .g_content{
		width: 100%;
	}
	.m_main3 .plat-product-list ul li:first-child .h-img{
		display: block;
	}
	.wul105,.n_blog .g_side{
		width: 90%;
		margin: 0 auto;
		float: none !important;
	}
	.m_main4,.m_main9{
		min-width: 100%;
	    margin: 0 auto 0 auto;
	}
	.m_case .case_top .g_img {
		width: 100%;
		height: auto;
		float: none ;
	}
	.m_case .case_top .g_img img{
		width: 100% !important;
		height: auto !important;
	}
	.m_case .case_top .g_info {
		margin-top: 20px;
		float: none;
		width: 100%;
	}
	.m_case .case_top .g_info .g_tt {
		font-size: 20px;
		line-height: 1.5;
		height: auto;
	}
	.dededao3 {
		font-size: 18px;
	}
	.m_case .case_top .g_info .text .txt {
		max-height: initial;
		width: 100%;
	}
	.m_case .g_content .tt {
		background: url(../images/case_m_ico1.png) no-repeat 0px -103px;
		font-size: 22px;
	}
	.m_case .g_latest {
		padding: 40px 0;
		height: auto;
	}
	.m_case .swiper-latest {
		width: 100%;
		height: auto;
	}
	.m_case .g_latest .swiper-button{
		display: none;
	}
	.m_subtopic1 {
		height: auto;
	}
	.m_subtopic1 .subtopic_list{
		padding: 0 5%;
	}
	.m_subtopic1 .subtopic_list li{
		display: none;
	}
	.m_subtopic1 .subtopic_list li:last-child{
		display: block;
		float: right;
		margin-right: 0;
		text-align: right;
	}
	.m_subtopic1 .subtopic_list li dl dt {
		background: url(../images/blog_ico1.png) no-repeat right 0 center;
		padding-right: 20px;
	}
	.n_case .case_list .list{
		width: 90%;
		margin: 0 auto;
		padding-top: 20px;
	}
	.m_ads .text span {
		font-size: 22px;
	}
	.m_ads .text {
		padding-top: 20%;
	}
	.m_main8{
		min-width: 100%;
		margin: 0 auto 0 auto;
	}
	.m_mn{
		margin-top: 10px;
	}
	.n_blog .n_mn .m_text{
		width: 90%;
		margin: 0 auto;
		float: none !important;
	}
	.m_subtopic1 .subtopic_list .sj_lmname {
		float: left;
		height: 60px;
		line-height: 60px;
	}
	.n_blog .g_content,.n_blog .g_side{
		float: none !important;
	}
	.n_blog .g_top {
		height: auto;
		width: 90%;
		margin: auto;
	}
	.n_blog .g_top .r_img {
		float: none !important;
		width: 100%;
		margin-bottom: 10px;
	}
	.n_blog .g_top img, .n_blog .g_list .g_box .g_img img, .m_case .g_latest img{
		width: 100%;
		height: auto;
	}
	.n_blog .g_top .r_img .txt {
		font-size: 16px;
		padding: 10px;
		width: calc(100% - 20px);
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.n_blog .g_top .l_img{
		float: none !important;
		width: 100%;
	}
	.n_blog .g_top .l_img .text {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.n_blog .g_top .l_img .text img{
		max-width: 100%;
		max-height: initial;
	}
	.n_blog .g_list .g_box{
		width: 90%;
		margin: auto;
	}
	.n_blog .g_list .g_box .g_img{
		width: 100%;
		height: auto;
		line-height: 1;
	}
	.n_blog .g_list .g_box .g_text {
		width: 100%;
	}
	.n_blog .g_list .g_box .g_text .tt{
		margin-top: 10px;
		font-size: 16px;
		height: auto;
	}
	.n_blog .g_list .g_box .g_text .g_aside{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		height: 42px;
	}
	.pagebar li {
		padding: 0 10px;
		line-height: 30px;
	}
	.n_mn .m_text .article_tt{
		font-size:20px;
	}
	.m_main {
		min-width: 100%;
		margin: 0 auto 0 auto;
	}
	.m_subtopic {
		height: auto;
	}
	.m_subtopic .subtopic_list{
		height:50px;
	}
	.m_subtopic .subtopic_list li{
		height: 50px;
		line-height: 50px;
		padding: 0 10px;
		font-size: 16px;
	}
	.m_subtopic .subtopic_list li a{
		padding: 0 2px;
		height: 50px;
	}
	.n_about {
		padding: 40px 0;
	}
	.n_about .about .g_text{
		width: 90%;
		padding: 0 5%;
	}
	.n_about .culture{
		padding: 40px 0;
		height: auto;
	}
	.n_about .culture .culture_list {
		width: 90%;
		margin: 40px auto 0;
	}
	.n_about .culture .culture_list li{
		width: 49%;
		margin-right: 0;
		display: inline-grid;
	}
	.n_about .culture .culture_list li .g-img {
		width: 130px;
		height: 130px;
		line-height: 130px;
	}
	.n_about .culture .culture_list li .g-img img {
		width: 110px;
		height: 110px;
	}
	.n_about .culture .culture_list li .text .tt {
		font-size: 16px;
		margin: 10px 0;
	}
	.n_about .design {
		padding: 40px 0;
		height: auto;
	}
	.n_about .design .g-text {
		width: 90%;
		padding: 0 5%;
		float: none !important;
	}
	.n_about .design .g-text .tt {
		font-size: 28px;
		margin: 40px 0 15px;
	}
	.g-img{
		float: none !important;
		width: 100%;
		text-align: center;
	}
	.g-img img{
		max-height: 200px;
		max-width: 100%;
	}
	.n_about .fz {
		height: auto;
		padding: 40px 5%;
		width: 90%;
	}
	.n_about .fz .g-img {
		margin-top: 40px;
	}
	.n_contact .g_content .g-text {
		padding: 30px 5%;
		width: 90%;
		height: auto;
	}
	.n_contact .g_content .g-text .left {
		width: 100%;
		height: auto;
		float: none;
		border: none;
	}
	.n_contact .g_content .g-text .left .g-img {
		float: left !important;
		display: none;
	}
	.n_contact .g_content .g-text .left:after{
		clear: both;
		clear: both;
		display: block;
		content: '';
	}
	.n_contact .g_content .g-text .left .text {
		height: auto;
		width: 100%;
		float: right !important;
	}
	.n_contact .g_content .g-text .left .text .tt {
		font-size: 20px;
		margin-top: 0;
	}
	.n_contact .g_content .g-text .left .text .info {
		margin-top: 10px;
	}
	.n_contact .g_content .g-text .left .text .info span {
		margin-bottom: 10px;
		width: 100%;
	}
	.n_contact .g_content .g-text .right {
		width: 100%;
		padding-left: 0;
		height: auto;
		float: none;
	}
	.n_contact .g_content .g-text .right .text {
		height: auto;
		float: none;
		width: 100%;
	}
	.n_contact .g_content .g-text .right .text .tel {
		font-size: 28px;
		margin-top: 10px;
	}
	.n_contact .g_content .allmap{
		height: auto;
		margin-bottom: 0;
	}
	.n_contact .g_content .allmap img{
		width: 100%;
		margin-bottom: 0;
	}
	.header .header_Panel .nav,.header_hover .header_Panel .nav{
		position: fixed;
		float: none;
		display: block;
		background: #fff;
		width: 100%;
		margin-right: 0;
		left: 0;
		z-index: 999;
		height: 100%;
		-webkit-transition: all ease 0.5s;
		z-index: 1000;
		opacity: 1;
		visibility: visible;
		margin-top: 0px;
		overflow-y: auto;
		transform: translateX(100%);
		animation-fill-mode: both;
	}
	.nav .top {
		height: 70px;
		padding: 20px;
		box-sizing: border-box;
		background: #37b7f3;
	}
	.top .closed {
		display: block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		float: right;
		cursor: pointer;
		font-size: 26px;
		color: #fff;
		font-style: normal;
	}
	.header .nav li,.header_hover .nav li {
		height: auto;
		text-align: left;
		margin-left: 0;
		float: none;
		width: 100%;
		line-height: 1.5;
	}
	.header .nav li a,.header_hover .nav li a {
		height: auto;
		padding: 10px 15px;
		display: block;
		color: #333;
		font-size: 15px;
		border-bottom: 1px solid #f5f5f5;
	}
	.wul105.sj_ul,.n_case .case_list .list.sj_ul{
		width: 100%;
	}
	.n_contact .g_content .allmap img{
		width: initial;
	}
	.wul105.sj_ul li:first-child,.wul105.sj_ul li:last-child{
		display: none;
	}
	.plat-product-list ul li {
		width: 48% !important;
		margin: 0px 1% 20px 1%;
	}
	.plat-product-list ul li .title h5 a{
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.plat-product-list ul li .title {
		padding: 15px 10px;
	}
	.plat-product-list ul li .share{
		padding: 13px 10px;
	}
	.share span{
		margin-right: 5px;
	}
	.plat-product-list ul li .share span {
		font-size: 12px;
	}
	.plat-product-list ul li .share .xing{
		margin-right: 0;
	}
	.case_panel{
		padding-bottom:40px;
	}
	.plat-product-list ul li .h-img .dask a{
		width: 65px;
		font-size: 12px;
		height: 28px;
		line-height: 28px;
	}
	.plat-product-list ul li:hover .h-img .dask a.details {
		left: 5%;
	}
	.plat-product-list ul li:hover .h-img .dask a.yulan {
		right: 5%;
	}
}