.mb-home-head { 
	text-align: center;
	line-height: 1;
}

.mb-home-head img { width: 0.773333rem;}

.mb-home-head .title,.fw-n .home-head .title,.home-head1 .title,.bjs-z .home-head .title{
	margin: 0.4rem 0 0.133333rem;
	font-size: 0.48rem;
	color: #3d3c4b;
}

.mb-home-head .subtitle,.fw-n .home-head .subtitle,.home-head1 .subtitle{
	color: #535353;
	font-size: 0.32rem;
}


.mb-home-button {
	display: block;
	margin: 0 auto;
	width: 60.6%;
	height: 0.893333rem;
	line-height: 0.866666rem;
	font-size: 0.293333rem;
	text-align: center;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	-webkit-border-radius: 32px/33px 33px 34px 34px;
	-moz-border-radius: 32px/33px 33px 34px 34px;
	border-radius: 32px/33px 33px 34px 34px;
	border: 1px solid #008CD6;
}

.mb-home-button span { margin-left: 10px;}

.mb-home-button-1 {
	color: #268cf0;
	background: #fff;
}

.mb-home-button-2 {
	color: #fff;
	background: #2b9eff;
}

/* ========== */
/* = Banner = */
/* ========== */
.mb-home-banner .swiper-container-horizontal>.swiper-pagination-bullets { 
	bottom: 0.4rem;
}


.mb-home-banner-con,
.mb-home-banner-con-2 { 
	position: absolute;
	left: 50%;
	z-index: 50;
	color: #fff;
	text-transform: uppercase;
}

.mb-home-banner-con { 
	top: 10%;
	width: 98%;
	text-align: center;
	transform: translate(-50%,0);
}

.mb-home-banner-con-2 { 
	top: 50%;
	width: 92%;
	transform: translate(-50%,-50%);
}

.mb-home-banner-con-2 .con-in { width: 45%;}

.mb-home-banner-con .text-1 {
	font-size: 1.426667rem;
	height: 1.066667rem;
	line-height: 1.066667rem;
	font-weight: bold;
	font-family: 'PingFang-Heavy';
	opacity: .15;
	
}

.mb-home-banner-con .text-1 .font {
	opacity: .7;
	font-family: 'PingFang-Heavy';
	-webkit-text-stroke: 4px #2b9eff;
	color: transparent;
}

.mb-home-banner-con .wave {
	margin: 0.333333rem auto 0.133333rem;
	width: 0.533333rem;
}

.mb-home-banner-con .text-2 {
	margin-bottom: 10px;
	font-size: 0.373333rem;
	letter-spacing: 3px;
}

.mb-home-banner-con .text-3 {
	font-size: 10px;
	line-height: 1.2;
	max-height: 27px;
	opacity: .2;
	overflow: hidden;
}

.mb-home-banner-con-2 .text-1 {
	font-size: 0.666666rem;
}

.mb-home-banner-con-2 .line {
	position: relative;
	margin: 0.466666rem 0;
	height: 1px;
	background: url(/templets/default/images/home_banner_line.png) no-repeat;
}

.mb-home-banner-con-2 .line em {
	position: absolute;
	left: 0;
	top: -1px;
	width: 41px;
	height: 3px;
	background: #268cf0;
}

.mb-home-banner-con-2 .text-2 {
	margin-bottom: 20px;
	font-size:0.266666rem;
	line-height: 1.5;
}

.mb-home-banner-con-2 .more-button-2 {
	width: 222px;
	height: 45px;
	line-height: 43px;
	font-size: 16px;
}

.mb-home-banner .banner-progress-list { padding-top: 0.8rem }

.mb-home-banner .progress {
	width: 1.6rem;
	height: 1.6rem;

}

.mb-home-banner .progress .progress-value {
	margin-top: -0.64rem;
	margin-left: -0.64rem;
	width: 1.28rem;
	height: 1.28rem;
	font-size: 0.2rem;
	line-height: 1.28rem;
}

.mb-home-banner .banner-progress-list li .num { font-size: 0.453333rem }

.mb-home-banner .banner-progress-list li p {
	padding-top: 0.2rem;
	font-size: 0.226667rem;
}


