*{
    margin:0px;
    padding:0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
}
img,a{
    -webkit-touch-callout: none;
    text-decoration: none;
    max-width: 100%;
}
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;
    padding-bottom: 5rem;
}
ul,li{
    list-style:none;
    margin:0;
    padding:0;
}
p,h3{
    margin:0;
    padding:0
}
.cl{
    clear: both;
}

/* 菜单 */
.am-menu-offcanvas1 .am-menu-toggle{
    width:3rem;
    top:-40px;
}
.am-menu-offcanvas1 .am-menu-toggle span{
    width:100%;
    border-radius: 1rem;
    background:#e60012;
    height:4px;
    margin-top:.6rem;
    display: block;
}
.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(7px);
}
.am-offcanvas-page .am-menu-offcanvas1 .am-menu-toggle span:nth-child(2){
    transform:skewY(-40deg) translateX(7px);
}
header{
    min-width:320px;
    max-width:640px;
    width: 100%;
    padding:1.5rem 1rem;
    z-index: 999;
    text-align:center;
    background: #fff;
    box-shadow:0 1px 2px rgb(0, 0, 0,.2);
    overflow-x: hidden;
}
.logo img{
    max-width:80%;
}
.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-control-nav{
    bottom: 14px;
}
.am-slider-default{
    margin:0;
}


/* 公用标题 */
.tbox{
    display:flex;
    flex-direction: column;
    align-items: center;
}
.tbox h3{
    font-size:2.5rem;
    color:#000;
    position: relative;
}
.tbox h3 span{
    color:#e60012;
    margin:0 .5rem;
}
.tbox p{
    font-size:1rem;
    color:#555555;
}
.tbox>span{
    width:32px;
    height:2px;
    background:url(../images/tbox_span.jpg) no-repeat;
    margin-top:.6rem;
}
.tbox-before h3::after,
.tbox-before h3::before{
    content:'';
    background:url(../images/tbox-after.jpg) no-repeat center;
    background-size: 90%;
    width:5rem;
    height:3rem;
    position: absolute;
    top:10%;
}
.tbox-before h3::after{
    left:-6rem;
}
.tbox-before h3::before{
    right:-6rem;
    transform: rotateY(180deg);
}

