.idx-foot { background: #0c0e10;padding-top: 0px;}
.idx-foot a { -webkit-transition: all .25s;
 -moz-transition: all .25s;
 -ms-transition: all .25s;
 -o-transition: all .25s;
 transition: all .25s;}
.idx-foot .wp { position: relative;}
.idx-foot>.wp { overflow: hidden;}
.idx-foot .wp .email { position: absolute;right: 380px;bottom: 80px;color: #ebebeb;}
.idx-foot .wp .office { width: 135px;height: 45px;background: #303234;line-height: 45px;text-align: center;color: #ebebeb;position: absolute;right: 0;bottom: 65px;border-radius: 8px;}
.idx-foot .wp .office:hover { background: #222;color: #fff;}
.idx-foot .foot-menu { float: left; overflow: hidden;padding-bottom: 50px;}
.idx-foot .foot-menu dl { float: left;margin-right: 80px;}
.idx-foot .foot-menu dl dt { font-size: 16px;color: #b7b7b7;margin-bottom: 20px;}
.idx-foot .foot-menu dl dd { margin-bottom: 10px;}
.idx-foot .foot-menu dl dd a { font-size: 12px;color: #ebebeb;}
.idx-foot .foot-menu dl dd a:hover { text-decoration: underline;color: #999;}
.idx-foot .foot-menu dl:last-child { border-right: 1px solid rgba(255,255,255,.14);padding-right: 150px;}
.idx-foot .right-menu { float: right;margin-right: 30px;}
.idx-foot .right-menu a { display: block;color: #b7b7b7;margin-bottom: 40px;font-size: 16px;}
.idx-foot .right-menu a:hover { color: #fff;}
.idx-foot .copy { border-top: 1px solid #171b1e;padding: 20px 0;}
.idx-foot .copy p { display: inline-block;color: #999;font-size: 14px;}
.idx-foot .copy p a { font-size: 14px;color: #999;margin-left: 10px;}
.idx-foot .copy p a:hover { color: #fff;}

.idx-foot .hotlink {padding: 5px 10px;border: 1px solid #868788;color: #999;font-size: 14px;cursor: pointer;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);}
.idx-foot .hotlink i { width: 15px;height: 8px;background: url(../images/sprits.png) no-repeat -2px -31px;display: inline-block;margin-left: 5px;}
.idx-foot .hotlink .box { position: absolute;top: -115px;left: 50%;-webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 transform: translateX(-50%);width: 240px;text-align: center;z-index: 5;padding: 8px 0 ;background: #303234;border-radius: 4px;display: none;}
.idx-foot .hotlink:hover .box { display: block;}
.idx-foot .hotlink .box:before { content: '';border: 6px solid #303234;-webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);position: absolute;left: 50%;margin-left: -6px;bottom: -6px;z-index: 4;}
.idx-foot .hotlink .box:after { content: '';width: 100%;height: 30px;position: absolute;bottom: -30px;left: 0;}
.idx-foot .hotlink .box a { color: #f0f0f0;display: block;padding:10px;}
.idx-foot .hotlink .box a+a { border-top: 1px solid #000;}
.idx-foot .hotlink .box a:hover { background: #000;}
.sidebar { width: 70px;background: #ccc;position: fixed;right: 8px;bottom: 26%;border: 1px solid #e8e8e8;z-index: 20;opacity: 0;}
.sidebar > div { height: 70px;background: #fff;text-align: center;cursor: pointer;position: relative;}
.sidebar > div i { display: inline-block;margin-top: 10px;margin-bottom: 2px;-webkit-transition: all .25s;
 -moz-transition: all .25s;
 -ms-transition: all .25s;
 -o-transition: all .25s;
 transition: all .25s;}
.sidebar > div p { text-align: center;font-size: 12px;-webkit-transition: all .25s;
 -moz-transition: all .25s;
 -ms-transition: all .25s;
 -o-transition: all .25s;
 transition: all .25s;}
.sidebar > div + div { border-top: 1px solid #e8e8e8;}
.sidebar .message i { width: 29px;height: 27px;background: url(../images/sprits.png) no-repeat -436px -35px;}
.sidebar .message:hover i { background-position: -436px -65px;}
.sidebar .qq i { width: 28px;height: 29px;background: url(../images/sprits.png) no-repeat -470px -35px;}
.sidebar .qq:hover i { background: url(../images/sprits.png) no-repeat -470px -64px;}
.sidebar .wechat i { width: 33px;height: 27px;background: url(../images/sprits.png) no-repeat -505px -35px;}
.sidebar .wechat:hover i {background: url(../images/sprits.png) no-repeat -505px -66px;}
.sidebar .totop i { width: 30px;height: 30px;background: url(../images/sprits.png) no-repeat -545px -35px;}
.sidebar .totop:hover i { background: url(../images/sprits.png) no-repeat -545px -69px;}
.sidebar .tel i { width: 25px;height: 32px;background: url(../images/sprits.png) no-repeat -583px -67px;display: inline-block;}
.sidebar .tel:hover i { background: url(../images/sprits.png) no-repeat -583px -104px;}
.sidebar > div:hover { background: #007d5a;}
.sidebar > div:hover p { color: #fff;}
.sidebar .tel a { display: block;color: #666;}
.sidebar .tel:hover a { display: block;color: #fff;}
.sidebar .message .box { width: 370px;height: auto;background: #fff;border: 1px solid #ccc;position: absolute;left: -450px;top: 0;padding: 30px;text-align: left;box-shadow: 0 0 20px rgba(0,0,0,.3);display: none;padding-top: 15px;}
/*.sidebar .message:hover .box { display: block;}*/
.sidebar .message .box h1 { font-size: 18px;color: #007d5a;text-align: left;font-family: "sansource";margin-bottom: 15px;}
.sidebar .message .box label { width: 50px;display: inline-block;font-size: 14px;color: #666;margin-right: 20px;text-align: right;}
.sidebar .message .box input[type="text"] { height: 28px;font-size: 16px;border-radius: 4px;border: 1px solid #e4e4e4;width: 280px;padding-left: 5px;font-size: 14px;color:#666;}
.sidebar .message .box .line { margin-bottom: 15px;}
.sidebar .message .box textarea { width: 280px;height: 90px;border-radius: 4px;border: 1px solid #e4e4e4;resize: none;padding: 5px;color: #666;} 
.sidebar .message .box .txt { vertical-align: top;}
.sidebar .message input[type="submit"] { margin-left: 70px;width: 94px;height: 32px;background: #007d5a;text-align: center;line-height: 32px;color: #fff;border: none;cursor: pointer;}
.sidebar .message input[type="reset"] { margin-left: 20px;width: 94px;height: 32px;background: #007d5a;text-align: center;line-height: 32px;color: #fff;border: none;cursor: pointer;}
.sidebar .message input[type="submit"]:hover ,.sidebar .message input[type="reset"]:hover{ background: #30b2e4;}
.sidebar .message .box:after,.sidebar .tel .box:after { content: '';border: 6px solid #fff;-webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);position: absolute;top: 40px;right: -6px;}
.sidebar .message .box:before { content: '';width: 80px;height: 80px;position: absolute;right: -80px;top: 0;}

.sidebar .wechat .box { padding: 10px;background: url(../images/wechatbg.png) no-repeat;text-align: center;position: absolute;left: -145px;top: -62px;background-size: contain;width: 110px;height: 135px;display: none;text-align: center;}
.sidebar .wechat .box img {display: inline-block;margin-left: -6px;}
.sidebar .wechat .box p {font-size: 12px;color: #666;margin-top: 5px;}
.sidebar .wechat:hover .box,.sidebar .tel:hover .box { display: block;}
.sidebar .wechat .box:after,.sidebar .tel .box:after {z-index: 2; }
.sidebar .tel .box { font-size: 12px;width: 120px;position: absolute;left: -135px;padding: 10px 0;top: 20%;box-shadow: 0 0 20px rgba(0,0,0,.3);display: none;background: #fff;}
.sidebar .tel:hover .box { display: block;}
.sidebar .tel .box:after { top: 12px;}