@charset "UTF-8";
/*底部浮层样式开始*/
.fixeFooter {border: 0px;position: fixed;width: 100%;height: 90px;background: rgba(25, 25, 25, 0.9);bottom: -165px;left: 0px;z-index: 11;box-shadow: rgba(0, 0, 0, 0.05) 0px -1px 8px;overflow:visible!important;}
.fixeFooter:after{content:"";background: url(float-renwu.png) no-repeat left bottom;width: 1200px; height:165px; position: absolute; left:0; right:0; bottom:0;margin:0 auto; z-index:0;}
.fixeFooter .fixeFooterbox {margin: 0px auto;height: 100%;position: relative;z-index:1;}
.fixeFooter .fixeFooterbox .fiexrenwu {float: left;width: 174px; height:90px;}
.fixeFooter .fixeFooterbox .fiexlogo {float: left;width: 170px;padding-top:20px;}
.fixeFooter .fixeFooterbox .fiexlogo .wz {font-size: 18px;color: #e61d18; display:block;}
.fixeFooter .fixeFooterbox .lianxi {position: relative;float: right;width: 186px;}
.fixeFooter .fixeFooterbox .lianxi img {position: absolute;top: 24px;animation: liftRight 1s infinite linear;-webkit-animation: liftRight 1s infinite linear;/* Safari 与 Chrome */}
.fixeFooter .fixeFooterbox .lianxi p {font-size: 14px;color: #fff;line-height: 22px;margin-top: 25px;}
.fixeFooter .fixeFooterbox .lianxi .ph {font-size: 16px;color: #da251d;font-weight:bold;}
.fixeFooter .fixeFooterbox .lianxi span {font-size: 14px;line-height: 14px;color: #fff;}
.fixeFooter .fixeFooterbox .lianxi span  em {margin: 0 3px;font-style: normal;font-weight: bolder;font-family: arial;}
.fixeFooter .fixeFooterbox .fiexInput {float: left;width: 670px;}
.fixeFooter .fixeFooterbox .fiexInput  img {position: absolute;top:20px;right: 5px;cursor: pointer; z-index:9;}
.fixeFooter .fixeFooterbox .fiexInput  input {display: block;float: left;border: none;color: #909090;background: #ffffff;height: 38px;line-height: 38px;border-radius:5px;padding: 0px 15px;margin: 30px 10px 0px 0px;}
.fixeFooter .fixeFooterbox .fiexInput  input.userName{width: 185px;}
.fixeFooter .fixeFooterbox .fiexInput  input.mobile{width: 285px;}
.fixeFooter .fixeFooterbox .fiexInput  i{position: absolute;top: 32px;left: 130px;z-index: 1;color: #999;font-style: normal;}
.fixeFooter .fixeFooterbox .fiexInput  input.submit {width: 132px;margin-right: 0;background: #e61d18;color: #fff;cursor: pointer;}
.fixeFooterOn {display: none;position: fixed;padding: 0 10px;width: 60px;height: 163px;top:70%;left: 40px;z-index: 11;background: #e61d18;border-radius: 30px;text-align: center;color: #fff;cursor: pointer;opacity: 0;font-size: 22px;line-height: 1.1;}.fixeFooterOn img{ margin: 5px 0 15px 0;}

@keyframes liftRight {0% {    left: 80px;    opacity: .8
    }
    50% {    left: 101px;    opacity: 1
    }
    100% {    left: 80px;    opacity: .8
    }
}
@-webkit-keyframes liftRight
    /* Safari 与 Chrome */

{0% {    left: 80px;    opacity: .8
    }
    50% {    left: 101px;    opacity: 1
    }
    100% {    left: 80px;    opacity: .8
    }
}
@keyframes liftRight2 {0% {    left: 16px
    }
    50% {    left: 4px
    }
    100% {    left: 16px
    }
}

@-webkit-keyframes liftRight2
    /* Safari 与 Chrome */
{0% {    left: 16px
    }
    50% {    left: 4px
    }
    100% {    left: 16px
    }
}
.fixeFooterOn  img {position: relative;top: 14px;animation: liftRight2 1s infinite linear;-webkit-animation: liftRight2 1s infinite linear;/* Safari 与 Chrome */}
@media screen and (min-width:1040px) and (max-width:1199px){
.fixeFooter .fixeFooterbox .fiexrenwu {width: 174px; height:90px;}
.fixeFooter .fixeFooterbox .fiexlogo {width: 170px;padding-top:20px;}
.fixeFooter .fixeFooterbox .lianxi {width: 186px; display:none;}
.fixeFooter {height: 90px;bottom: -90px;}
.fixeFooter:after{width:94%; height:165px;}
.fixeFooter .fixeFooterbox .fiexInput {width:calc(100% - 174px - 170px);}
.fixeFooter .fixeFooterbox .fiexInput  input {padding: 0px 15px;margin: 30px 10px 0px 0px;}
}

@media screen and (min-width:676px) and (max-width:1039px){
.fixeFooter .fixeFooterbox .fiexrenwu {width: 174px; height:90px;}
.fixeFooter .fixeFooterbox .fiexlogo {width: 170px;padding-top:20px;}
.fixeFooter .fixeFooterbox .lianxi {display:none;}
.fixeFooter{ height:165px;bottom: -165px;}
.fixeFooter:after{width:94%; height:165px; top:0;}
.fixeFooter .fixeFooterbox .fiexInput {width:90%;margin-left:5%;}
.fixeFooter .fixeFooterbox .fiexInput  input {padding: 0px 15px;margin: 10px 10px 0px 0px;}
.fixeFooter .fixeFooterbox .fiexInput  input.userName{width: 27%;}
.fixeFooter .fixeFooterbox .fiexInput  input.mobile{width: 42%;}
.fixeFooter .fixeFooterbox .fiexInput  input.submit {width: 19%;}
}
@media screen and (min-width:320px) and (max-width:676px){
.fixeFooter .fixeFooterbox .fiexrenwu {width: 174px; height:90px;}
.fixeFooter .fixeFooterbox .fiexlogo {width: 170px;padding-top:20px;}
.fixeFooter .fixeFooterbox .lianxi {display:none;}
.fixeFooter{ /*height:240px;bottom: -240px;*/ height:auto; bottom:0;}
.fixeFooter:after{width:94%; height:165px; top:0;}
.fixeFooter .fixeFooterbox .fiexInput {width:100%;}
.fixeFooter .fixeFooterbox .fiexInput  input {padding: 0px 15px;margin: 5px 10px 5px 0px; height:40px;}
.fixeFooter .fixeFooterbox .fiexInput  input.userName{width: 90%;margin-left:5%;}
.fixeFooter .fixeFooterbox .fiexInput  input.mobile{width: 90%;margin-left:5%;}
.fixeFooter .fixeFooterbox .fiexInput  input.submit {width: 90%;margin-left:5%;}
.fixeFooterOn {width: 40px;height: 110px;bottom:70%;left: 3%;font-size: 14px;line-height: 1.1;}
}

/*底部浮层样式结束*/










/*右侧浮层样式开始*/
.fixeRight {position: fixed;right: 40px;width: 60px;height:auto;top: 20%;background: url('fixed-icon.png') top center no-repeat;z-index: 11;opacity: 1;padding-top:24px;border-bottom: 1px solid #dcdcdc;border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px; overflow:hidden;}
.fixeRight a {display: block;position: relative;font-size: 12px;line-height: 12px;text-align: center;color:#888888;width: 100%;}
.fixeRight a:nth-child(1) {height: 95px;border-top: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: none;border-left: 1px solid #dcdcdc;border-image: initial;padding-top: 60px;cursor: pointer;z-index: 11;background: url('fixed-icon-w01.png') center 20px no-repeat #e61d18;border-color:#e61d18;color: #fff;}
.fixeRight a:nth-child(1):hover {background: url('fixed-icon-w01.png') center 20px no-repeat #e61d18;border-color:#e61d18;color: #fff;}

.fixeRight a:nth-child(2) {height: 64px;border-top: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: none;border-left: 1px solid #dcdcdc;border-image: initial;padding-top: 42px;cursor: pointer;z-index: 11;background: url('fixed-icon03.png') top center no-repeat #ffffff;}
.fixeRight a:nth-child(2):hover {background: url('fixed-icon-w03.png') top center no-repeat #e61d18;border-color:#e61d18;color: #fff;}
.fixeRight a:nth-child(3) {height: 64px;border-top: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: none;border-left: 1px solid #dcdcdc;border-image: initial;padding-top: 42px;cursor: pointer;z-index: 11;background: url('fixed-icon04.png') top center no-repeat #ffffff;}
.fixeRight a:nth-child(3):hover {background: url('fixed-icon-w04.png') top center no-repeat #e61d18;border-color:#e61d18;color: #fff;}

.fixeRight a:nth-child(4) {height: 64px;border-top: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: none;border-left: 1px solid #dcdcdc;border-image: initial;padding-top: 42px;cursor: pointer;z-index: 11;background: url('fixed-icon05.png') top center no-repeat #ffffff;}
.fixeRight a:nth-child(4):hover {background: url('fixed-icon-w05.png') top center no-repeat #e61d18;border-color:#e61d18;color: #fff;}


.fixeRight a:nth-child(5) {height: 64px;border-top: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: none;border-left: 1px solid #dcdcdc;border-image: initial;padding-top: 42px;cursor: pointer;z-index: 11;background: url('fixed-icon06.png') top center no-repeat #ffffff;}
.fixeRight a:nth-child(5):hover {background: url('fixed-icon-w06.png') top center no-repeat #e61d18;border-color:#e61d18;color: #fff;}

.fixeRight a:nth-child(6) {height: 64px;border-top: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: none;border-left: 1px solid #dcdcdc;border-image: initial;padding-top: 42px;cursor: pointer;z-index: 11;background: url('fixed-icon07.png') top center no-repeat #ffffff;}
.fixeRight a:nth-child(6):hover {background: url('fixed-icon-w07.png') top center no-repeat #e61d18;border-color:#e61d18;color: #fff;}

.fixeRight{ overflow:visible;}
.fixeRight a.hover{ position:relative;}
.fixeRight a .floatBox {display: none;position: absolute;left: -163px;top: 0;width: 175px;height:auto;background: rgb(255, 255, 255);box-shadow: 0px 0px 52px rgba(163, 163, 163, 0.15);padding-top: 20px;padding-bottom: 20px;text-align:center;font-size:14px;opacity: 1;color: #333;border-radius:5px;}
.fixeRight a.hover  .floatBox{display:block;}
@media screen and (min-width:320px) and (max-width:767px){
.fixeRight{ display:none;}	
}
/*右侧浮层样式结束*/