/*-----------------[初始化]--------------*/
body{color: #333;font-size: 12px;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei";
overflow-x: hidden;
}
a{color: #333;}
a:hover{color: #ee6b11;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #333;
    font-family:"微软雅黑","Microsoft Yahei";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

*,*:after,*:before{outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
/*布局*/
.w1400{width:1400px;margin:0 auto}
.wp{width: 100%;max-width: 1440px;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}
.clear{clear: both}

/*分页*/
.pager {
    text-align: center;
    margin: 20px 0;
    font-family: Arial, sans-serif;
}

.pagination {
    display: inline-flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination li {
    margin: 0 5px;
}

.pagination li span, 
.pagination li a {
    display: inline-block;
    padding: 8px 12px;
    text-decoration: none;
    border-radius: 3px;
    color: #666;
    border: 1px solid #ddd;
    transition: all 0.3s ease;
}

/* 当前活动页样式 */
.pagination li.active span {
    background-color: #ee6b11;
    color: white;
    border-color: #ee6b11;
    font-weight: bold;
}

/* 悬停样式 */
.pagination li:not(.disabled) a:hover {
    background-color: #ee6b11;
    color: white;
    border-color: #ee6b11;
}

/* 禁用状态样式 */
.pagination li.disabled span {
    color: #ccc;
    background-color: #f5f5f5;
    cursor: not-allowed;
}
/*******************************
  -------[=头部]-------
********************************/
.header{position: fixed;z-index: 109;top: 0;left: 0;right: 0;height: 130px;
    padding: 0 56px 0 70px;background-color: rgba(255,255,255,0);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.logo{float: left;line-height: 130px;font-size: 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.logo img{display: inline-block;vertical-align: middle;height: 68px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.logo .img2{display: none;}
.hdr{float: right;display:flex}
.nav{float: left;}
.nav li{float: left;margin-left: 36px;position: relative;}
.nav li .v1{font-size: 20px;color: #fff;font-weight: bold;display: block;line-height: 130px;position: relative;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav li .v1:after{content: '';position: absolute;bottom: 0;left: 50%;right: 50%;
    height: 3px;background-color: #ee6b11;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav dl{position: absolute;left: 50%;top: 100%;width: 180px;padding: 18px 0;display: none;
    background: rgba(248, 248, 248, 0.9);text-align: center;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.nav dd a{display: block;line-height: 48px;font-size: 18px;}
.nav dd:hover a{background-color: #ee6b11;color: #fff;}
.header .lang{margin-left: 41px;width: 44px;height: 44px;border-radius: 50%;
    background-color: rgba(0,0,0,.2);font-size: 18px;color: #fff;line-height: 44px;
    text-align: center;float: left;text-transform: uppercase;margin-top: 43px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.so-btn{float: left;width: 44px;height: 44px;border-radius: 50%;
    margin-left: 8px;margin-top: 43px;cursor: pointer;
    background: rgba(0,0,0,.2) url(../images/i-so.png) no-repeat center;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.so-btn.on{background-image: url(../images/ss03.png);}
.so{position: absolute;right: 56px;top: 100%;display: none;}
.so .inp{width: 280px;height: 45px;display: block;border-radius: 23px;
    font-size: 16px;padding: 0 45px 0 15px;color: #fff;
    border: 0;background-color: rgba(0,0,0,.2);
}
.so .inp::-webkit-input-placeholder {color: rgba(255,255,255,.6);}
.so .inp::-moz-placeholder {color: rgba(255,255,255,.6); }
.so .inp::-ms-input-placeholder {color: rgba(255,255,255,.6);}
.so .btn{position: absolute;right: 0;top: 0;width: 45px;height: 45px;border: 0;
    background: url(../images/i-so.png) no-repeat center;
}

#opciones {overflow:hidden;border-top:#c9dceb solid 1px;display: none;
    position: absolute;left: 0;right: 0;top: 100%;
    text-align:center; padding-bottom:40px;
    background:rgba(0,0,0,.5);clear: both;
}
#opciones p{width:680px;height:60px;
    border:#1885e0 solid 1px; margin:0 auto; 
    margin-top:50px; margin-bottom:30px;
    position: relative;
}
#opciones .sousuo{width: 100%;height:100%;display: block;border:none;
    font-size:16px;color:#666;padding: 0 100px 0 20px;
}
#opciones .tj{position: absolute;right: 0;top: 0;border:none; background:none; cursor:pointer;
    width:80px;height: 100%;
    background:url(../images/ss02.jpg) no-repeat center;
}
#opciones .tj:hover{ color:#f00;}
#opciones span{ font-family:"微软雅黑"; font-size:18px; color:#fff;}


.header.fixed{background-color: rgba(255,255,255,1);height: 100px;}
    .lang-text.fixed {
        color:#333;
    }
    .arrow-down.fixed {
        color:#333;
    }
.header.fixed .logo{line-height: 100px;}
.header.fixed .logo .img1{display: none;}
.header.fixed .logo .img2{display: inline-block;}
.header.fixed .logo img{height: 60px;}
.header.fixed .nav li .v1{color: #000;line-height: 100px;}
.header.fixed .lang,.header.fixed .so-btn{margin-top: 28px;}
.nav li:hover .v1,.nav li.on .v1,
.header.fixed .nav li:hover .v1,.header.fixed .nav li.on .v1{color: #ee6b11;}
.nav li:hover .v1:after{left: 0;right: 0;}
.header.fixed #opciones{background-color: rgba(0,0,0,.5);}
.header.fixed #opciones span{color: #fff;}
/*******************************
    -------[=导航]-------
********************************/
.menuBtn{position: relative;z-index: 9;display: none;float: right;
    width: 40px;height: 40px;padding: 7px;cursor: pointer;margin-top: 5px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 3px;background-color: #ee6b11;
    margin: 3px 0 5px;border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 5px;top: 50%;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

/*******************************
  -------[=banner]-------
*******************************/
.banner .slick-slide .con{outline: 0;position: relative;height: 100vh;
    background-position: center center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.banner .pic{position: absolute;top: 40%;left: 0;right: 0;height: 257px;z-index: 3;}
.banner .pic img{max-height: 100%;display: block;margin: 0 auto;
    opacity:0;
    -webkit-transition:all 2s ease-out;
    transition:all 2s ease-out;
    -webkit-transform:translateY(80px);
    -moz-transform:translateY(80px);
    -o-transform:translateY(80px);
    -ms-transform:translateY(80px);
    transform:translateY(80px)
}
.banner .section-first{height: 100vh;}
.banner .slick-dots{position: absolute;left: 69px;bottom: 66px;z-index: 2;}
.banner .slick-dots li{display: inline-block;margin: 0 2px;}
.banner .slick-dots li button{display: block;width: 84px;height: 3px;border: 0;cursor: pointer;
    font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;padding: 0;opacity: .4;
}
.banner .slick-dots li.slick-active button{opacity: 1;}
.banner .slick-slide.img_scale .pic img{opacity:1;-webkit-transition:all 2s ease-out;transition:all 2s ease-out;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}

.banner .slick-arrow{position: absolute;bottom: 73px;
    width: 62px;height: 62px;;z-index: 2;cursor: pointer;
    border: 2px solid rgba(255,255,255,.2);border-radius:50%;
    background-repeat: no-repeat;background-position: center center;
    -o-background-size: 9px auto;
    -ms-background-size: 9px auto;
    -moz-background-size: 9px auto;
    -webkit-background-size: 9px auto;
    background-size: 9px auto;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.banner .slick-prev{right: 142px;background-image: url(../images/b-l.png);}
.banner .slick-next{right: 63px;background-image: url(../images/b-r.png);}
.case_slick3_dots{text-align:center;position: absolute;left: -2px;
    top: -2px;z-index: 5;width: 100%;height: 100%;
}
.case_slick3_dots li{width:62px;height:62px;position:absolute;cursor:pointer;display: none;}
.case_slick3_dots .numb{position:absolute;z-index:1;width:8px;height:8px;border-radius:50%;background-color:#d5d5d5;font-size:0;top:15px;left:15px}
.case_slick3_dots .base .numb{background-color: #fff;}
.case_slick3_dots .base{display: block;}
.wrapper{width:62px;height:62px;position:absolute;z-index:2;clip:rect(0,62px,62px,31px)}
.circle{width:60px;height:60px;border:2px solid #fff;border-radius:50px;position:absolute;clip:rect(0,31px,62px,0)}
.base .left,.base .right,.base .wrapper{-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function:linear}
.base .wrapper{-webkit-animation-duration:10ms;-webkit-animation-delay:2s;-webkit-animation-name:close-wrapper}
.base .left{-webkit-animation-duration:4s;-webkit-animation-name:left-spin}
.base .right{-webkit-animation-duration:2s;-webkit-animation-name:right-spin}
@-webkit-keyframes right-spin{
from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(180deg)}
}
@-webkit-keyframes left-spin{
from{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes close-wrapper{
to{clip:rect(auto,auto,auto,auto)}
}



.btn-down{position: absolute;bottom: 73px;left: 50%;width: 19px;
    height: 27px;display: none;z-index: 3;
    background: url(../images/ico-002.png) no-repeat center;
    -o-background-size: auto 100%;
    -ms-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.btn-down:after{content: '';position: absolute;left: 50%;height: 30px;width: 1px;
    background-color: #fff;bottom: 40px;
}
.btn-down:hover{opacity: .8;}
.btn-down-1{display: block;}

.ban{height: 100vh;position: relative;overflow: hidden;}
.ban .video{position: absolute;top: 50%;left: 50%;
    width: 100%;height: 100%;z-index: 1;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2; /* 视频在背景图上方 */
    opacity: 0; /* 初始隐藏视频 */
    transition: opacity 0.5s ease; /* 淡入效果 */
}
.ban .video video,.ban .video source{display: block;width: 100%;height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.ban .play{width: 64px;height: 64px;z-index: 3;display: block;margin-bottom: 40px;
    background: url(../images/ico-play.png) no-repeat center;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.ban .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 1; /* 背景图在底层 */
}
.ban .wp{position: relative;height: 100%;z-index: 3;    display: flex;
    align-items: center;
    justify-content: center;}
.ban .tit{position: absolute;color: #fff;    /* top: 50%; */
    left: 50%;
	 bottom: 40%; /* 替代原来的220px */
    transform: translate(-50%, -50%); /* 确保完全居中 */
    text-align: center; /* 文本居中 */
    width: 100%; /* 撑满宽度 */ position: static; /* 禁用绝对定位 */
    transform: none;}
.ban .tit h2{font-size: 68px;margin-bottom: 6px;}
.ban .tit em{font-size: 24px;opacity: .68;text-transform: uppercase;}
.ban .shu{width: 2px;height: 129px;
    position: absolute;
    bottom: 0;
    left: 0%;
    background: #fff;
    z-index: 5;
}
.ban .shu:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    left: -12px;
    top: 0;margin-top: -24px;
    z-index: 2;border: 2px solid #fff;
    border-radius: 50%;
    -webkit-animation: home_banner_shu 2s ease infinite;
    animation: home_banner_shu 2s ease infinite;
}

@-webkit-keyframes home_banner_shu-{
    0%{
        transform:translateY(0) scale(1);opacity:0
    }
    30%{
        opacity:1
    }
    60%{
        opacity:1
    }
    to{
        transform:translateY(120px) scale(.5);opacity:0
    }
}
@keyframes home_banner_shu{
    0%{
        transform:translateY(0) scale(1);opacity:0
    }
    30%{
        opacity:1
    }
    60%{
        opacity:1
    }
    to{
        transform:translateY(120px) scale(.5);opacity:0
    }
}

/*******************************
  -------[=底部]-------
********************************/
.fd-contant{height: 160px;overflow: hidden;position: relative;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.fd-contant .wp{overflow: hidden;position: relative;height: 100%;}
.fd-contant .txt{position: absolute;top: 50%;left: 0;font-size: 28px;line-height: 38px;color: #fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fd-contant .btn{position: absolute;right: 0;top: 50%;width: 209px;height: 60px;
    text-align: center;line-height: 60px;font-size: 20px;color: #fff;
    background: #EA343D;border-radius: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.fd-contant .btn:before{content: '';display: inline-block;vertical-align: middle;
    width: 22px;height: 23px;margin-right: 14px;
    background: url(../images/i-01.png) no-repeat center;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.fd-contant .btn:hover{opacity: .7;}

.footer{padding: 83px 0 0;
    background: url(../images/fd-bg.png) no-repeat center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.fd-con{*zoom:1;padding-bottom: 76px;}
.fd-con:after,.fd-con:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.fd-nv{float: left;}
.fd-nv dl{float: left;margin-right: 80px;}
.fd-nv dt{margin-bottom: 18px;}
.fd-nv dt a{font-size: 24px;color: #fff;}
.fd-nv dd a{display: block;font-size: 14px;line-height: 44px;color: rgba(255,255,255);}
.fd-nv dd a:hover{color: #fff;text-decoration: underline;}
.fd-r{float: right;}
.f-tel{text-align: right;color: #fff;padding-top: 2px;margin-bottom: 30px;font-size: 20px;
    font-weight: bold;}
.f-tel span{font-size: 18px;}
.f-tel p{font-size: 28px;line-height: 1.3;}
.fd-tab{overflow: hidden;margin-bottom: 11px;}
.fd-tab li{width: 60px;height: 60px;float: left;margin-left: 8px;
    background-color: #5A819A;cursor: pointer;
    background-position: center;background-repeat: no-repeat;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.fd-tab .i1{background-image: url(../images/i-02.png);}
.fd-tab .i2{background-image: url(../images/i-03.png);}
.fd-tab .i3{background-image: url(../images/i-04.png);}
.fd-tab li:hover,.fd-tab li.on{background-color: #234660;}
.tab-fd{position: relative;}
.tab-fd .pic{position: absolute;right: 0;top: 0;}
.tab-fd .pic img{width: 132px;display: block;}
.tab-fd .qr{width: 196px;}
.tab-fd .map{width: 511px;}
.fd-bot{height: 70px;line-height: 70px;overflow: hidden;font-size: 16px;
    background-color: #767676;color: rgba(255,255,255);text-align:center
}
.fd-bot a{color: rgba(255,255,255);}
.fd-bot a:hover{color: #fff;}
/* .fd-bot .copy{float: left;} */
/* .fd-bot .link{float: right;} */
/*******************************
    -------[=正文]-------
********************************/
::-webkit-scrollbar {
    width: 6px;height: 7px;
}
::-webkit-scrollbar-track {
    background: #ddd;
}
::-webkit-scrollbar-thumb {
    background: #ee6b11;border-radius: 6px;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #ee6b11;border-radius: 6px;
}


.body_home{height:100%;overflow:hidden;position: relative;}
.index-home body{height: 100%;overflow: hidden;}
.index-home .wow{opacity: 0;}
.index-home{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}
.body_b{position:fixed;left:0;top:100%;bottom:0;right:0;
    background:#fff;overflow:hidden;padding-top: 100px;
    transition:top 1.2s cubic-bezier(0.5,0,0.2,1) 0s;z-index:88;
    overflow:auto;overflow-x: hidden;outline:none;
}
.body_b *{outline:none;}
.body_b.showdiv{top:0;}

.g-tab{overflow: hidden;line-height: 90px;
    background-color: #dedada;
}
.g-tab .tab{float: left;}
.g-tab .tab li{float: left;margin-right: 28px;}
.g-tab .tab li a{font-size: 18px;display: block;position: relative;}
.g-tab .tab li a:after{content: '';position: absolute;bottom: 0;left: 50%;right: 50%;height: 3px;
    background-color: #ee6b11;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.g-tab .tab li.on a,.g-tab .tab li:hover a{color: #ee6b11;}
.g-tab .tab li.on a:after,.g-tab .tab li:hover a:after{left: 0;right: 0;}
.g-tab .cur{float: right;font-size: 16px;color: #888;position: relative;}
.g-tab .cur:before{content: '';display: inline-block;vertical-align: middle;width: 11px;height: 11px;
    position: relative;top: -2px;margin-right: 4px;
    border: 2px solid #ee6b11;border-radius: 50%;
}
.g-tab .cur a{color: #888;}
.g-tab .cur a:hover{color: #ee6b11;}

.bd_weixin_popup{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

.pop-video{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1024;
    display: none;
}
.pop-bg{position: absolute;top: 0;bottom: 0;left: 0;right: 0;
    background-color: #101010;
}
.pop-video .cont{position: absolute;width: 1280px;height: 720px;left: 50%;top: 50%;
    transform: translate(-50%, -50%);
}
.pop-video video{width: 100%;height: 100%;}
.pop-video .close{display: block;position: absolute;right: 60px;top: 24px;
    width: 25px;height: 25px;cursor: pointer;
    background: url(../images/close.png) center no-repeat;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    opacity: .5;
    filter: alpha(opacity=50);
}
.index{background-color: #F1F3F5;padding-top: 142px;}

.fix-top{position: fixed;right: 26px;bottom: 25%;display: none;
    width: 60px;height: 60px;cursor: pointer;
    background: rgba(237, 28, 36, .1) url(../images/i-top.png) no-repeat center;
    -o-background-size: 31px auto;
    -ms-background-size: 31px auto;
    -moz-background-size: 31px auto;
    -webkit-background-size: 31px auto;
    background-size: 31px auto;
}
.fix-top:hover{background-color: rgba(201, 104, 42, .5);}