﻿.block{
    display: block;
}
.none{
    display: none;
}

.pb100{
    padding-bottom: 100px;
}
.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}


/*布局*/
.wp{width: 100%;max-width: 970px;margin: 0 auto;}
.index .wp{max-width: 1440px;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}

.mo-bg{display: none;}

/*******************************
    -------[=正文]-------
********************************/
.g-tab{line-height: 75px;*zoom:1;
    border-bottom: 1px solid #e5e5e5;
}
.g-tab:after,.g-tab:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.g-tab .cur{float: left;font-size: 14px;color: #222;}
.g-tab .cur a{color: #777;}
.g-tab .cur a:hover{color: #f60;}
.g-tab .tab{float: right;}
.g-tab .tab li{float: left;margin-left: 50px;}
.g-tab .tab li a{display: block;font-size: 16px;color: #222;position: relative;}
.g-tab .tab li a:after{content: '';position: absolute;bottom: -1px;left: 50%;right: 50%;
    height: 3px;background-color: #014099;
    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: #014099;font-weight: bold;}
.g-tab .tab li.on a:after,.g-tab .tab li:hover a:after{left: 0;right: 0;}

.bd_weixin_popup{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}


.fix-right{position: fixed;z-index: 106;right: 20px;top: 50%;width: 70px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fix-right li{margin-bottom: 2px;}
.fix-right .con{display: block;height: 70px;border-radius: 5px;
    background-color: rgba(0,0,0,.3);padding-top: 10px;position: relative;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.fix-right .ico{display: block;height: 30px;margin-bottom: 4px;
    background-position: center;background-repeat: no-repeat;
}
.fix-right .ico.iconfont{
    font-size: 30px;
    line-height: 1;
    color: #fff;
    text-align: center;
}
.fix-right em{font-size: 12px;text-align: center;display: block;
    color: #fff;
}
.fix-right .con.on{background-color: #f60;}
.fix-right .tel{
    position: absolute;
    top: -34px;
    right: 100%;
    bottom: 0;
    line-height: 30px;
    padding: 6px 0 0 18px;
    display: none;
    color: #fff;
    width: 310px;
    margin-right: 5px;
    border-radius: 5px;
    background-color: #f60;
    font-size: 17px;
}
.fix-right .qr{position: absolute;top: 0;right: 100%;margin-right: 5px;overflow: hidden;
    width: 110px;padding: 5px;background-color: #f60;border-radius: 5px;display: none;
}
.fix-right .qr img{width: 100%;display: block;}
@media screen and (min-width: 1199px){
    .fix-right .con:hover .qr{display: block;}
    .fix-right .con:hover .tel{display: block;}
    .fix-right .con:hover{background-color: #f60;}
}

@media screen and (max-width: 768px){
    .fix-right .con.on1 .qr{display: block;}
    .fix-right .con.on1 .tel{display: block;}
    .fix-right .con.on1{background-color: #f60;}
}

.fix-right .go-top{
    display: none
}
