@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/hcs/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/hcs/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/hcs/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/hcs/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/hcs/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/hcs/main/main_cont5_bg.jpg) 50% 50% no-repeat;background-size:cover;}

#icon_wrap{position: relative; width: 100%; height: 100%;text-align: center;padding-top:115px;padding-right:-100%;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
#icon_wrap.right{padding-right:40%;}
#icon_wrap h2{display:block;font-size:31px;font-weight:700;color:#fff;}
#icon_wrap h2:before{content: "";display:block;width: 58px;height: 47px;background: url(/images/hcs/main/type05_common-ir.png) no-repeat 0 -51px;vertical-align:middle;margin:0 auto 15px;}
#icon_wrap .entit{font-size:16px;color:#fff;letter-spacing:0;margin-bottom:45px;}
#icon_wrap .iconbox{display:inline-block;width:560px;margin-right:0;}
.iconbox li{float:left;display: table;width:115px;height:115px;margin:0 0 30px 25px;}
.iconbox li:nth-child(4+n){margin-left:0;}
.iconbox li .mj_open{display:table-cell;vertical-align:middle;color:#fff;font-size:15px;}
.iconbox li .mj_open:before{content:"";display:block;height: 47px;background:url(/images/hcs/main/type05_common-ir.png) no-repeat;vertical-align:middle;margin:0 auto 15px;}
.iconbox li.icon1 .mj_open:before{width: 57px;background-position: 0 0;}
.iconbox li.icon2 .mj_open:before{width:53px;background-position: -61px 0;}
.iconbox li.icon3 .mj_open:before{width:46px;background-position: -161px 0;}
.iconbox li.icon4 .mj_open:before{width:42px;background-position: -117px 0;}
.iconbox li.icon5 .mj_open:before{width:52px;background-position: -210px 0;}
.iconbox li.icon6 .mj_open:before{width:40px;background-position: -264px 0;}
.iconbox li.icon7 .mj_open:before{width:45px;background-position: -307px 0;}
.iconbox li.icon8 .mj_open:before{width:40px;background-position: -69px -56px;}
.iconbox li.icon9 .mj_open:before{width:41px;background-position: -123px -56px;}
.iconbox li.icon10 .mj_open:before{width:40px;background-position: -169px -56px;}

.iconbox li .mj_open:hover,
.iconbox li .mj_open:focus,
.iconbox li .mj_open.on{background:url(/images/hcs/main/type05_gradient_bg.png) no-repeat;background-size:cover; color:#3c3527}
.iconbox li.icon1 .mj_open.on:before,
.iconbox li.icon1 .mj_open:hover:before,
.iconbox li.icon1 .mj_open:focus:before {background-position: 0 -114px;}
.iconbox li.icon2 .mj_open.on:before,
.iconbox li.icon2 .mj_open:hover:before,
.iconbox li.icon2 .mj_open:focus:before{background-position: -61px -114px;}
.iconbox li.icon3 .mj_open.on:before,
.iconbox li.icon3 .mj_open:hover:before,
.iconbox li.icon3 .mj_open:focus:before{background-position: -161px -114px;}
.iconbox li.icon4 .mj_open.on:before,
.iconbox li.icon4 .mj_open:hover:before,
.iconbox li.icon4 .mj_open:focus:before{background-position: -117px -114px;}
.iconbox li.icon5 .mj_open.on:before,
.iconbox li.icon5 .mj_open:hover:before,
.iconbox li.icon5 .mj_open:focus:before{background-position: -210px -114px;}
.iconbox li.icon6 .mj_open.on:before,
.iconbox li.icon6 .mj_open:hover:before,
.iconbox li.icon6 .mj_open:focus:before{background-position: -264px -114px;}
.iconbox li.icon6 .mj_open.on:before,
.iconbox li.icon7 .mj_open:hover:before,
.iconbox li.icon7 .mj_open:focus:before{background-position: -307px -114px;}
.iconbox li.icon8 .mj_open:hover:before,
.iconbox li.icon8 .mj_open:focus:before{background-position: -69px -176px;}
.iconbox li.icon9 .mj_open:hover:before,
.iconbox li.icon9 .mj_open:focus:before{background-position: -123px -176px;}
.iconbox li.icon10 .mj_open:hover:before,
.iconbox li.icon10 .mj_open:focus:before{background-position: -169px -176px;}


.iconbox li .mj_cont{display:none;position: absolute;top: 0;right: -100%;z-index: 9;width: 50%;height: 100%;background-color: rgba(230,151,12,0.9);text-align: center;}
.iconbox li .mj_cont:before{position: absolute;top: 46%;left: -17px;content:"";display:inline-block;width:17px;height:35px;background:url(/images/hcs/main/mj_text_bg_arr.png) no-repeat;vertical-align: middle;}
.iconbox li .mj_cont .inner{position:relative;display:inline-block;width:600px;padding:115px 60px 0 60px;}
.iconbox li .mj_cont div{font-size: 20px; color: #fff; text-align: center; display: none;}
.iconbox li .mj_cont div:first-child{display: block;}
.iconbox li .mj_cont .close{position:absolute;top:0;right:0;display:inline-block;width:81px;height: 81px;background-color: #ae7615;padding:28px 0;}
.iconbox li .mj_cont .close span{display:inline-block;width:26px;height:26px;vertical-align:middle;background:url(/images/hcs/main/type05_common-ir.png) -280px -236px no-repeat;vertical-align:middle;font-size:0;text-indent:-9999px;}
.iconbox li .mj_cont .mj_tit:before{content: "";display:block;height:48px;background:url(/images/hcs/main/type05_common-ir.png) no-repeat;vertical-align:middle;margin:0 auto;}
.iconbox li.icon1 .mj_cont .mj_tit:before{width: 57px;background-position: 0 -114px;}
.iconbox li.icon2 .mj_cont .mj_tit:before{width:53px;background-position: -61px -114px;}
.iconbox li.icon3 .mj_cont .mj_tit:before{width:46px;background-position: -161px -114px;}
.iconbox li.icon4 .mj_cont .mj_tit:before{width:42px;background-position: -117px -114px;}
.iconbox li.icon5 .mj_cont .mj_tit:before{width:52px;background-position: -210px -114px;}
.iconbox li.icon6 .mj_cont .mj_tit:before{width:40px;background-position: -264px -114px;}
.iconbox li.icon7 .mj_cont .mj_tit:before{width:45px;background-position: -307px -114px;}
.iconbox li.icon8 .mj_cont .mj_tit:before{width:45px;background-position: -69px -176px;}
.iconbox li.icon9 .mj_cont .mj_tit:before{width:45px;background-position: -123px -176px;}
.iconbox li.icon10 .mj_cont .mj_tit:before{width:45px;background-position: -169px -176px;}

.iconbox li .mj_cont .mj_tit{display:block;font-size:31px;font-weight:700;color: #3c3527;}
.iconbox li .mj_cont .mj_entit{display:block;font-size:16px;color: #3c3527;letter-spacing:0;word-break: keep-all;}
.iconbox li .mj_cont .mj_entit:after{content: "";display:block;width:38px;height:2px;background-color: #3c3527;margin:45px auto 45px;}
.iconbox li .mj_cont .mj_txt{font-size:16px;color: #3c3527;line-height:1.8;margin-bottom:35px;word-break: keep-all;}
.iconbox li .mj_cont .call{font-size: 17px;color: #3c3527;letter-spacing: 0;text-decoration: underline;vertical-align:middle;margin-bottom:38px;}
.iconbox li .mj_cont .call:before{content:"";display:inline-block;width:24px;height: 24px;background: url(/images/hcs/main/type05_common-ir.png) -240px -236px no-repeat;vertical-align:middle;margin-right:10px;}
.iconbox li .mj_cont .mj_btn{display:inline-block;width:auto;}
.iconbox li .mj_cont .mj_btn a{display:inline-block;width:115px;height:115px;background-color:#fff;margin-left:10px;padding:22px 0 0 0;}
.iconbox li .mj_cont .mj_btn a:first-child{margin-left: 0;}
.iconbox li .mj_cont .mj_btn a:hover,
.iconbox li .mj_cont .mj_btn a:focus{background:url(/images/hcs/main/type05_gradient_bg.png) no-repeat;background-size:cover;}
.iconbox li .mj_cont .mj_btn a span{display: inline-block;color:#333;font-size:15px;}
/* .iconbox li .mj_cont .mj_btn a:hover span,
.iconbox li .mj_cont .mj_btn a:focus span{color:#fff;} */
.iconbox li .mj_cont .mj_btn a span:before{content:"";display: block;width:31px;height: 41px;background:url(/images/hcs/main/type05_common-ir.png) 0 -237px no-repeat;vertical-align:middle;margin:0 auto 15px;}
/* .iconbox li .mj_cont .mj_btn a.mbtn1:hover span:before,
.iconbox li .mj_cont .mj_btn a.mbtn1:focus span:before{background-position: -63px -237px} */
.iconbox li .mj_cont .mj_btn a.mbtn2 span:before{width:20px;background-position: -124px -237px}
/* .iconbox li .mj_cont .mj_btn a.mbtn2:hover span:before,
.iconbox li .mj_cont .mj_btn a.mbtn2:focus span:before{background-position: -180px -237px} */


@media (max-width: 1279px){
	.iconbox li .mj_cont,
	.iconbox li .mj_cont .inner{width:100%;}
	.iconbox li .mj_cont:before{display:none;}
	#icon_wrap.right{padding-right:0;}
}

@media (max-width: 767px){
	#body_layout,
	#bg_img{height:1000px}
	#icon_wrap{padding-top:30px;}
	#icon_wrap .iconbox{width:280px;}
	.iconbox li{margin-bottom:0;}
	#icon_wrap h2{font-size:25px;}
	#icon_wrap .entit{font-size:15px;word-break: keep-all;margin-bottom:20px}
	.iconbox li .mj_cont .inner{padding:50px 20px 0 20px;}
	.iconbox li .mj_cont .mj_tit{font-size:25px;}
	.iconbox li .mj_cont .mj_entit{font-size:15px;}
	.iconbox li .mj_cont .mj_entit:after{margin:20px auto 20px;}
}