/* 关于我们 */
.about{
    background: url(../images/about.jpg) no-repeat center;
    background-size: cover;
    padding:4rem 0 2rem 0;
}
.about-tv{
    position: relative;
}
.about-play{
    width:3.5rem;
    height:3.5rem;
    background:url(../images/play.png) no-repeat;
    background-size:cover;
    position: absolute;
    left:50%;
    top:50%;
    transform: translateX(-50%) translateY(-50%);
}
.about-tv{
    margin:2rem 5rem;
}
.about-info{
    margin:.3rem 1.5rem;
}
.about-info ul{
    display:flex;
    justify-content: space-around;
    align-items: center;
}
.about-info ul li{
    text-align: center;
}
.about-info ul li p span{
    font-size:2rem;
    font-weight: bold;
    color:#e60012;
}
.about-info ul li p{
    font-size:1.3rem;
    color:#4b4b4b;
}
.about-info ul li>span{
    font-size:1.4rem;
    color:#404040;
}
.about-desc{
    font-size:12px;
    text-align: center;
    margin:2rem 1rem;
}
.about-desc br{
	display:none;
}
/* 优势 */
.adva{
    background: url(../images/adva.jpg) no-repeat center;
    background-size: cover;
    padding:4rem 0 1rem 0;
}
.adva-more{
    display:flex;
    justify-content: center;
    margin:2rem 0;
}
.adva-more a{
    width:11rem;
    height:3rem;
    background:#e60012;
    border-radius: 1.5rem;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size:.7rem;
    color:#fff;
}
.adva-icon{
    width:1.6rem;
    height:1.6rem;
    background: url(../images/adva-more.png) no-repeat center;
    background-size: cover;
}
.adva-body{
    margin-top:4rem;
}
.advaSwiper{
    position: relative;
    overflow: hidden;
    margin:0 1rem;
}
.adva-li{
    background: rgba(255, 255, 255, .7);
    border-radius: 1rem;
    height:17rem;
    display:flex;
    flex-direction: column;
    justify-content:space-around;
    align-items: center;
    padding:1.4rem .5rem;
}
.adva-pic{
    width:5rem;
    height:5rem;
}
.adva-li span{
    font-size:1.4rem;
    color:#36393d;
}
.adva-li p{
    font-size:12px;
    color:#7f7f7f;
    line-height:1.4rem;
    text-align: center;
}
/* 产品 */
.product{
    padding:4rem 0 5rem 0;
    background: #fcfcfc;
}
product-body{
    overflow: hidden;
}
.productSwiper{
    position: relative;
    overflow: hidden;
    margin:1rem 0 0 0;
}
.product-li{
    padding:0 2rem;
    display:flex;
    flex-direction: column;
    align-items: center;
	height:26rem;
}
.product-li a:nth-child(1){
    display:block;
    width:100%;
    overflow: hidden;
}
.product-li a:nth-child(2){
    font-size:2.2rem;
    color:#333336;
    display: block;
    margin-top:1.5rem;
    font-weight:bold;
	overflow: hidden;
    height: 4rem;
}
.product-next,
.product-prev{
    height: 4rem;
    width: 4rem;
    background: #f5f5f5;
    border-radius: 50%;
    font-size: 20px;
    color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: serif;
    font-weight: bold;
    position: absolute;
    cursor: pointer;
    left:40%;
    transform: translateX(-50%);
}
.product-next{
    left:60%;
}
/* 案例 */
.case{
    padding-top:3rem;
}
.case-body{
    padding:2rem 1rem;
}
.case-li{
    float:left;
    width:48%;
    height:12rem;
    margin:1rem 1%;
    overflow: hidden;
    position: relative;
}
.case-li a:nth-child(1){
    position:absolute;
    width:100%;
    height:100%;
    display:flex;
    justify-content: center;
    align-items: center;
}
.case-li a:nth-child(1) img{
    height:100%;
    width:100%;
}
.case-li a:nth-child(2){
    position: absolute;
    font-size:1.1rem;
    color:#fff;
    bottom:10px;
    left:10px;
}
.case-li a:nth-child(2)::after{
    content:'';
    width:2rem;
    height:1rem;
    background: url(../images/case-more.png) no-repeat center right;
    background-size: 60%;
    position: absolute;
    right:-2rem;
}
/* 荣誉 */
.honner{
    padding-top:3rem;
}
.honner-body{
    margin:3rem 0;
    overflow: hidden;
}
.honnerSwiper{
    overflow: hidden;
    position: relative;
    margin:0 1rem;
}
.honner-li{
    background:#f9f9f9;
    padding:1.6rem 1.2rem;
    display:flex;
    flex-direction: column;
    justify-content:space-around;
    align-items: center;
}
.honner-li span{
    font-size:1.2rem;
    margin:1rem 0;
}
.honner-li p{
    font-size:12px;
    color:#666666;
}
.honner-li p a{
    color:#e60012;
}
.honner-pic{
    width:12rem;
    height:12rem;
    overflow: hidden;
    border-radius:50%;
}
.honner-pic img{
    width:100%;
    height:100%;
}
.adva2 img{
    width:100%;
}
/* æ–°é—» */
.news{
    padding:3rem 0 .5rem 0;
}
.news-top{
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.news-top{
    padding:1rem;
}
.news-top div:nth-child(1){
    flex:1;
}
.news-top div:nth-child(2){
    width:62%;
    padding-left:1rem;
}
.news-top div:nth-child(2) a:first-child{
    font-size:1.6rem;
    color:#232323;
    font-weight: bold;
    word-break: break-all;
    height:2rem;
    display: block;
    overflow: hidden;
}
.news-top div:nth-child(2) span{
    font-size:12px;
    color:#9c9b9b;
    line-height:1.5rem;
    height:3rem;
    display:block;
    overflow: hidden;
    margin-top:1rem;
}
.news-top div:nth-child(2) a:last-child{
    font-size:12px;
    color:#ff0101;
}
.news-ul{
    background: #fff;
    margin:1rem;
    padding:1rem;
    border-radius:10px;
}
.news-ul ul li{
    height:3rem;
    line-height:3rem;
    background:url(../images/news-ul-desc.jpg) no-repeat 0 center;
    overflow: hidden;
}
.news-ul ul li a{
    font-size:1.4rem;
    color:#606060;
    margin-left:2rem;
    overflow: hidden;
    display: inline;
    word-break: break-all;
}

/* foot */
.foot{
    background:url(../images/foot.jpg) no-repeat center;
    background-size: cover;
    height:20rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top:3rem;
}
.foot-tel{
    margin-top:.5rem;
    font-size:2rem;
    color:#f9c12c;
    font-weight: bold;
    position: relative;
}
.foot-tel::before{
    content:'';
    width:4rem;
    height:4rem;
    background: url(../images/foot-tel.png) no-repeat center;
    background-size: 50%;
    position: absolute;
    top:50%;
    left:-4rem;
    transform: translateY(-50%);
}
.copy{
    padding-top:.5rem;
    text-align: center;
}
.copy,
.copy a{
	font-size:.8rem;
    color:rgba(255, 255, 255, .5);
}
.goto{
    width:6rem;
    height:6rem;
    background:#323439;
    border-radius: 50%;
    margin-top:-2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.goto::before{
    content:'';
    width:0;
    height:0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #fff;
    position:absolute;
    top:1rem;
}
.goto a{
    position: absolute;
    top:2rem;
    font-size:1.5rem;
    color:#fff;
}
.foot-logo{
    padding-top:1rem;
    text-align: center;
}
.foot-logo img{
    width:60%;
}

/* 底部 */
.flexbox{
    margin:0 auto;
    width: 100%;
    min-width:320px;
    max-width:640px;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    background: #28282f;
    box-shadow: 0px 0px 6px #28282f;
}
.flexbox ul{
    display:flex;
    justify-content: center;
    margin-bottom:0px;
}
.flexbox ul li{
    flex:1;
    border-left:1px solid #28282f;
}
.flexbox ul .active{
    background-color:var(--blue) ;
    border-left:1px solid var(--blue);
}
.flexbox ul li a{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size:1rem;
    color:#fff;
    margin-bottom: .5rem;
}
.flexbox ul li a span{
    margin-top:1rem;
    font-size:1.6rem;
    color:#fff;
}

/* about.html */
.page-bar{
    display:flex;
    justify-content: center;
    align-items:center;
	padding-bottom:.5rem;
}
.page-bar h1{
	display:none;
    font-size:2rem;
    color:#333333;
}
.page-bar h1 span{
    color:#e60012;
}
.aboutSwiper{
    overflow: hidden;
    position: relative;
}
.about-li{
    padding:1.5rem .5rem;
}
.brand{
    background:url(../images/brand.jpg) no-repeat center;
    background-size: cover;
    height:22rem;
    padding:3rem 0;
}
.brand-desc{
    padding:1rem;
}
.brand-desc span{
    font-size:1.8rem;
    color:#232323;
}
.brand-desc p{
    font-size:12px;
    color:#232323;
    margin-top:.5rem;
}
.culturt{
    padding-top:2rem;
}
.culturt-ul{
    padding:2rem 0;
    overflow: hidden;
}
.culturt-li{
    padding:0 1rem;
    position: relative;
}
.culturt-li p{
    position: absolute;
    bottom: -10px;
    background: #e60012;
    width:90%;
    font-size:12px;
    color:#fff;
    padding:1rem;
    display:flex;
    flex-direction: column;
}
.culturt-li span:nth-child(1){
    font-size:2rem;
}
.patent{
    padding:2rem 0;
}
.patentSwiper{
    overflow: hidden;
    position: relative;
    padding:1rem 0;
}
.nav{
    height:4rem;
    line-height:4rem;
    text-indent:1rem;   
}
.nav,
.nav a{
    font-size:1.5rem;
    color:#232323;
}
.history{
    background:#28282f;
    color: #fff;
    font-weight: bold;
    height: 5vh;
    line-height: 5vh;
    text-align: center;
    margin:2% 2%;
}
.page-view{
    padding: 0 2%;
}

/* 分页 */
.pagination{
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pager{
    display: flex;
    justify-content: center;
    margin:1rem 0;
}
.pager li {
    display: inline;
}
.pager li span,
.pager li a
{
    margin:0 8px;
    border:none;
    color:var(--blue);
}
.pagination > .active > span:focus , .pagination .page-item span{
    background: var(--blue) !important;
}
.pagination > .disabled > span{
    background: white !important;
    color:#666666;
}
/* 上下篇 */
.view-tool{
    border-top:1px #e2e2e2 solid;
    text-align: left;
    padding:10px 15px 10px 0;

}
.view-tool ul li{
    color:#464646;
    height:30px;
    line-height:30px;
    margin:0px 20px 0px 20px;
    font-size:14px;
	overflow:hidden;
}
.view-tool ul li a{
    font-size:14px;
    color:#464646;
}
.page-view .news-ul{
    padding:0;
    margin:1rem 0;
}
.probox ul li{
    float:left;
    width:48%;
    margin:1rem 1% .5rem 1%;
}
.probox ul li>a{
    display: flex;
    width: 100%;
    height: 15rem;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    background: #fafafa;
}
.probox ul li>a img{
    width:100%;
	height:100%;
}
.probox ul li p a{
    display:block;
    width:100%;
    height:2rem;
    overflow: hidden;
    word-wrap: break-word;
    font-size:1.4rem;
    color:#232323;
	margin-top:.5rem;
}
.probox ul li p span{
    font-size:12px;
    line-height:1.8rem;
    color:#232323;
    display:block;
    overflow: hidden;
    height:4rem;
}
.view-top {
    line-height: 4vh;
    text-align: center;
    margin:1rem 0;
}
.view-top p{
    margin:.5rem 0 0 0;
}
.view-title{
    font-size: 1.8rem;
    line-height: 1.2;
}
.view-content{
    margin: 0 1%;
    line-height: 3vh;
}
.view-content p{
    margin:0;
}
.adva-top{
    display:flex;
    flex-direction: column;
    justify-content: center;
    padding:1rem;
    text-align: center;
}
.adva-top span:nth-child(1){
    font-size:4rem;
    color:#333333;
    font-weight:bold;
    line-height:1;
    margin-top:.5rem;
}
.adva-top span:nth-child(2){
    font-size:2rem;
}
.adva-top span:nth-child(2) b{
    /*color:#e60012;*/
	font-weight:normal;
}
.adva-top span:nth-child(3){
    font-size:14px;
}
.adva-top p{
    text-align: left;
    font-size:12px;
}
.adva-img{
    padding:0 1rem;
}
.casebox ul li p a{
    text-align: center;
    margin-top:.5rem;
}
.casebox ul li{
	width:98%;
}
.casebox ul li>a{
	/*height:auto;*/
	height: 24rem;
}

.crumbs{
	padding:0 10px;
}
.crumbs a{
	font-size:14px;
	color:#232323;
}