body {
    width: 100%;
    color: #313131;
    max-width: 768px;
    margin: 0 auto;
}

.fixW {
    margin: 0 2.4%;
    position: relative;
}

.row {
    font-size: 0;
    text-align: center;
}

.col {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.color-run {
    color: #eb6100 !important;
}

.color-hover:hover {
    color: #eb6100 !important;
}


/* header */


.header-wrapper {
    height: 1rem;
}

header {
    height: 1rem;
    position: fixed;
    top: 0;
    z-index: 99999999;
    width: 100%;
    left: 0%;
    background: #fff;
}


.header-main {
    position: relative;
    max-width: 768px;
    margin: 0 auto;
}

header .logo {
    float: left;
    height: 1rem;
}

header .logo img {
    margin-top: 0.2rem;
    width: auto;
    height: 0.6rem;
}

header .hotline {
    float: right;
    font-size: 0;
    height: 1rem;
    line-height: 1rem;
    text-align: right;
}

.menu-hotline {
    position: absolute;
    bottom: .52rem;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0;
}

.menu-hotline .hotline_p1 {
    font-size: .3rem;
    background: url(../static/images/head-phone2.png) no-repeat left center / 0.28rem 0.28rem;
    padding-left: 0.4rem;
    color: #fff;
    font-weight: bold;
    line-height: .3rem;
    height: .3rem;
}

.hotline_p {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
}

.hotline p {
    color: #007eff;
    line-height: 1em;
}

.hotline .hotline_p1 {
    display: inline-block;
    font-size: 0.2rem;
    margin-bottom: .1rem;
    line-height: 0.24rem;
    padding-left: 0.32rem;
    background: url(../static/images/head-phone.png) no-repeat left center / auto 0.24rem;
}

.hotline p.hotline_p2 {
    font-size: .34rem;
    line-height: 0.36rem;
    font-weight: bold;
}

.show_links {
    background: url(../static/images/nav_enter2.png) no-repeat center center / 0.46rem 0.36rem;
    height: 1rem;
    width: 0.5rem;
    float: right;
    margin-left: 0.38rem;
}

.nav_fixed {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 70%;
    background: rgba(0, 0, 0, .9);
    z-index: 99999999;
    -webkit-transition: .5s all;
    transition: .5s all;
}

.nav_fixed_page {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0%;
    right: 0;
    z-index: 99999998;
}

.nav_links li {
    border-bottom: 1px solid #5f5f5f;
    padding-left: 0.5rem;
}

.nav_links a {
    font-size: .28rem;
    color: #fff;
    line-height: .8rem;
    height: .8rem;
}

.nav_head {
    height: 1rem;
    position: relative;
}

.nav_close {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/close.png) no-repeat center center / .24rem .24rem;
    bottom: 0;
    width: 1rem;
}

.nav_block {
    position: fixed;
    top: 0;
    left: -3000%;
    bottom: 0;
    width: 100%;
    z-index: 99999;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: all .3s;
    transition: all .3s;
}

#nav {
    width: 67%;
    background: #007eff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.nav-head {
    position: relative;
    height: 1rem;
}

.nav-show {
    width: .76rem;
    float: left;
    text-align: left;
    margin-left: -.18rem;
}

.nav-head>div {
    position: absolute;
    top: 0;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: 0;
}

.navhead-ico {
    width: .76rem;
    left: 0;
}

.navhead-cancel {
    right: 0;
    width: .9rem;
    cursor: pointer;
}

.nav-head img {
    display: inline-block;
    vertical-align: middle;
    height: .34rem;
    width: auto;
}
.head_back{
    margin-left: -0.18rem;
    margin-right: -0.18rem;
    text-align: left;
}
.head_back .head_back-ico{
    position: absolute;
    top: 0;
    height: 1rem;
    line-height: 1rem;
    font-size: 0;
    text-align: left;
}
.head_back img{
    height: 0.3rem;
    margin-left: 0.18rem;
}
.haed_back-name{
    font-size: 0.3rem;
	font-weight: bold;
	line-height: 1rem;
	color: #313131;
    -webkit-line-clamp: 1;
    margin:0 0.8rem;
    text-align: center;
}

.logo-menu {
    font-size: 0;
    padding: .4rem 0 0.7rem;
    text-align: center;
}

.logo-menu a {
    display: inline-block;
    vertical-align: middle;
}

.logo-menu img {
    height: .64rem;
}

.nav-list {
    overflow: auto;
    position: absolute;
    top: 2.74rem;
    bottom: 1.28rem;
    width: 100%;
}

.nav-li {
    margin-left: .6rem;
}

