@charset "utf-8";

#foot_layout{overflow:hidden;background-color: #242935;text-align:center;width:100%;}
#foot_layout .footer-info{padding: 25px 0 55px;padding-left: 340px;}
#foot_layout .footer-info ul{display: inline-block;position:relative;bottom: 0;margin-bottom: 10px;}
#foot_layout .footer-info ul li{display:inline-block;position:relative;box-sizing: border-box;float: left;}
#foot_layout .footer-info ul li:before{display:block;position:absolute;top:6px;left:-1px;width:1px;height:10px;background:#525c64;content:'';}
#foot_layout .footer-info ul li.first-chlid:before{ display:none;}
#foot_layout .footer-info ul li:first-child:before{ display:none;}
#foot_layout .footer-info ul li a{display: block;font-size: 14px;color: #9ea1a8;line-height:20px;padding:0 30px 0 30px;letter-spacing:0;line-height: 1.4;}
#foot_layout .footer-info ul li a:hover,
#foot_layout .footer-info ul li a:focus,
#foot_layout .footer-info ul li .ic-1:hover,
#foot_layout .footer-info ul li .ic-1:focus{text-decoration: underline;}
#foot_layout .footer-info ul li a.ic-1{font-weight: bold;color: #0090ae;}
#foot_layout .footer-info ul li:first-child{}
#foot_layout .footer-info ul li:first-child a{padding-left:0}
#foot_layout .layout{position:relative;}
#foot_layout .ir-tmpl.flogo{position:absolute;left: 50px;top: 28px;min-width: 170px;height: 58px;padding: 27px 0 0 70px;background: url(/template/C2/images/common_ir_2023.png) 0 -42px;text-align: left;}
#foot_layout .ir-tmpl.flogo span{display:block;font-size:20px;color:#6c6d71;font-weight: bold;}
#foot_layout .footer-addr address p,
#foot_layout .footer-addr .copy{display: block;margin:0;padding:0;font-size:15px;color:rgba(203,203,203,0.8);text-align:left;}
#foot_layout .footer-addr .copy{font-family: Roboto, "Helvetica Neue", Arial;font-size: 13px;letter-spacing: 1px;}
#foot_layout .footer-addr address p strong{position:relative;display:inline-block;padding-right:13px;margin-right:13px;color:rgba(203,203,203,0.8);}
#foot_layout .footer-addr address p strong:before{display:block;position:absolute;top:6px;right:0;width:1px;height:10px;background-color:rgba(203,203,203,0.8);content:'';}
#foot_layout .footer-addr address p .tel,
#foot_layout .footer-addr address p .fax{font-family: Roboto, "Helvetica Neue", Arial;letter-spacing:0}
#foot_layout .sns{position:absolute;top: 77px;right:0;}
#foot_layout .sns a{display:inline-block;margin:0 4px;width:40px;height:40px;border-radius: 50%;font-size:0;}
#foot_layout .sns .facebook{background-position:-260px -162px;}
#foot_layout .sns .blog{background-position:-160px -163px;}
#foot_layout .sns .instagram{background-position:-310px -162px;}
#foot_layout .sns .youtube{background-position:-360px -162px;}

