﻿@charset "utf-8";

/*初始化样式*/
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before,*:after {box-sizing: border-box;}
@media (min-width:1025px){
    ::-webkit-scrollbar{width:0.06rem;height:0.12rem;background-color:#fff;}
    ::-webkit-scrollbar-thumb{background-color:#d2d2d2;border-radius:0.2rem;}
}
/*html5设置*/
:root {  
    --fz12:0.12rem;  
    --fz14:0.14rem; 
    --fz16:0.16rem;
    --fz18:0.18rem;
    --fz20:0.20rem;
    --fz22:0.22rem;
    --fz24:0.24rem;
    --fz26:0.26rem;
    --fz28:0.28rem;
    --fz30:0.30rem;
    --fz32:0.32rem;
    --fz34:0.34rem;
    --fz36:0.36rem;
    --fz38:0.38rem;
    --fz40:0.40rem;
    --fz42:0.42rem;
    --fz44:0.44rem;
    --fz46:0.46rem;
    --fz48:0.48rem;
    --fz50:0.50rem;
    --fz52:0.52rem;
}
html {-webkit-text-size-adjust:none; font-size: calc(100vw/19.2);}
@media only screen and (max-width:1280px){
    /*1280px*/
    html{font-size:calc(100vw/12.8);}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    html{font-size:calc(100vw/10.24);}
}
@media only screen and (max-width:750px){

    /*750px*/
    html{font-size:calc(150vw/7.5);}
}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p,h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,li{margin:0;padding:0;}
body{background-color:#fff;color:#1a1a1a;font:normal 0.16rem/1.875em 'Sans-serif'; overflow-x:hidden;word-wrap:break-word;}
a{text-decoration:none;outline:none;color:#1a1a1a;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#e35a26;}
a img{border:none;}
img {vertical-align:middle; max-width:100%;}
li{list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:inherit; font-size:1em;}
input:focus{outline:none;}
input::-moz-placeholder{opacity:1; color:inherit;}
input:-moz-placeholder{opacity:1; color:inherit;}
input::-webkit-input-placeholder{opacity:1; color:inherit;}
input:-ms-input-placeholder{opacity:1; color:inherit;}
textarea{resize:none;}
textarea::-moz-placeholder{opacity:1; color:inherit;}
textarea:-moz-placeholder{opacity:1; color:inherit;}
textarea::-webkit-input-placeholder{opacity:1; color:inherit;}
textarea:-ms-input-placeholder{opacity:1; color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{box-sizing:border-box;}

/*全局样式*/
.inner{width:93.75%;max-width:16rem;margin:0 auto;}
.w1400 {max-width: 14rem;}
.submit {cursor:pointer;}
.submit:hover {opacity: 0.85;}
/*figure*/
.figure {overflow: hidden; position: relative;}
.figure a {display: block; position: relative; overflow: hidden;}
.figure img {display: block; width: 100%; height: auto; transition: all .3s;}
.figure:after {content:'';}
.figure .img {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; display: block; transition: all .3s;}
.figure .bg{background:no-repeat center center;background-size:cover;display:block;transition:all .3s;}
/*table*/
.table {display: table; table-layout: fixed;width: 100%;}
.table .td {display: table-cell; vertical-align: middle;}
/*clear*/
.clear{clear:both;overflow:hidden;width: 100%;}
.clearfix:after {display: block; content:''; width:100%; clear:both;}
/*nwrap*/
.nwrap {white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
/*entry*/
.entry *{line-height:1.875em;}
.entry img{height:auto!important;}
.entry ul li{position:relative;padding-left:1.66666667em;}
.entry ul li:before{width:0.27777778em;height:0.27777778em;border-radius:50%;background-color:#3f3a39;content:'';display:block;position:absolute;left:0.38888889em;top:0.75em;}
.entry ol li{list-style:outside decimal none;}
.entry h1{font-size:1.625em;}
.entry h2{font-size:1.5em;}
.entry h3{font-size:1.375em;}
.entry h4{font-size:1.25em;}
.entry h5{font-size:1.125em;}
.entry h6{font-size:1em;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}
/*rows*/
[class*=rows_]{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.rows_1{line-clamp:1; -webkit-line-clamp:1;}
.rows_2{line-clamp:2; -webkit-line-clamp:2;}
.rows_3{line-clamp:3; -webkit-line-clamp:3;}
.rows_4{line-clamp:4; -webkit-line-clamp:4;}
.rows_5{line-clamp:5; -webkit-line-clamp:5;}
/*flex*/
[class*=flex]{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
[class*=_fdrr]{flex-direction:row-reverse;}
[class*=_fdc]{flex-direction:column;}
[class*=_fdcr]{flex-direction:column-reverse;}
[class*=_fww]{flex-wrap:wrap;}
[class*=_fwn]{flex-wrap:nowrap;}
[class*=_jcsb]{justify-content:space-between;}
[class*=_jcsa]{justify-content:space-around;}
[class*=_jcse]{justify-content:space-evenly;}
[class*=_jcfs]{justify-content:flex-start;}
[class*=_jcc]{justify-content:center;}
[class*=_jcfe]{justify-content:flex-end;}
[class*=_aifs]{align-items:flex-start;}
[class*=_aic]{align-items:center;}
[class*=_aife]{align-items:flex-end;}

/*header*/
#header{position:fixed;left:0;top:0;width:100%;z-index:8;transition:all 0.15s;border-bottom:1px solid rgba(255,255,255,0.1);}
#header .inner{position:relative;}
#header.white,#header.fixed{background-color:#fff;}
#header.white #logo i:nth-child(1),#header.fixed #logo i:nth-child(1){display:none;}
#header.white #logo i:nth-child(2),#header.fixed #logo i:nth-child(2){display:block;}
#header.white #search span,#header.fixed #search span{background-image:url(../images/search_02.svg);}
#header.white #navbtn:before,#header.fixed #navbtn:before,#header.white #navbtn:after,#header.fixed #navbtn:after,#header.white #navbtn i,#header.fixed #navbtn i{background-color:#333;}
#header.white #navi .parent > a,#header.fixed #navi .parent > a{color:#333;}
@media only screen and (max-width:1024px){
    #header .inner{padding:0.2rem 0;}
}
@media only screen and (max-width:750px){
    #header .inner{position:static;}
}

/*logo*/
#logo{width:2.15rem;position:relative;z-index:10;}
#logo a{display:block;overflow:hidden;padding-bottom:19.53488372%;position:relative;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;background:no-repeat left center;background-size:contain;}
#logo i:nth-child(2){display:none;}

/*search*/
#search span{width:0.22rem;height:0.22rem;background:url(../images/search_01.svg) no-repeat center center;background-size:contain;display:block;cursor:pointer;}
#search .input{position:absolute;top:100%;right:0;width:3.5rem;background-color:rgba(255,255,255,0.9);display:none;}
#search .text{display:block;width:100%;height:3.125em;line-height:1.875em;padding:0.625em 3.125em 0.625em 1em;}
#search .go{display:block;position:absolute;right:0;top:0;height:100%;width:3.125em;cursor:pointer;background:url(../images/search_02.svg) no-repeat center center;background-size:auto 44%;}
@media only screen and (max-width:750px){
    #search .input{width:100%;}
}

/*navbtn*/
#navbtn{display:none;}
@media only screen and (max-width:1024px){

    /*1024*/
    #navbtn{position:relative;cursor:pointer;width:0.22rem;height:0.22rem;transition:all 0.3s;display:block;z-index:10;margin-left:0.5rem;}
    #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:0.02rem;background-color:#fff;display:block;position:absolute;left:0;transition:all 0.3s;content:'';border-radius:0.01rem;}
    #navbtn:before{top:0.01rem;}
    #navbtn:after{bottom:0.01rem;}
    #navbtn i{top:50%;transform:translateY(-50%);}
    #navbtn.active{overflow:visible;}
    #navbtn.active:before{transform:rotate(45deg);top:42%;height:0.025rem;}
    #navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:42%;height:0.025rem;}
    #navbtn.active i{opacity:0;}
}

/*navi*/
#navi{font-size:var(--fz18);line-height:1.66666667em;width:calc(100% - 2.37rem);padding:0 0.3rem;}
#navi a{display:block;position:relative;}
#navi .parent{padding:0.3rem;position:relative;}
#navi .drop{font-size:0.88888889em;line-height:2em;display:none;}
#navi .drop a{padding:0.5em 0;}
@media only screen and (min-width:1025px){
    #navi .parent:after{width:0.5em;height:0.5em;background:url(../images/nav_cur_01.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:0.14rem;opacity:0;transition:all 0.2s;}
    #navi .parent > a{color:#fff;}
    #navi .cur:after,#navi .on:after{opacity:1;}
    #navi .drop{position:absolute;top:100%;left:50%;min-width:100%;transform:translateX(-50%);z-index:5;background-color:#fff;box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.1);text-align:center;padding:0.5em 1.5em;}
    #navi .drop li{border-bottom:1px solid #eee;}
    #navi .drop li:last-child{border-bottom:none;}
    #navi .drop a{white-space:nowrap;}
}
@media only screen and (max-width:1280px){
    #navi{padding:0 0.22rem;}
    #navi .parent{padding-left:0.22rem;padding-right:0.22rem;}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    #navi{position:fixed;width:80%;max-width:25em;height:calc(100% - 0.82rem);background-color:#fff;z-index:9;right:0;top:0.82rem;box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.1);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0.5rem;transform:translateX(100%);opacity:0;transition:all 0.2s;}
    #navi.active{transform:translateX(0);opacity:1;}
    #navi .menu{display:block;}
    #navi .parent{padding:0.75em 0;line-height:2em;position:relative;}
    #navi em{display:block;position:absolute;right:-0.4rem;width:3.5em;height:3.5em;z-index:2;top:0;cursor:pointer;}
    #navi em:after{width:0.55555556em;height:0.55555556em;border-right:0.05555556em solid #333;border-bottom:0.05555556em solid #333;content:'';display:block;position:absolute;top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-0.38888889em 0 0 -0.38888889em;transition:all 0.3s;}
    #navi .on > em:after{transform:rotate(45deg);}
    #navi .drop{position:static;background-color:transparent;box-shadow:none;padding:0;margin:1em 0 0 2em;}
}

/*footer*/
#footer{background-color:#f7f7f7;padding:0.9rem 0 0.6rem;}
@media only screen and (max-width:750px){

    /*750px*/
    #footer{padding:0.65rem 0 0.35rem;}
    #footer .inner{flex-direction:column;align-items:center;}
}

/*infor*/
#infor{width:4rem;max-width:100%;}
#infor .logo{max-width:2.02rem;margin-bottom:0.68rem;}
#infor .logo img{display:block;width:100%;height:auto;}
#infor .meta ul{overflow:hidden;}
#infor .meta li{margin-top:0.12rem;}
#infor .meta .name{font-weight:300;margin-bottom:0.05rem;}
#infor .meta span{font-size:var(--fz20);line-height:1.5em;}
@media only screen and (max-width:750px){

    /*750px*/
    #infor{text-align:center;margin-bottom:0.5rem;}
    #infor .logo{margin:0 auto 0.25rem;}
}

/*bottom*/
#bottom{width:3.9rem;color:#5f5d5d;max-width:100%;}

/*follow*/
#follow{margin-bottom:0.55rem;}
#follow ul{width:107.69230769%;overflow:hidden;}
#follow li{width:33.333%;padding-right:7.14285714%;padding-bottom:7.14285714%;text-align:center;}
#follow figcaption{margin-top:0.08rem;}
@media only screen and (max-width:750px){

    /*750px*/
    #follow{margin-bottom:0.25rem;}
    #follow ul{justify-content:center;}
}

/*copyright*/
#copyright{text-align:right;}
#copyright a{display:inline-block;}
@media only screen and (max-width:750px){

    /*750px*/
    #copyright{text-align:center;}
}

/*menu*/
#menu{width:3.48rem;max-width:calc(100% - 8rem);}
#menu ul{font-size:var(--fz18);line-height:2.33333333em;height:9.38888889em;}
#menu li{padding:0 0.45rem;}
#menu a{display:block;position:relative;}
@media only screen and (max-width:1024px){

    /*1024px*/
    #menu{display:none;}
}

/*slides*/
#slides .figure{padding-bottom:50%;}
#slides .swiper-pagination{left:50%;transform:translateX(-50%);bottom:5.20833333%;}
#slides .swiper-pagination-bullet{width:0.1rem;height:0.1rem;opacity:0.5;display:block;background-color:#fff;margin:0 0.1rem;}
#slides .swiper-pagination-bullet-active{border:0.02rem solid #fff;background-color:transparent;opacity:1;}
@media only screen and (max-width:750px){
    #slides .figure{padding-bottom:100%;}
}

/*banner*/
#banner{background:no-repeat center center;background-size:cover;padding-bottom:35.41666667%;position:relative;}
#banner .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:5;color:#fff;text-align:center;}
#banner .name{font-size:var(--fz48);line-height:1.25em;font-weight:500;}
#banner .name span{font-weight:300;}
@media only screen and (max-width:750px){

    /*750px*/
    #banner{padding-bottom:75%;}
    #banner .name{font-size:var(--fz36);}
}

/*contact*/
#contact{background-color:#f7f7f7;overflow:hidden;padding:1.4rem 0 0.9rem;}
#contact .item{background-color:#fff;width:48.125%;margin-bottom:2.5%;text-align:center;padding:0.78rem 0.7rem 0.7rem;}
#contact .icon{width:0.8rem;margin:0 auto 0.18rem;}
#contact .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#contact .icon .tel{background-image:url(../images/contact_tel.svg);}
#contact .icon .add{background-image:url(../images/contact_add.svg);}
#contact .title{font-size:var(--fz18);line-height:1.66666667em;font-weight:300;margin-bottom:0.1rem;}
#contact .intro{font-size:var(--fz24);line-height:1.25em;font-weight:400;}
#contact ul{margin-top:0.29rem;}
#contact li{width:1.86rem;max-width:100%;color:#5f5d5d;padding:0.18rem;}
#contact figcaption{margin-top:0.05rem;}
#contact .item:last-child{width:100%;padding:0.62rem 0.6rem;}
@media only screen and (max-width:750px){

    /*750px*/
    #contact{padding:0.7rem 0;}
    #contact .item{width:100%;margin-bottom:0.2rem;}
    #contact ul{flex-direction:column;align-items:center;}
    #contact li{width:2.3rem;}
}

/*find*/
.find{margin-bottom:0.56rem;}
.find .input{width:3.72rem;max-width:100%;border-bottom:1px solid #e6e6e6;padding:0.14rem 0;position:relative;}
.find .text{color:#5f5d5d;padding-right:0.32rem;display:block;width:100%;line-height:2.25em;}
.find .go{background:url(../images/search_03.svg) no-repeat center center;background-size:contain;position:absolute;right:0;top:0;height:100%;width:0.22rem;}
@media only screen and (max-width:750px){

    /*750px*/
    .find .input{width:100%;}
}

/*caselist*/
#caselist{padding:0.5rem 0 1.31rem;overflow:hidden;}
#caselist .list{width:102.6875%;margin-bottom:0.6rem;}
@media only screen and (max-width:750px){

    /*750px*/
    #caselist{padding-bottom:0.8rem;}
    #caselist .list{margin-bottom:0.2rem;}
}

/*citem*/
.citem{width:33.333%;padding-right:2.61716372%;padding-bottom:2.61716372%;}
.citem .figure{padding-bottom:56.43564356%;margin-bottom:0.2rem;}
.citem .title{font-size:var(--fz20);line-height:1.5em;font-weight:400;}
.citem .meta{color:#5f5d5d;font-weight:300;margin-top:0.04rem;}
.citem a{display:block;overflow:hidden;}
.citem:hover .img{transform:scale(1.05);}
@media only screen and (max-width:1024px){

    /*1024px*/
    .citem{width:50%;}
}
@media only screen and (max-width:750px){

    /*750px*/
    .citem{width:100%;padding-bottom:0.3rem;}
}

/*Pages*/
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump,.Pages .a_first,.Pages .a_end{display:none;}
.Pages .p_page{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.Pages .num{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;justify-content:center;font-style:400;font-style:normal;}
.Pages a{display:block;background:#fff no-repeat center center;background-size:auto 22.91666667%;height:3.125em;min-width:3.125em;text-align:center;line-height:3.125em;border-radius:1.5625em;margin:0 0.05rem;color:#5f5d5d;border:1px solid rgba(95,93,93,0.2);transition:all 0.2s;}
.Pages a:hover,.Pages .a_cur{background-color:#e35a26;color:#fff;border-color:#e35a26;}
.Pages .a_prev,.Pages .a_next{background-color:#e6e6e6;text-indent:-99999em;overflow:hidden;border-color:#e6e6e6;margin:0 0.35rem;}
.Pages .a_prev{background-image:url(../images/pages_prev_01.svg);}
.Pages .a_prev:hover{background-image:url(../images/pages_prev_02.svg);}
.Pages .a_next{background-image:url(../images/pages_next_01.svg);}
.Pages .a_next:hover{background-image:url(../images/pages_next_02.svg);}
@media only screen and (max-width:750px){
    .Pages .num{display:none;}
}

/*category*/
.category{margin-bottom:6.875%;}
.category a{color:#5f5d5d;font-size:var(--fz18);height:2.55555556em;line-height:2.55555556em;border-radius:1.27777778em;min-width:7.77777778em;padding:0 1em;display:block;text-align:center;}
.category a:hover,.category .cur a{background-color:#e35a26;color:#fff;}
@media only screen and (max-width:750px){
    .category{margin-bottom:0.5rem;}
}

/*columninfo*/
.columninfo{position:relative;margin-bottom:6.25%;}
.columninfo .cname{font-size:var(--fz48);line-height:1.25em;}
.columninfo .cname span{font-weight:400;}
.columninfo .cintro{font-size:var(--fz18);line-height:1.66666667em;color:#5f5d5d;margin-top:0.17rem;}
.columninfo .vmore{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.columninfo.set{padding-right:1.8rem;}
@media only screen and (max-width:750px){
    .columninfo{margin-bottom:0.45rem;}
    .columninfo .cname{font-size:var(--fz36);}
}

/*swiper-arrows*/
.swiper-arrows{position:relative;}
.swiper-arrows .arrow{margin-top:0;transform:translateY(-50%);width:0.6rem;height:auto;border-radius:50%;background:#e6e6e6 no-repeat center center;background-size:12.72727273% auto;transition:all 0.2s;}
.swiper-arrows .arrow:after{padding-bottom:100%;content:'';}
.swiper-arrows .arrow:hover{background-color:#e35a26;box-shadow:0px 0px 0.3rem 0px rgba(227,90,38,0.3);}
.swiper-arrows .swiper-button-prev{left:0;background-image:url(../images/swiper_prev_01.svg);}
.swiper-arrows .swiper-button-prev:hover{background-image:url(../images/swiper_prev_02.svg);}
.swiper-arrows .swiper-button-next{right:0;background-image:url(../images/swiper_next_01.svg);}
.swiper-arrows .swiper-button-next:hover{background-image:url(../images/swiper_next_02.svg);}
@media only screen and (max-width:750px){
    .swiper-arrows .arrow{width:0.45rem;}
}

/*swiper-scrollbar*/
.swiper-scrollbar{height:0.05rem;background-color:transparent;border-radius:0;width:100%;}
.swiper-scrollbar:before{height:1px;width:100%;background-color:#e6e6e6;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.swiper-scrollbar .swiper-scrollbar-drag{background-color:#e35a26;border-radius:0;}

/*swiper-control*/
.swiper-control{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between;margin-top:0.53rem;}
.swiper-control .swiper-arrows{width:1.3rem;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:space-between;}
.swiper-control .swiper-arrows .arrow{position:static;transform:none;}
.swiper-control .swiper-scrollbar{position:relative;width:calc(100% - 1.3rem);}
@media only screen and (max-width:750px){
    .swiper-control{margin-top:0.35rem;}
    .swiper-control .swiper-arrows{width:1rem;}
    .swiper-control .swiper-scrollbar{width:calc(100% - 1rem);}
}

/*jbox*/
.jbox{padding:1.4rem 0;background:no-repeat center center;background-size:cover;overflow:hidden;}
@media only screen and (max-width:750px){
    .jbox{padding:0.7rem 0;}
}

/*honor*/
.honor{padding:0.8rem 0 0.5rem;overflow:hidden;}
.honor.jbox{padding-top:1.4rem;}
.honor .list{padding:0 8.125% 7.25%;position:relative;}
.honor .list:before,.honor .list:after{content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);background:no-repeat center center;background-size:100% auto;}
.honor .list:before{width:102.25%;padding-bottom:10.5625%;background-image:url(../images/honor_table_shadow.png);bottom:0;}
.honor .list:after{padding-bottom:4.75%;background-image:url(../images/honor_table.png);width:100%;bottom:0;margin-bottom:5.8125%;}
.honor .swiper-wrapper{align-items:flex-end;}
.honor .swiper-slide{padding:0 0.1rem;}
.honor .figure{background:url(../images/honor_frame_01.png) no-repeat center center;background-size:100% 100%;padding:0.22rem;width:2.84rem;max-width:100%;overflow:visible;margin-bottom:6.55119989%;}
.honor .figure:after{content:'';display:block;position:absolute;left:50%;top:100%;background:url(../images/honor_frame_01_shadow.png) no-repeat center top;background-size:100% auto;width:102.11267606%;padding-bottom:10.21126761%;transform:translateX(-50%);}
.honor .figure img{width:auto;}
.honor .figure[data-type="2"]{background-image:url(../images/honor_frame_02.png);width:3.84rem;}
.honor .arrow{margin-top:-4.53125%;}
.honor .top{margin-bottom:5.9375%;}
.honor .top .columninfo,.honor .top .category{margin-bottom:0;}
.honor .btm .list{display:none;}
.honor .btm .list:first-child{display:block;}
.honor .info{padding:0 7.46268657%;}
.honor .info .figure{width:51.3562387%;}
.honor .info .figure img{width:100%;}
.honor .info .text{width:36.16636528%;font-size:var(--fz18);line-height:1.66666667em;}
.honor .info .num{font-weight:lighter;margin-bottom:0.24rem;}
.honor .info .num span{font-weight:700;font-size:2.66666667em;line-height:1.125em;margin-right:0.1rem;}
.honor .info .intro{min-height:5em;}
@media only screen and (max-width:1280px){
    .honor .info{padding:0 3%;}
}
@media only screen and (max-width:1024px){
    .honor .info{padding:0;}
    .honor .info .text{font-size:var(--fz16);width:40%;}
    .honor .info .num{margin-bottom:0.15rem;}
}
@media only screen and (max-width:750px){
    .honor{padding:0.7rem 0 0.6rem;}
    .honor.jbox{padding-top:0.7rem;}
    .honor .top{margin-bottom:0.55rem;}
    .honor .list{padding-bottom:4.25%;}
}

/*culture*/
#culture{padding:0.8rem 0 22.34375%;background:no-repeat center bottom;background-size:100% auto;overflow:hidden;}
#culture .list{margin:0 -0.84375%;padding:0.84375%;}
#culture .list .item{width:26.25%;margin:-0.84375%;border-radius:50%;border:solid 1px #e4e4e4;position:relative;}
#culture .list .item:after{display:block;content:'';padding-bottom:100%;}
#culture .list .box{position:absolute;top:50%;transform:translateY(-50%);left:10%;width:80%;text-align:center;font-size:var(--fz40);}
#culture .list .icon{width:1.8em;margin:0 auto 0.3em;}
#culture .list .icon:before,#culture .list .icon:after{content:'';padding-bottom:61.11111111%;background:no-repeat center center;background-size:contain;}
#culture .list .icon:before{background-image:url(../images/culture_logo_01.svg);display:block;}
#culture .list .icon:after{background-image:url(../images/culture_logo_02.svg);display:none;}
#culture .list .title{font-size:1em;line-height:1.35em;margin-bottom:0.5em;}
#culture .list .intro{font-size:0.55em;line-height:1.63636364em;color:#5f5d5d;min-height:3.27272727em;}
#culture .list .item:hover .icon:before{display:none;}
#culture .list .item:hover .icon:after{display:block;}
@media only screen and (max-width:1280px){
    #culture .list .box{font-size:var(--fz30);}
}
@media only screen and (max-width:1024px){
    #culture .list .box{font-size:var(--fz26);}
}
@media only screen and (max-width:750px){
    #culture{padding:0.7rem 0 30%;}
    #culture .list .item{width:50.8125%;}
}

/*about*/
#about{padding:0.8rem 0;}
#about .columninfo{margin-bottom:1rem;}
#about .data{color:#5f5d5d;font-size:var(--fz18);line-height:2em;}
#about .data p{margin-bottom:0.5rem;}
#about .data span{display:inline-block;font-size:var(--fz48);line-height:1em;margin-right:0.1rem;color:#1a1a1a;}
#about .entry{width:60%;font-size:var(--fz18);color:#5f5d5d;line-height:2em;}
#about .entry *{line-height:2em;}
@media only screen and (max-width:1024px){
    #about .meta,#about .entry{width:100%;}
    #about .columninfo{margin-bottom:6.25%;}
    #about .data{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;justify-content:space-between;}
}
@media only screen and (max-width:750px){
    #about{padding:0.7rem 0;}
    #about .columninfo{margin-bottom:6.25%;}
    #about .data span{display:block;}
}

/*swiper-dots*/
.swiper-dots .swiper-pagination{left:50%;transform:translateX(-50%);bottom:0;}
.swiper-dots .swiper-pagination-bullet{display:block;width:0.1rem;height:0.1rem;opacity:1;background-color:rgba(95,93,93,0.3);margin:0.1rem;transition:all 0.2s;}
.swiper-dots .swiper-pagination-bullet-active{background-color:#e35a26;}

/*timeline*/
.timeline{width:0.94rem;font-size:var(--fz18);line-height:3.55555556em;color:#5f5d5d;text-align:center;}
.timeline span{display:block;position:relative;padding:0 0.83333333em;transition:all 0.2s;}
.timeline span:before,.timeline span:after{width:0.55555556em;height:1px;background-color:#e35a26;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);opacity:0;transition:all 0.2s;}
.timeline span:before{left:0;}
.timeline span:after{right:0;}
.timeline .swiper-slide{cursor:pointer;}
.timeline .swiper-slide-thumb-active span{color:#e35a26;}
.timeline .swiper-slide-thumb-active span:before,.timeline .swiper-slide-thumb-active span:after{opacity:1;}
@media only screen and (max-width:1024px){
    .timeline{line-height:3em;}
}
@media only screen and (max-width:750px){
    .timeline{width:100%;margin-bottom:0.35rem;line-height:2em;}
}

/*history*/
.history{background:url(../images/history_bg.jpg) no-repeat center center;background-size:cover;overflow:hidden;padding:1.1rem 0 1.68rem;}
.history .columninfo{margin-bottom:0.35rem;}
.history .event{width:75%;}
.history .gallery{width:66.66666667%;}
.history .gallery .swiper{width:140%;margin-left:-20%;}
.history .gallery .swiper:after{width:0.6rem;height:0.6rem;background:url(../images/roller_01.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;}
.history .gallery .figure{padding-bottom:66.96428571%;}
.history .text{width:33.33333333%;position:relative;z-index:5;background-color:#fff;text-align:center;padding:7.08333333% 4.16666667% 4.16666667%;}
.history .text .item{display:none;}
.history .text .title{font-size:var(--fz48);font-weight:400;line-height:1.33333333em;margin-bottom:11.33333333%;}
.history .text .intro{font-size:var(--fz18);line-height:2em;color:#5f5d5d;min-height:14em;}
.history .swiper-pagination{position:static;transform:none;margin-top:0.4rem;}
.history .swiper-pagination-bullet{margin:3.33333333%;}
@media only screen and (max-width:1280px){
    .history .event{width:85%;}
    .history .gallery .swiper{width:113.33333333%;margin-left:-6.66666667%;}
}
@media only screen and (max-width:1024px){
    .history .text .intro{min-height:8em;}
}
@media only screen and (max-width:750px){
    .history{padding:0.7rem 0;}
    .history .columninfo{margin-bottom:0.5rem;}
    .history .text{width:100%;padding:0.5rem;}
    .history .text .title{margin-bottom:0.2rem;}
    .history .event,.history .gallery{width:100%;}
    .history .gallery .swiper{width:100%;margin:0;}
    .history .swiper-pagination{margin-bottom:5%;}
}

/*propage*/
#propage{overflow:hidden;}

/*proside*/
#proside{width:2.4rem;position:relative;padding:0.55rem 0 0.35rem;}
#proside:before{background-color:#fafafa;content:'';display:block;position:absolute;right:0;top:0;height:100%;width:5rem;}
#proside .title{font-size:var(--fz20);line-height:1.5em;position:relative;padding-bottom:0.3rem;}
#proside .title:after{height:1px;content:'';display:block;position:absolute;right:0;width:5rem;bottom:0;background-color:#e6e6e6;}
@media only screen and (max-width:1024px){
    #proside{width:100%;}
    #proside:before,#proside .title:after{width:100vw;right:50%;transform:translateX(50%);}
}

/*filter*/
.filter{position:relative;z-index:5;}
.filter .name{font-size:var(--fz18);line-height:1.66666667em;color:#5f5d5d;position:relative;cursor:pointer;}
.filter .name:after{width:0.55555556em;height:0.55555556em;background:url(../images/filter_01.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.filter .item{border-bottom:1px solid #e6e6e6;padding:0.27rem 0.2rem 0.27rem 0;}
.filter ul{padding-top:0.14rem;display:none;}
.filter li{line-height:2.25em;color:#5f5d5d;position:relative;padding-left:1.5em;cursor:pointer;}
.filter i{display:block;border:solid 1px #b2b2b2;width:0.875em;height:0.875em;border-radius:50%;position:absolute;left:0;top:0.6875em;transform:all 0.2s;}
.filter i:after{width:66.66666667%;padding-bottom:66.66666667%;background-color:#e35a26;border-radius:50%;content:'';display:block;position:absolute;left:16.66666667%;top:16.66666667%;opacity:0;transform:all 0.2s;}
.filter .selected{color:#e35a26;}
.filter .selected i{border-color:#e35a26;}
.filter .selected i:after{opacity:1;}
.filter .cur .name:after{background-image:url(../images/filter_02.svg);}
.filter .clearall{color:#5f5d5d;line-height:2.25em;margin-top:0.27rem;cursor:pointer;}

/*promain*/
#promain{width:calc(100% - 2.4rem);padding:0.5rem 0 1.2rem 6.875%;}
@media only screen and (max-width:1024px){

    /*1024px*/
    #promain{width:100%;padding-left:0;}
}

/*prolist*/
.prolist{width:105.6%;margin-bottom:0.3rem;}

/*pitem*/
.pitem{width:33.333%;padding-right:5.3030303%;padding-bottom:4.6969697%;}
.pitem .figure{padding-bottom:100%;margin-bottom:0.21rem;}
.pitem .figure:hover .img{transform:scale(1.05);}
.pitem .title{font-size:var(--fz20);line-height:1.5em;font-weight:400;margin-bottom:0.05rem;}
.pitem .meta{color:#5f5d5d;font-weight:300;}
.pitem .meta span{color: #e35a26;font-size: 1.33333333em;line-height: 1em;}
.pitem .meta span i{    font-style: normal;
    font-weight: 700;
    font-size: 1.125em;
    line-height: 1em;
}
.pitem a{display:block;overflow:hidden;}
@media only screen and (max-width:750px){

    /*750px*/
    .pitem{width:100%;padding-bottom:0.35rem;}
}

/*msgform*/
.msgform .item{margin-bottom:3.33333333%;}
.msgform .inp,.msgform select{font-weight:lighter;display:block;width:100%;height:3.125em;border:1px solid #5f5d5d;}
.msgform .inp{line-height:1.875em;padding:0.1rem 0.2rem;}
.msgform select{padding:0 0.2rem; display: block!important;}
.msgform textarea.inp{height:8.75em;}
.msgform .col3 .item{width:31.11111111%;}
.msgform .submit{background-color:#e35a26;color:#f7f5f5;width:11.25em;height:3.125em;}
@media only screen and (max-width:750px){

    /*750px*/
    .msgform .col3 .item{width:100%;}
}

/*joinus*/
.joinus{background:no-repeat center center;background-size:cover;padding:1.3rem 0;color:#fff;margin-top:1.2rem;}
.joinus .text{width:37.5%;}
.joinus .text .columninfo{margin-bottom:0.43rem;}
.joinus .text .title{font-size:var(--fz28);line-height:1.07142857em;font-weight:400;margin-bottom:0.16rem;}
.joinus .text .title span{font-size:1.28571429em;color:#e35a26;line-height:1.125em;}
.joinus .text .intro{font-weight:300;font-size:var(--fz18);line-height:1.66666667em;}
.joinus .form{width:56.25%;}
.joinus .form select,.joinus .form .inp{border-color:rgba(255,255,255,0.5);background-color:rgba(255,255,255,0.2);color:#fff;}
.joinus .form option{color:#1a1a1a;}
@media only screen and (max-width:1024px){

    /*1024px*/
    .joinus .text{width:100%;margin-bottom:0.5rem;}
    .joinus .form{width:100%;}
}
@media only screen and (max-width:750px){

    /*750px*/
    .joinus{padding:0.8rem 0;margin-top:0.75rem;}
}

/*vmore*/
.vmore{line-height:2.125em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
.vmore a{display:block;padding-right:4.5625em;transition:all 0.2s;position:relative;}
.vmore a:before,.vmore a:after{width:3.5625em;height:2.125em;background:no-repeat right center;background-size:contain;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all 0.2s;}
.vmore a:before{background-image:url(../images/vmore_01.svg);}
.vmore a:after{background-image:url(../images/vmore_02.svg);opacity:0;}
.vmore a:hover:before{opacity:0;}
.vmore a:hover:after{opacity:1;}
@keyframes vplay{
    0%{transform:scale(1); opacity: 1;}
    100%{transform:scale(1.7); opacity: 0;}
}

/*popup*/
.popup{position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,0.3);z-index:10;-webkit-overflow-scrolling:touch;display:none;}
.popup .wrap{width:100%;min-height:100%;justify-content:center;align-items:center;padding:1rem 0;display:flex;}
.popup .info{background-color:#fff;width:12rem;max-width:88%;position:relative;}
.popup .close{width:0.46rem;height:0.46rem;border-radius:50%;position:absolute;left:100%;bottom:100%;background:#e35a26 url(../images/close_01.svg) no-repeat center center;background-size:30.43478261% auto;cursor:pointer;}
@media only screen and (max-width:750px){
    .popup .close{width:0.35rem;height:0.35rem;transform:translateX(-50%);margin-bottom:0.1rem;}
}

/*vpopup*/
.vpopup video{display:block;width:auto;max-width:90vw;height:auto;max-height:90vh;}

/*profile*/
.profile{background:url(../images/profile_bg.jpg) no-repeat center center;background-size:cover;overflow:hidden;padding-top:1.02rem;}
.profile .pic{width:31.25%;}
.profile .figure{width:132%;margin-left:-32%;}
.profile .figure:after{display:block;padding-bottom:133.33333333%;}
.profile .text{width:23.75%;font-size:var(--fz18);line-height:2em;color:#5f5d5d;}
.profile .intro{margin-bottom:0.8rem;margin-bottom:21.05263158%;}
.profile .data p{margin-bottom:0.68rem;margin-bottom:17.89473684%;}
.profile .data p:last-child{margin-bottom:0;}
.profile .data span{display:inline-block;color:#1a1a1a;font-size:var(--fz48);line-height:1.125em;margin-right:0.1rem;}
.profile .media{width:27.5%;padding-right:0.2rem;}
.profile .video{padding-bottom:123.80952381%;position:relative;background-color:#1a1a1a;margin-bottom:1.43rem;margin-bottom:32.5%;}
.profile .video:before{width:0.2rem;height:84.61538462%;background-color:#e35a26;content:'';display:block;position:absolute;left:100%;top:50%;transform:translateY(-50%);}
@media only screen and (max-width:1280px){
    .profile .text{width:30%;}
}
@media only screen and (max-width:1024px){
    .profile .intro{margin-bottom:16%;}
    .profile .data p{margin-bottom:10%;}
}
@media only screen and (min-width:751px){
    .profile .columninfo{margin-bottom:0.64rem;}
}
@media only screen and (max-width:750px){
    .profile{padding:0.75rem 0;}
    .profile .pic{width:100%;}
    .profile .figure{width:auto;margin-left:0;}
    .profile .text{width:100%;padding:0.35rem 0;}
    .profile .intro{margin-bottom:0.25rem;}
    .profile .data{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;justify-content:space-between;}
    .profile .data p{margin-bottom:0;}
    .profile .data span{display:block;}
    .profile .media{width:100%;}
    .profile .video{margin-bottom:0.35rem;}
}

/*product*/
.product{overflow:hidden;margin-top:1.28rem;}
.product .swiper:after{width:0.6rem;height:0.6rem;background:url(../images/roller_02.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:50%;right:17.89772727%;transform:translateY(-150%);z-index:5;pointer-events:none;}
.product .columninfo{margin-bottom:0.55rem;}
.product .list{width:110%;}
.product .swiper-slide{width:3.67rem;margin-right:0.4rem;}
.product .figure{padding-bottom:137.83783784%;margin-bottom:0.35rem;}
.product .title{font-size:var(--fz28);line-height:1.07142857em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;margin-bottom:0.12rem;}
.product .meta{font-size:var(--fz18);line-height:1.66666667em;color:#5f5d5d;font-weight:300;}
.product .info{display:block;overflow:hidden;}
.product .info:hover .img{transform:scale(1.05);}
@media only screen and (max-width:750px){
    .product{margin-top:0.75rem;}
    .product .columninfo{margin-bottom:0.45rem;}
}

/*news*/
.news{margin-top:1.1rem;}
.news .columninfo{margin-bottom:0.55rem;}
.news .swiper-slide{width:5.05rem;margin-right:0.43rem;}
.news .figure{padding-bottom:56.43564356%;}
.news .text{padding:0.52rem 0.6rem 0 0;position:relative;}
.news .date{position:absolute;top:0;right:0;transform:translateY(-50%);font-size:0.48rem;line-height:1em;font-weight:300;margin-right:5.94059406%;color:#1a1a1a;}
.news .date time{display:block;background:url(../images/italic_line_01.svg) no-repeat left top;background-size:0.89583333em auto;padding-left:0.91666667em;padding-top:0.375em;}
.news .tag{font-weight:300;margin-bottom:0.07rem;color:#1a1a1a;}
.news .title{font-size:var(--fz28);line-height:1.35714286em;height:2.71428571em;font-weight:400;margin-bottom:0.12rem;}
.news .info{display:block;overflow:hidden;transition:all 0.2s;}
.news .info:hover .img{transform:scale(1.05);}
@media only screen and (max-width:750px){
    .news{margin-top:0.75rem;}
    .news .columninfo{margin-bottom:0.45rem;}
}

/*cases*/
.cases{margin-top:1.29rem;overflow:hidden;}
.cases .columninfo{margin-bottom:0;}
.cases .page{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:var(--fz24);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;line-height:1.83333333em;}
.cases .page span{display:block;}
.cases .page .total{color:#bfbfbf;}
.cases .page .line{width:0.44rem;height:0.44rem;background:url(../images/italic_line_03.svg) no-repeat center center;background-size:contain;margin:0 0.1rem;}
.cases .swiper{margin-top:0.55rem;}
.cases .figure{width:67.07317073%;}
.cases .figure:after{display:block;padding-bottom:72.72727273%;}
.cases .text{width:32.92682927%;padding:0 4.26829268%;}
.cases .title{font-size:var(--fz32);line-height:1.35em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;margin-bottom:0.35rem;}
.cases .meta{font-size:var(--fz18);line-height:2em;color:#5f5d5d;margin-bottom:22.5%;}
.cases .meta:before{width:0.16rem;height:0.16rem;display:block;content:'';background:url(../images/italic_line_02.svg) no-repeat center center;background-size:contain;margin-bottom:0.27rem;}
.cases .info{position:relative;background-color:#f7f7f7;}
.cases .info:hover .img{transform:scale(1.05);}
.cases .arrow:not(:hover){background-color:#5f5d5d;opacity:0.3;}
.cases .swiper-button-prev{left:6.70731707%;background-image:url(../images/swiper_prev_02.svg);}
.cases .swiper-button-next{right:6.70731707%;background-image:url(../images/swiper_next_02.svg);}
@media only screen and (max-width:1024px){
    .cases .figure{width:100%;}
    .cases .text{width:100%;padding:0.5rem;}
    .cases .meta{margin-bottom:0.5rem;}
    .cases .arrow{top:0;transform:none;margin-top:43.9453125%;}
    .cases .swiper-button-prev{left:3.125%;}
    .cases .swiper-button-next{right:3.125%;}
}
@media only screen and (max-width:750px){
    .cases{margin-top:0.6rem;}
    .cases .swiper{margin-top:0.45rem;}
}

/*advantage*/
.advantage .inner{position:relative;}
.advantage .inner:before{width:29.125%;padding-bottom:17.75%;opacity:0.3;background:url(../images/advantage_logo_01.svg) no-repeat center bottom;background-size:contain;content:'';display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);margin-bottom:6.6875%;}
.advantage .left{width:50%;}
.advantage .cintro{margin-top:0.37rem;}
.advantage .data{color:#5f5d5d;font-size:var(--fz18);line-height:2em;}
.advantage .data li{margin-bottom:0.3rem;}
.advantage .data span{font-size:var(--fz48);line-height:1em;color:#1a1a1a;}
.advantage .cover{width:6.58rem;max-width:100%;position:relative;padding-right:2.25%;}
.advantage .cover:after{width:2.73556231%;height:72.22222222%;background-color:#e35a26;position:absolute;right:0;display:block;top:50%;transform:translateY(-50%);}
.advantage .right{width:41.25%;margin-right:-10%;}
@media only screen and (max-width:1280px){
    .advantage .right{margin-right:-3.33333333%;}
}
@media only screen and (max-width:1024px){
    .advantage .left{width:100%;margin-bottom:0.5rem;}
    .advantage .right{width:100%;margin-right:0;}
}
@media only screen and (max-width:750px){
    .advantage .data li{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;width:100%;}
    .advantage .data span{margin-right:0.1rem;}
}

/*feature*/
.feature{background-image:url(../images/jbox_bg_01.jpg);}
.feature .list{width:110%;}
.feature .swiper-slide{width:3.7rem;margin-right:0.4rem;height:auto;}
.feature .figure{width:35.71428571%;border:1px solid #e35a26;border-radius:50%;margin-bottom:0.65rem;}
.feature .figure:after{display:block;padding-bottom:100%;}
.feature .img:nth-child(2){opacity:0;}
.feature .title{font-size:var(--fz28);line-height:1.07142857em;font-weight:normal;margin-bottom:0.2rem;}
.feature .intro{font-size:var(--fz18);line-height:1.66666667em;color:#5f5d5d;font-weight:300;}
.feature .info{background-color:#fff;padding:0.5rem 0.45rem;display:block;overflow:hidden;transition:all 0.2s;height:100%;}
.feature .info:hover .figure{background-color:#e35a26;}
.feature .info:hover .img:nth-child(1){opacity:0;}
.feature .info:hover .img:nth-child(2){opacity:1;}
.feature .info:hover .title{color:#e35a26;}

/*introduction*/
.introduction .cintro{margin-top:0.4rem;}
.introduction .figure{width:41.25%;margin-right:-10%;}
.introduction .text{width:50%;}
.introduction .item{border-bottom:1px solid #e6e6e6;padding:0.31rem 0;cursor:pointer;}
.introduction .title{font-size:var(--fz28);line-height:2.14285714em;font-weight:400;}
.introduction .intro{font-size:var(--fz18);line-height:1.66666667em;color:#5f5d5d;font-weight:300;padding:0.12rem 0;display:none;}
.introduction .arrow{width:0.6rem;height:0.6rem;background:url(../images/arrow_up_01.svg) no-repeat center center;background-size:18.33333333% auto;background-color:#e6e6e6;transition:all 0.2s;border-radius:50%;}
.introduction .cur .arrow{background-color:#e35a26;background-image:url(../images/arrow_down_01.svg);box-shadow:0px 0px 0.3rem 0px rgba(227,90,38,0.3);}
@media only screen and (max-width:1280px){
    .introduction .figure{margin-right:-3.33333333%;}
}
@media only screen and (max-width:1024px){
    .introduction .text{width:100%;margin-bottom:0.5rem;}
    .introduction .figure{width:100%;margin-right:0;}
}

/*achievement*/
.achievement{background-image:url(../images/jbox_bg_02.jpg);}
.achievement .columninfo{margin-bottom:0.35rem;}
.achievement .list{width:102.5%;}
.achievement .item{width:25%;padding-right:2.43902439%;padding-top:2.43902439%;}
.achievement .num{font-size:var(--fz18);line-height:1.25em;color:#5f5d5d;margin-bottom:0.3rem;}
.achievement .num:after{display:block;content:'';width:0.88888889em;height:0.88888889em;background:url(../images/italic_line_02.svg) no-repeat center center;background-size:contain;margin-top:0.2rem;}
.achievement .intro{font-size:var(--fz28);line-height:1.46428571em;}
.achievement .info{display:block;overflow:hidden;background-color:rgba(255,255,255,0.8);position:relative;height:100%;padding:0.35rem 0.5rem 0.45rem 0.4rem;}
.achievement .info:hover{background:#e35a26 url(../images/achievement_icon_01.png) no-repeat right bottom;background-size:auto 88%;color:#fff;}
.achievement .info:hover .num{color:#fff;}
@media only screen and (max-width:1280px){
    .achievement .item{width:50%;}
}
@media only screen and (max-width:750px){
    .achievement .item{width:100%;}
}

/*listed*/
.listed{background-color:#f7f7f7;position:relative;color:#5f5d5d;font-size:var(--fz18);line-height:2em;}
.listed:before{width:35.72916667%;padding-bottom:21.82291667%;background:url(../images/logo_icon_white.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:0;bottom:0.1rem;opacity:0.5;}
.listed .inner{position:relative;z-index:2;}
.listed .text{width:29.375%;}
.listed .date{margin-bottom:18.08510638%;}
.listed .stock{margin-bottom:21.27659574%;overflow:hidden;}
.listed .stock p{margin-bottom:0.1rem;}
.listed .stock span{font-size:var(--fz48);line-height:1.125em;}
.listed .imgs{width:76.875%;margin-right:-10%;}
.listed .swiper-slide{width:7.2rem;margin-right:0.6rem;}
.listed .figure{padding-bottom:56.25%;}
.listed .figure:hover .img{transform:scale(1.05);}
.listed .arrow{position:static;transform:none;}
.listed .swiper-button-prev{margin-right:0.1rem;}
@media only screen and (max-width:1280px){
    .listed .date{margin-bottom:0.35rem;}
    .listed .stock{margin-bottom:0.5rem;}
    .listed .imgs{width:70%;margin-right:-3.33333333%;}
}
@media only screen and (max-width:1024px){
    .listed .text{width:100%;margin-bottom:0.5rem;}
    .listed .date{margin-bottom:0.25rem;}
    .listed .stock{margin-bottom:0.35rem;}
    .listed .imgs{width:103.33333333%;margin-right:-3.33333333%;}
}

/*patent*/
.patent{overflow:hidden;}
.patent .inner{position:relative;}
.patent .center{width:52.4375%;background:url(../images/center_01.png) no-repeat center bottom;background-size:contain;position:relative;margin:0 auto;}
.patent .circle{width:45.2920143%;position:relative;border-radius:50%;background-color:#e35a26;}
.patent .circle:before{content:'';display:block;position:absolute;width:71.05263158%;padding-bottom:71.05263158%;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background-image:linear-gradient(180deg,#ffd1c0,transparent);opacity:0.2;}
.patent .circle:after{display:block;content:'';padding-bottom:100%;}
.patent .info{color:#fff;font-size:var(--fz18);line-height:1.44444444em;position:absolute;bottom:8.68421053%;left:50%;transform:translateX(-50%);width:100%;z-index:5;text-align:center;width:12.22222222em;}
.patent .info:after{width:76.36363636%;padding-bottom:46.36363636%;background:url(../images/logo_icon_white.svg) no-repeat center center;background-size:contain;opacity:0.1;margin:0 auto;display:block;content:'';}
.patent .info p{margin-bottom:0.83333333em;}
.patent .info span{font-size:var(--fz48);line-height:1em;font-weight:700;margin-right:0.1rem;}
.patent .intro{color:#5f5d5d;font-size:var(--fz18);line-height:2.38888889em;position:relative;}
.patent .intro:before{width:0.2rem;height:0.2rem;border:0.05rem solid #e35a26;border-radius:50%;box-shadow:0px 0px 0.3rem 0px rgba(227,90,38,0.3);content:'';display:block;position:absolute;top:0.13rem;background-color:#fff;}
.patent .intro p{position:relative;padding-left:0.72222222em;}
.patent .intro p:before{width:0.16666667em;height:0.16666667em;background-color:#e35a26;content:'';display:block;position:absolute;left:0;top:1.11111111em;}
@media only screen and (min-width:1281px){
    .patent .inner{min-height:9.55rem;}
    .patent .center{margin-top:-6.25%;}
    .patent .center:after{display:block;content:'';padding-bottom:91.17997616%;}
    .patent .circle{position:absolute;left:50%;bottom:18.95424837%;transform:translateX(-50%);}
    .patent .item{position:absolute;top:0;}
    .patent .item:nth-child(1){left:0;margin-top:15%;width:24.5%;}
    .patent .item:nth-child(1) .intro{padding-right:0.6rem;}
    .patent .item:nth-child(1) .intro:before{right:0;}
    .patent .item:nth-child(2){left:5%;margin-top:31.25%;width:26.25%;}
    .patent .item:nth-child(2) .intro{padding-right:0.6rem;}
    .patent .item:nth-child(2) .intro:before{right:0;}
    .patent .item:nth-child(3){left:50%;transform:translateX(-50%);margin-top:40.9375%;width:26.25%;}
    .patent .item:nth-child(3) .intro{padding-top:0.3rem;}
    .patent .item:nth-child(3) .intro:before{left:50%;transform:translateX(-50%);top:0;}
    .patent .item:nth-child(4){left:69.0625%;margin-top:31.25%;width:28.125%;}
    .patent .item:nth-child(4) .intro{padding-left:0.6rem;}
    .patent .item:nth-child(4) .intro:before{left:0;}
    .patent .item:nth-child(5){left:75.625%;margin-top:15%;width:22.5%;}
    .patent .item:nth-child(5) .intro{padding-left:0.6rem;}
    .patent .item:nth-child(5) .intro:before{left:0;}
}
@media only screen and (max-width:1280px){
    .patent{padding:1.4rem 0;}
    .patent .center{margin-bottom:0.5rem;background:none;width:100%;}
    .patent .circle{width:3.8rem;margin:0 auto;max-width:100%;}
    .patent .list{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;justify-content:space-between;}
    .patent .item{width:47%;margin-top:3%;}
    .patent .intro{padding-left:0.35rem;}
    .patent .intro:before{left:0;}
}
@media only screen and (max-width:750px){
    .patent{padding:0.7rem 0;}
    .patent .item{width:100%;}
}

/*produce*/
.produce .left{width:4.2rem;}
.produce .columninfo{margin-top:0.1rem;margin-bottom:1.95rem;}
.produce .right{width:calc(100% - 4.2rem);padding-left:9.375%;}
.produce .intro{font-size:var(--fz18);line-height:3em;color:#5f5d5d;margin-bottom:0.7rem;}
.produce .intro li{position:relative;padding-left:0.77777778em;}
.produce .intro li:before{width:0.16666667em;height:0.16666667em;background-color:#e35a26;content:'';display:block;position:absolute;left:0;top:1.38888889em;}
.produce .pic .title{font-size:var(--fz28);line-height:1.25em;font-weight:400;margin-bottom:0.5rem;}
.produce .pic img{width:auto;}
@media only screen and (max-width:1024px){
    .produce .left{width:100%;margin-bottom:0.5rem;}
    .produce .columninfo{margin:0 0 0.45rem;}
    .produce .right{width:100%;padding-left:0;}
    .produce .intro{margin-bottom:0.5rem;}
}

/*brand*/
.brand{background-image:url(../images/jbox_bg_03.jpg);min-height:8.8rem;position:relative;}
.brand .figure{width:50.57291667%;position:absolute;right:0;top:50%;transform:translateY(-35%);}
.brand .figure:after{display:block;padding-bottom:45.41709578%;}
.brand .img{object-fit:contain;}
.brand .info{width:5.5rem;}
.brand .event{width:calc(100% - 1.8rem);}
.brand .title{font-size:var(--fz48);line-height:1.25em;font-weight:400;margin-bottom:0.79166667em;}
.brand .title:after{width:0.33333333em;height:0.33333333em;background:url(../images/italic_line_02.svg) no-repeat center center;background-size:contain;display:block;content:'';margin-top:0.875em;}
.brand .intro{font-size:var(--fz18);line-height:2.38888889em;color:#5f5d5d;}
.brand .intro p{position:relative;padding-left:0.66666667em;}
.brand .intro p:before{width:0.16666667em;height:0.16666667em;background-color:#e35a26;content:'';display:block;position:absolute;left:0;top:1.11111111em;}
.brand .swiper-arrows{margin-top:0.67rem;}
.brand .arrow{position:static;transform:none;background-color:#fff;}
.brand .swiper-button-prev{margin-right:0.1rem;}
@media only screen and (max-width:1280px){
    .brand .figure{transform:translateY(-5%);}
}
@media only screen and (max-width:1024px){
    .brand{min-height:0;}
    .brand .info{width:100%;margin-bottom:0.5rem;}
    .brand .figure{position:relative;transform:none;top:auto;right:auto;width:93.75%;margin:0 3.125%;}
}

/*tbox*/
.tbox{padding:1.4rem 0;overflow:hidden;background:no-repeat center center;background-size:cover;}
.tbox .columninfo{margin-bottom:0.36rem;}
@media only screen and (max-width:750px){
    .tbox{padding:0.7rem 0;}
}

/*pscript*/
.pscript{background-image:linear-gradient(180deg,#fdfefe,#fff);}

/*bxname*/
.bxname{font-size:var(--fz32);line-height:1.25em;font-weight:400;margin-bottom:0.48rem;}

/*spoints*/
.spoints{background-image:url(../images/tbox_bg_01.jpg);}
.spoints .text{width:25%;}
.spoints .intro{font-size:var(--fz18);line-height:2em;margin-bottom:21%;color:#5f5d5d;}
.spoints .imgs{width:76.875%;margin-right:-10%;}
.spoints .swiper-slide{width:7.2rem;margin-right:0.6rem;}
.spoints .figure{padding-bottom:56.25%;}
.spoints .figure:hover .img{transform:scale(1.05);}
.spoints .arrow{position:static;transform:none;}
.spoints .swiper-button-prev{margin-right:0.1rem;}
@media only screen and (max-width:1280px){
    .spoints .intro{margin-bottom:0.5rem;}
    .spoints .imgs{width:70%;margin-right:-3.33333333%;}
}
@media only screen and (max-width:1024px){
    .spoints .text{width:100%;margin-bottom:0.5rem;}
    .spoints .intro{margin-bottom:0.35rem;}
    .spoints .imgs{width:103.33333333%;margin-right:-3.33333333%;}
}

/*protab*/
.protab{margin-bottom:0.6rem;}
.protab li{font-size:var(--fz18);line-height:1.66666667em;color:#5f5d5d;margin-right:0.8rem;cursor:pointer;position:relative;padding-bottom:0.55555556em;transition:all 0.2s;}
.protab li:last-child{margin-right:0;}
.protab li:after{content:'';display:block;position:absolute;left:0;width:0;background-color:#e35a26;height:0.22222222em;bottom:0;transition:all 0.2s;}
.protab .cur{color:#e35a26;}
.protab .cur:after{width:100%;}
@media only screen and (max-width:750px){
    .protab{margin-bottom:0.45rem;}
    .protab li{margin-right:0.5rem;}
}

/*propoint*/
.propoint .info{background-color:#f7f7f7;overflow:hidden;}
.propoint .list{display:none;}
.propoint .list:first-child{display:block;}
.propoint .item{width:33.333%;}
.propoint .figure{padding-bottom:3.56rem;}
.propoint .text{min-height:3.56rem;padding:0.5rem 0.9rem 0.5rem 0.6rem;position:relative;overflow:hidden;}
.propoint .text:before,.propoint .text:after{content:'';display:block;position:absolute;background:no-repeat center center;background-size:contain;}
.propoint .text:before{width:0.25rem;height:0.1rem;background-image:url(../images/arrow_up_02.png);left:50%;top:-0.1rem;margin-left:-0.125rem;z-index:2;}
.propoint .text:after{width:56.09756098%;padding-bottom:34.33395872%;background-image:url(../images/advantage_logo_01.svg);right:-0.2rem;bottom:-0.2rem;}
.propoint .box{position:relative;z-index:2;}
.propoint .title{font-size:var(--fz28);line-height:1.25em;font-weight:400;margin-bottom:0.3rem;}
.propoint .title:after{display:block;content:'';width:0.57142857em;height:0.57142857em;background:url(../images/italic_line_02.svg) no-repeat center center;background-size:contain;margin-top:0.35rem;}
.propoint .intro{font-size:var(--fz18);line-height:2em;color:#5f5d5d;}
.propoint .item:nth-child(2n){flex-direction:column-reverse;}
.propoint .item:nth-child(2n) .text:before{top:100%;transform:rotate(180deg);}
.propoint .item:hover .img{transform:scale(1.05);}
@media only screen and (min-width:751px) and (max-width:1024px){
    .propoint .text:before{left:-0.17rem;top:50%;margin-left:0;transform:rotate(-90deg);}
    .propoint .item:nth-child(2n) .text:before{left:auto;right:-0.17rem;top:50%;transform:rotate(90deg);}
}
@media only screen and (max-width:1024px){
    .propoint .figure{height:100%;width:50%;}
    .propoint .text{width:50%;min-height:0;}
    .propoint .item{width:100%;flex-direction:row;}
    .propoint .item:nth-child(2n){flex-direction:row-reverse;}
}
@media only screen and (max-width:750px){
    .propoint .figure{width:100%;height:auto;padding-bottom:66.79174484%;}
    .propoint .text{width:100%;padding:0.5rem;}
    .propoint .item:nth-child(2n) .text:before{top:-0.1rem;transform:rotate(0deg);}
}

/*specification*/
.specification{background-image:url(../images/tbox_bg_02.jpg);}
.specification li{text-align:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;}
.specification .pic{height:2.8rem;margin-bottom:0.13rem;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:flex-end;}
.specification .figure img{border:1px solid #ccc;max-height:2.8rem;width:100%;object-fit:cover;}
.specification figcaption{position:absolute;top:50%;left:5%;width:90%;transform:translateY(-50%);z-index:5;color:#5f5d5d;font-weight:300;}
.specification .text{font-size:var(--fz18);line-height:1.33333333em;}
.specification .text p{margin-bottom:0.1rem;}
.specification .list{width:44.75%;}
.specification li:nth-child(1){width:19.55307263%;}
.specification li:nth-child(2){width:18.15642458%;}
.specification li:nth-child(3){width:18.15642458%;}
.specification li:nth-child(4){width:31.56424581%;}
.specification .title{text-align:center;color:#e35a26;font-size:var(--fz24);line-height:1.25em;font-weight:400;border-top:1px solid #e35a26;padding-top:0.14rem;position:relative;width:74.58100559%;margin:0.44rem auto 0;}
.specification .title:before,.specification .title:after{width:1px;height:0.29rem;content:'';display:block;position:absolute;bottom:100%;background-color:#e35a26;}
.specification .title:before{left:0;}
.specification .title:after{right:0;}
.specification .list:nth-child(2n){width:53.4375%;}
.specification .list:nth-child(2n) li:nth-child(1){width:13.56725146%;}
.specification .list:nth-child(2n) li:nth-child(2){width:18.71345029%;}
.specification .list:nth-child(2n) li:nth-child(3){width:12.28070175%;}
.specification .list:nth-child(2n) li:nth-child(4){width:12.39766082%;}
.specification .list:nth-child(2n) li:nth-child(5){width:29.35672515%;}
@media only screen and (max-width:1280px){
    .specification .list{margin-bottom:0.5rem;}
    .specification .list:nth-child(n+1){width:100%;}
    .specification .pic{height:auto;}
    .specification img{max-height:none;}
}
@media only screen and (max-width:750px){
    .specification .text{font-size:var(--fz14);}
}

/*process*/
.process{padding-bottom:0.9rem;}
.process .list{position:relative;font-size:var(--fz18);}
.process .list:before{content:'';display:block;position:absolute;left:0;top:3.05555556em;width:100%;height:100%;background:url(../images/process_line@2x.png) no-repeat center top;background-size:100% auto;}
.process ul{position:relative;z-index:2;padding:0 1.25%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
.process ul:nth-child(2n){flex-direction:row-reverse;}
.process li{padding:1.11111111em 1.28205128%;width:20%;margin-bottom:0.3rem;}
.process .box{padding:0.33333333em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;background-color:#f7f7f7;align-items:center;justify-content:space-between;border-radius:2.44444444em;}
.process .num{border:solid 1px #bfbfbf;background-color:#fff;border-radius:50%;font-size:1.77777778em;width:2.375em;height:2.375em;text-align:center;line-height:2.375em;color:#e35a26;}
.process .name{width:calc(100% - 4.23em);padding-left:7.63%;padding-left:5.72519084%;padding-right:1.90839695%;line-height:1.33333333em;}
@media only screen and (max-width:1280px){
    .process .list{font-size:var(--fz14);}
    .process li{margin-bottom:0.18rem;}
}
@media only screen and (max-width:1024px){
    .process .list{font-size:var(--fz18);}
    .process .list:before{display:none;}
    .process ul{padding:0;}
    .process ul:nth-child(2n){flex-direction:row;}
    .process li{width:33.333%;margin-bottom:0;}
}
@media only screen and (max-width:750px){
    .process{padding-bottom:0.7rem;}
    .process .list{font-size:var(--fz16);}
    .process li{width:50%;padding:0.1rem;}
}

/*sales*/
.sales{background-image:url(../images/tbox_bg_03.jpg);position:relative;overflow:hidden;padding-top:1.3rem;padding-bottom:0.75rem;}
.sales:before{width:17.4rem;height:12.98rem;background:url(../images/sales_arrow@2x.png) no-repeat center bottom;background-size:100% auto;content:'';display:block;position:absolute;left:50%;top:0.72rem;transform:translateX(-50%);}
.sales .inner{position:relative;z-index:2;}
.sales .list{padding-top:0.3rem;}
.sales li{font-size:var(--fz18);line-height:2em;color:#5f5d5d;margin-bottom:0.23rem;}
.sales .box{background-color:#fff;position:relative;border:1px solid #fff;height:4.72222222em;text-align:center;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;border-radius:2.44444444em;width:17.77777778em;padding:0 1em;cursor:pointer;transition:all 0.2s;}
.sales .box span{display:block;}
.sales .box .num{color:#fff;position:absolute;top:-1px;z-index:2;width:1.88888889em;height:2.55555556em;background-color:#1a1a1a;border-radius:0px 0px 0.94444444em 0.94444444em;line-height:2.55555556em;transition:all 0.2s;}
.sales .box .num:before{transition:all 0.2s;border-bottom:0.5em solid transparent;content:'';display:block;position:absolute;top:0;}
.sales .box:hover{border-color:#e35a26;color:#e35a26;}
.sales .box:hover .num{background-color:#e35a26;}
.sales .cont{display:none;}
.sales ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;width:100%;}
.sales ul:nth-child(2n+1) .num{right:11.25%;}
.sales ul:nth-child(2n+1) .num:before{border-right:0.55555556em solid #1a1a1a;right:100%;}
.sales ul:nth-child(2n+1) .box:hover .num:before{border-right-color:#e35a26;}
.sales ul:nth-child(2n) .num{left:11.25%;}
.sales ul:nth-child(2n) .num:before{border-left:0.55555556em solid #1a1a1a;left:100%;}
.sales ul:nth-child(2n) .box:hover .num:before{border-left-color:#e35a26;}
@media only screen and (min-width:751px){
    .sales ul{width:50%;}
    .sales ul:nth-child(2n+1) li{margin-bottom:0.5rem;}
    .sales ul:nth-child(2n+1) li:nth-child(1){margin-left:30.625%;}
    .sales ul:nth-child(2n+1) li:nth-child(2){margin-left:25%;}
    .sales ul:nth-child(2n+1) li:nth-child(3){margin-left:18.125%;}
    .sales ul:nth-child(2n+1) li:nth-child(4){margin-left:8.125%;}
    .sales ul:nth-child(2n+1) li:nth-child(5){margin-left:0.625%;}
    .sales ul:nth-child(2n){align-items:flex-end;}
    .sales ul:nth-child(2n) li:nth-child(1){margin-right:30.625%;}
    .sales ul:nth-child(2n) li:nth-child(2){margin-right:25.625%;}
    .sales ul:nth-child(2n) li:nth-child(3){margin-right:19.375%;}
    .sales ul:nth-child(2n) li:nth-child(4){margin-right:11.875%;}
    .sales ul:nth-child(2n) li:nth-child(5){margin-right:2.5%;}
    .sales ul:nth-child(2n) li:nth-child(6){margin-right:0%;}
}
@media only screen and (min-width:1025px){
    .sales ul:nth-child(2n+1) li:nth-child(1){margin-left:36.875%;}
    .sales ul:nth-child(2n+1) li:nth-child(2){margin-left:31.25%;}
    .sales ul:nth-child(2n+1) li:nth-child(3){margin-left:24.375%;}
    .sales ul:nth-child(2n+1) li:nth-child(4){margin-left:14.375%;}
    .sales ul:nth-child(2n+1) li:nth-child(5){margin-left:3.125%;}
    .sales ul:nth-child(2n) li:nth-child(1){margin-right:36.875%;}
    .sales ul:nth-child(2n) li:nth-child(2){margin-right:31.875%;}
    .sales ul:nth-child(2n) li:nth-child(3){margin-right:25.625%;}
    .sales ul:nth-child(2n) li:nth-child(4){margin-right:18.125%;}
    .sales ul:nth-child(2n) li:nth-child(5){margin-right:8.75%;}
}
@media only screen and (min-width:1281px){
    .sales ul:nth-child(2n+1) li:nth-child(1){margin-left:43.125%;}
    .sales ul:nth-child(2n+1) li:nth-child(2){margin-left:37.5%;}
    .sales ul:nth-child(2n+1) li:nth-child(3){margin-left:30.625%;}
    .sales ul:nth-child(2n+1) li:nth-child(4){margin-left:20.625%;}
    .sales ul:nth-child(2n+1) li:nth-child(5){margin-left:9.375%;}
    .sales ul:nth-child(2n) li:nth-child(1){margin-right:43.125%;}
    .sales ul:nth-child(2n) li:nth-child(2){margin-right:38.125%;}
    .sales ul:nth-child(2n) li:nth-child(3){margin-right:31.875%;}
    .sales ul:nth-child(2n) li:nth-child(4){margin-right:24.375%;}
    .sales ul:nth-child(2n) li:nth-child(5){margin-right:15%;}
    .sales ul:nth-child(2n) li:nth-child(6){margin-right:6.25%;}
}
@media only screen and (max-width:750px){
    .sales{padding:0.7rem 0;}
    .sales .list{padding-top:0.2rem;}
    .sales .box{width:100%;}
}

/*tpopup*/
.tpopup .box{padding:6.66666667%;position:relative;overflow:hidden;}
.tpopup .imgs{width:48.46153846%;}
.tpopup .figure{padding-bottom:66.46825397%;}
.tpopup .text{width:47.11538462%;}
.tpopup .title{font-weight:400;font-size:var(--fz32);line-height:1.25em;margin-bottom:9.79591837%;}
.tpopup .intro{font-size:var(--fz18);line-height:2em;color:#5f5d5d;}
.tpopup .num{font-size:4rem;line-height:1em;color:#000;font-weight:700;opacity:0.04;position:absolute;left:-0.8rem;bottom:-1rem;}
.tpopup .swiper-pagination{left:50%;transform:translateX(-50%);bottom:0.14rem;}
.tpopup .swiper-pagination-bullet{width:0.1rem;height:0.1rem;opacity:0.5;display:block;background-color:#fff;margin:0 0.1rem;}
.tpopup .swiper-pagination-bullet-active{border:0.02rem solid #fff;background-color:transparent;opacity:1;}
@media only screen and (max-width:750px){
    .tpopup .box{padding:0.35rem;}
    .tpopup .num{left:50%;transform:translateX(-50%);bottom:auto;top:1rem;}
    .tpopup .text{width:100%;margin-bottom:0.3rem;}
    .tpopup .title{margin-bottom:0.25rem;}
    .tpopup .imgs{width:100%;}
}

/*ispost*/
.ispost #header{position:sticky;}
.ispost #header{background-color:#fff;}
.ispost #logo i:nth-child(1){display:none;}
.ispost #logo i:nth-child(2){display:block;}
.ispost #search span{background-image:url(../images/search_02.svg);}
.ispost #navbtn:after,.ispost #navbtn:after,.ispost #navbtn i{background-color:#333;}
.ispost #navi .parent > a,.ispost #navi .parent > a{color:#333;}

/*prointro*/
#prointro{background-color:#f7f7f7;box-shadow:inset 0px 0px 0.1rem 0px rgba(34,34,34,0.1);padding:0.75rem 0;}
#prointro .imgs{width:7.2rem;max-width:55%;}
#prointro .figure{padding-bottom:100%;}
#prointro .large{width:83.33333333%;}
#prointro .small{width:11.11111111%;position:relative;}
#prointro .small .swiper-slide{cursor:pointer;}
#prointro .small .figure:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #e35a26;opacity:0;transition:all 0.2s;}
#prointro .text{width:38.3125%;}
#prointro .tag{font-size:var(--fz24);font-weight:300;margin-bottom:0.13rem;}
#prointro .tag span{border-radius:0.06rem;background-color:#fff;padding:0 0.66666667em;height:1.66666667em;line-height:1.66666667em;display:block;}
#prointro .title{font-size:var(--fz38);line-height:1.35em;margin-bottom:0.27rem;}
#prointro .intro{font-size:var(--fz18);line-height:2em;color:#5f5d5d;margin-bottom:0.44rem;}
#prointro .meta{border-top:0.02rem solid #e7e7e7;border-bottom:0.02rem solid #e7e7e7;font-size:var(--fz18);line-height:2em;color:#999;padding:0.25rem 0;}
#prointro .meta li{width:2.55rem;max-width:48%;}
#prointro .meta span{display:block;}
#prointro .meta span:nth-child(2){width:calc(100% - 3em);color:#5f5d5d;}
#prointro .other{margin-top:13.53996737%;}
#prointro .vr3d{margin-right:0.4rem;}
#prointro .vr3d a{width:1rem;height:1rem;background:url(../images/vr_01.svg) no-repeat center center;background-size:contain;display:block;}
#prointro .price{font-size:var(--fz24);line-height:1.25em;font-weight:300;color:#5f5d5d;}
#prointro .price span{color:#e35a26;font-size:1.33333333em;line-height:1em;}
#prointro .price i{font-style:normal;font-weight:700;font-size:1.125em;line-height:1em;}
#prointro .swiper-slide-thumb-active .figure:after{opacity:1;}
@media only screen and (min-width:751px){
    #prointro .small .swiper{position:absolute;left:0;top:0;width:100%;height:100%;}
}
@media only screen and (max-width:1024px){
    #prointro .text{width:100%;margin-bottom:0.5rem;}
    #prointro .other{margin-top:0.5rem;}
    #prointro .imgs{width:100%;max-width:none;}
}
@media only screen and (max-width:750px){
    #prointro{padding:0.6rem 0;}
    #prointro .large{width:100%;margin-bottom:0.25rem;}
    #prointro .small{width:100%;}
}

/*proinfo*/
#proinfo{padding:1.2rem 0;}
#proinfo .box{margin-bottom:7.85714286%;}
#proinfo .box:last-child{margin-bottom:0;}
#proinfo .bname{text-align:center;font-size:var(--fz38);line-height:1.35em;margin-bottom:0.5rem;}
#proinfo .bname span{font-weight:300;}
@media only screen and (max-width:750px){
    #proinfo{padding:0.7rem 0;}
    #proinfo .box{margin-bottom:0.5rem;}
    #proinfo .bname{margin-bottom:0.4rem;}
}

/*provideo*/
.provideo .video{position:relative;}
.provideo video{display:block;width:100%;height:auto;}

/*proeffect*/
.proeffect .figure{margin-bottom:0.1rem;}

/*vplay*/
.vplay{width:0.6rem;position:absolute;left:50%;top:50%;margin:-0.3rem 0 0 -0.3rem;border-radius:50%;z-index:5;cursor:pointer;}
.vplay:before,.vplay:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-color:rgba(95,93,93,0.15);animation:vplay 4s linear 0s infinite;}
.vplay:after{animation:vplay 4s linear 2s infinite;}
.vplay i{display:block;padding-bottom:100%;border-radius:50%;background:rgba(95,93,93,0.15) url(../images/vplay_01.svg) no-repeat center center;background-size:23.33333333% auto;}

/*wrapper*/
#wrapper{padding:1rem 0 1.2rem;}
@media only screen and (max-width:750px){
    #wrapper{padding:0.6rem 0 0.75rem;}
}

/*main*/
#main{width:70%;float:left;}
@media only screen and (max-width:1024px){
    #main{width:100%;float:none;margin-bottom:0.5rem;}
}

/*post*/
#post{font-weight:300;}
#post .title{font-size:var(--fz30);font-weight:400;line-height:1.46666667em;margin:0 0 0.86666667em;}
#post .meta{color:#666;line-height:2em;border-bottom:1px solid #e7e7e7;padding-bottom:2.0625em;margin-bottom:1.875em;display:flex;}
#post .meta span{display:block;margin-right:1.75em;position:relative;}
#post .meta span:last-child{margin-right:0;}
#post .meta a{display:inline-block;vertical-align:middle;width:1.125em;height:1.125em;background:no-repeat center center;background-size:contain;margin-right:0.75em;}
#post .meta a:last-child{margin-right:0;}
#post .meta .wx{background-image:url(../images/share_wx.png);}
#post .meta .wb{background-image:url(../images/share_wb.png);}
#post .meta .qr{position:absolute;left:50%;width:1.5rem;padding:0.1rem;background-color:#fff;border:1px solid #eee;top:110%;display:none;transform:translateX(-50%);}
#post .meta .qr img{display:block;width:100%;height:auto;}
#post .meta .qr canvas{width:100%;height:100%;display:block;}
#post .entry{margin-bottom:6.93877551%;overflow:hidden;}
#post .pnav{font-size:var(--fz18);line-height:2.22222222em;}

/*aside*/
#aside{width:25.71428571%;float:right;}
@media only screen and (max-width:1024px){
    #aside{width:100%;float:none;}
}

/*corner*/
.corner{position:relative;}
.corner:before{border-top:0.4rem solid #fff;border-left:0.4rem solid transparent;content:'';display:block;position:absolute;right:0;top:0;}

/*widget*/
.widget{background-color:#f7f7f7;padding:5% 8.33333333%;}
.widget .name{font-size:var(--fz20);line-height:2em;font-weight:normal;}
.widget li{line-height:1.625em;position:relative;border-bottom:1px dashed #d1d1d1;padding:1em 0 1em 1em;}
.widget li:last-child{border-bottom:none;}
.widget li:before{width:0.1875em;height:0.1875em;background-color:#e35a26;content:'';display:block;position:absolute;left:0;top:1.71875em;}

/*newslist*/
#newslist{width:102.6875%;margin-bottom:0.3rem;}
@media only screen and (max-width:750px){

    /*750px*/
    #newslist{margin-bottom:0;}
}

/*nitem*/
.nitem{width:33.333%;padding-right:2.61716372%;padding-bottom:5%;}
.nitem .figure{padding-bottom:56.43564356%;margin-bottom:0.3rem;}
.nitem .title{font-size:var(--fz20);line-height:1.5em;max-height:3em;font-weight:400;}
.nitem .meta{color:#5f5d5d;font-weight:300;margin-top:0.15rem;}
.nitem a{display:block;overflow:hidden;}
.nitem:hover .img{transform:scale(1.05);}
@media only screen and (max-width:1024px){

    /*1024px*/
    .nitem{width:50%;}
}
@media only screen and (max-width:750px){

    /*750px*/
    .nitem{width:100%;padding-bottom:0.5rem;}
}
.rendering {margin-bottom:0.714285%;}
