﻿

.sidebar{width:50px;height:390px;position:fixed;top:50%;right:0;margin-top:-162px;z-index:5;}
.sidebar > div{width:50px;height:50px;margin-bottom:6px;}
.sidebar > div > span{display:block;width:50px;height:50px;cursor:pointer}
.sidebar >div .sidebar_al{width:210px;height:510px;position:absolute;top:0;left:-210px;display:none;}
.sidebar >div > div > div{width:184px;height:235px;border:1px solid #d9d9d9;background:#fff;box-sizing:border-box;}
.sidebar >div:hover > div{display:block;}
.sidebar >div:hover > span{background-color:#e60012!important;}
.sidebar >div > div > div::before{content:"";width:0;height:0;border-top:10px solid transparent;border-left:10px solid #d9d9d9;border-bottom:10px solid transparent;position: absolute;top:22px;right:17px;}
.sidebar >div > div > div::after{content:"";width:0;height:0;border-top:10px solid transparent;border-left:10px solid #fff;border-bottom:10px solid transparent;position: absolute;top:22px;right:18px;}
.sidebar >div.sb_qq span{background:#888886 url(../images/sb_qq.png) no-repeat center center;}

.sidebar > div.sb_qq .sb_qq_li{padding:26px 0 0 16px;}
.sidebar > div.sb_qq .sb_qq_li a{display:block;width:100%;height:45px;padding-left:62px;box-sizing:border-box;line-height:45px;margin-bottom:20px;color:#333;}
.sidebar > div.sb_qq .sb_qq_li a:hover{color:#e60012;}
.sidebar > div.sb_qq .sb_qq_li a:nth-of-type(1),.sidebar > div.sb_qq .sb_qq_li a:nth-of-type(2){background:url(../images/sb_qq_bg1.png) no-repeat center left;}
.sidebar > div.sb_qq .sb_qq_li a:nth-of-type(3),.sidebar > div.sb_qq .sb_qq_li a:nth-of-type(4){background:url(../images/sb_qq_bg2.png) no-repeat center left;}
.sidebar > div.sb_tel >span{background:#888886 url(../images/sb_tel.png) no-repeat center center;}
.sidebar > div.sb_tel .sb_tel_li{padding-top:25px;box-sizing:border-box;height:250px;}
.sidebar > div.sb_tel .sb_tel_li::before,.sidebar > div.sb_tel .sb_tel_li::after{top:85px;}
.sidebar > div.sb_tel .sb_tel_li img{display:block;margin:0 auto 14px auto;width:66px;height:66px;}
.sidebar > div.sb_tel .sb_tel_li i{display:block;font-size:16px;line-height:16px;color:#333;text-align:center;margin-bottom:10px;}
.sidebar > div.sb_tel .sb_tel_li span{display:block;font-size:18px;line-height:18px;text-align:center;margin-bottom:24px;color:#e60012;}

.sidebar > div.sb_wx >span{background:#888886 url(../images/sb_ewm.png) no-repeat center center;}
.sidebar > div.sb_wx .sb_wx_li{padding-top:25px;box-sizing:border-box; height: 400px; margin-top: 0px;}
.sidebar > div.sb_wx .sb_wx_li::before,.sidebar > div.sb_wx .sb_wx_li::after{top:155px;}
.sidebar > div.sb_wx .sb_wx_li img{display:block;width:90px;height:90px;margin:0 auto 5px auto;}
.sidebar > div.sb_wx .sb_wx_li span{display:block;font-size:16px;text-align:center;line-height:16px;margin-bottom:15px;}
.sidebar > div.sb_fx >span{background:#888886 url(../images/sb_fx.png) no-repeat center center;}
.sidebar > div.sb_fx .sb_fx_li{padding-top:50px;box-sizing:border-box;}
.sidebar > div.sb_fx .sb_fx_li::before,.sidebar > div.sb_fx .sb_fx_li::after{top:220px;}
.sidebar > div.sb_fx .sb_fx_li .f_qrcode{width:128px;height:128px;margin:0 auto 20px auto;overflow:hidden;}
.sidebar > div.sb_fx .sb_fx_li .f_qrcode canvas{width:128px;height:128px;}
.sidebar > div.sb_fx .sb_fx_li span{display:block;text-align:center;font-size:16px;line-height:24px;}
.sidebar >div.sb_xcx >span{background:#888886 url(../images/sb_xcx.png) no-repeat center center;}
.sidebar > div.sb_xcx .sb_xcx_li{width:184px;height:93px;position:absolute;top:auto;bottom:149px;padding-top:14px;box-sizing:border-box;}
.sidebar > div.sb_xcx .sb_xcx_li::after,.sidebar > div.sb_xcx .sb_xcx_li::before{position: absolute;top:50%;margin-top:-5px;right:-11px;}
.sidebar > div.sb_xcx .sb_xcx_li::after{right:-10px;}
.sidebar > div.sb_xcx .sb_xcx_li b{display:block;font-size:16px;text-align:center;line-height:16px;margin-bottom:10px;}
.sidebar > div.sb_xcx .sb_xcx_li img{display:block;width:142px;margin:0 auto;}
.sidebar > div.sb_top span{background:#888886 url(../images/sb_top.png) no-repeat center center;}

.sidebar > span{width:50px;height:50px;margin-bottom:6px;}
.sidebar > span > span{display:block;width:50px;height:50px;cursor:pointer;margin-bottom:6px;}
.sidebar >span:hover > span{background-color:#e60012!important;}
.sidebar >span.sb_yl >span{background:#888886 url(../images/sb_yl.png) no-repeat center center;}

.sidebar_ly{position: fixed;width:100%;height:100%;background:rgba(0,0,0,.5);left:0;top:0;display:none;}
.sidebar_ly .ftxr{width:650px;height:560px;background:#fff;position: absolute;top:50%;left:50%;margin-left:-325px;margin-top:-280px;border-radius:6px;box-sizing:border-box;padding:20px 40px 0 50px;position: relative;}
.sidebar_ly .ftxr::after,.sidebar_ly .ftxr::before{display:none;}
.sidebar_ly .ftxr p{text-align:center;font-size:26px;color:#333;margin-bottom:40px;}
.sidebar_ly .ftxr .f_r_item{width:100%;height:42px;margin-bottom:20px;}
.sidebar_ly .ftxr .f_r_item span{display:inline-block;font-size:20px;text-align: center;letter-spacing:8px;color:#333;width:70px;height:42px;line-height:42px;position: relative;background:none;}
.sidebar_ly .ftxr .f_r_item span::after{content:"*";width:10px;height:10px;text-align:center;line-height:10px;color:#dd3c13;position: absolute;left:-12px;top:50%;margin-top:-5px;}
.sidebar_ly .ftxr .f_r_item input{display:inline-block;width:440px;height:42px;border:none;box-sizing:border-box;background:#f5f5f5;border-radius:6px;padding:0 24px;font-size:18px;}
.sidebar_ly .ftxr .f_r_item textarea{display:inline-block;width:440px;height:180px;border:none;background:#f5f5f5;border-radius:6px;box-sizing:border-box;padding:24px;font-size:18px;vertical-align:top;}
.sidebar_ly .ftxr button{display:block;width:300px;height:43px;background:#e60012;color:#fff;border:none;text-align:center;line-height:46px;margin:0 auto;border-radius:6px;font-size:20px;}
.sidebar_ly .ftxr .f_r_item:nth-last-of-type(1){height:180px;}
.sidebar_ly .ftxr .f_r_item:nth-last-of-type(1) span{letter-spacing:0px;}
.sidebar_ly .ftxr b{display:block;width:40px;height:56px;background:url(../images/note_c.png) no-repeat center center;position: absolute;right:0;top:-56px;cursor:pointer;}

@media (max-width:750px){
.sidebar{display: none;}	
	
}