@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*/ }
li{ list-style-type:none;}
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; border-radius:5px;  text-indent: 10px;
        border-top-left-radius:6px;
        border-bottom-left-radius:6px;
        border: 1px solid #DBDBDB; margin-left:20px;}

/*常用工具*/
.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: #1e57ba;
    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;
}
@media screen and (min-width:768px) {
    .pc-none{
        display: none !important;
    }
	
}
@media screen and (max-width:767px) {
    .mobile-none{
        display: none !important;
    }
	.tel{
        display: none !important;
    }
}