@charset "utf-8";


.clearfix {width:100%;}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both;}

#body_layout *{box-sizing:border-box;}
#body_layout{height:870px;overflow: hidden;z-index: 0;}
#body_layout .body_wrap{width:100%;height: 100%;background:url(/images/km/main/main_bg.jpg) no-repeat;background-size:cover;}

#bg_img{position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 870px;}
#bg_img > div{position: absolute;top: 0;left: 0;z-index: 0;}
#bg_img .n1{opacity:0;display:block;width:100%;height:100%;background:url(/images/km/main/main_cont1_bg.jpg) 50% 50% no-repeat;background-size:cover;}
#bg_img .n2{opacity:0;display:block;width:100%;height:100%;background:url(/images/km/main/main_cont2_bg.jpg) 50% 50% no-repeat;background-size:cover;}
#bg_img .n3{opacity:0;display:block;width:100%;height:100%;background:url(/images/km/main/main_cont3_bg.jpg) 50% 50% no-repeat;background-size:cover;}
#bg_img .n4{opacity:0;display:block;width:100%;height:100%;background:url(/images/km/main/main_cont4_bg.jpg) 50% 50% no-repeat;background-size:cover;}
#bg_img .n5{opacity:0;display:block;width:100%;height:100%;background:url(/images/km/main/main_cont5_bg.jpg) 50% 50% no-repeat;background-size:cover;}
#bg_img .n6{opacity:0;display:block;width:100%;height:100%;background:url(/images/km/main/main_cont6_bg.jpg) 50% 50% no-repeat;background-size:cover;}
#bg_img .n7{opacity:0;display:block;width:100%;height:100%;background:url(/images/km/main/main_cont7_bg.jpg) 50% 50% no-repeat;background-size:cover;}
#bg_img .n8{opacity:0;display:block;width:100%;height:100%;background:url(/images/km/main/main_cont8_bg.jpg) 50% 50% no-repeat;background-size:cover;}
#bg_img .n9{opacity:0;display:block;width:100%;height:100%;background:url(/images/km/main/main_cont9_bg.jpg) 50% 50% no-repeat;background-size:cover;}
#bg_img .n10{opacity:0;display:block;width:100%;height:100%;background:url(/images/km/main/main_cont10_bg.jpg) 50% 50% no-repeat;background-size:cover;}
#bg_img .n11{opacity:0;display:block;width:100%;height:100%;background:url(/images/km/main/main_cont11_bg.jpg) 50% 50% no-repeat;background-size:cover;}

#icon_wrap{position: relative; width: 630px; height: 630px;text-align: center;padding-top:115px;margin:0 auto;}
#icon_wrap  h2{display:block;font-size:31px;font-weight:700;color:#fff;}
#icon_wrap  h2:before{content: "";display:block;width:58px;height:43px;background:url(/images/km/main/type05_common-ir.png) no-repeat;vertical-align:middle;margin:0 auto 15px;}

#icon_wrap .mj_cont{display:block;width:630px;height:630px; background-color: rgba(0, 0, 0, 0.45); border-radius:50%; text-align: center;}
#icon_wrap .mj_cont .inner{position:relative;display:inline-block;width:100%;height:100%;padding:60px 60px 0 60px;}
#icon_wrap .mj_cont div{font-size: 20px; color: #fff; text-align: center; display: none;}
#icon_wrap .mj_cont div:first-child{display: block;}
#icon_wrap .mj_cont .close{position:absolute;top:0;right:0;display:inline-block;width:81px;height: 81px;background-color:#20529b;padding:28px 0;}
#icon_wrap .mj_cont .close span{display:inline-block;width:26px;height:26px;vertical-align:middle;background:url(/images/km/main/type05_common-ir.png) -280px -236px no-repeat;vertical-align:middle;font-size:0;text-indent:-9999px;}
#icon_wrap .mj_cont .mj_tit:before{content: "";display:block;height:36px;background:url(/images/km/main/type05_common-ir.png) no-repeat;vertical-align:middle;margin:0 auto 15px;}
#icon_wrap li.icon1 .mj_cont .mj_tit:before{width:36px;background-position: -64px -118px;}

#icon_wrap .mj_cont .mj_entit{display:block;font-size:16px;color:#fff;letter-spacing:0;word-break: keep-all;}
#icon_wrap .mj_cont .mj_entit:after{content: "";display:block;width:38px;height:2px;background-color:#fff;margin:25px auto 20px;}
#icon_wrap .mj_cont .mj_txt{font-size:16px;color:#fff;line-height:1.8;margin-bottom:10px;word-break: keep-all;}
#icon_wrap .mj_cont .call{font-size: 17px;color: #fff;letter-spacing: 0;text-decoration: underline;vertical-align:middle;margin-bottom:20px;}
#icon_wrap .mj_cont .call:before{content:"";display:inline-block;width:24px;height: 24px;background:url(/images/km/main/type05_common-ir.png) -241px -236px no-repeat;vertical-align:middle;margin-right:10px;}
#icon_wrap .mj_cont .mj_btn{display:inline-block;width:auto;}
#icon_wrap .mj_cont .mj_btn a{display:inline-block;width:115px;height:115px;background-color:#fff;margin-left:10px;padding:22px 0 0 0;}
#icon_wrap .mj_cont .mj_btn a:first-child{margin-left: 0;}
#icon_wrap .mj_cont .mj_btn a:hover,
#icon_wrap .mj_cont .mj_btn a:focus{background:url(/images/km/main/type05_gradient_bg.png) no-repeat;background-size:cover;}
#icon_wrap .mj_cont .mj_btn a span{display: inline-block;color:#333;font-size:15px;}
#icon_wrap .mj_cont .mj_btn a:hover span,
#icon_wrap .mj_cont .mj_btn a:focus span{color:#fff;}
#icon_wrap .mj_cont .mj_btn a span:before{content:"";display: block;width:31px;height: 41px;background:url(/images/km/main/type05_common-ir.png) 0 -237px no-repeat;vertical-align:middle;margin:0 auto 15px;}
#icon_wrap .mj_cont .mj_btn a.mbtn1:hover span:before,
#icon_wrap .mj_cont .mj_btn a.mbtn1:focus span:before{background-position: -63px -237px}
#icon_wrap .mj_cont .mj_btn a.mbtn2 span:before{width:20px;background-position: -124px -237px}
#icon_wrap .mj_cont .mj_btn a.mbtn2:hover span:before,
#icon_wrap .mj_cont .mj_btn a.mbtn2:focus span:before{background-position: -180px -237px}


@media (max-width: 1279px){
	#icon_wrap .mj_cont,
	#icon_wrap .mj_cont .inner{width:100%;}
	#icon_wrap .mj_cont:before{display:none;}
	#icon_wrap.right{padding-right:0;}
}

@media (max-width: 767px){
	#body_layout,
	#bg_img{height:auto}
	#icon_wrap{padding:0;width:100%;height: 100%;}
	#icon_wrap #icon_wrap{width:280px;}
	#icon_wrap h2{font-size:25px;}
	#icon_wrap .entit{font-size:15px;word-break: keep-all;margin-bottom:20px}
	#icon_wrap .mj_cont{width:100%;height:100%;border-radius: 0;padding-bottom: 100px;}
	#icon_wrap .mj_cont .inner{padding:50px 20px 0 20px;}
	#icon_wrap .mj_cont .mj_tit{font-size:25px;}
	#icon_wrap .mj_cont .mj_entit{font-size:15px;}
	#icon_wrap .mj_cont .mj_entit:after{margin:20px auto 20px;}
}