@media screen and (max-width:1339px){
	#foot_layout .footer-info{padding-bottom:30px;}
	#foot_layout .footer-info ul li:before{left:0;}
	#foot_layout .footer-info ul li a{padding:0 15px 0 15px;}
	#foot_layout .sns{top:137px}
}
@media screen and (max-width:1023px) {
	#foot_layout .footer-info{padding: 30px 0;}
	#foot_layout .ir-tmpl{display: none;}
}
@media screen and (max-width:767px) {
	#foot_layout .footer-info{padding: 20px 0 25px;}
	#foot_layout .footer-addr address p{font-size:13px;}
	#foot_layout .footer-addr address p strong{display:inline-block;font-weight: bold;margin-top: 5px;color: #fff;border-radius: 6px;border: 1px solid rgba(203,203,203,0.5);padding: 3px 7px;margin-right: 12px;min-width: 130px;text-align: center;}
	#foot_layout .footer-addr address p strong:before{display:none;}
	#foot_layout .footer-info ul{margin-bottom:0;}
	#foot_layout .footer-info ul li{width: 49%;height:38px;margin:5px 1% 0 0;border:1px solid #bababa;text-align: center;}
	#foot_layout .footer-info ul li a{line-height: 38px;}
	#foot_layout .footer-info ul li:nth-child(2n){margin-right: 0;}
	#foot_layout .footer-info ul li:nth-child(5),
	#foot_layout .footer-info ul li:nth-child(6),
	#foot_layout .footer-info ul li:nth-child(4),
	#foot_layout .footer-info ul li:nth-child(3){display:none;}
	#foot_layout .footer-info ul li:before{display:none;}
	#foot_layout .footer-addr .copy{text-align:center;}
	#footer-link .slide_quick .family_btn{border:0}

	#foot_layout .sns{position:relative;top:auto;right:auto;text-align:center;margin-top:25px;}
}
@media screen and (max-width:740px) {
	#foot_layout .footer-addr address p strong{display:none;}
	#foot_layout .footer-addr address p{font-size:15px;text-align:center}
}
@media screen and (max-width:540px) {

	#foot_layout .footer-addr address p .fax{display:none;}
}


#footer-link{background-color: #1f2635;}

#footer-link {position: relative;background-color: #242935;z-index: 50;}
#footer-link .layout{width:100%;max-width:none;}
#footer-link .slide_quick .obj{position:relative;margin:0 auto;width:100%;background-color:#1f2635}
#footer-link .slide_quick .family_btn{border-bottom:1px solid rgba(255,255,255,0.1);}


