@charset "UTF-8";
/*  箭头 @include arrow(direction,size,color);
**/
/* 超出省略号 @include ell(); */
/* inline-block @include inline_block(); */
/* font-size of REM @include font_size(fz); */
.pro_details_body .pro_details_top { background-color: #eef2f2; padding: 80px 0; }
.pro_details_body .pro_details_top p , .pro_details_body .pro_details_top div { text-align: left; font-size: 2rem; line-height: 2.6rem; font-weight: 700; padding:0 20px;
	text-align:justify;
	text-justify:inter-ideograph;}
.pro_details_body .pro_details_top .img { display: block; margin: 0 auto; max-width: 100%; }
.pro_details_body .pro_details_point_box { background-color: #fff; padding: 4rem 0 4rem; }
.pro_details_body .pro_details_point_box p.tit { text-align: center; font-size: 2.2rem; line-height: 2.6rem; color: #333; 
	margin-bottom: 5rem; font-weight: 700; }
.pro_details_body .about_case_body { background-color: #f0f0f0; padding: 4rem 0; }
.pro_details_body .about_case_body h3.tit { text-align: center; font-size: 2.8rem; margin-bottom: 3rem; font-weight: 700; }
.pro_details_body .about_case_body .about_case_con { background-color: #fff; height: 420px; overflow: hidden; transition:all ease .3s; }
.pro_details_body .about_case_body .about_case_con:hover{background-color:#1090d6;}
.pro_details_body .about_case_body .about_case_con:hover p{color:#fff;}
.pro_details_body .about_case_body .about_case_con:hover .img_out img { transform: scale(1); }
.pro_details_body .about_case_body .about_case_con a { display: block; text-decoration: none; cursor: default;}
.pro_details_body .about_case_body .about_case_con .img_out { position: relative; z-index: 1; overflow: hidden; height:256px;}
.pro_details_body .about_case_body .about_case_con .img_out img {width:100%;height:100%;object-fit: cover; transition: all ease .3s; transform: scale(1.05); }/* display: block; width: 100%; */
.pro_details_body .about_case_body .about_case_con .img_out .mask { z-index: 1; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; bottom: 0; right: 0; position: absolute; }
.pro_details_body .about_case_body .about_case_con .img_out .txt { position: absolute; z-index: 2; top: 50%; left: 0; width: 100%; box-sizing: border-box; transform: translateY(-50%); text-align: center; padding: 10px; color: #fff; }
.pro_details_body .about_case_body .about_case_con .img_out .txt h3 { font-size: 2.8rem; line-height: 3rem; font-weight: 700; }
.pro_details_body .about_case_body .about_case_con .img_out .txt h6 { font-size: 1.8rem; margin-top: 20px; }
.pro_details_body .about_case_body .about_case_con p { margin: 2rem 1.5rem 0; font-size: 1.6rem; line-height: 1.8rem; color: #333;height:12.6rem;overflow: hidden;}
.pro_details_body .pro_details_contactus_body { background-color: #fff; padding: 4rem 0; }

.swiper_out{
	position: relative;
}
.swiper_out .next{
	background: url("../images/common/next_btn.png") center no-repeat;
	background-size: cover;
	width: 21px;
	height: 51px;
	cursor: pointer;
	opacity: .35;
	right:-30px;
	position: absolute;
	top: 50%;
	margin-top:-22px;
}
.swiper_out .prev{
	background: url("../images/common/prev_btn.png") center no-repeat;
	background-size: cover;
	width: 21px;
	height: 51px;
	cursor: pointer;
	opacity: .35;
	left:-30px;
	position: absolute;
	top: 50%;
	margin-top:-22px;
}
.swiper_out .next:hover,.swiper_out .prev:hover,{
	opacity:1;
}

ul.list_Body{
	padding:0 20px;
}
ul.list_Body li{
	padding:25px 0;
	display:inline-block;
	width:100%;
}
ul.list_Body li .pic{
	width:600px;
	position: relative;
	z-index:1;
	overflow:hidden;
}
ul.list_Bodyli .pic img{
	display:block;
	width:100%;
}
ul.list_Body li .pic .slick-dots{
	position: absolute;
	right:10px;
	bottom:10px;
	z-index:1;
	text-align:right;
}
ul.list_Body li .pic .slick-dots li{
	display:inline-block;
	width:12px;
	height:12px;
	padding:0 5px;
}
ul.list_Body li .pic .slick-dots li button{
	width:12px;
	height:12px;
	background-color:rgba(255,255,255,.5);
	text-indent:9999px;
	overflow:hidden;
}
ul.list_Body li .pic .slick-dots li.slick-active button{
	background-color:#24beef;
}


ul.list_Body li .txt{
	padding:0 40px;
	width:560px;
	position: relative;
	z-index:2;
}
ul.list_Body li .txt h3{
	font-size:2.2rem;
	line-height:2.8rem;
	color:#24beef;
	border-bottom:2px solid #24beef;
	padding-top:15px;
	padding-bottom:15px;
	font-weight:600;
	margin-bottom:30px;
}
ul.list_Body li .txt p{
	font-size:1.8rem;
	line-height:2.2rem;
	color:#333;
	padding-bottom:5px;
	padding-left:20px;
	background-image: url("../images/about/invote_dot.png");
	background-position: 5px 10px;
	background-repeat: no-repeat;
	
}

ul.list_Body li .txt p.no_dot{
	background:none;
	padding-left:0;
	margin-bottom:20px;
}
ul.list_Body li .txt.fr h3{
	margin-left:-80px;
	padding-left:80px;
}
ul.list_Body li .txt.fl h3{
	margin-right:-80px;
	padding-right:80px;
}

.color_list.s_2 li{
	width: 48%;
	margin-right:2% !important;
}
.color_list.s_2 li:nth-child(2n){
	margin-right:0 !important;
}

.color_list { width: 100%; }
.color_list.txt_left li p{text-align:left;}
.color_list li { float: left; width: calc(33.33% - (4%/3)); box-sizing: border-box; margin: 0 2% 30px 0; 
height: 300px; padding: 30px 10px; border: 2px solid #1090d6; position: relative; z-index: 1; text-align: center; }
.color_list li:nth-child(3n) { margin-right: 0; }
.color_list li:nth-child(2) { border-color: #f3a131; }
.color_list li:nth-child(3) { border-color: #4aaf3d; }
.color_list li:nth-child(4) { border-color: #f5d650; }
.color_list li:nth-child(5) { border-color: #1f7bec; }
.color_list li:nth-child(6) { border-color: #65b1ca; }
.color_list li b { position: absolute; background-color: #fff; width: 2px; height: 70px; bottom: -2px; right: -2px; }
.color_list li h3 { font-size: 2.4rem; font-weight: 700; }
.color_list li .blank { margin: 20px auto 20px; width: 50px; height: 2px; font-size: 1px; background-color: #1090d6; }
.color_list li p { padding: 0 20px; font-size: 1.6rem; line-height: 2rem; text-align: left; }

.pro_details_txt_body { background-color: #1090d6; overflow: hidden; }
.pro_details_txt_body dl { display: block; background-color: #1090d6; }
.pro_details_txt_body dl dd { float: left; width: 50%; overflow: hidden; position: relative; z-index: 1; }
.pro_details_txt_body dl dd:first-child .img { opacity: 0; }
.pro_details_txt_body dl dd .img { display: block; width: 100%; }
.pro_details_txt_body dl dd .txt_con { position: absolute; top: 50%; right: 0; transform: translateY(-50%); min-width: 580px; color: #fff; 
max-width: 500px;padding-right:70px;}
.pro_details_txt_body dl dd .txt_con h3 { font-size: 2.8rem; font-weight: 700; margin-bottom: 1rem; }
.pro_details_txt_body dl dd .txt_con ul { margin-left: 20px; }
.pro_details_txt_body dl dd .txt_con ul li { list-style: disc; list-style-position: outside; font-size: 1.8rem; line-height: 2rem; 
	margin-bottom:5px; }

.urbalis888_box_1 { background-color: #fff; padding: 4rem 0; background-image: url(../images/products/urbalis888_bg_1.png); background-repeat: no-repeat; background-position: bottom center; background-size: 100% auto; color: #000; }
.urbalis888_box_1 p { font-size: 2rem; line-height: 2.4rem; text-align: left; font-weight: 700; }
.urbalis888_box_1 h6 { font-size: 2rem; text-align: center; font-weight: 700; }
.urbalis888_box_1 .page_tit.s_1 { margin-top: 4rem; }
.urbalis888_box_1 .img { display: block; margin: 20px auto 50px; max-width: 100%; }

.urbalis888_box_1_mobile .tx_1{background-color:#eee;padding:3rem;font-size:1.6rem;line-height:2.6rem;color:#000;font-weight:700;}
.urbalis888_box_1_mobile .tx_2{background-color:#fff;padding:3rem 1.5rem;text-align:center;}
.urbalis888_box_1_mobile .tx_2 .page_tit{padding-bottom:3rem;}
.urbalis888_box_1_mobile .tx_2 .page_tit::after{bottom:1.5rem;}
.urbalis888_box_1_mobile .tx_2 h6{font-size:1.6rem;padding-bottom:2rem;}
.urbalis888_box_1_mobile .tx_2 img{display:block;width:100%;}

.urbalis888_box_2 { background: #3c3b3b url(../images/products/details_urbalis888_bg_2.jpg) top center no-repeat; background-size: cover; padding: 60px 0 0; }
.urbalis888_box_2 .page_tit { color: #fff; }
.urbalis888_box_2 .txt_con { margin-top: 30px; text-align: center; }
.urbalis888_box_2 .txt_con .txt, .urbalis888_box_2 .txt_con img { vertical-align: top; display: inline-block; }
.urbalis888_box_2 .txt_con img { margin: 0 20px 0 20px; }
.urbalis888_box_2 .txt_con .txt { color: #fff; padding-top: 50px; max-width: 390px; }
.urbalis888_box_2 .txt_con .txt ul li { margin-bottom: 25px; }
.urbalis888_box_2 .txt_con .txt ul li img { float: left; margin-right: 10px; }
.urbalis888_box_2 .txt_con .txt ul li div.fl { width: 300px; text-align: left; }
.urbalis888_box_2 .txt_con .txt ul li div.fl h3 { font-size: 24px; font-weight: 700; margin-bottom: 10px; }
.urbalis888_box_2 .txt_con .txt ul li div.fl p { font-size: 1.4rem; line-height: 2rem; }
.urbalis888_box_2 .txt_con .txt ul li div.fl h6 { color: #1090d6; font-size: 14px; margin-bottom: 10px; }

.urbalis888_box_2_mobile{background-color:#403f3f;padding:3rem 0;}
.urbalis888_box_2_mobile .top{background-image:url(../images/products/urbalis888_bg_2_mobile.png);background-position: center top;
	background-repeat:no-repeat;background-size:100% auto;padding-top:10px;}
.urbalis888_box_2_mobile .top .page_tit{color:#fff;padding-bottom:3rem;}
.urbalis888_box_2_mobile .top .page_tit::after{bottom:1.5rem;}
.urbalis888_box_2_mobile .txt_con{padding:0 15px; color: #fff; }
.urbalis888_box_2_mobile .txt_con ul li{width:100%;position: relative;padding:15px 0 15px 80px;}
.urbalis888_box_2_mobile .txt_con ul li img{position: absolute;left:15px;}
.urbalis888_box_2_mobile .txt_con ul li h3 { font-size: 1.6rem;line-height:2.6rem; font-weight: 700; margin-bottom: 10px; }
.urbalis888_box_2_mobile .txt_con ul li p { font-size: 1.3rem; line-height: 2.2rem; }

.urbalis888_box_3 { position: relative; z-index: 1; overflow: hidden; }
.urbalis888_box_3 .bg { display: block; width: 100%; }
.urbalis888_box_3 .bg.mbBody{display:none;}
.urbalis888_box_3 .txt { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); color: #fff; }
.urbalis888_box_3 .txt .page_tit { color: #fff; }
.urbalis888_box_3 .txt h6 { text-align: center; font-size: 1.8rem; margin-bottom: 4rem; }
.urbalis888_box_3 .txt .box { background: rgba(63, 187, 237, 0.8); box-sizing: border-box; height: 170px; overflow: hidden; text-align: center; }
.urbalis888_box_3 .txt .box h3 { font-size: 2.4rem; margin-top: 40px; }
.urbalis888_box_3 .txt .box .blank { border-top: 2px solid #fff; width: 60px; margin: 15px auto; }
.urbalis888_box_3 .txt .box p { font-size: 1.6rem; }

.urbalis888_box_4 { background-color: #fff; padding: 4rem 0; }
.urbalis888_box_4 h3.tit { text-align: center; color: #000; font-size: 2.8rem; margin-bottom: 60px; line-height:38px; font-weight: 700 }

.map_box { background: url(/images/products/map_bg.png) center no-repeat; position: relative; z-index: 1; width: 1000px; height: 596px; margin: 0 auto; }
.map_box span { font-size: 12px; cursor: pointer; position: absolute; z-index: 1; }
.map_box span:hover { color: #1090d6; z-index: 10; }
.map_box span:hover .mask { display: block; }
.map_box span.s_1 i { margin: 0 0 0 3px; }
.map_box span.s_2{text-align:center;}
.map_box span.s_2 i{margin:0 auto 1px;display:block;}
.map_box span i { margin-right: 3px; }
.map_box span.changchun { top: 143px; right: 189px; }
.map_box span.shenyang { top: 179px; right: 223px; }
.map_box span.beijing { top:213px;;right:317px}
.map_box span.qingdao { top: 270px; right: 229px; text-align:left; }
.map_box span.jinan { top: 278px; right: 293px; }
.map_box span.xuzhou { top: 312px; right: 295px; }
.map_box span.nanjing { top: 338px; right: 275px; }
.map_box span.wuxi { top: 350px; right: 270px; }
.map_box span.suzhou { top: 359px; right: 234px; }
.map_box span.zhengzhou { top:335px;right:330px;}
.map_box span.xian { top: 328px; right: 409px; }
.map_box span.wuhan { top: 377px; right: 338px; }
.map_box span.lanzhou { top: 295px; right: 457px; }
.map_box span.chengdu { top: 375px; right: 479px; }
.map_box span.shanghai { top: 355px; right: 177px; color:#f00; font-weight: 700; }
.map_box span.shanghai i{color:#f00;}
.map_box span.ningbo { top: 384px; right: 220px; }
.map_box span.xiamen { top: 465px; right: 245px; }
.map_box span.shenzhen { top: 504px; right: 277px; text-align:left;}
.map_box span.guangzhou { top: 496px; right: 345px; text-align:right;}
.map_box span.nanning { top: 498px; right: 415px; text-align:right;}
.map_box span.kunming { top: 478px; right: 471px; }
.map_box span.nantong { top: 338px; right: 193px; }
.map_box span.hangzhou { top: 385px; right: 255px; }
.map_box span.luoyang {top:310px;right:352px}
.map_box span.harbin{top:105px;right:205px}
.map_box span.tianjin{top:232px;;right:271px}


.map_box span .mask { text-align:left; position: absolute; width: 330px; box-sizing: border-box; border-radius: 6px; 
	background: rgba(0, 182, 222, 0.8); padding: 30px 25px; left: 50%; transform: translateX(-50%); bottom: 30px; color: #fff; display: none; }
.map_box span .mask h3 { border-bottom: 1px solid #80dbef; font-size: 2.8rem; padding-bottom: 10px; margin-bottom: 5px; font-weight: 700; }
.map_box span .mask h3 em { font-size: 1.7rem; padding-left: 10px; }
.map_box span .mask p { font-size: 1.5rem; line-height: 2.2rem; }
.map_box span .mask b { position: absolute; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 10px; cursor: pointer; border-style: solid dashed dashed dashed; border-color: #009bbd transparent transparent transparent; border-bottom: none; left: 50%; margin-left: -10px; bottom: -10px; }



#fzk_ctc_1 dl { display: block; background-color: #1090d6; }
#fzk_ctc_1 dl dd { float: left; width: 50%; overflow: hidden; position: relative; z-index: 1; }
#fzk_ctc_1 dl dd:last-child .img { opacity: 0; }
#fzk_ctc_1 dl dd .img { display: block; width: 100%; }
#fzk_ctc_1 dl dd .txt_con { position: absolute; top: 50%; right: 0; transform: translateY(-50%); min-width: 580px; color: #fff; 
max-width: 500px;padding-right:70px;}
#fzk_ctc_1 dl dd .txt_con h3 { font-size: 2.8rem; font-weight: 700; margin-bottom: 2rem; }
#fzk_ctc_1 dl dd .txt_con ul { margin-left: 20px; }
#fzk_ctc_1 dl dd .txt_con ul li { list-style: disc; list-style-position: outside; font-size: 1.6rem; line-height: 2rem; margin-bottom:5px;}

#fzk_ctc_2 dl { display: block; background-color: #fff; }
#fzk_ctc_2 dl dd { float: left; width: 50%; overflow: hidden; position: relative; z-index: 1; }
#fzk_ctc_2 dl dd:first-child .img { opacity: 0; }
#fzk_ctc_2 dl dd .img { display: block; width: 100%; }
#fzk_ctc_2 dl dd .txt_con { position: absolute; top: 50%; right: 0; transform: translateY(-50%); min-width: 580px; color: #333; 
max-width: 500px;padding-right:70px;}
#fzk_ctc_2 dl dd .txt_con h3 { font-size: 2.8rem; font-weight: 700; margin-bottom: 2rem; }
#fzk_ctc_2 dl dd .txt_con ul { margin-left: 20px; }
#fzk_ctc_2 dl dd .txt_con ul li { list-style: disc; list-style-position: outside; font-size: 1.8rem; line-height: 2rem; margin-bottom:5px; }

#fzk_ctc_2 .scene_list ul{display:flex;flex-wrap:wrap;}
#fzk_ctc_2 .scene_list ul li{width:225px;padding:10px;background:#ebf1f6;box-sizing: border-box;margin-right:18px;}
#fzk_ctc_2 .scene_list ul li:last-child{margin-right:0;}
#fzk_ctc_2 .scene_list ul li p{font-size:18px;color:#333;text-align:center;padding:20px 0;}
#fzk_ctc_2 .scene_list ul li img{display:block;width:100%;}



/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 600px) {
	
	.inner_kv_body{
		height:450px;
		overflow:hidden;
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
	}
	.inner_kv_body .kv{
		display:none;
	}
	
	#fzk_ctc_2 .scene_list ul li{width:calc((100% - 10px)/2);margin-right:10px;margin-bottom:20px;}
	#fzk_ctc_2 .scene_list ul li:nth-child(2n){margin-right:0;}
	#fzk_ctc_2 .scene_list ul li p{padding-top:10px;}
	.dk_product_1,.dk_product_2{padding-top:20px!important;}
	.dk_product_1 .tit,.dk_product_2 .tit{margin-bottom:0!important;}
	#fzk_ctc_2{padding-top:0!important}
	
	
	
	.pro_details_body .about_case_body .about_case_con .img_out{height:220px!important;}
}

.main_products{margin-top:-4rem;margin-bottom:4rem;padding-bottom:4rem;padding-top:4rem;background-color:#ebf1f6;}
.main_products h3{text-align:center;color: #000;font-size:2.8rem;line-height:4rem;padding-bottom:3rem;font-weight: 700;}
.main_products ul li{padding:15px 20px;background:#fff;margin-bottom:4px;}
.main_products ul li .lab{padding-left:20px;position: relative;font-size:20px;line-height:30px;color:#333;font-weight:bold;cursor:pointer;}
.main_products ul li .lab::before{content:"";display:inline-block;width:6px;height:6px;background-color:#1a358e;border-radius:50%;position: absolute;left:0;top:12px;}
.main_products ul li .lab::after{content:"";position: absolute;display:inline-block;width:26px;height:26px;right:0;top:2px;background:url(../images/products/arrow.svg) no-repeat center;background-size:24px;transition:all .3s;}
.main_products ul li .lab.cur::after{transform: rotate(180deg)}
.main_products ul li .mask{font-size:15px;line-height:28px;color:#666;padding-left:20px;padding-right:70px;padding-top:10px;display:none;}

@media only screen and (max-width : 600px) {
	.main_products{padding-top:3rem;padding-bottom:3rem;margin-top:-3rem;}
	.main_products h3{font-size:2.2rem;padding-bottom:1.5rem;}
	.main_products ul li .lab{font-size:16px;padding-left:15px;padding-right:20px;}
	.main_products ul li .lab::after{background-size:20px;right:-8px;}
	.main_products ul li .mask{font-size:13px;line-height:24px;padding-right:20px;}
}