@charset "utf-8";

@-webkit-keyframes mouse-scroll {0%   { opacity: 0;}50%  { opacity: .5;}100% { opacity: 1;}}
@keyframes mouse-scroll {0%   { opacity: 0; }50%  { opacity: .5; }100% { opacity: 1; }}

#foot_layout {position: relative;z-index: 20;background: #394049;}
.modal-open #foot_layout {z-index:1;}
#foot_layout .footer-info {position: relative;padding: 40px 0 50px;}
#foot_layout .footer-info .utile_wrap {margin: 0 0 25px;}
#foot_layout .footer-info .utile_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#foot_layout .footer-info .utile_wrap li {display:inline-block; position:relative; margin-right:30px;}
#foot_layout .footer-info .utile_wrap li:last-child {margin-right:0;}
#foot_layout .footer-info .utile_wrap li:after {display:block;position:absolute;top: 9px;right: -19px;width: 3px;height: 3px;border-radius: 50%;background: #83878c;content:'';}
#foot_layout .footer-info .utile_wrap li:last-child:after {display:none;}
#foot_layout .footer-info .utile_wrap li a {display:block;width:100%;height: 24px;font-size: 15px;color: #c1c3c6;}
#foot_layout .footer-info .utile_wrap li:first-child a {font-weight:bold;color: #fff;}
#foot_layout .footer-info address {display:block;margin:0 0 5px;color: #c1c3c6;font-size: 15px;line-height:1.3;}
#foot_layout .footer-info address a {display:inline-block; color: #c1c3c6;}
#foot_layout .footer-info address span {display:inline-block;position:relative; margin-left:20px; }
#foot_layout .footer-info p {margin:0;font-size:15px;color: #c1c3c6;}
#foot_layout .footer-info .snsbox {position:absolute; right:0; bottom:0; }
#foot_layout .footer-info .snsbox ul {display: none;}
#foot_layout .footer-info .snsbox ul li {display:inline-block;margin: 0 5px;vertical-align:top;}
#foot_layout .footer-info .snsbox ul li a {display:block; }
#foot_layout .footer-info .snsbox ul li span {display:block; width:30px; height:30px; font-size:0; vertical-align:top;}
#foot_layout .footer-info .snsbox ul li.n1 span {background-position:0 -70px;}
#foot_layout .footer-info .snsbox ul li.n2 span {width:31px; background-position:-33px -70px;}
#foot_layout .footer-info .snsbox ul li.n3 span {background-position:-67px -70px;}
#foot_layout .footer-info .snsbox ul li.n4 span {background-position:-100px -70px;}
#foot_layout .footer-info .snsbox ul li.n5 span {background-position:-133px -70px;}
#foot_layout .footer-info .snsbox .ftop {display:inline-block;width: 65px;height: 65px;padding: 11px;margin-left: 20px;border-radius: 50%;background: rgba(47,104,194,.15);}
#foot_layout .footer-info .snsbox .ftop button {width: 100%;height: 100%;padding: 5px 0 0;border-radius:50%;background:#4a7ed0;font-size:0;text-align:center;}
#foot_layout .footer-info .snsbox .ftop span {display: block;width: 5px;height: 5px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);border-right: 2px solid white;border-bottom: 2px solid white;border-radius: 1px;margin: 4px auto;width: 8px;height: 8px;}
#foot_layout .footer-info .snsbox .ftop span.unu, 
#foot_layout .footer-info .snsbox .ftop span.doi, 
#foot_layout .footer-info .snsbox .ftop span.trei{-webkit-animation: mouse-scroll 1s infinite; animation: mouse-scroll 1s infinite;}
#foot_layout .footer-info .snsbox .ftop span.unu{margin-top: 1px;-webkit-animation-delay: .3s;-webkit-animation-direction: alternate;animation-direction: alternate;animation-delay: .3s;}
#foot_layout .footer-info .snsbox .ftop span.doi{-webkit-animation-delay: .2s;-webkit-animation-direction: alternate;animation-delay: .2s;animation-direction: alternate;margin-top: -6px;}
#foot_layout .footer-info .snsbox .ftop span.trei{-webkit-animation-delay: .1s;-webkit-animation-direction: alternate;animation-delay: .1s;animation-direction: alternate;margin-top: -6px;}

