:root{
    --red--:#E60012;
    --green--:#FEB447;
    --title--:#303133;
    --green--:#0046AF;
    --font--:#606266;
}
*{
    margin:0px;
    padding:0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    font-family: 'Arial';
}
@font-face {
    font-family:PlayfairDisplay;
    src:url('../fonts/PlayfairDisplay-Bold.ttf')
}
@font-face {
	font-family: AlibabaPuHuiTi-2-55-Regular;
	src:url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.eot) format('embedded-opentype'),
    url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.otf) format('opentype'),
    url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.ttf) format('TrueType'),
    url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.woff) format('woff'),
    url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.woff2) format('woff2');
}
@font-face {
	font-family: AlibabaPuHuiTi-2-35-Thin;
	src:url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-35-Thin/AlibabaPuHuiTi-2-35-Thin.eot) format('embedded-opentype'),
    url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-35-Thin/AlibabaPuHuiTi-2-35-Thin.otf) format('opentype'),
    url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-35-Thin/AlibabaPuHuiTi-2-35-Thin.ttf) format('TrueType'),
    url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-35-Thin/AlibabaPuHuiTi-2-35-Thin.woff) format('woff'),
    url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-35-Thin/AlibabaPuHuiTi-2-35-Thin.woff2) format('woff2');
}
ul,li{
    list-style: none;
    margin-bottom:0;
    padding-left:0;
}
a:hover,
a{
    text-decoration: none;
    color:var(--font--);
}
img{
    border:none;
    max-width:100%;
}
p{
    margin:0;
    padding:0;
}
.cl{
    clear: both;
}
body{
    width: 100%;
    min-width:320px;
    max-width:640px;
    margin:0 auto;
    background: #fff;
    font-size:14px;
    font-family: -apple-system,Helvetica,sans-serif;
    line-height:1.5;
    overflow-X: hidden;
}
/* 菜单 */
.am-menu{
    position: static;
}
.am-menu-offcanvas1 .am-menu-toggle{
    width:2.5rem;
    top:22px;
    right:20px;
    height:auto;
    display: block;
}
.am-menu-offcanvas1 .am-menu-toggle span{
    width:100%;
    background: #182233;
    opacity: .8;
    border-radius: 1.5px;
    height:2px;
    margin-top:.5rem;
    display: block;
    transition: all .2s;
}
.am-offcanvas-page .am-menu-offcanvas1 .am-menu-toggle span:last-child{
    display:none;
}
.am-offcanvas-page .am-menu-offcanvas1 .am-menu-toggle span:nth-child(1){
    transform:skewY(40deg) translateX(5px);
}
.am-offcanvas-page .am-menu-offcanvas1 .am-menu-toggle span:nth-child(2){
    transform:skewY(-40deg) translateX(5px);
}
header{
    min-width:320px;
    max-width:640px;
    width: 100%;
    padding:0rem 1rem;
    position:fixed;
    top:0;
    background-color: #fff;
    z-index: 1001;
    transition: all .4s ease-out .2s;
    height: 66px;
}
header .logo{
    width:calc(100% - 3rem);
    padding-right:20px;
    height:100%;
    display:flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom:16px;
}
.am-slider-default .am-direction-nav a:before{
    content:'<';
    color:#fff;
}
.am-slider-default .am-direction-nav a.am-next:before{
    content:'>';
    color:#fff
}
.am-slider-default .am-direction-nav a{
    display: none;
}
.am-slider-default .am-control-nav{
    bottom: 14px;
}
.am-slider-default{
    margin:0;
}
.am-slider-default .am-control-nav li{
    margin:0 3px;
}
.am-slider-default .am-control-nav li a{
    width:12px;
    height:4px;
    border-radius: 2px;
    background-color:rgba(255, 255, 255, .5);
}
.am-slider-default .am-control-nav li a.am-active{
    background-color:rgba(14, 180, 180, .5);
    width:24px;
}
.am-menu-offcanvas1 .am-menu-sub a{
    text-align: center;
}
.am-avg-sm-4>li{
    width: calc(50% - 25px);
}
.containers{
    padding:0 16px;
    width: 100%;
    clear: both;
}
.offer{
    padding:3.2rem 0;
}
.offer-t{
    font-family:'AlibabaPuHuiTi-2-55-Regular';
    font-size: 20px;
    line-height: 25px;
    font-weight:600;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -0.02em;
    color: #303133;
}
.offer-txt{
    display:flex;
    align-items: center;
    justify-content: center;
    margin:2.2rem 0;
}
.offer-txt span{
    font-family:'AlibabaPuHuiTi-2-55-Regular';
    font-size: 16px;
    line-height:160%;
    letter-spacing: -0.02em;
    color: #303133;
}
.offer-txt span b{
    color:#FF4D4F;
    font-weight: normal;
}
.offter-input{
    flex:.96;
    margin-left:1rem;
    background: #FFFFFF;
    border: 1px solid #E4E7ED;
    border-radius: 4px;
    height:4.5rem;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    padding:0 12px;
    position: relative;
}
.offter-add::after{
    content:'';
    width:12px;
    height:6px;
    position: absolute;
    background:url(../images/offter-add.svg) no-repeat;
    background-size: cover;
    top:calc(50% - 3px);
    right:20px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.offter-input input{
    border:0 none;
    width:100%;
    height:3rem;
}
.offer-info{
    position: relative;
    padding-left:34px;
}
.offer-info::before{
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1.25px solid #B3B9C4;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all .2s;
}
.offer-info-on::before{
    background: #4765FF url(../images/arrow1.svg) no-repeat center;
    background-size: 12px 8px;
    border: 1.25px solid #4765FF;
}
.offer-info span{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #606266;
}
.offer-info a{
    font-size: 14px;
    line-height: 20px;
    color:#3482FD;
    padding-left:10px;
}
.offer-btn{
    width:100%;
    height:44px;
    background: #3482FD;
    border-radius: 4px;
    margin-top:26px;
}
.offer-btn button{
    display:flex;
    width:100%;
    height:100%;
    justify-content: center;
    align-items: center;
    border:0 none;
    background:none;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}
.one{
    background: #eff7f9;
    padding:5rem 0 2rem 0;
}
.one-t{
    display:flex;
    flex-direction: column;
    align-items: center;
}
.one-t span{
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    color: #303133;
}
.one-t p{
    margin-top:20px;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing:2px;
    color: #FFFFFF;
    background: #3482FD;
    border-radius: 16.5px;
    padding:8px 17px;
}
.tab{
    display:flex;
    flex-direction: column;
    align-items: center;
    padding-top:50px;
}
.tab span{
    font-family: 'AlibabaPuHuiTi-2-55-Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #303133;
}
.tab p{
    padding-top:6px;
}
.pbox{
    padding-bottom:54px;
}
.pbox-tag{
    padding:2rem 0;
}
.pbox-tag a{
    display:flex;
    flex-direction: column;
    align-items: center;
    padding:0 .5rem;
}
.pbox-tag a p{
    border-radius:50%;
    overflow: hidden;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
}
.pbox-tag a span{
    display: block;
    padding-top:.5rem;
    font-size: 12px;
    line-height: 18px;
    color: #303133;
}
.pbox-ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.pbox-li{
    width:48%;
    border: 1px solid #EBEEF5;
    border-radius: 6px;
    margin: .7rem 0;
    overflow: hidden;
}
.pbox-li p{
    background: #F5F6F8;
    display:flex;
    align-items: center;
    justify-content: center;
}
.pbox-li span{
    font-family: 'AlibabaPuHuiTi-2-55-Regular';
    font-size: 16px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    letter-spacing: 0.04em;
    color: #303133;
    padding:1.6rem 0;
}
.pbox .offer-btn{
    margin-top:12px;
    height:46px;
}
.pbox .offer-btn button::after{
    content:'';
    width:20px;
    height:20px;
    background:url(../images/offer-btn.svg) no-repeat center;
    background-size: cover;
    margin-left:4px;
}
.unveil{
    background:url(../images/unveil.png) no-repeat;
}
.unveil-main {
	position: relative;
	padding:2.2rem 0;
}
.unveil-main .swiper-slide {
    border-radius: 8px;
    overflow: hidden;
    width:96%;
}
.unveil-main .swiper-slide img{
    display:block;
    filter:saturate(40%) brightness(40%);
    -webkit-filter:saturate(40%) brightness(40%);
    border-radius:10px;
    width:100%;
}
.unveil-main .swiper-slide.swiper-slide-active img{
    filter:saturate(100%) brightness(100%);
}
.unveil-main .swiper-container{
    padding-bottom:30px;
}
.unveil-main .swiper-pagination {
	width: 100%;
	bottom: 0px;
}
.unveil-main .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 3px;
    background: rgba(52, 130, 253, 0.37);
    border-radius: 11px;
    width: 12px;
    height: 2px;
	opacity: 1;
    border-radius: 0;
    position: relative;
}
.unveil-main .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #3482FD;
}
.honner-ul{
    display:flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding-top:2rem;
}
.honner-ul li{
    width:48.5%;
    padding:.5rem 0;
    overflow: hidden;
}
.about-desc{
    padding:2rem 0 .5rem 0;
}
.about-desc p{
    font-family: 'AlibabaPuHuiTi-2-55-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 170.5%;
    text-align: justify;
    letter-spacing: 0.04em;
    color: #303133;
    padding-bottom:8px;
}
.case-main{
    display:flex;
    justify-content: space-between;
    align-items:center;
    padding-top:2rem;
}
.case-l{
    flex:.9;
    padding-right:10px;
}
.case-r{
    height:100%;
    flex:.9;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.case-main a{
    display: block;
    position: relative;
}
.case-main a::after{
    content:'';
    position: absolute;
    width: 100%;
    height: 56px;
    left: 0;
    bottom: 0px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.case-r a:last-child{
    padding-top:10px;
}
.case-main a img{
    line-height:0;
}
.case-main span{
    position: absolute;
    z-index: 222;
    bottom:10px;
    left:0;
    width:100%;
    display: flex;
    justify-content: center;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}
.hcase .case-l{
    padding:0 0 0 10px;
}
.hcase-ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.hcase-ul li{
    width:48.5%;
    margin-top:10px;
}

.nav{
    height:40px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EBEEF5;
    position:relative;
    padding-left:20px;
    margin-top:4px;
}
.nav::before{
    content:'';
    width:16px;
    height:16px;
    position: absolute;
    left:0;
    top:10px;
    background:url(../images/nav-l.svg) no-repeat center;
}
.nav,
.nav a{
    font-size: 14px;
    letter-spacing: 0.01em;
    color: #909399;
}
.nav a{
    display: block;
    margin:0 6px;
}
.pager{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display: flex;
    justify-content: center;
    padding:3rem 0 2.5rem 0;
}
.pagination{
    display: inline-block;
    border-radius: 4px;
}
.pager li {
    display: none;
}
.pager li:nth-child(1),
.pager li:last-child{
    display: inline;
}
.pager li span,
.pager li a
{
    margin:0 8px;
    padding:7px 12px;
    border:1px solid #e1e1e1;
    color:#777777;
    border-radius:5px;
}
.pagination > .active > span{
    background:#0EB4BA;
    border:1px solid #0EB4BA;
    color:#fff;
}
.pagination > .disabled > span{
    background: white !important;
    color:#666666;
}

.tel-desc{
    background-color: #FFFFFF;
    position: relative;
    width:100%;
    padding:20px 0;
}
.tel-t{
    font-weight: 500;
    font-size: 20px;
    line-height:1.8;
    letter-spacing: 0.481672px;
    color: #303133;
}
.tel-p{
    display:flex;
    align-items:center;
}
.tel-p span{
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.481672px;
    color: #303133;
}
.tel-p p{
    font-family:'DINPro-Medium';
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    display: flex;
    align-items: center;
    letter-spacing: 0.4px;
    color: #0B8212;
}

.tel-ul li{
    display:flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    line-height:1.8;
    letter-spacing: 0.481672px;
    color: #303133;
    margin:2px 0;
}
.tel-ul li span{
    white-space: nowrap;
}
.view{
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    display:flex;
    flex-direction: column;
    align-items: center;
    padding:1.5rem 0;
}
.title{
    font-size: 16px;
    line-height: 1.5;
    color: #0a272c;
	text-align:center;
    padding:1rem 0;
}
.content{
    color: #5a5a5a;
    text-indent:0;
    font-size:16px;
    line-height:1.6;
}
.tool2 {
    width:100%;
    padding:10px 15px 10px 0;
}
.tool2 ul{
    display:flex;
    flex-direction: column;
    display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    justify-content:space-between;
}
.tool2 ul li{
    height:30px;
    display:flex;
    align-items: center;
    font-size:14px;
	overflow:hidden;
}
.tool2 ul li span{
    font-size:12px;
    padding-right:10px;
}
.tool2 ul li a{
    font-size:12px;
    color:#464646;
}
.tool2 ul li a:hover{
    color:#0EB4BA;
}
.page-hcase{
    padding-top:1rem;
}
.page-hcase li{
    height:12rem;
    overflow: hidden;
}
.page-hcase li a{
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:100%;
    background: #f8f8f8;
    border:1px solid #f0f0f0;
}
.page-hcase li a img{
    max-height:100%;
}


.navbox{
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    width:100%;
    left:0;
    bottom:0;
    background: #fff;
    z-index: 8888;
}
.navbg{
    height:7rem;
}
.navbox-li {
    flex:1;
    height:6rem;
}
.navbox-li a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
    height:100%;
}
.navbox-li a span{
    display: block;
    height:3rem;
}
.navbox-li img,
.navbox-li svg{
    width:2.8rem;
    height:2.8rem;
}
.navbox-li p{
    font-size:1.4rem;
    text-align: center;
    letter-spacing: 0.625371px;
    color: #606266;
}
.navbox-li.active svg path{
    fill:#3482FD;
}
.navbox-li.active p{
    font-weight: bold;
    color:#3482FD;
}