.nav-li+.nav-li {
    border-top: 1px solid rgba(255, 255, 255,.3);
}

.nav_item {
    font-size: .28rem;
    color: #fff !important;
    line-height: 1rem;
}


.goback {
    position: absolute;
    left: 0;
    top: 0.22rem;
}

.goback img {
    height: .3rem;
    padding: .15rem;
}


/* header end */


/* footer */

#footer {
    height: 1.5rem;
}

.footer-wrapper {
    width: 100%;
    max-width: 768px;
    bottom: 0;
    height: 1.5rem;
    background-color: #fff;
    z-index: 999999;
    -webkit-box-shadow: 0 0 1px #d2d2d2 inset;
            box-shadow: 0 0 1px #d2d2d2 inset;
    position: fixed;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.footer-item {
    width: 25%;
    height: 1.5rem;
    text-align: center;
}

.footer-item img {
    display: inline-block;
    vertical-align: top;
    max-width: .4rem;
    height: .4rem;
    margin-top: 0.3rem;
}

.footer-item p {
    font-size: 0.22rem;
    line-height: 0.5rem;
    color: #959595;
}

.footer-item-run p {
    color: #027fff;
}

.nodata {
    margin: .4rem auto .8rem;
    width: 3rem;
}


/* banner */

:root {
    --swiper-navigation-size: 26px;
}

:root {
    --swiper-theme-color: #fff;
}

#banner img {
    width: 100%;
}

#banner .swiper-pagination {
    bottom: 0.4rem;
    text-align: center;
    width: 100%;
}

#banner .swiper-pagination-bullet {
    width: 0.14rem;
    height: 0.14rem;
    background: #fff;
}

.se-title,.section-title {
    color: #4d4948;
    font-size: 0.4rem;
    line-height: 1em;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding-bottom: .18rem;
}

.se-title::after, .section-title::after {
    content: '';
    width: 0.5rem;
    height: 0.04rem;
    background-color: #007eff;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -0.25rem;
}
.se-title-p{
    font-size: 0.24rem;
    color: #7d7d7d;
    line-height: 1;
    margin-top: 0.17rem;
    text-align: center;
}
.section-title-fff{
    color: #fff;
}

.must::after {
    content: '*';
    font-size: 0.26rem;
    color: #d50d99;
    font-weight: bold;
}

.nodata {
    margin: .4rem auto .8rem;
    width: 3rem;
}


.page-btn4 {
    width: 3rem;
    border: solid 1px #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 0.58rem;
    text-align: center;
    font-size: 0.24rem;
}
.page-btn4:hover{
    border-color: #FEE100;
}

.page-btn {
    width: 3.4rem;
	height: 0.6rem;
	background-color: #007eff;
    line-height: 0.6rem;
    font-size: 0.24rem;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 9;
}
.page-btn:hover {
    background: #0067ce;
    color: #fff;
}


.page-btn2 {
    width: 3.4rem;
	height: 0.6rem;
    background: transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 0.6rem;
    font-size:0.24rem;
    color: #007eff;
    text-align: center;
    position: relative;
    z-index: 9;
    -webkit-box-shadow: 0 0 0 1px #007eff inset;
            box-shadow: 0 0 0 1px #007eff inset;
}
  
.page-btn2:hover {
    color: #0067ce;
    -webkit-box-shadow: 0 0 0 1px #0067ce inset;
            box-shadow: 0 0 0 1px #0067ce inset;
}


.page-btn3 {
    width: 1.4rem;
    background: transparent;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 0.44rem;
    font-size: 0.24rem;
    color: #007eff;
    text-align: center;
    position: relative;
    z-index: 9;
    -webkit-box-shadow: 0 0 0 1px #007eff inset;
            box-shadow: 0 0 0 1px #007eff inset;
}
  
.page-btn3:hover {
    color: #fff;
    background: #007eff;
}