.slide_quick .family_btn ul {position:relative;margin:0 auto;width:100%;max-width:1340px;}
.slide_quick .family_btn ul:after {display:block;visibility:hidden;clear:both;content:""}
.slide_quick .family_btn ul>li{float:left; width:33.33%; height:100%; border-right:1px solid rgba(255,255,255,0.1);}
.slide_quick .family_btn ul>li:first-child{border-left:1px solid rgba(255,255,255,0.1);}
.slide_quick .family_btn ul>li button {display:block;position:relative;width:100%;height:100%;line-height:62px;padding:0 60px 0 30px;font-size:16px;color: #fff;transition: all 0.2s ease-in-out}
.slide_quick .family_btn ul>li button span{position:absolute;top: 20px;right: 20px;display:block;width:18px;height:18px;}
.slide_quick .family_btn ul>li button span:before,
.slide_quick .family_btn ul>li button span:after{content:""; display:inline-block; position:absolute; top:8px; left:0; width:18px; height:1px; background-color:#959b9f; transition: all 0.2s ease-in-out}
.slide_quick .family_btn ul>li button span:after{top:0px; left:8px; width:1px; height:18px}

.slide_quick .family_btn ul>li button:before{content:"";position:absolute;bottom:0;left: 50%;width:0%;height:6px;background-color:#259fd2;display:block;transition: all 0.2s ease-in-out;transform: translate(-50%, 0);}
.slide_quick .family_btn ul>li button.on{}
.slide_quick .family_btn ul>li button.on:before{width:100%;background-color:#259fd2;}
.slide_quick .family_btn ul>li button.on span:before,
.slide_quick .family_btn ul>li button.on span:after{background-color:#fff;}
.slide_quick .family_btn ul>li button:hover span:after,
.slide_quick .family_btn ul>li button:hover span:before{transform: rotate(90deg)}

#footer-link .slide_quick .obj{height:0;opacity: 0;display:none;transition: all 0.2s ease-in-out;background:url(/template/A1/images/link_background.jpg) no-repeat 50%;background-size:cover;}
#footer-link .slide_quick .obj.on{height:auto;opacity:1;display:block;padding:58px 0;}
#footer-link .slide_quick .obj .inner{position:relative;margin:0 auto;width:100%;max-width:1340px;}
#footer-link .slide_quick .obj .inner .tes ul{overflow:hidden;position: relative;margin-top: 27px;}
#footer-link .slide_quick .obj .inner .tes ul > li{float:left;width:100%;padding: 30px;box-sizing:border-box;}
#footer-link .slide_quick .obj .inner .tes ul > li.col4{width:25%;min-height: 437px;}
#footer-link .slide_quick .obj .inner .tes ul > li.col1{width:75%;min-height: 320px;}
#footer-link .slide_quick .obj .inner .tes ul > li > a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; line-height:48px; text-decoration:none; text-align:center; font-size:16px; border:1px solid #717581; color:#fff; background-color:#293143;}
#footer-link .slide_quick .obj .inner .tes ul > li > a:hover,
#footer-link .slide_quick .obj .inner .tes ul > li > a:focus{border:1px solid #717581;color:#30c9f5;}
#footer-link .slide_quick .obj .inner .tes ul li ul li{display:block;padding: 0 0 0 20px;}
#footer-link .slide_quick .obj .inner .tes ul li ul.cols4 li{width:25%;float:left;}

#footer-link .slide_quick .obj .inner .tes ul li ul li a{border:0;background:none;font-size:15px;text-align:left;display: block;position: relative;line-height:1}
#footer-link .slide_quick .obj .inner .tes ul li ul li a span{line-height:1.2;padding:6px 5px 6px 28px;position: relative;display:inline-block}
#footer-link .slide_quick .obj .inner .tes ul li ul li a span:before{content:"";position:absolute;bottom:4px;left:0;display:block;width:16px;height:1px;background-color:rgba(255,255,255,0.3);transition: all 0.2s ease-in-out;}
#footer-link .slide_quick .obj .inner .tes ul li ul li a:hover,
#footer-link .slide_quick .obj .inner .tes ul li ul li a:focus{border:0;background:0;color:#30c9f5;}
#footer-link .slide_quick .obj .inner .tes ul li ul li a:hover span:before,
#footer-link .slide_quick .obj .inner .tes ul li ul li a:focus span:before{width:100%;height:2px;background-color:#30c9f5}




@media screen and (max-width:1339px){
	#footer-link .slide_quick .obj.on{padding:20px 0}
	#footer-link .slide_quick .obj .inner .tes ul > li{padding:15px}
}

@media screen and (max-width:1023px){
	#footer-link .slide_quick .obj .inner .tes ul > li.col4{width:33.33%}
}

@media screen and (max-width:768px){
	#footer-link{border:0}
	.slide_quick .family_btn ul>li{float:none;width:100%;border-left:1px solid rgba(255,255,255,0.1);border-top:1px solid rgba(255,255,255,0.1);}
	#footer-link .slide_quick .obj .inner .tes ul > li.col4{width:50%}
}

.move_top {opacity: 0;position: fixed;top:auto;right: 2%;bottom: 50px;z-index: 50;width: 60px;height: 60px;}
.move_top.show {opacity: 1;transition: opacity .2s ease-in-out;}
.move_top a {display: block;width: 60px;height: 60px;border: 1px solid #c1c1c1;border-radius: 50%;background: rgba(255,255,255,0.5);text-align: center;}
.move_top a canvas {position: absolute;left: 0;top: 0;z-index: 1;}
.move_top a em {position: relative;z-index: 2;width: 58px;height: 58px;overflow: hidden;display: block;padding-top: 30px;font-size: 12px;transition: all .3s ease-in-out;}
.move_top a em:before {content: "";position: absolute;left: 50%;top: 18px;width: 13px;height: 3px;transform: rotate(-45deg);margin-left: -12px;background: #000;transform-origin: 100%;transition: all .3s ease-in-out;}
.move_top a em:after {content: "";position: absolute;left: 50%;top: 18px;width: 13px;height: 3px;background: #000;transform: rotate(45deg);transform-origin: 0;transition: all .3s ease-in-out;}
.move_top a:hover em{color: #262a36;}
.move_top a:hover em:before,
.move_top a:hover em:after{background: #262a36;}