/*================基本样式重置================*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,span,i,a,em,strong,b,input,textarea,select { margin:0; padding:0; }
i,em { font-weight:normal; font-style:normal; }
body { font:12px/1.5 \5b8b\4f53,tahoma,arial,sans-serif; font-family: "Microsoft Yahei";  }
li { list-style:none; color: #666;}
a,img,input { border:0 none; }
a { text-decoration:none; outline:none; color: #000;}
a:hover { text-decoration:none; }
a:focus,input:focus { outline:0 none;}
textarea { resize:none; font-size:12px; } /*去掉火狐和谷歌浏览器的Textarea改变尺寸巨细功效*/

/*========界说基础样式========*/
.hide { display:none;}
.fl { float:left;}
.fr { float:right;}
/*扫除浮动*/
.clearfix:after { content:" "; display:block; clear:both; height:0; }
.clearfix { zoom:1; }

/*a标签鼠标hover高亮显示状态（可选用）*/
a .opacity { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; } 
a:hover .opacity { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }

/* 统一设定 */
/* 移动开发用IE盒子 */
* { box-sizing: border-box; }

/* 去除横向转动条 */
html,body { overflow-x: hidden; overflow-y: auto; }
body { background: #f8f8f8; font-size: 0.27rem; }

/* 主体宽度样式 width为702（可选用） */
.w702 { width: 7.02rem; margin: 0 auto; }

/* 添加类curr来绑定问题切换样式 */
.curr-first {
    background-image: linear-gradient(to bottom right, #29a13b, #0880d5);
    color: #fff;
}

.curr {
    background: #0880d5;
    color: #fff;
}

.about-main .swiperabout .honor .honor-buttons ul li.currhonor {
    border: 1px solid #0880d5;
    color: #0880d5;
}

.about-main .swiperabout .honor .honor-buttons ul li a.aColor {
    color: #0880d5;
}


/* 公共头尾样式 */
/* 头 */
.header {
    width: 100%;
    height: 100%;
    background: #fff;
}

/* 顶部 */
.top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 0.9rem;
    padding: 0 .24rem;
}

/* logo */
.top-left {
    display: flex;
    /* height: .35rem; */
    height: .4rem;
}

.top-left img {
    height: 100%;
}


/* 菜单栏 */
.top-right {
    position: relative;
    /* left: 10%; */
    left: 25%;
    width: 100%;
    height: .33rem;
}

/* 菜单栏样式 */
.top-right .menu-btn .btn-one {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: .48rem;
    height: 0.06rem;
    border-radius: 0.16rem;
    transition: all 0.5s;
    background-color: #0880d5;
}

.top-right .menu-btn .btn-two {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: .48rem;
    height: 0.06rem;
    transform: translateY(-50%);
    border-radius: 0.16rem;
    transition: all 0.2s;
    background-color: #0880d5;
}

.top-right .menu-btn .btn-three {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: .48rem;
    height: 0.06rem;
    border-radius: 0.16rem;
    transition: all 0.5s;
    background-color: #0880d5;
}

/* 菜单 */
.menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    z-index: 999;
    background-color: #ffffff;
}

/* 菜单字体样式 */
.menu ul li a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 1rem;
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #dddddd;
}

.menu ul li a:hover {
    background-color: #0880d5;
    color: #ffffff;
}

.menu ul li.on a{
    background-color: #0880d5;
    color: #ffffff;
}









/* 尾 */
.footer {
    position: relative;
}

/* 联系地点 */
.footer .tel-place {
    margin: .51rem 0 .55rem;
    height: 100%;
}

/* 小logo */
.footer .tel-place .tel-logo {
    margin-bottom: .41rem;
    height: 1.12rem;
}

.footer .tel-place .tel-logo img {
    width: 2.56rem;
    height: .64rem;
}

.footer .tel-place .tel-logo p {
    font-size: .28rem;
    color: #666;
    letter-spacing: .01rem;
}

/* 联系地点 */
.footer .tel-place .tel-rela {
    display: flex;
    flex-direction: column;
    padding-bottom: .17rem;
    width: 100%;
    height: 100%;
}

.footer .tel-place .tel-rela .telephone {
    display: flex;
    height: .54rem;
    margin-bottom: .15rem;
}

.footer .tel-place .tel-rela .telephone img {
    width: .61rem;
    height: .54rem;
}

.footer .tel-place .tel-rela .telephone span {
    padding-left: .17rem;
    line-height: .54rem;
    font-size: .4rem;
    font-style: italic;
    font-weight: bold;
    color: #666;
}

.footer .tel-rela span {
    font-size: .28rem;
    color: #666;
}

/* 相关链接 */
.footer .tel-link h3 {
    font-size: .30rem;
    color: #333;
}

.footer .tel-link .tel-a {
    display: flex;
    font-size: .28rem;
}

.footer .tel-link .tel-a a {
    padding-right: .27rem;
    font-size: .28rem;
    color: #666;
}

/* 回到顶部 */
.footer .toTop {
    display: none;
    position: fixed;
    top: 80%;
    left: 85%;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.footer .toTop img {
    width: .73rem;
    height: .98rem;
}

/* 底部 */
.footer .end {
    background-color: #0880d5;
    display: flex;
}

.footer .end div {
    text-align: center;
    font-size: .24rem;
    color: white;
}


<!--耗时1754228573.9973秒-->