/* 30秒了解永瑞 */
.section-about{
    background: url(../images/bg5.jpg) no-repeat center center / cover;
    padding:0.84rem 0 0;
    height: 9.2rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.about-main{
    margin:0 0.35rem;
}
.about-title{
}
.about-title h3{
    font-size: 0.4rem;
	font-weight: bold;
	line-height: 0.4rem;
}
.about-title p{
    font-size: 0.4rem;
	font-weight: bold;
	line-height: 0.4rem;
    color: #007eff;
    margin-top: 0.2rem;
}
.about-intro{
}
.about-intro p{
    margin-top: 0.32rem;
    font-size: 0.24rem;
	line-height: 0.4rem;
	color: #535353;
    text-align: justify;
}
/* end */


/* 我们可以提供哪些地址 */
.new16{
    background: url(../images/bg1.jpg) no-repeat center center / cover;
    padding:1.1rem 0 1rem;
}
.new16-wrapper{
    margin:0.24rem 0 0.38rem;
}
.new16-slide{
    width: 1.71rem;
	height: 0.7rem;
    line-height: 0.7rem;
    background-color: rgba(255,255,255,.2);
    font-size: 0.24rem;
    text-align: center;
    margin:0.12rem 0.05rem 0;
}
/* end */



/* choose */
.choose {
    
}
.choose-content{
    text-align: left;
}
.choose-content + .choose-content{
    
}
.choose-content-top{
    position: relative;
    height: 1rem;
    z-index: 9;
    background-color: #f1f1f1;
    overflow: hidden;
}
.choose-content-show{
    overflow: visible;
}
.choose-content-top .choose-content{
    position: absolute;
    left:0;
    right: 0;
    top:0;
    padding:0 2.4%;
    overflow: hidden;
    background-color: #f1f1f1;
}
.choose-content-top .choose-links{
    padding-right: 0.72rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin:0.1rem -0.26rem;
}
.choose-links-btn{
    position: absolute;
    right:2.4%;
    top:0.28rem;
}
.choose-links-btn img{
    width: .44rem;
    height: .44rem;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.choose-content-show .choose-links-btn{
    top:1.9rem;
}
.choose-content-show .choose-links-btn img{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.choose-links a{
    font-size: 0.28rem;
	color: #7d7d7d;
	line-height: 0.8rem;
    min-width: 0.84rem;
    margin:0 0.26rem;
    text-align: left;
    white-space: nowrap;
}
.choose-links a:not(.choose-active):hover{
    color: #007eff;
}
.choose-content-top .choose-links a.choose-active{
    font-weight: bold;
    color: #007eff;
}



.choose-content-botm {
    margin:0.22rem 0 0.34rem 2.4%;
    position: relative;
    font-size: 0;
}
.choose-content-all {
    width: 0.8rem;
    height: 0.44rem;
    position: absolute;
    top: 0;
    left: 0;
    color: #7d7d7d;
    text-align: center;
    line-height: 0.44rem;
    border-radius: 0.05rem;
    font-size: 0.24rem;
    font-weight: bold;
    cursor: pointer;
}
.choose-content-botm-links {
    padding-left: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.1rem 0.08rem;
}
.choose-content-botm-links a {
    font-size: 0.24rem;
    color: #7d7d7d;
    text-decoration: none;
    line-height: 0.44rem;
    border-radius: 0.05rem;
    cursor: pointer;
    padding:0 0.16rem;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}
.choose-content-botm .choose-active {
    font-weight: bold;
    color:#fff;
    background-color: #007eff;
}



.list-pagination{
    font-size: 0.28rem;
	color: #7d7d7d;
    line-height: 0.6rem;
    text-align: center;
}
.list-pagination a,
.list-pagination input{
    display: inline-block;
    vertical-align: top;
    line-height: 0.6rem;
	color: inherit;
    border-radius: 5px;
	/* border: solid 1px #e5e5e5; */
    -webkit-box-shadow: 0 0 0 1px #e5e5e5 inset;
            box-shadow: 0 0 0 1px #e5e5e5 inset;
    padding:0 0.1rem;
    min-width: 0.4rem;
    text-align: center;
}
.list-pagination span{
    padding:0 19px 0 11px;
}
.list-pagination input{
    border:none;
    width: 30px;
}
.list-pagination a.pag-active,
.list-pagination a:hover{
    color:#fff;
    -webkit-box-shadow: 0 0 0 1px #007eff inset;
            box-shadow: 0 0 0 1px #007eff inset;
    background: #007eff;
}



.section-project{
    padding:0.94rem 0 .52rem;
}
.project-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 0;
}
.project-slide{
    width: 3.4rem;
	height: 3.2rem;
	background-color: #ffffff;
	-webkit-box-shadow: 0rem 0.02rem 0.08rem 0rem 
		rgba(191, 191, 191, 0.3);
	        box-shadow: 0rem 0.02rem 0.08rem 0rem 
		rgba(191, 191, 191, 0.3);
    margin:0.34rem 0.16rem 0;
}

.project-slide-img {
    width: 3.4rem;
    height: 2.4rem;
}
.project-slide-img img{
    width: 100%;
    height: 100%;
}
.project-slide-name-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	height: 0.8rem;
    margin:0 0.1rem;
}
.project-slide-name{
    font-size: 0.24rem;
	font-weight: bold;
	color: #313131;
    line-height: 1.125;
}