@charset "utf-8";

/* CSS Document */
@media screen and (max-width:1600px) {
	.w {
		width: 1300px;
	}
	.clal a .tu {
		height: 300px;
	}
	.clal .al a .tu {
		height: 360px;
	}
	.list_case .tu .cb li {
		height: 280px;
	}
	.alshow .bod .bt {
		width: 200px;
	}
	.alshow .bod .tx {
		width: calc(100% - 250px);
	}

}

@media screen and (max-width:1400px) {
	.w {
		width: 1200px;
	}

}
@media screen and (max-width:1200px) {
	html,body,div,em,img,b,i,dl,dt,dd,ul,li,p {
		font: 14px "微软雅黑";
	}
	h2{
		font-size: 16px;
	}
	.w {
		width: 100%;
	}
	.head {
		padding: 10px 0;
	}
	.head .hnav{
		display: none;
	}
	
	.head .let {
		width: calc(100% - 60px);
	}
	.head .tel{
		width: auto;
	}
	.head .tel dd{
		width: 30px;
		height: 30px;
		margin: -3px 15px 0 0;
	}
	.head .tel dd img{
		width: 14px;
	}
	.head .mu{
		width: 100%;
		position: relative;
		display: flex;
	}
	.head .mu:before{
		width: 75px;
		height: 30px;
		background: #fff;
		border: solid 1px #ddd;
		border-radius: 30px;
		left: 15px;
	}
	.head .mu h2{
		font-size: 14px;
		height: 30px;
		line-height: 30px;
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow: hidden;
		visibility: hidden;
	}
	.head_xs .mu h2{
		visibility: visible;
	}
	.head .mu a:nth-child(1){
		width: calc(100% - 110px);
		display: flex;
		justify-content: center;
		height: 30px;
		background: url("../ico.png") no-repeat 30px -86px;
		background-size: 8px;
		position: relative;
		padding-left: 110px;
		z-index: 2;
	}
	.head .mu a:nth-child(2){
		width: 30px;
		height: 30px;
		position: absolute;
		left: 55px;
		background: url("../ico.png") no-repeat 5px -440px;
		background-size: 16px;
		text-indent: -9999px;
		z-index: 3;
	}
	
	.head_xs{
		padding: 5px 0;
		padding-bottom: 0;
	}
	.main{
		padding-bottom: 55px;
	}
	.hcl {
		width: 300px;
		height: 26px;
		margin-left: 15px;
	}
	
	.hcl .bz {
		width: 26px;
		margin-right: 5px;
	}
	.hcl .xx .hd {
		margin-top: 0px;
	}
	.hcl .xx .hd dt {
		width: 80px;
		margin-right: 5px;
		margin-top: 4px;
	}	
	.hcl .xx .hd dd h2 {
		font-size: 12px;
		line-height: 12px;
		margin-top: 2px;
	}
	.hcl .xx .hd dd p{
		font-size: 12px;
		position: relative;
		top: -3px;
	}
	.hcl .xx .bd {
		display: none;
	}
	
	.ser {
		width: calc(100% - 30px);
		padding-top: 10px;
		margin-left: 15px;
		flex-wrap: wrap;
	}
	
	.ser .sl {
		width: 100%;
	}
	
	.ser .cpxt {
		width: 100%;
	}
	.ser .cpxt .a {
		width: calc(100% - 14px);
		padding: 10px;
		padding-right: 0;
		background: rgba(255, 255, 255, .50);
		backdrop-filter: blur(10px);
		margin-top: 20px;
		box-shadow: 8px 8px 15px rgba(55, 99, 170, .1);
	}
	.ser .cpxt .a .fit {
		width: calc(100% - 20px);
		height: 60px;
		padding-right: 20px;
		margin-bottom: 10px;
		
	}
	.ser .cpxt .a .fit:before{
		right: 10px;
	}
	.ser .cpxt .a .fit dt {
		width: 45px;
	}
	.ser .cpxt .a .fit dd {
		width: calc(100% - 55px);
	}
	.ser .cpxt .a .fit dd h2 {
		font-size: 16px;
		line-height: 30px;
	}	
		
	.wzjs{
		display: none;
	}
	
	.sign {
		width: calc(100% - 64px);
		padding: 10px 0 10px 60px;
		height: 44px;
		margin-top: 10px;
		box-shadow: 6px 6px 15px rgba(55, 99, 170, .1);
		overflow: hidden;
		position: relative;
	}
	.sign .hd {
		width: 40px;
		font-size: 16px;
		line-height: 22px;
		position: absolute;
		left: 10px;
	}
	.sign .bd {
		width: calc(100% - 10px);
	}
	.sign .bd h2{
		font-size: 14px;
		line-height: 22px;
	}
	.sign .bd p{
		display: none;
	}
	
	.mweb{
		width: calc(100% - 30px);
		margin-left: 15px;
		display: flex;
		justify-content: space-between;
		padding-top: 65px;
	}
	.mweb b{
		width: 40px;
		height: 40px;
		margin: 0 auto;
		display: table;
	}
	.mweb img{
		width: 30px;
	}
	.mweb h2{
		font-size: 14px;
	}
	
	.case {
		width: calc(100% - 30px);
		padding: 30px 15px;
	}
	.case:before{
		width: 180px;
		height: 250px;
		left: -50px;
		top: 0px;
		margin-top: 0px;
	}
	.case .le,.case .ri{
		width: calc(50% - 7px);
	}
	.case .ct{
		margin-bottom: 15px;
		padding-bottom: 65px;
	}
	.case .ct h2{
		font-size: 20px;
		line-height: 24px;
		display: none;
	}
	.case .ct h2:nth-child(2){
		display: block;
	}
	.case .ct h3,.case .al .tu:before{
		display: none;
	}
	.case .ct a{
		left: 0px;
		top: auto;
		bottom: 10px;
	}
	.case .al a{	
		margin-top: 15px;
	}
	.case .al .tu{
		width: calc(100% - 10px);
		padding: 5px;
	}
	.case .al .tu li{
		height: 103px;
	}
	.case .al .tx{
		display: none;
	}	
	.case .ri .al .tu li{
		height: 160px;
	}
	.muban {
		width: calc(100% - 20px);
		padding: 35px 10px 30px 10px;
	}
	.muban:before {
		width: 140px;
		height: 160px;
		left: -30px;
		top: -60px;
		margin-left: 0px;
		filter:blur(80px);
	}
	.muban:after {
		width: 104px;
		height: 50px;
		padding-left: 26px;
		line-height: 28px;
		font-size: 14px;
	}
	.muban .bd ul{
		height: 160px;
	}
	.muban .hd {
		width: 90px;
		bottom: 10px;
		margin-left: -45px;
	}
	.muban .hd li {
		width: 8px;
		height: 8px;
	}
	.muban .hd li.on {
		width: 16px;
	}
	
	
	.atm{
		margin-top: 50px !important;
	}
	.about {
		width: calc(100% - 30px);
		padding: 30px 15px 30px 15px;
	}
	.about .jie {
		width: 100%;
		position: relative;
		top: 0px;
	}
	.about .jie .tx h2{
		font-size: 24px;
		line-height: 40px;
	}
	.about .jie .mr{
		display: none;
	}
	.about .bod {
		width: 100%;
		margin-top: 20px;
	}
	.about .bod .bd p{
		font-size: 16px;
		line-height: 30px;
	}
	.about .bod .cp{
		margin-top: 10px;
	}
	
	.about .bod .hd li{
		padding: 10px;
		padding-top: 35px;
		margin-top: 20px;
	}
	.about .bod .hd .l,.about .bod .hd .r{
		width: calc(50% - 5px);
	}
	.about .bod .hd li h2{
		font-size: 14px;
	}
	.about .bod .hd li em{
		font-size: 26px;
		line-height: 40px;
		padding-right: 25px;
	}
	.about .bod .hd li em:before{
		right: 0px;
		top: 13px;
		width: 18px;
		height: 18px;
		font-size: 12px;
		font-weight: 400;
	}
	.about .bod .hd li:after{		
		left: 10px;
		top: 10px;
	}
	
	.snew{
		padding: 0px;
		flex-wrap: wrap;
	}
	.snew li {
		width: calc(100% - 30px);
		margin-left: 15px;
	}
	.snew .hd {
		height: 56px;
	}
	.snew .hd:before{
		width: 130px;
		bottom: 14px;
	}
	.snew .hd:after{
		bottom: 14px;
	}
	.snew .hd dd {
		left: 10px;
		bottom: 25px;
	}
	.snew .bd {
		width: calc(100% - 20px);
		padding: 5px 10px;
		top: -15px;
		height: 216px;
		overflow: hidden;
	}
	
	.sban{
		width: calc(100% - 30px);
		padding: 10px 0 10px 15px;
	}
	.sban .tx{
		width: 100%;
		margin-top: 50px;
	}
	.sban .tx h1{
		font-size: 26px;
		height: 40px;
		margin: 0px;
	}
	.sban .tx h2{
		font-size: 14px;
		height: 20px;
		overflow: hidden;
	}
	.sban .tx ul{
		margin-top: 20px;
	}
	
	.func{
		width: calc(100% - 30px);
		margin-left: 15px;
	}
	
	.func dl,.func .wei,.func .suj{
		width: calc(100% - 15px);
		margin-bottom: 20px;
		padding: 10px;
	}
	.func dt{
		width: 40px;
		margin-right: 10px;
	}
	.func dt:before,.func dt:after{
		width: 40px;
		height: 3px;
		bottom: 25px;
	}
	.func dt:after{
		width: 25px;
		bottom: 10px;
	}
	.func dt img{
		width: 40px;
	}
	.func dd{
		width: calc(100% - 60px);
	}
	.func dd h2{
		font-size: 18px;
		height: 36px;
	}
	.func dd p{
		line-height: 20px;
		height: 40px;
		overflow: hidden;
		position: relative;
	}
	.func .wei{
		width: calc(100% - 30px);
		padding: 10px 15px;
		border-radius: 8px;
		margin-bottom: 0px;
	}
	
	.grow{
		width: calc(100% - 15px);
		padding-bottom: 40px;
		padding-right: 15px;
	}
	.grow:before{
		width: 100%;
		height: 300px;
	}
	.grow li{
		width: calc(50% - 40px);
		padding: 10px;
		padding-bottom: 100px;
		margin-left: 15px;
	}
	.grow li h2{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.grow li p{
		font-size: 14px;
		line-height: 24px;
	}
	.grow li:nth-child(2){
		padding-bottom: 70px;
	}
	.grow li:nth-child(3){
		padding-bottom: 140px;
	}
	
	.grow li:nth-child(1){
		display: none;
	}
	
	.title {
		width: calc(100% - 30px);
		padding: 20px 15px;
	}
	.title h2 {
		font-size: 22px;
		line-height: 30px;
	}
	.title h3 {
		font-size: 12px;
		height: 16px;
		overflow: hidden;
	}
	.title h2:before {
		width: 84%;
		top: 19px;
		left: 30%;
	}
	
	.inte {
		width: calc(100% - 30px);
		padding: 0;
		flex-wrap: wrap;
	}
	
	.inte .a {
		width: calc(100% - 60px);
		padding: 10px 15px;
		margin-left: 15px;
	}	
	.inte .a dd {
		width: calc(100% - 50px);
	}
	.inte .a dd p {
		height: 40px;
		overflow: hidden;
	}
	
	.inte .c {
		width: 100%;
		margin: 50px 0;
		display: flex;
		justify-content: space-between;
	}	
	.inte .c li {
		width: 120px;
		margin-top: 0px;
	}	
	.inte .c li h2 {
		width: 100%;
		font-size: 18px;
		padding: 0;
		height: 50px;
		line-height: 50px;
		justify-content: center;
	}	
	.inte .c li h3 {
		display: none;
	}	
	.inte .c li:before {
		width: 2px;
		height: 25px;
		left: 57px;
		top: -37px;
		border-top: 0px;
		border-bottom: 0px;
		border-left: 0px;
		border-radius:0;
	}	
	.inte .c li:last-child:before {
		left: auto;
		top: auto;
		right: 58px;
		bottom: -37px;
		border-top: 0px;
		border-right: 0px;
		border-radius: 0;
	}
	
	.inte .c li:after {
		width: 10px;
		height: 11px;
		left:55px;
		top: -10px;
	}
	
	.inte .c li:last-child:after {
		bottom: -10px;
		right: 55px;
	}
	.inte .a:after{
		display: none;
	}
	.effi:before{
		width: 200px;
		height: 200px;
		right: -80px;
		margin-top: -50px;
	}
	.effi .bd{
		width: calc(100% - 30px);
		margin: 0 15px;
	}
	.effi .bd dl{
		width: calc(100% - 22px);
		padding: 10px;
		margin: 7px 0;
	}
	.effi .bd dt{
		width: 100%;
	}
	.effi .bd dt h2{
		padding: 0px 10px;
		font-size: 16px;
		height: 30px;
	}
	.effi .bd dt b{
		font-size: 40px;
		height: 60px;
	}
	.effi .bd dt p{
		font-size: 14px;
		line-height: 20px;
	}
	
	.effi .bd dd{
		position: absolute;
		top: 0px;
		right: 0px;
		width: 100px;
		margin: 0px;
	}
	.real {
		width: calc(100% - 30px);
		padding: 15px;
		display: flex;
		flex-wrap: wrap;
	}
	.real .tit{
		width: 100%;
		position: relative;
		top: 0px;
	}
	
	.real .tit dd{
		font-size: 24px;
		margin: 0;
	}
	.real .tit h3{
		margin-top: 0px;
		font-size: 12px;
	}
	
	.ask{
		width:calc(100% - 2px);
	}
	.ask li{
		margin-top: 15px;
		padding:5px 10px;
	}
	
	.tban {
		width: calc(100% - 30px);
		padding: 10px 15px 0 15px;
	}
	
	.tban .tx {
		width: 100%;
		margin-top: 50px;
	}
	
	.tban .tx .x h1 {
		font-size: 26px;
	}
	
	.tban .tx .x h2 {
		font-size: 16px;
		margin: 10px 0 20px 0;
		height: 20px;
		overflow: hidden;
	}	
	.tban .tx .z{
		width: 100%;
	}
	.tban .tx .z p{
		width: 80%;
		font-size: 16px;
		line-height: 34px;
		padding-left: 22px;
		position: relative;
		background: url("../gou.png") no-repeat 0 10px;
		background-size: 16px;
	}
	.tban .tx .d {
		display: none;
	}
	
	.tban .tu {
		width: 100%;
		flex-wrap: wrap;
	}
	.tban .wei {
		width: 110px;
		position: absolute;
		top: -135px;
		right: 0px;
	}
	.tban .tu .ma{
		width: calc(100% - 20px);
		padding: 10px;
		padding-bottom: 5px;
		background:linear-gradient(125deg,#EDEEFD,#DBE9FE);  
		overflow: hidden;
	}
	.tban .tu .ma:after{
		width: 80px;
		height: 60px;
		left: -40px;
		top: -40px;
		background: #FAEFEC;
		filter:blur(30px);   
	}
	.tban .wei .ma li{
		width: 100%;
		position: relative;
		z-index: 3;
	}
	.tban .wei .ma li i{
		width: 100%;
		border-radius: 6px;
		overflow: hidden;
	}
	.tban .wei .ma li p{
		display: none;
	}
	
	.tban .weix {
		width: 140px;
		position: absolute;
		right: 0;
		bottom: 28px;
		z-index: 3;
	}
	
	.tban .weix dl {
		margin-top: 10px;
		width: calc(100% - 20px);
		flex-wrap: wrap;
		padding: 10px;
		border: solid 1px #999;
	}
	
	.tban .weix dt {
		width: 100%;
	}
	
	.tban .weix dt p {
		font-size: 12px;
	}	
	.tban .weix dt em {
		font-size: 16px;
	}
	.tban .weix dd {
		width: 130px;
	}
	.tban .weix ul,.tban .weix dt h2 {
		display: none;
	}
	.manli {
		width: 100%;
		margin-top: 15px;
	}
	.manli .bd ul{
		height: 410px;
	}
	.busi {
		width: calc(100% - 30px);
		padding: 0 15px;
		flex-wrap: wrap;
	}
	.busi .hd{
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
	}
	.busi .hd h2{
		width: 100%;
		font-size: 14px;
		text-align: center;
	}
	.busi .hd .d{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.busi .hd .d li{
		width: 90px;
	}
	.busi .hd .d li{
		height: 50px;
		padding: 15px 0;
		margin: 0px;
	}
	.busi .hd .d li:nth-child(2){
		margin: 0 15px;
	}
	.busi .hd .x{
		width: 100%;
		margin: 20px 0;
	}
	.busi .hd .x h2{
		font-size: 18px;
		font-weight: bold;
		line-height: 34px;
	}
	.busi .hd .x ul{
		width: calc(100% - 42px);
		padding: 20px;
		height: auto;
		justify-content: space-between;
	}
	.busi .hd .x li{
		width: auto;
	}	
	.busi .bd{
		width: calc(100% - 22px);
		display: flex;
		flex-wrap: wrap;
		padding: 10px;
		padding-top: 0px;
	}
	.busi .bd:before{
		width: calc(100% - 10px);
		height: calc(100% - 50px);
	}
	.busi .bd .ti{
		justify-content: center;
		font-size: 20px;
		line-height: 40px;
		font-weight: bold;
	}
	
	.busi .bd .hy{
		margin-top: 10px;
	}
	.busi .bd .hy dl{
		width: calc(33% - 14px);
		padding: 5px;
	}
	.busi .bd .hy dt{
		font-size: 16px;
		margin-bottom: 5px;
	}
	.busi .bd .hy dd p{
		height: 30px;
		margin-bottom: 5px;
	}
	.busi .bd .hy dd p:hover{
		background: #E5E5E5;
	}
	
	.busi .bd .ye{
		margin-top: 10px;
	}
	.busi .bd .ye li{
		width: 50px;
	}
	
	.busi .bd .ye li:nth-child(2){
		width: calc(100% - 60px);
		margin-top: 0px;
	}
	.busi .bd .ye li p{
		width: calc(25% - 5px);
	}
	.busi .bd .ye li:nth-child(3){
		display: none;
	}
	
	.model {
		width: calc(100% - 30px);
		padding: 30px 15px 0px 15px;
		overflow: hidden;
	}
	.model .hd h2 {
		font-size: 26px;
		line-height: 34px;
		margin: 0px;
	}
	
	.model .hd h3 {
		font-size: 18px;
		line-height: 40px;
	}	
	.model .hd p {
		font-size: 12px;
	}
	.model .bd{
		margin: 0 auto;
		display: flex;
		margin-top: 30px;
		width: 345px;
	}
	.model .bd li {
		width: 120px;
	}
	.model .bd li i{
		margin-top: 20px;
	}
	.model .bd h2 {
		font-size: 16px;
		line-height: 24px;
	}
	.model .bd li:before{
		width: 100px;
		height: 120px;
	}
	.model .bd li:nth-child(2):before{
		width: 140px;
		height: 120px;
		left: -20px;
	}
	.model .bd li:after {
		display: none;
	}
	
	
	
	
	.code {
		width: calc(100% - 30px);
		padding: 30px 15px;
	}
	
	.code .hd {
		width: 100%;
		margin-top: 0px;
		margin-bottom: 10px;
		position: relative;
		top: 0;
	}
	.code .hd h2 {
		font-size: 22px;
		line-height: 30px;
	}
	.code .hd p {
		font-size: 14px;
		line-height: 22px;
		margin-top: 10px;
	}
	.code .bd{
		width: 100%;
	}
	
	.code .bd .l,.code .bd .r{
		width: calc(50% - 7px);
	}
	
	.code .bd li {
		width: calc(100% - 30px);
		padding: 15px;
		margin: 8px 0;
	}
	.code .bd li i {
		width: 30px;
		height: 30px;
	}
	.code .bd li img {
		width: 20px;
	}
	.code .bd li h2 {
		font-size: 16px;
		height: 40px;
	}
	
	.code .bd li p {
		line-height: 22px;
		height: 86px;
		overflow: hidden;
	}
	
	.code .bd .r{
		margin-top: 30px;
	}
	
	.oper ul {
		width: calc(100% - 30px);
		margin-top: 0px;
		flex-wrap: wrap;
		padding: 0 15px;
	}
	
	.oper li {
		width: calc(50% - 30px);
		padding: 10px;
		margin-top: 20px;
	}
	.oper li:before{
		left: 10%;
		top: -35px;
		font-size: 50px;
	}
	.oper li .tx h2 {
		font-size: 20px;
		height: 30px;
		margin-bottom: 10px;
	}
	
	.oper li .tx p {
		font-size: 12px;
		line-height: 20px;
		height: 80px;
	}
	.oper li:nth-child(3) {
		width: calc(100% - 30px);
		margin-top: 35px;
		justify-content: space-between;
	}
	.oper li:nth-child(3) p{
		height: auto;
	}
	.oper li:nth-child(3) .tx{
		width: calc(100% - 150px);
	}
	
	.oper li:nth-child(3) .tu{
		width:130px;
	}
	.step {
		overflow: hidden;
		padding-bottom: 20px;
	}
	.step .hd{
		width: calc(100% - 30px);
		margin-top: 0px;
		margin-left: 15px;
		position: relative;
		top: -25px;
	}
	.step .hd li{
		width: 75px;
		margin-left: 50px;
		margin-top: 30px;
		padding-bottom: 0px;
	}
	.step .hd li h2{
		font-size: 18px;
	}
	.step .hd li b,.step .hd li:before{
		display: none;
	}
	.step .hd li:nth-child(1),.step .hd li:nth-child(4){
		margin-left: 0;
	}
	.step .hd li:nth-child(3):after{
		top: 25px;
		left: 23px;
		transform:rotate(90deg);
	}
	
	.step .bd dl{
		width: calc(100% - 30px);
		padding: 15px;
		flex-wrap: wrap;
	}
	.step .bd dt,.step .bd dd{
		width: 100%;
	}
	.step .bd dd{
		margin-top: 0px;
	}
	.step .bd li h2{
		font-size: 22px;
		padding-bottom: 40px;
	}
	.step .bd li h3{
		font-size: 14px;
		line-height: 26px;
	}
	.step .bd li p{
		height: 40px;
		font-size: 16px;
	}
	
	.step .next{
		left: auto;
		top: 120px;
		right: 15px;
	}
	.step .bd li:last-child{
		height: auto;
	}
	.lmt{
		height: 60px;
	}
	.flb{
		width: 100%;
		height: calc(100% - 60px);
		position: fixed;
		left: 0px;
		bottom: 0px;
		background:linear-gradient(to top,rgba(255,255,255,.50) 10%,#fff);
		backdrop-filter:blur(20px);
		border-radius: 8px;
	}
	.flb:before{
		width: 100px;
		height: 100%;
		left: 0px;
		top: 0px;
		background: #F2F2F2;
	}
	.mlei{
		width: calc(100% - 15px);
		padding-right: 15px;
		margin-top: 0px;
		margin-bottom: 0px;
		height: calc(100% - 30px);
		background: none;
		backdrop-filter:blur(0px);
		position: relative;
		z-index: 3;
	}
	.mlei:before{
		display: none;
	}
	.mlei .hd{
		width: 100px;
	}
	.mlei .hd li{
		width: calc(100% - 15px);
		font-size: 14px;
		padding-left: 15px;
	}
	.mlei .bd{
		width: calc(100% - 120px);
	}
	.mlei .bd li:before{
		display: none;
	}
	.mlei .bd li a {
		width: 100%;
		padding-right: 0px;
	}
	.mlei .bd li h2{
		font-size: 16px;
	}
	.mlei .bd li p{
		font-size: 12px;
	}
	.mlei .bd li dt{
		width: 50px;
	}
	.mlei .bd li dd{
		width: calc(100% - 60px);
	}
	
	.show {
		width: calc(100% - 37px);
		padding: 15px;
		padding-top: 30px;
		margin-top: 0px;
	}
	.show .le {
		width: 100%;
		padding-right: 0px;
		padding-top: 30px;
		border: 0;
	}
	
	.show .ri {
		width: 100%;
		padding-top: 15px;
	}
	.show .subnav{
		position: relative;
		top: auto;
	}
	.show .tit h2 {
		font-size:22px;
		line-height: 30px;
	}
	
	.show .tit dl {
		width: calc(100% - 40px);
		padding: 5px 5px 5px 40px;
		height: 30px;
		margin: 20px 0;
	}
	.show .tit dl:before {
		width: 30px;
		height: 30px;
		left: 5px;
		top: 5px;
	}
	.show .tit dt h3 {
		font-size: 14px;
	}
	.show .tit dd::after {
		right: 15px;
	}
	.show .tit dt p:last-child:after{	
		top: 2px;
	}
	.show .tit dd,.show .tit dt p:before{
		display: none;
	}
	.show .nex{
		margin-top: 20px;
		padding-top: 15px;
	}
	.show .nex:before {
		width: 100%;
		right: 0px;
	}
	.show .bod p {
		font-size: 16px;
		text-indent: 20px;
	}
	.show .yue{
		margin-top: 20px;
	}
	.show .yue .bd{
		margin-top: 10px;
	}
	.show .yue .bd a{
		width: calc(50% - 10px);
		height: 30px;
		line-height: 30px;
	}
	
	.show .bus{
		justify-content: space-between;
	}
	.show .bus a{
		width: calc(50% - 26px);
		padding:10px;
		padding-top: 0px;
		margin-bottom: 10px;
		height: 60px;
	}
	.show .bus dt{
		width: 20px;
		position: relative;
		top: -9px;
	}
	.show .bus dt img{
		height: 20px;
	}
	.show .bus dd{
		width: calc(100% - 30px);
	}
	.show .bus dd h2{
		font-size: 14px;
		margin-bottom: 3px;
	}
	.show .bus a:before {
		display: none;
	}
	
	.cban{
		width: calc(100% - 30px);
		padding: 60px 15px 20px 15px;
	}
	.cban .tx{
		width: 100%;
	}
	.cban .tx dt h2{
		font-size: 24px;
		line-height: 30px;
	}
	.cban .tx dd{
		width: calc(100% - 10px);
		justify-content: space-between;
	}
	.cban .tx dd a{
		height: 30px;
		padding: 0 10px;
		font-size: 16px;
	}
	
	.cban .th{display: none;}
	
	.list_case{
		width: calc(100% - 30px);
		padding: 0 15px;
		margin-bottom: 20px;
	}
	.list_case a{
		width: 100%;
		margin: 10px 0;
	}
	.list_case .tu{
		width: calc(100% - 80px);
		padding: 20px 40px;
	}
	.list_case .tu:before{
		display: none;
	}
	.list_case .tu .cb:before{
		width: calc(100% + 60px);
		left: -30px;
	}
	.list_case .tu .cb li{
		height: 200px;
	}
	.list_case .tx{
		margin-top: 5px;
	}
	.list_case .tx h2{
		font-size: 18px;
		line-height: 30px;
	}
	.list_case .tx h3{
		height: 20px;
		line-height: 20px;
		overflow: hidden;
	}
	.alban:before{
		display: none;
	}
	.alban{
		width: calc(100% - 30px);
		height: auto;
		padding: 70px 15px 0px 15px;
	}
	.alban .tx h1{
		font-size: 24px;
		line-height: 32px;
	}
	.alban .tx h2{
		font-size: 14px;
		height: 20px;
		overflow: hidden;
	}
	.alshow{
		width: calc(100% - 30px);
		padding: 15px;
		margin-top: 20px;
		margin-bottom: 20px;
		border-radius: 12px;
		background:linear-gradient(to bottom,rgba(255,255,255,.50),#fff 5%);
	}
	.alshow .map{
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.alshow .bod{
		flex-wrap: wrap;
		margin: 20px 0;
	}
	.alshow .bod .bt{
		width: 100%;
		margin-top: 8px;
		display: flex;
		position: relative;
		top: 0;
	}
	.alshow .bod .bt h2{
		font-size: 24px;
		margin-bottom: 20px;
		margin-right: 10px;
	}
	.alshow .bod .bt em{
		font-size: 12px;
		line-height: 12px;
		position: relative;
		top: 2px;
	}
	.alshow .bod .tx{
		width: 100%;
	}
	.alshow .bod .tx p{
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	.alshow .zdsb h2{
		font-size: 22px;
		line-height: 40px;
	}
	.alshow .zdsb em{
		font-size: 18px;
	}
	.alshow .zdsb ul{
		width: calc(100% - 20px);
		padding: 10px;
	}
	.alshow .zdsb li:nth-child(1){
		width: 35%;
	}
	.alshow .zdsb li:nth-child(2){
		margin: 0 30px;
	}
	.alshow .zdsb li:nth-child(3){
		width: 12%;
	}
	.alshow .alxt{
		padding: 50px 0 30px 0;
		margin: 20px 0;
	}
	.alshow .alxt:after,.alshow .alxt:before{
		display: none;
	}
	.alshow .alxt li{
		width: 80%;
		align-items: flex-end;
		padding: 5px;
		border-radius: 6px;
		background: #000;
		position: relative;
	}
	.alshow .alxt .tu{
		height: 220px;
		border-radius: 4px;
	}
	.alshow .alxt li:nth-child(1):before{
		width: calc(100% + 60px);
		left: -30px;
	}
	.alshow .alxt li:nth-child(2){
		width: 150px;	
		position: absolute;
		top: 10px;
		left: auto;
		right: 10px;
		margin-left: 0;
		z-index: 3;
	}
	.alshow .alxt li:nth-child(2) .tu{
		height: 275px;
	}
	.alnavs{
		width: calc(100% - 30px);
		padding: 15px;
		border-radius: 12px;
		position: relative;
		top: 0px;
	}
	
	.gser{
		width: calc(100% - 30px);
		padding: 15px;
		margin-top: 10px;
		background: none;
	}
	.gser .hd{
		width: 100%;
		position: relative;
		top: 0px;
		margin: 0;
	}
	.gser .hd h2{
		font-size: 22px;
		margin-bottom: 10px;
	}
	.gser .hd em{
		font-size: 22px;
	}
	.gser .hd:before{
		width: 80px;
		height: 80px;
		top: -18px;
		left: -15px;
	}
	.gser .hd h3{
		line-height: 20px;
		font-size: 12px;
	}
	.gser .bd{
		width: 100%;
	}
	.gser .bd li{
		width: calc(100% - 20px);
		padding: 10px;
		margin-top: 15px;
	}
	.gser .bd li:nth-child(1){
		margin-top: 10px;
	}
	.gser .bd li .tu{
		width: 30px;
	}
	.gser .bd li .xx{
		width: calc(100% - 40px);
	}
	.gser .bd li .xx dt h2{
		font-size: 16px;
	}
	.gser .bd li .xx dt p{
		line-height: 20px;
		margin-top: 5px;
		font-size: 12px;
	}
	.gser .bd li .xx dd a{
		width: calc(33% - 5px);
		height: 26px;
		line-height: 26px;
		margin-top: 10px;
		font-size: 12px;
		overflow: hidden;
	}
	.gser .bd li:before{
		display: none;
	}
	
	.mnav{
		width: calc(100% - 30px);
		padding: 6px 15px;		
		position: fixed;
		left: 0px;
		bottom: 0px;
		border-radius: 12px 12px 0px 0px;
		display: flex;
		justify-content: space-between;
		box-shadow: 0px 8px 20px rgba(55, 99, 170, .2);
		background:linear-gradient(to bottom,rgba(255,255,255,.7) 30%,#fff);
		backdrop-filter:blur(20px);
		z-index: 888;
	}
	.mnav a{
		color: #666;
		padding-top: 24px;
		position: relative;
		font-size: 12px;
	}	
	.mnav a.cur{
		color: #0052D9;
	}
	.mnav a:last-child{
		width: 85px;
		height: 36px;
		display: flex;
		align-items: center;
		padding: 0;
		background: #0052D9;
		border-radius: 30px;
		color: #fff;
	}
	.mnav a:last-child b{
		width: 18px;
		height: 18px;
		background: url("../mtel.png") no-repeat;
		background-size: 100%;
		margin:0 12px;
		position: relative;
		animation:more_down ease-out 1s;
	}
	.mnav a:last-child b:before,.mnav a:last-child b:after{
		width: 16px;
		height: 16px;
		top: -5px;
		left: 10px;
		background: url("../mtel.png") no-repeat 0px -28px;
		background-size: 100%;
		animation:more_down ease-out 2s;
	}
	.mnav a:last-child b:after{
		background-position: 5px -72px;
		background-size: 140%;
		animation:more_down ease-out 3s;
	}
	.mnav a:last-child:before{
		display: none;
	}
	.mnav a:before{
		width: 20px;
		height: 22px;
		background: url("../mnav.png") no-repeat 0px 0px;
		background-size: 100%;
		top: 0px;
		left: 50%;
		margin-left: -10px;
	}
	.mnav a:nth-child(2):before{
		background-position: 0px -55px;
	}
	.mnav a:nth-child(3):before{
		background-position: 0px -111px;
	}
	.mnav a:nth-child(4):before{
		background-position: 0px -166px;
	}
	.mnav a.cur:nth-child(1):before{
		background-position: 0px -27px;
	}
	.mnav a.cur:nth-child(2):before{
		background-position: 0px -83px;
	}
	.mnav a.cur:nth-child(3):before{
		background-position: 0px -139px;
	}
	.mnav a.cur:nth-child(4):before{
		background-position: 0px -195px;
	}
	
	
	.foot {
		display: none;
	}	
	.pc{
		display: none !important;
	}

}