@media (max-width: 375px){
	.mb-home-banner .banner-progress-list { padding-top: .5rem; }

	.mb-home-banner .banner-progress-list li { width: 36.5%; }

	.mb-home-banner .banner-progress-list li:nth-child(1){ width: 27%; }
}

/* ========== */
/* = INTRO = */
/* ========== */
.mb-home-intro {
	position: relative;
	padding-top: 0.16rem;
	padding-bottom: 0.293333rem;
	background: #f6f6f6;
}

.mb-home-intro-list li {
	float: left;
	margin: 0.106666rem 0;
	width: 49%;
}

.mb-home-intro-list li:nth-child(2n) { float: right;}


.mb-home-intro-item {
	position: relative;
	text-align: center;
	color: #b3b3b3;
	text-transform: uppercase;
	background: #fff;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,.1);
	box-shadow: 0 0 7px rgba(0,0,0,.1);
}

.mb-home-intro-item i {
	display: block;
	padding-bottom: 100%;
}

.mb-home-intro-item .con {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 0 0.2rem;
	transform: translateY(-50%);
}

.mb-home-intro-item img { height: 1rem;}

.mb-home-intro-item .name {
	margin: 0.333333rem 0 0.133333rem;
	font-size: 0.32rem;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
}

.mb-home-intro-item p {
	width: 70%;
	margin: 0 auto;
	font-size: 0.2rem;
	line-height: .35rem;
	height: .7rem;
	overflow: hidden;
}

.mb-intro-button {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	margin-top: -0.866666rem;
	margin-left: -0.866666rem;
	display: block;
	width: 1.733333rem;
	height: 1.733333rem;
	background: #f6f6f6;
	border-radius: 50%;
}

.mb-intro-button span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -0.666666rem;
	margin-left: -0.666666rem;
	display: block;
	width: 1.333333rem;
	height: 1.333333rem;
	line-height: 1.333333rem;
	text-align: center;
	color: #666;
	font-size: 0.32rem;
	background: #fff;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 7px rgba(0,0,0,.1);
	box-shadow: 0 0 7px rgba(0,0,0,.1);
}
.n-banner p span{ font-size: 0.40rem; position:absolute; top:34%; left:0; }


@media (max-width:600px){
	.mb-home-intro-list li p { width: 100%;}
	.fw1 .left,.fw1 .right,.f-wy1 p img{ width:100%}
	.fw1 .right{ margin-top:0}
	.f-wz1 div,.fw2 .f-wz1 div{ width:100%; padding:5%}
	.f-wz1 p{ font-size:13px; line-height:22px}
	.fw3 .left{ margin-top:0}
}


@media (max-width:320px){
	.mb-home-intro-list li p {
		line-height: .45rem;
		height: .9rem;
	}
}


/* ========== */
/* = LINK = */
/* ========== */
.mb-home-link { overflow: hidden;}
.mb-home-link-item {
	position: relative;
	float: left;
	width: 49.4%;
	margin-bottom: 0.133333rem;
}

.mb-home-link-item:nth-child(2n) { float: right;}

.mb-home-link-item .con {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 5;
	width: 100%;
	color: #fff;
	text-align: center;
	font-size: 0.293333rem;
	text-transform: uppercase;
	transform: translateY(-50%);
}

.mb-home-link-item .name {
	margin-bottom: 0.133333rem;
	font-size: 0.426666rem;
	font-weight: bold;
}

.mb-home-link-item  p { font-family: 'PingFang-Light';}


/* ========== */
/* = CASE = */
/* ========== */
.mb-home-case {
/*	padding-top: 1.493333rem;*/
	padding-bottom: 0.4rem;
}
.mb-home-kh{ margin-top:1rem}
.mb-home-kh1{ margin-top:0.4rem}
.mb-dglo1{ margin-top:0.1rem} 
.mb-dglo ul{ overflow:hidden; margin-bottom:0.1rem}
.mb-dglo ul li{ width:24%; margin:0.5%; float:left}
.mb-home-case-body { padding: 0.466666rem 0 0.6rem;}

.mb-home-case-list {
	overflow: hidden;
}

