@charset "utf-8";

#foot_layout {position: relative;z-index: 2;background:#262a36;}
.move_top {display:none;}
.foot_wrap {padding:60px 0;background:#4f5b68;}
.foot_wrap .footer-info {}
.foot_wrap .footer-info ul {margin:0 0 10px;}
.foot_wrap .footer-info ul:after {display:block; clear:both; visibility:hidden; content:'';}
.foot_wrap .footer-info ul li {float:left; position:relative;margin-right:36px;}
.foot_wrap .footer-info ul li:after {display:block; position:absolute;top:6px; right:-18px; content:''; width:1px; height:13px; background:#fff;}
.foot_wrap .footer-info ul li:last-child:after {display:none;}
.foot_wrap .footer-info ul li a {display:block; font-size:15px; color:#fff;}
.foot_wrap .footer-info ul li:first-child a {font-weight:700;color: #ffbf00;}
.foot_wrap .footer-info address {display:block; font-size:14px; color:#fff;}
.foot_wrap .footer-info address span {display:inline-block; font-size:14px; color:#fff;}
.foot_wrap .footer-info .copy {display:block; margin:0;font-size:14px; color:#fff;}
.foot_wrap .mark_img {position:absolute; right:0; top:52px;width: 80px;}


#banner {border-top: 1px solid #d6d6d6;background:#fff;}
#banner .banner_box {overflow: hidden;}
#banner .banner_box .banner_wrap {position:relative;width:100%;height: 80px;padding: 0 110px 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;right: 0;top: 28px;}
#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[data-control="prev"]:before {right:-3px; width:10px; height:10px; border-color: #333;}
#banner .banner_box .banner_wrap .control button[data-control="next"]:before {left:-3px;width:10px; height:10px; border-color: #333;}
#banner .banner_box .banner_wrap .control button[data-control="stop"]:before {height:15px; box-shadow: -3px 0 #333, 3px 0 #333;}
#banner .banner_box .banner_wrap .control button[data-control="play"]:before {right:-2px; border-width:9px 0 9px 12px;border-color: transparent transparent transparent #333;}
#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:60px;}
#banner .banner_box .banner_wrap .grap .obj li a {display:block;padding: 0;height: 80px;line-height: 80px;font-size:15px;color:#333;/* font-weight:700; */}
#banner .banner_box .banner_wrap .grap .obj li a img {width:auto; height:100%;}

@media(max-width:1479px){
    .foot_wrap .mark_img {right:40px;}
}

@media screen and (max-width:1023px){
    .foot_wrap .mark_img {position:static; margin:20px auto 0; text-align:center;}
    .move_top {display:block; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; background:#f4f5f7; text-align:center;}
    .move_top a {display:block; line-height:55px; color:#2f2f2f;}
    .move_top a span {display:inline-block;margin:-2px 0 0 5px; border-bottom:6px solid #aaabac;border-left: 6px solid transparent;border-right: 6px solid transparent; vertical-align:middle;}
    .foot_wrap {padding:20px 0 30px;}
    .foot_wrap .footer-info {margin: 0 -5px;}
    .foot_wrap .footer-info ul {}
    .foot_wrap .footer-info ul li {width: calc(33.33% - 10px);margin: 0 5px 10px;border:1px solid rgba(255,255,255,.3);}
    .foot_wrap .footer-info ul li:after {display:none;}
    .foot_wrap .footer-info ul li a {font-size:14px;line-height:35px; text-align:center;}
    .foot_wrap .footer-info address,
    .foot_wrap .footer-info .copy {text-align:center;}

    #banner {border:none;}
    #banner .banner_box .banner_wrap .grap .obj li {padding-right:40px;}
}

@media screen and (max-width:767px){
    .foot_wrap .footer-info ul li {width:calc(50% - 10px);}

    #banner .banner_box .banner_wrap {height:auto;padding: 50px 0 15px;}
    #banner .banner_box .banner_wrap strong {width:105px;height:30px;line-height:30px;}
    #banner .banner_box .banner_wrap .control {top:12px; left:auto; right:0;}
    #banner .banner_box .banner_wrap .grap .obj {overflow:hidden;height:30px;}
    #banner .banner_box .banner_wrap .grap .obj li { padding-right: 30px;}
    #banner .banner_box .banner_wrap .grap .obj li a {height:30px;line-height:30px;padding: 0;}
    #banner .banner_box .banner_wrap .grap .obj li:after {top: 37.5px;right: 15px;}


}