@charset "UTF-8";
/*去除浏览器默认间距等*/
body,html{
    margin:0;
    padding: 0;
}
body, button, input, select, textarea {
    /*font-family:Microsoft Yahei,"微软雅黑","宋体";*/
    outline:0;
    color: rgb(51, 51, 51);
    background: rgb(255, 255, 255);
    font: 13px/20px "pingfang SC", "Microsoft YaHei", 微软雅黑, helvetica, arial, verdana, tahoma, sans-serif;
}
ul{ margin:0;list-style: none; padding:0;zoom:1;/*用于IE6*/ }
div {zoom:1;/*用于IE6,要是IE6错位,修复这个.*/}
a {text-decoration:none !important; transition: all 0.5s;}
a:hover,a:focus {text-decoration:none;}
a img{border:none;border:0;}
p,h1,h2,h3,h4,h5 {margin:0;padding:0;}
input,select {padding:0;margin:0;}

/*常用工具*/
.fl {
    float: left;
}
.fr {
    float: right;
}
.clear {
    clear: both;
}
.text-l {
    text-align: left;
}
.text-c {
    text-align: center;
}
.text-r {
    text-align: right;
}
.r-position {
    position: relative;
    top:0;
    left:0;
}
.a-position {
    position: absolute;
}
.i-block{
    display: inline-block;
}
.img {
    overflow: hidden;
    transition: all .5s;
}
.img img {
    width: 100%;
}

/*宽度*/
.w100 {width:100%;}
.mw100 {max-width:100%;}
.w50 {width:50%;}


#wrapper {
    display: none;
}
.box {
    display: flex;
    justify-content: space-between;
    /*align-items:center;*/
}
/*点击箭头旋转*/
.rot{
    transform-origin:center center;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -ms-transition: -ms-transform 0.2s;
}
.rot1 {
    transform-origin:center center;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -ms-transition: -ms-transform 0.2s;
}
.mt20{
    margin-top: 20px;
}
.pb20{
    padding-bottom: 20px;
}

/*手机拨号¨*/
.mobile-foot {
    background: #278ed0;
    padding: 8px 0;
    position: fixed!important;
    bottom: 0!important;
    left: 0!important;
    width: 100%;
    z-index: 999999;
}

.moble-bottom{
    width:100%;
    height:51px;

}
.mobile-foot a {
    color: #fff;
    height: 35px;
    line-height: 33px;
    border: 1px solid #fff;
    border-radius: 4px;
    text-align: center;
    padding: 0 15px;
    transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}
.mobile-foot a i {
    margin-right: 5px;
    color: #fff;
    font-size: 16px !important;
}
.mobile-foot a:hover {
    background: #fff;
    color: #1a3f73;
    transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}


/**************************************************************侧边*/

.g_senav {
    width: 62px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    z-index: 51;
    transition: all 0.3s;
}
.g_senav i {
    font-size: 20px !important;
    text-align: center;
    color: #000;
    display: block;
    padding: 12px 0;
    transition: all .5s;
}
.g_senitm{
    cursor: pointer;
    position: relative;
    border: 0.5px solid #dedede;
}

.g_senitma{
    width: 100%;
    display: block;
    position: relative;
    left: 0;
    top: 0;
}

.g_senitmb{
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.g_senitmqq .g_senweix {
    width: 145px;
    top: 0;
    bottom: inherit;
    transform: translate(100%,0);
    left: 0;
    transition: all 1s;
    position: absolute;
}
.g_senitm:hover i {
    color: #fff;
    background-color: #278ed0;
    transition: all 1s;

}

.g_senitmqq .g_senweiximg {
    width: auto;
    height: 100%;
    border: 1px solid #f3f7f3;
    transition: all 1.3s;
}
.g_senitmqq .g_senweix p {
    font-size: 16px;
    color: #333333;
    background: #ffffff;
    line-height: 42px;
    padding-left: 15px;
    padding-right: 15px;
    margin:0;
}

.g_senav .g_senitm:nth-child(2n - 1){
    background: #ffffff;
}

.g_senav .g_senitm:nth-child(2n){
    background: #eaeaea;
}

.g_senweix1 {
    width: 105px;
    position: absolute;
    top: 0;
    z-index: 50;
    transform: translate(100%,0);
    transition: all .5s;
}
.g_senweix1 img {
    width: 100%;
}
.g_senitmtop {
    display: none;
}
.g_senav i{
    color:#8f8f8f;
}
.g_senitmtop{
    text-transform: uppercase;
    text-align: center;
}
.g_senitmtop i{
    padding-top: 6px;
    padding-bottom: 18px;
}
.g_senitmtop p{
    margin-top: -20px;
    color: #8f8f8f;
}



@media screen and (min-width:768px) {
    .pc-none{
        display: none !important;
    }
}
@media screen and (max-width:767px) {
    .mobile-none{
        display: none !important;
    }
}