.mb-home-case-list li {
	float: left;
	width: 49.3%;
	margin-bottom: 0.133333rem;
	border: 1px solid #eee;
}

.mb-home-case-list li:nth-child(2n){ float: right;}

/* ========== */
/* = ADVANTAGE = */
/* ========== */
.mb-home-advantage {
	padding: 1.2rem 0 1.333333rem;
	background: url(/templets/default/images/mb_home_advantage_bg.jpg) no-repeat 50%;
	background-size: cover;
}

.mb-home-advantage .mb-home-head .title {
	color: #fff;
}

.mb-home-advantage .mb-home-head .subtitle {
	font-size: #fff;
	opacity: .3;
}

.mb-home-advantage-body {
	padding: 0.533333rem 0 0.666666rem;
}

.mb-home-advantage-item {
	padding: 0.6rem 0;
	color: #fff;
	border-top: 1px solid rgba(255,255,255,.07);
	border-bottom: 1px solid rgba(255,255,255,.07);
	overflow: hidden;
}

.mb-home-advantage-item .date {
	float: left;
	width: 1.8rem;
	line-height: 1;
	text-align: center;
}

.mb-home-advantage-item .day {
	display: block;
	margin-bottom: 0.2rem;
	font-size: 0.893333rem;
	font-family: "PingFang-Light";
}

.mb-home-advantage-item .year {
	display: block;
	font-size: 0.213333rem;
	opacity: .2;
}

.mb-home-advantage-item .con {
	position: relative;
	margin-left: 1.8rem;
	padding: 0 0.333333rem;
}

.mb-home-advantage-item .con::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	min-height: 1.533333rem;
	background: #fff;
	opacity: .2;
}

.mb-home-advantage-item .name {
	margin-bottom: 0.2rem;
	font-size: 0.373333rem;
	line-height: 1;
}

.mb-home-advantage-item p{
	font-size: 0.293333rem;
	line-height: 0.48rem;
	opacity: .5;
}

.mb-home-advantage .mb-home-button {
	border: 0;
	background: rgba(255,255,255,.15);
}


/* ========== */
/* = ASK = */
/* ========== */
.mb-home-get {
	padding: 1.333333rem 0.4rem 1.266666rem;
}

.mb-home-get-body { padding-top: 0.6rem;}

.mb-home-get-body>p {
	margin-bottom: 0.573333rem;
	font-size: 0.346666rem;
	color: #777;
	text-align: center;
}


.mb-get-form-list>li {
	padding: 11px;
}

.mb-get-form-item>span {
	display: block;
	position: relative;
	padding-right: 0.733333rem;
	border: 1px solid #d2d2d2;
	border-radius: 0.573333rem;
}