#banner {border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;background:#fff;}
#banner .banner_box {overflow: hidden;}
#banner .banner_box .banner_wrap {position:relative;width:100%;height: 60px;padding: 0 0 0 175px;}
#banner .banner_box .banner_wrap strong {display:block;position:absolute;left:0;top: 16px;width: 125px;height: 48px;line-height: 48px;border-radius: 30px;background: #4f5b69;font-size:15px;color: #fff;font-weight:700;text-align: center;}
#banner .banner_box .banner_wrap strong span {display:inline-block; width:17px; height:16px; margin:-3px 8px 0 0; background:url(/template/A/images/banner_icon.png)no-repeat; vertical-align:middle;}
#banner .banner_box .banner_wrap .control {position:absolute;left: 0;top: 16px;}
#banner .banner_box .banner_wrap .control:after {display:block; clear:both; visibility:hidden; content:'';}
#banner .banner_box .banner_wrap .control a {display:block; float:left; position:relative; width:26px; height:26px; margin:0 2px; border-radius:50%; background:#888;font-size:0; }
#banner .banner_box .banner_wrap .control a:before,
#banner .banner_box .banner_wrap .control a:after {display:block; position:absolute; top: 0;left: 0;right: 0;bottom: 0;margin: auto; content:'';}
#banner .banner_box .banner_wrap .control a:before {width:10px; height:2px;background: #fff;}
#banner .banner_box .banner_wrap .control a:after {width: 2px;height:10px;background: #fff;}
#banner .banner_box .banner_wrap .control button{display:block;float:left;position:relative;width:26px;height:26px;margin: 0;padding:0;font-size:0;}
#banner .banner_box .banner_wrap .control button:before,
#banner .banner_box .banner_wrap .control button:after {display:block; }
#banner .banner_box .banner_wrap .control button[data-control="prev"]:before {right:-3px; width:7px; height:7px; border-color: #89939f;}
#banner .banner_box .banner_wrap .control button[data-control="next"]:before {left:-3px;width:7px; height:7px; border-color: #89939f;}
#banner .banner_box .banner_wrap .control button[data-control="stop"]:before {height:13px; box-shadow: -3px 0 #89939f, 3px 0 #89939f;}
#banner .banner_box .banner_wrap .control button[data-control="play"]:before {right:-2px; border-width:7px 0 7px 9px;border-color: transparent transparent transparent #89939f;}
#banner .banner_box .banner_wrap .control button[data-control="prev"]:hover:before,
#banner .banner_box .banner_wrap .control button[data-control="prev"]:focus:before {border-color:#4175c7;}
#banner .banner_box .banner_wrap .control button[data-control="next"]:hover:before,
#banner .banner_box .banner_wrap .control button[data-control="next"]:focus:before {border-color:#4175c7;}
#banner .banner_box .banner_wrap .control button[data-control="stop"]:hover:before,
#banner .banner_box .banner_wrap .control button[data-control="stop"]:focus:before {box-shadow: -3px 0 #4175c7, 3px 0 #4175c7;}
#banner .banner_box .banner_wrap .control button[data-control="play"]:hover:before,
#banner .banner_box .banner_wrap .control button[data-control="play"]:focus:before {border-color: transparent transparent transparent #4175c7;}
#banner .banner_box .banner_wrap .grap {overflow:hidden;position: relative;width:100%;}
#banner .banner_box .banner_wrap .grap .obj {position:relative; width:1000%;}
#banner .banner_box .banner_wrap .grap .obj:after {display:block; clear:both; visibility:hidden; content:'';}
#banner .banner_box .banner_wrap .grap .obj li {float:left;position:relative;padding-right: 55px;}
#banner .banner_box .banner_wrap .grap .obj li a {display:block;padding: 0;height:60px;line-height: 60px;font-size: 16px;color: #60656c;/* font-weight:700; */}
#banner .banner_box .banner_wrap .grap .obj li a img {width:auto; height:100%;}


@media(max-width:1439px){
    #foot_layout .footer-info .snsbox {right:40px;}
}

@media(max-width:1279px){
    #foot_layout .footer-info .snsbox ul {display:none;}
}

@media(max-width:1023px){
    #banner .banner_box .banner_wrap {padding-left:110px;}
    #foot_layout .footer-info .snsbox {right:35px;}
    #foot_layout .footer-info address span {display:block; margin:5px 0 0}
}

@media(max-width:767px){
    #foot_layout .footer-info {text-align:center;}
    #foot_layout .footer-info .snsbox {position:static;}
    #foot_layout .footer-info .snsbox .ftop {width:130px;height:40px;margin: 40px 0 0;padding: 0;border:1px solid #616161;border-radius:10px;background: none;}
    #foot_layout .footer-info .snsbox .ftop button {padding: 0;background: none;font-size: 15px;color: #c1c3c6;}
    #foot_layout .footer-info .snsbox .ftop button span {display:none;}
}