@charset "UTF-8";
/*  箭头 @include arrow(direction,size,color);
**/
/* 超出省略号 @include ell(); */
/* inline-block @include inline_block(); */
/* font-size of REM @include font_size(fz); */
.cases_list_body .cases_list_top { background-color: #fff; padding: 4rem 0; }
.cases_list_body .list_box { margin-bottom: 4rem;  width:100%;}
.cases_list_body .list_box:last-child { margin-bottom: 0; }
.cases_list_body .list_box.s_1 img.fl { float: right; }
.cases_list_body .list_box.s_1 .txt.fl h3 { margin-left: 0; padding-left: 0; font-weight: 700; }
.cases_list_body .list_box .link { display: block; text-decoration: none; }
.cases_list_body .list_box img.fl { width: 100%; max-width: 600px; }
.cases_list_body .list_box .txt.fl { width: calc(100% - 600px); box-sizing: border-box; padding: 20px 40px; }
.cases_list_body .list_box .txt.fl h6 { font-size: 2rem;font-weight:700;line-height:2rem; }
.cases_list_body .list_box .txt.fl h3 { position: relative; z-index: 10; border-bottom: 1px solid #1090d6; font-weight:700; 
font-size: 2.8rem; color: #1090d6; margin: 10px 0 20px; padding-bottom: 10px; width: 120%; 
margin-left: -20%; padding-left: 20%; box-sizing: border-box; }
.cases_list_body .list_box .txt.fl p { font-size: 1.6rem; line-height: 2.2rem; margin-bottom: 2.5rem; }
.cases_list_body .list_box .txt.fl .page_btn { background-color: #24beef; }
.cases_list_body .cases_list_btm { background-color: #f0f0f0; padding: 4rem 0 0; }
.cases_list_body .cases_list_btm h3.tit { text-align: center; font-size: 2.8rem; margin-bottom: 4rem; font-weight: 700; }
.cases_list_body .cases_list_btm .more_line a{margin-bottom:4rem;}


.cases_details_body { background-color: #fff; padding: 4rem 0 0; }
.cases_details_body h3.tit { text-align: left; font-size: 2.2rem; line-height: 2.6rem;  font-weight: 700;text-align:justify;
	text-justify:inter-ideograph;}
.cases_details_body div.blank { margin: 20px auto 40px; width: 60px; border-top: 2px solid #1090d6; font-size: 1px; height: 0px; }
.cases_details_body .video_or_img_body { border-bottom: 1px solid #e1e0e1; padding-bottom: 4rem; }
.cases_details_body .video_or_img_body video, .cases_details_body .video_or_img_body img { width: 100%; max-width: 800px; display: block; margin: 0 auto; }
.cases_details_body .details_txt_con { margin-top: 4rem; padding-bottom: 4rem; border-bottom: 1px solid #e1e0e1; padding-left: 130px; padding-right: 130px; }
.cases_details_body .details_txt_con h3 { font-weight: 700; font-size: 2.6rem; margin-bottom: 2rem; }
.cases_details_body .details_txt_con p { font-size: 1.8rem; line-height: 2.4rem; color: #333; }
.cases_details_body .details_txt_con .txt_list h4 { color: #1090d6; font-size: 1.8rem; margin-bottom: 10px; }
.cases_details_body .details_txt_con .txt_list p { font-size: 1.5rem; line-height: 2.7rem; }
.cases_details_body .more_cases_body { position: relative; z-index: 10; height:370px;overflow:hidden;}
.cases_details_body .more_cases_body .bg { display: block; width: 100%; position:absolute;z-index:1;top:50%;left:0;transform: translateY(-50%);}
.cases_details_body .more_cases_body .bg.mbBody{display:none;}
.cases_details_body .more_cases_body .txt { position: absolute; top: 50%; left: 0; width: 100%; 
transform: translateY(-50%); color: #fff; text-align: center; z-index:2;}
.cases_details_body .more_cases_body .txt h6 { font-size: 2.4rem; font-weight: 700;}
.cases_details_body .more_cases_body .txt h3 { font-size: 4.8rem; font-weight: 700; margin: 2rem 0 3rem; }

.cases_list { width: 100%; }
.cases_list li { float: left; width: calc(33.333% - (40px /3)); overflow: hidden; height: 420px; background-color: #fff; margin: 0 20px 20px 0; transition: all ease .3s; }
.cases_list li:nth-child(3n) { margin-right: 0; }
.cases_list li:hover { background-color: #1090d6; }
.cases_list li:hover p { color: #fff; }
.cases_list li:hover .img_out img { transform: scale(1); }
.cases_list li:hover .img_out p { text-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.3); }
.cases_list li a { display: block; text-decoration: none; cursor: default;}
.cases_list li .img_out { position: relative; z-index: 1; overflow: hidden; }
.cases_list li .img_out img { width: 100%; display: block; transform: scale(1.05); transition: all ease .3s; }
.cases_list li .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 li .img_out p { color: #fff; font-size: 2.6rem; line-height:2.4rem; font-weight: 700; position: absolute; top: 50%; 
transform: translateY(-50%); left: 0; width: 100%; text-align: center; z-index: 2; padding: 0 10px; margin: 0;box-sizing: border-box; height:inherit!important;}
.cases_list li p { margin: 2rem 1.5rem; font-size: 1.6rem; line-height: 1.8rem; color: #333; height:10.8rem;overflow:hidden; }

.more_line { margin-top: 20px; text-align: center; }
.more_line a { display: inline-block; background-color: #1090d6; padding: 10px 50px; color: #fff; text-decoration: none; }
.more_line a:hover { color: #fff; }

.txt_list_1 li { margin-bottom: 0.5rem; }
.txt_list_1 li i, .txt_list_1 li span { vertical-align: top; display: inline-block; }
.txt_list_1 li i { font-style: normal; color: #1090d6; font-size: 20px; padding-right: 10px; }
.txt_list_1 li span { font-size: 1.8rem; line-height: 2.4rem; width: calc(100% - 30px); }

.city_list_body .city_list_top { padding: 4rem 0; background-color: #fff; }
.city_list_body .city_list_top .list_con { position: relative;  z-index: 10; overflow: hidden; }
.city_list_body .city_list_top .list_con:hover img { transform: scale(1.1); }
.city_list_body .city_list_top .list_con a { display: block; text-decoration: none;background:none; }
.city_list_body .city_list_top .list_con img { display: block; width: 100%; transition: transform ease .5s; transform: scale(1.2); max-width: 590px; }
.city_list_body .city_list_top .list_con img.mbBody{display:none;}
.city_list_body .city_list_top .list_con .mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0;
 z-index: 1; background: url(../images/products/mask_bg.png) center bottom repeat-x; 
 background-size:auto 50%;}
.city_list_body .city_list_top .list_con p { color: #fff; font-size: 2.4rem; line-height: 3rem; position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 25px; z-index: 2; font-weight: 700; }
.city_list_body .city_list_center { position: relative; z-index: 10px; }
.city_list_body .city_list_center .bg { width: 100%; display: block; }
.city_list_body .city_list_center .bg.mbBody{display:none;}
.city_list_body .city_list_center .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(69, 125, 179, 0.4); z-index: 1; }
.city_list_body .city_list_center .txt { z-index: 2; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); text-align: center; color: #fff; }
.city_list_body .city_list_center .txt h3 { font-size: 3.4rem; font-weight: 700;padding:0 126px;line-height:4rem; }
.city_list_body .city_list_center .txt p { font-size: 2.2rem; margin: 20px 0; font-weight: 700; }

.about_list_body { background-color: #f0f0f0; padding: 4rem 0; }
.about_list_body h3 { text-align: center; font-size: 2.8rem; padding-bottom: 40px; font-weight: 700; }
.about_list_body .about_list_con{padding:0 15px;}
.about_list_body .about_list_con img { display: block; width: 100%; height: 170px; }
.about_list_body .about_list_con h6 { font-size: 1.4rem; color: #666; margin: 15px 0; }
.about_list_body .about_list_con p { font-size: 1.6rem; line-height: 1.8rem; color: #333; font-weight: 700; }
.about_list_body .about_list_con p a{color:#333;}
.about_list_body .about_list_con p a:hover{text-decoration:none;color:#1090d6;}
.about_list_body .about_list_con h5 { margin-top: 15px; }
.about_list_body .about_list_con h5 a { font-size: 1.5rem; color: #666; }

.contactus_list_body { background-color: #fff; padding: 4rem 0; text-align: center; }
.contactus_list_body.s_1 { background-color: #1090d6; color: #fff; }
.contactus_list_body.s_1 h6 a { background-color: #fff; color: #1090d6; }
.contactus_list_body h3 { font-weight: 700; font-size: 3.2rem; display:none; }
.contactus_list_body p { font-size: 2.4rem; margin: 0 0 20px 0; font-weight: 700; }
.contactus_list_body h6 a { display: inline-block; padding: 10px 50px; color: #fff; background-color: #1090d6; font-size: 16px; font-weight: 700; text-decoration: none; box-shadow: 0 0 2px 2px rgba(193, 193, 193, 0.3); }
.contactus_list_body h6 a:hover { background-color: #fff; color: #1090d6; }




#btm_news .list_box { background-color: #f0f2f1; padding-bottom: 20px; margin-bottom: 20px; }
#btm_news .list_box:hover{background-color:#1090d6;}
#btm_news .list_box:hover p{color:#fff;}
#btm_news .list_box .img_out { position: relative; z-index: 100; }
#btm_news .list_box .img_out img { display: block; width: 100%; }
#btm_news .list_box a{
	display:block;
	text-decoration: none;
}
#btm_news .list_box p{text-align:left;margin:20px 10px 0 ;line-height:2rem;height:4rem;overflow:hidden;}


#list_masonry{
	position:relative;
}


/* 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;
	}
	
}