.mb-get-form-item span::after {
	content: '';
	position: absolute;
	right: 0.333333rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mb-get-form-item .building::after {
	width: 0.5rem;
	height: 0.4rem;
	background: url(/templets/default/images/mb_building_ico.png) no-repeat;
	background-size: cover;
}

.mb-get-form-item .name::after {
	width: 0.45rem;
	height: 0.45rem;
	background: url(/templets/default/images/mb_name_ico.png) no-repeat;
	background-size: cover;
}

.mb-get-form-item .phone::after {
	width: 0.45rem;
	height: 0.45rem;
	background: url(/templets/default/images/mb_phone_ico.png) no-repeat;
	background-size: cover;
}

.mb-get-form-item .iptxt {
	display: block;
	padding: 0.333333rem;
	width: 100%;
	font-size: 0.32rem;
	line-height: 1.5;
	background: none;
	color: #000;
	font-family: "΢ÈíÑźÚ";
	border: 0;
}


.mb-get-form-item .iptxt::-webkit-input-placeholder { 
	color: #999; 
} 
.mb-get-form-item .iptxt:-moz-placeholder { 
	color: #999; 
} 
.mb-get-form-item .iptxt::-moz-placeholder { 
	color: #999; 
} 
.mb-get-form-item .iptxt:-ms-input-placeholder { 
	color: #999; 
}

.mb-get-form-item select { width: 100%;}

.mb-get-form-item .ui-multiselect.mySelect {
	padding: 0.333333rem 25px 0.333333rem 0.333333rem;
	width: 100%;
	height: auto;
	line-height: 1.5;
	font-size: 0.32rem;
	color: #999;
	border-radius: 0.573333rem;
}

.mb-get-form-item .ui-multiselect.mySelect .ui-icon { right: 0.333333rem;}

.mb-get-form-item .ipbtn {
	width: 100%;
	padding: 0.333333rem 0;
	line-height: 1.5;
	font-size: 0.373333rem;
	text-align: center;
	border: 0;
	color: #fff;
	font-family: "΢ÈíÑźÚ";
	border-radius: 0.573333rem;
	background: #2b9eff;
}
.ny-dh ul{ margin-top:-45px;}
.ny-dh ul li a,.z-nav li span,.ny1-1 li a{ font-size:0.36rem; line-height:45px}
.ny-dh ul li a{ font-size:12px}
.ny1-1 li{ width:23%; margin:4% 1%}

.bqsm,.xw-li,.xwx,.fw-xq{ padding:3% 3% 4%}
.bqsm p{ font-size:14px; margin-top:2%; line-height:24px}

.zw-li .zpbz{ border:#D5D3D3 1px solid; width:98%; height:100%; margin:1%; padding:3%; background:none; box-shadow:0 0 5px #D5D3D3}
.zw-li .zpbz div{ line-height:22px}
.zw-li h1 span,.zw-li h3 span,.xwx1 h1,.xwx3 h1,.fw1 h1,.gyy .fyy-z h1,.g1-1 .fyy-y h1, .dl2-2 .g1-1 h1{ font-size:0.4rem}
.zw-li h1{ margin-bottom:5%} 
.zw-li p{ font-size:14px; line-height:22px} 
.hd-li dl .y-b{ font-size:16px; height: 42px;}
.hd-li dl{ width:48%; margin:1%;}
.xw-li .left dl dd{ font-size:16px}
.xw-li .right p,.xw-li .right h2{ font-size:14px; line-height:22px}
.xw-li .right h1 a,.gyy .left h2,.gy2 div p,.g1-1 .right h2, .dl2-2 .g1-1 h2,.lxw2 h1{ font-size:0.36rem;}
.xw-li .right h1 a{ font-weight:bold}
.xw-li .left,.xw-li .right{ width:100%}
.xw-li{ padding-top:0}

.fy .left span{ background:url(/templets/default/images/x5.png) no-repeat center}
.fy .left a:hover span{ background:url(/templets/default/images/x5-1.png) no-repeat center}
.fy .right span{ background:url(/templets/default/images/x6.png) no-repeat center}
.fy .right a:hover span{ background:url(/templets/default/images/x6-1.png) no-repeat center}
.fy p span{ width:35px; height:35px;}
.fy{ min-height:60px; margin: 0% 0 4%;}
.fy .left{ position:absolute; top:0; left:3%}
.fy .right{  position:absolute; top:0; right:3%}
.xwx1 h2{ font-size:13px}
.xwx1 img{width:100% !important; height: 100% !important;}
.xwx1 p{ font-size:14px; line-height:22px}
.xwx2 dl dt img{ width:13%}
.xwx2 p,.xwx3 ul li a{ font-size:14px}
.xwx3 ul li{ padding:3% 0}
.xwx3 h1{ padding-bottom:3%}
.xwx1 h1{ margin-top:3%}
.fy1{ margin:0}
.nr,.gy2 div ul li,.g1-1 .right p,.dl2-2 .g1-1 p{ font-size:14px; line-height:24px}

.sjd{ display:block; padding:4% 0}
.sjd p img{ width:100%}
.pcd{ display:none} 
.fy1 .sz img{ width:45px; height:45px}
.fy1 .sz{ padding-top:4%}

.gyy{ padding:0 3%; margin:4% 0}
.gyy-0{ padding:0 3%;}
.gyy .fyy-z p{ font-size:14px; line-height:24px}
.gyy .fyy-z,.gyy .fyy-y{ width:100%}
.gyy .fyy-z h2{ margin:2% 0 3%}
.gyy .fyy-z{ margin-bottom:2%}
.gy1 p img{ width:97%;}
.gy2 div{ width:48%;min-height: 440px}
.g1-1 .left,.g1-1 .right{ width:100%}
.g1-1{ background:url(/templets/default/images/jt-4-11.jpg) no-repeat bottom; width:49%; margin:0 0.5%; min-height:430px}
.glt{ padding:3% 2%}
.gy2{ padding:0 2.5%}
.g1-1 .right{ padding:5%}
.dl2-2,.dl3-3,.g2-2 .left,.g2-2 .right{ width:100%}
.dl2-2 .g1-1{ min-height:520px; margin:1% 0.5%; width:49%}
.glt div .right{ overflow:hidden}
.glt div .right dl{ width:49%; margin:0.5%; float:left}
.glt div .left{ margin-bottom:1%}
.ryj ul li{ width:31.933%}
.ryj ul{ padding:2.5%}
.lxw2 h1{ font-size:0.38rem}
.lxw2 h1 span{ font-size:0.32rem;}
.lxw2 .left p,.lxw2 .right p{ font-size:14px}
.lxwm{ padding:3%}
.lxw2 .left,.lxw2 .right{ width:100%}
.lxw2 .left p{ margin-bottom:0}
.lxw2 h1{ margin:3% 0}
.lxw2 .right p span{ width:19%}
.lxw2 .right p input,.lxw2 .right p textarea{ width:80%}
.lxw2 .right p textarea{ height:100px}
.lxw2 .right h1{ margin: 3% 0 4%;}

.mkz-1 .right p{ line-height:22px; font-size:14px}
.mkz-1 .right h1{ font-size:16px}
.z-dmk{ padding:0 3%}
.mkz-2 dl{ width:31.333%; min-height:40px}
.mkz-2 dl dd,.mkz-3 .right dl dd{font-size: 12px;}
.mkz-3 .right dl .z-bty,.mkz-3 .left p{ font-size:14px}
.mkz-3{ width:100%; margin:2% 0}
.mkz-3 .right dl{ width: 48%; margin: 7% 0;}
.mkz-3 .right dl dd{ line-height:20px}
.mkz-4 .left{ width:9%}
.mkz-4 .right{ width:91%}
.mkz-3-1 .left p{ padding:92% 0}
.mkz-2 dl dd,.mkz-3 .right dl dd,.mkz-3-1 .left p{ display:none}
.mkz-3 .right dl .z-bty{ display:block}
.mkz-3 .right p{ display:block; color: #fff; text-align: center; padding:3% 0; background: #bd0b4f;border-radius: 5px 5px 0 0} 
.mkz-44-1 .right p{ background:#505050}
.mkz-66-1 .right p{ background:#d0ad60}
.mkz-99-1 .right p{ background:#ff507a}
.mkz-3 .left p{ display:none}
.mkz-3 .right{ width: 100%; padding: 0;}
.mkz-3 .right dl{margin:3% 1%;}
.mkz-7 p,.mkz-7 h1{ font-size:14px; line-height:22px}
.mkz-6 .right dl{ width:23%}
.mkz-3 .right dl .z-bty{ margin:0 auto}
.mkz-9 .right dl,.mkz-11 .right dl{ width:31.333%}
.mkz-10 .right dl{ width:18%}
.mkz-2 h1{ font-size:16px}
.mkz-1 .right{ padding:0}

.mkz-3z .mkz-3 .right{ width:100%}
.mkz-11{ margin-bottom:70px}
.mkz-3 .right p{}

.dl2-2 .g1-1{ background:url(/templets/default/images/jt-4-13-1.jpg) no-repeat bottom;}
.dl2-2 .g1-1-1{ background:url(/templets/default/images/jt-4-14-1.jpg) no-repeat bottom; }

.xw-li .left h1 img{ height:287px}
.g1-1{ background:url(/templets/default/images/jt-4-11-1.jpg) no-repeat center bottom;}

.jlo{ display:block; margin-bottom:80px}

.xdw1{ display:none}
.wdw2{ display:block}

.fy ul{ padding: 0 15%;}

.mkz-1 .left p img{ width:23%}





<!--ºÄʱ1755051944.077Ãë-->