/*header*/
.header {position:fixed;top:0;left:0;width:100%;z-index:50;transition:all .36s}
.w1400 {width:100%;max-width:14rem;margin:0 auto;position:relative;}
.header>div>div{padding:0}
.header .logo {line-height:95px;}
.header .logo p{font-size:.22rem;color:#FFF;margin:0;display:inline-block;padding-left:.15rem;font-weight:bold}
.header .logo p i {font-size:.28rem;margin-right:.1rem;}

.header .navlist li{padding:0 .2rem;display:inline-table;vertical-align:middle;line-height:95px;position:relative;}
.header .navlist li:last-child{padding-right:0}
.header .navlist li:after {content:'';width:2px;height:2px;background:#FFF;border-radius:100%;position:absolute;right:0;top:50%;margin:-1px 0 0;}
.header .navlist li:last-child:after {display:none;}
.header .navlist li a {font-size:.2rem;color:#FFF;}
.header .navlist li.langs a{font-size:.16rem;color:#dbdbdb;display:inline-table;margin-left:.15rem;position:relative;}
.header .navlist li.langs a:last-child:after {content:'';width:1px;height:18px;left:-7px;top:50%;transform:translateY(-50%);position:absolute;background:#FFF}
.header .navlist li.langs a.on {color:#FFF}

.is_header {background:rgba(0,0,0,0.4)}
/*tem_banner*/
.tem_banner {position:relative;}
.tem_banner .swiper-slide .img {position:relative;background-color:#000;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.tem_banner .swiper-slide .label_text {position:absolute;top:50%;width:100%;left:0;z-index:1;color:#FFF;text-align:center;transform:translateY(-50%)}
.tem_banner .swiper-slide .label_text h2 {font-size:0.4rem;font-weight:bold;transform:translateX(-25px);opacity:0;transition:all .5s;line-height:1.8}
.tem_banner .swiper-slide .label_text p {font-size:0.2rem;text-transform:uppercase;margin:10px 0 0;transform:translateX(25px);opacity:0;transition:all .5s}
.tem_banner .swiper-page{position:absolute;top:50%;left:50%;width:100%;max-width:14rem;transform:translate(-50%,-50%);z-index:2}
.tem_banner .swiper-page>div{float:left;font-size:0.5rem;color:#FFF;opacity:.43;outline:none;}
.tem_banner .swiper-page>div.slide-button-next {float:right;}
.tem_banner .swiper-page>div:hover {opacity:1}
.tem_banner .swiper-slide.swiper-slide-active .label_text>* {transform:none;opacity:1;transition-delay:.4s}
.tem_banner .scroll_down {position:absolute;bottom:10%;left:50%;transform:translateX(-50%);width:22px;height:31px;background:url(../images/down.png) 0 0 no-repeat;z-index:2;transition:none;}
/*首页产品中心*/
.section2 {background:url(../images/icon1.jpg) 0 0 repeat;}
.tem_index_product {position:relative;padding:.95rem 0}
.tem_index_product:before {content:attr(data-title);font-size:2.04rem;color:rgba(35,35,35,0.03);text-transform:uppercase;width:100%;left:0;top:45%;text-align:center;position:absolute}
.tem_index_product h2 {position:relative;margin:0 0 .28rem;text-align:center;font-size:.34rem;}
.tem_index_product h2 span {font-size:.34rem;color:#232323;}
.tem_index_product h2:before,.tem_index_product h2:after {content:'';width:40%;height:1px;background:#a0a0a0;position:absolute;left:0;top:50%;}
.tem_index_product h2:after{left:auto;right:0}
.tem_index_product .list>div{padding:0 .15rem;margin:.17rem 0}
.tem_index_product .list>div a {display:block;position:relative;overflow:hidden;}

.tem_index_product .list>div .img {overflow:hidden;height:2.65rem;line-height:2.65rem;background:#FFF;text-align:center;}
.tem_index_product .list > div .img img {max-height:2.5rem;}
.tem_index_product .list>div .text {position:absolute;background:rgba(0,0,0,0.32);bottom:-50%;left:0;width:100%;padding:.3rem .6rem .2rem;opacity:0}
.tem_index_product .list>div .text h3 {font-size:.24rem;color:#FFF;margin:0 0 .2rem}
.tem_index_product .list>div .text .editor {font-size:.16rem;color:#FFF;}
.tem_index_product .list a:hover img {transform:scale(1.06)}
.tem_index_product .list a:hover .text {bottom:0;opacity:1}
/*首页关于金石*/
.section3 {background-position:center center;background-repeat:no-repeat;background-size:cover;}
.tem_index_about{position:relative;padding:.95rem 0;}
.tem_index_about h2 {position:relative;margin:0 0 .28rem;text-align:center;font-size:.34rem;}
.tem_index_about h2 span {font-size:.34rem;color:#FFF;}
.tem_index_about h2:before,.tem_index_about h2:after {content:'';width:40%;height:1px;background:#FFF;position:absolute;left:0;top:50%;}
.tem_index_about h2:after{left:auto;right:0}
.tem_index_about p.slogan {font-size:.24rem;color:#FFF;margin:.44rem 0 .8rem;text-align:center;}
.tem_index_about .main>div{padding:0 .12rem;}
.tem_index_about .main .history {background: rgba(0,0,0,0.3);}
.tem_index_about .main .history .title {position:absolute;top:.5rem;left:.25rem}
.tem_index_about .main .history .title h3 {font-size:.24rem;color:#FFF}
.tem_index_about .main .history .title p {font-size:.16rem;color:#FFF;margin:.1rem 0 0}
.tem_index_about .main .history .lists{text-align:right;padding:.62rem 0;background:url(../images/icon3.png) 0 bottom no-repeat}
.tem_index_about .main .history .lists li {position:relative;}
.tem_index_about .main .history .lists li .editor {transition:all .36s;font-size:.16rem;color:#FFF}
.tem_index_about .main .history .lists li.li0 {margin:0 0 .95rem;padding-right:.8rem;}
.tem_index_about .main .history .lists li.li1 {margin:0 0 .85rem;padding-right:1.5rem}
.tem_index_about .main .history .lists li.li2 {margin:0 0 .55rem;padding-right:2.28rem}
.tem_index_about .main .history .lists li.li3 {margin:0 0 .55rem;padding-right:3.5rem;}
.tem_index_about .main .history .lists li.li4{text-align:left;padding-left:.44rem;}
.tem_index_about .main .history .lists li span{position:absolute;font-size:.16rem;color:#FFF;}
.tem_index_about .main .history .lists li span:before {content:'';width:.26rem;height:.26rem;background:#FFF;border:.06rem solid #82b62f;position:absolute;top:0;left:0;border-radius:100%;}
.tem_index_about .main .history .lists li.li0 span {padding:.4rem 0 0 .15rem;top:.2rem;}
.tem_index_about .main .history .lists li.li1 span {padding:.17rem 0 0 .35rem;top:.3rem;}
.tem_index_about .main .history .lists li.li2 span {padding:.17rem 0 0 .35rem;top:.3rem;transform:translateX(-0.1rem)}
.tem_index_about .main .history .lists li.li3 span {top:.5rem;padding:.15rem 0 0 .35rem;transform:translateX(-0.25rem)}
.tem_index_about .main .history .lists li.li4 span {padding:.17rem 0 0 .35rem;top:.45rem;left:19%}
.tem_index_about .main .history .lists li:hover>div{transform:translateX(-0.15rem);}
.tem_index_about .main .cnt{}
.tem_index_about .main .cnt>div{padding:0 .06rem;}
.tem_index_about .main .cnt .item {background:rgba(0,0,0,0.3);padding:.35rem .3rem .43rem;color:#FFF}
.tem_index_about .main .cnt .item h3 {font-size:.2rem;padding:.65rem 0 0;margin:0 0 .45rem;}
.tem_index_about .main .cnt .item p {font-size:.16rem;margin:0}
.tem_index_about .main .cnt>div:first-child h3{background:url(../images/icon2-1.png) 0 35% no-repeat;}
.tem_index_about .main .cnt>div:first-child+div h3{background:url(../images/icon2-2.png) 0 35% no-repeat;}
.tem_index_about .main .cnt>div:first-child+div+div h3{background:url(../images/icon2-3.png) 0 35% no-repeat;}
.tem_index_about .main .cnt>div:last-child h3{background:url(../images/icon2-4.png) 0 35% no-repeat;}
.tem_index_about .main .cnt>div:first-child,.tem_index_about .main .cnt>div:first-child+div{margin:0 0 .26rem}
/*首页新闻中心*/
.section4 {background:url(../images/icon1.jpg) 0 0 repeat;}
.tem_index_news {position:relative;padding:.95rem 0}
.tem_index_news:before {content:attr(data-title);font-size:2.04rem;color:rgba(35,35,35,0.03);text-transform:uppercase;width:100%;left:0;top:45%;text-align:center;position:absolute}
.tem_index_news h2 {position:relative;margin:0 0 .28rem;text-align:center;font-size:.34rem;}
.tem_index_news h2 span {font-size:.34rem;color:#232323;}
.tem_index_news h2:before,.tem_index_news h2:after {content:'';width:40%;height:1px;background:#a0a0a0;position:absolute;left:0;top:50%;}
.tem_index_news h2:after{left:auto;right:0}
.tem_index_news .lists {margin:1.3rem 0 0;}
.tem_index_news .lists .swiper-slide a{display:block;position:relative;overflow:hidden;}
.tem_index_news .lists .swiper-slide .img {overflow:hidden;}
.tem_index_news .lists .swiper-slide .text {background:#FFF;padding:.25rem .2rem .25rem;}
.tem_index_news .lists .swiper-slide .text h3 {font-size:.18rem;color:#1b1b1b;margin:0 0 .15rem;}
.tem_index_news .lists .swiper-slide .text p {font-size:.14rem;color:#1b1b1b;margin:0 0 .3rem}
.tem_index_news .lists .swiper-slide .text span {font-size:.14rem;color:#636363}
.tem_index_news .lists .swiper-slide a:hover img {transform:scale(1.06)}
.tem_index_news .lists .slide-pagination {margin:.55rem 0 0;text-align:center;}
.tem_index_news .lists .slide-pagination span {margin:0 .07rem;width:.29rem;height:3px;background:#929292;border-radius:0;opacity:1;outline:none;}
.tem_index_news .lists .slide-pagination span.swiper-pagination-bullet-active {background:#82b62f}
/*服务网络*/
.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{
0%{-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}
.area-box .dot{position:absolute;left:0;width:.2rem;height:.2rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#82b62f;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-.23rem;left:-.23rem;height:.66rem;width:.66rem;border:.1rem solid #82b62f;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82b62f,0 0 10px #82b62f inset;-moz-box-shadow:0 0 4px #82b62f,0 0 10px #82b62f inset;box-shadow:0 0 4px #82b62f,0 0 10px #82b62f inset;opacity:.47;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.show-regin{position:absolute;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;color:#FFF;font-size:.2rem;top: -.46rem;
    min-width: 100px;
    left: -.5rem;
    text-align: right;}
/*
.tem_index_service {position:relative;padding:.95rem 0 0;}
.tem_index_service:before {content:attr(data-title);font-size:2.04rem;color:rgba(35,35,35,0.03);text-transform:uppercase;width:100%;left:0;top:45%;text-align:center;position:absolute}
.tem_index_service h2 {position:relative;margin:0 0 .15rem;text-align:center;font-size:.34rem;visibility:hidden}
.tem_index_service h2 span {font-size:.34rem;color:#FFF;}
.tem_index_service h2:before,.tem_index_service h2:after {content:'';width:40%;height:1px;background:rgba(255,255,255,0.5);position:absolute;left:0;top:50%;}
.tem_index_service h2:after{left:auto;right:0}
.tem_index_service p.slogan {margin:0 0 .25rem;font-size:.18rem;color:#FFF;text-align:center}
.tem_index_service .main {position:relative;text-align:center;width:100%;max-width:12rem;margin:0 auto;}
.tem_index_service .main .icon>div{visibility:hidden}
.tem_index_service .main .postition-1 {top:34%;left:19%}
.tem_index_service .main .postition-2 {top:50%;left:35%}
.tem_index_service .main .postition-3 {top:77%;left:40%}
.tem_index_service .main .postition-4 {top:19%;left:60%}
.tem_index_service .china {font-size:.18rem;color:red}
.tem_index_service .main .postition-5 {top:33%;left:41%}

.tem_index_service .lists {margin:.5rem 0 0;position:relative;padding:0 29px;}
.tem_index_service .swiper-slide {overflow:hidden;visibility:hidden}
.tem_index_service .swiper-slide:hover img {transform:scale(1.06)}
.tem_index_service .swiper-page>div{position:absolute;left:0;top:0;width:29px;height:100%;background:#d5d5d5;text-align:center;font-size:0.35rem;color:#444;outline:none;z-index:1;transition:all .36s}
.tem_index_service .swiper-page>div i {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.tem_index_service .swiper-page>div.slide-button-next {left:auto;right:0}
.tem_index_service .swiper-page>div:hover {background:#82b62f;color:#FFF;}
*/
.section5 {background-position:center;background-repeat:no-repeat;background-size:cover;}
.tem_index_contact {padding:.65rem 0}
.tem_index_contact h2 {position:relative;margin:0 0 .8rem;text-align:center;font-size:.34rem;}
.tem_index_contact h2 span {font-size:.34rem;color:#FFF;}
.tem_index_contact h2:before,.tem_index_contact h2:after {content:'';width:40%;height:1px;background:rgba(255,255,255,0.5);position:absolute;left:0;top:50%;}
.tem_index_contact h2:after{left:auto;right:0}
.tem_index_contact .mains{display:flex;width:100%}
.tem_index_contact .mains .let_message{width:62%;background:#FFF;padding:.8rem .65rem .48rem;}
.tem_index_contact .mains .let_message p{font-size:.2rem;color:#000;margin:0 0 .25rem}
.tem_index_contact .mains .let_message li {padding:0 .3rem 0 0;margin:0 0 .2rem}
.tem_index_contact .mains .let_message li input[type="text"],.tem_index_contact .mains .let_message li textarea {width:100%;height:.58rem;min-height:35px;background:#f5f5f5;padding:0 .15rem;border:0;font-size:.15rem;color:#666;}
.tem_index_contact .mains .let_message li textarea {height:1.65rem;padding:.15rem;}
.tem_index_contact .mains .let_message li:last-child{margin:0}
.tem_index_contact .mains .let_message li button {background:#000;padding:0 .4rem;height:.58rem;min-height:35px;font-size:.15rem;color:#FFF}

.tem_index_contact .mains .rlt_info{width:38%;background:url(../images/icon10.jpg) center bottom no-repeat;background-size:cover;padding:.7rem .85rem 0;}
.tem_index_contact .mains .rlt_info>div{display:inline-block;vertical-align:top;width:73%}
.tem_index_contact .mains .rlt_info .text {padding:0 .15rem 0 0}
.tem_index_contact .mains .rlt_info .text>div{margin:0 0 .4rem;display:flex;width:100%;}
.tem_index_contact .mains .rlt_info .text>div:last-child{margin:0}
.tem_index_contact .mains .rlt_info .text>div>p {margin:0;padding-right:.1rem}
.tem_index_contact .mains .rlt_info .text>div>p>img {max-height:.28rem;transition:none;}
.tem_index_contact .mains .rlt_info .text h6 {font-size:.18rem;color:#FFF;}
.tem_index_contact .mains .rlt_info .text .f>p {font-size:.15rem;color:#a7a7a7;margin:.15rem 0 0}
.tem_index_contact .mains .rlt_info .code {width:27%}
.tem_index_contact .mains .rlt_info .code p {font-size:.15rem;color:#616161;margin:.15rem  0 0}

/*通用底部*/
.section6 {background:#222;}
.footer {padding:.5rem 0 0;}
.footer .logo {position:relative;z-index:1}
.footer .logo a{position:relative;display:inline-block;z-index:2}
.footer .f_title {font-size:.36rem;color:#868686;text-align:right;}
.footer .logo .back_top {position:absolute;right:0;top:0;background:#cacaca;width:.44rem;height:.44rem;text-align:center;line-height:.44rem;font-size:0.25rem;color:#333;border-radius:3px;z-index:5}
.footer .logo .back_top a{font-size:0.25rem;color:#333}
.footer .infos {width:100%;display:table;padding:.55rem 0 .33rem;}
.footer .infos>div{display:table-cell;vertical-align:top;}

.footer .infos .f_contact h2{font-size:.24rem;color:#FFF;margin:0 0 .3rem;}
.footer .infos .f_contact p {font-size:.16rem;color:#9c9c9c;}
.footer .infos .f_tel {text-align:right;}
.footer .infos .f_tel h4 {font-size:.2rem;color:#FFF;margin:0 0 .1rem}
.footer .infos .f_tel h4:first-child{margin:0 0 .25rem;}
.footer .infos .f_tel p {font-size:.14rem;color:#FFF;}
.footer .copy {padding:0 0 .25rem;font-size:.14rem;color:#5d5d5d;line-height:35px;}
.footer .copy>div{padding:0}
.footer .copy a{font-size:.14rem;color:#5d5d5d}
.footer .copy>div:last-child {text-align:right;}
.f_share a{font-size:.14rem;color:#5d5d5d;}
.f_share a{font-size:.2rem;color:#706f6d;margin-right:.25rem;}
.f_share a.weixin {position:relative}
.f_share a.weixin .img {position:absolute;background:#FFF;bottom:35px;left:0;border-radius:5px;padding:10px;text-align:center;display:none;}
.f_share a.weixin .img img{max-width:100px;}
.f_share a.weixin .img p {font-size:.14rem;color:#333;margin:10px 0 0;line-height:normal;}
/*内页banner*/
.page_banner {position:relative;}
.page_banner .flash img {width:auto !important;height:auto !important;}
.page_banner .label_text {position:absolute;width:100%;max-width:14rem;top:50%;left:50%;transform:translate(-50%,-50%);color:#FFF}
.page_banner .label_text h2 {font-size:.48rem;}
.page_banner .label_text p {font-size:.28rem;margin:.2rem  0 0;text-transform:uppercase;}

.page_banner .links {margin:.6rem 0 0}
.page_banner .links a{display:inline-table;margin-right:.5rem;border:1px solid #FFF;text-align:center;font-size:.16rem;color:#FFF;width:2.17rem;line-height:.7rem;}
.page_banner .links a:hover,.page_banner .links a.ons{background:#00a1e9;border-color:#00a1e9}

/*关于我们*/
.company {padding:.8rem 0 1rem;}
.about_box .title {text-align:center;margin:0 0 .8rem;position:relative}
.about_box .title .c-t {display:inline-block;position:relative;z-index:2;padding:0 15px;background:#FFF}
.about_box .title h2 {font-size:.36rem;color:#333}
.about_box .title p {font-size:.24rem;color:#949494;text-transform:uppercase;margin:.15rem 0 0;}
.about_box .title:before {content:'';width:100%;height:1px;background:#dcdcdc;position:absolute;top:50%;left:0;z-index:1}

.company .mains{background:#0071c1}
.company .mains>div{padding:0}
.company .mains>div:first-child{padding:.7rem .4rem 0}
.company .mains .names {font-size:.36rem;color:#FFF;position:relative;padding:0 0 .2rem;}
.company .mains .names:before{content:'';width:100%;height:1px;background:#FFF;position:absolute;bottom:0;left:0}
.company .mains .names em {font-size:.18rem;color:#acdcfe;position:relative}
.company .mains .names em:before{content:'/';font-size:.18rem;color:#acdcfe;display:inline-table;padding:0 .15rem;}
.company .mains .editor {font-size:.16rem;color:#FFF;line-height:1.7;padding:.25rem 0 0}
.company .data_com {background:#FFF;padding:.6rem 0 .35rem;}
.company .data_com>div{padding:0 .4rem ;margin:0 0 .6rem;}
.company .data_com>div p{padding:0 0 .2rem;position:relative;font-size:.24rem;color:#4d4d4d;border-bottom:1px solid #d2d2d2}
.company .data_com>div p em {font-weight:bold;color:#0071c1}
.company .data_com>div:first-child+div+div+div+div,.company .data_com>div:last-child{margin:0}

.brand {padding:.65rem 0 .75rem;}
.brand .title {margin:0 0 .4rem;}
.brand .infos {display:table;width:100%;}
.brand .infos>div{display:table-cell;vertical-align:middle;}
.brand .infos .img {width:50%;}
.brand .infos .editor {font-size:.24rem;color:#181818;}
.brand .infos .editor .main {box-shadow:0 0 12px rgba(0,0,0,0.2);padding:.2rem .35rem;}
.brand .infos .editor p em {font-size:.2rem;}
.brand .infos .editor p{margin:.23rem 0;}

.history_box {background:#f7f7f7;padding:.75rem 0 .90rem;}
.history_box .title .c-t {background:#f7f7f7}
.history_box .main>div{padding:0 .12rem;}
.history_box .main .history {background: rgba(0,0,0,0.3);}
.history_box .main .history .name {position:absolute;top:.5rem;left:.25rem}
.history_box .main .history .name h3 {font-size:.24rem;color:#FFF}
.history_box .main .history .name p {font-size:.16rem;color:#FFF;margin:.1rem 0 0}
.history_box .main .history .lists{text-align:right;padding:.62rem 0;background:url(../images/icon3.png) 0 bottom no-repeat}
.history_box .main .history .lists li {position:relative;}
.history_box .main .history .lists li .editor {transition:all .36s;font-size:.16rem;color:#FFF}
.history_box .main .history .lists li.li0 {margin:0 0 .95rem;padding-right:.8rem;}
.history_box .main .history .lists li.li1 {margin:0 0 .85rem;padding-right:1.5rem}
.history_box .main .history .lists li.li2 {margin:0 0 .55rem;padding-right:2.28rem}
.history_box .main .history .lists li.li3 {margin:0 0 .55rem;padding-right:3.5rem;}
.history_box .main .history .lists li.li4{text-align:left;padding-left:.44rem;}
.history_box .main .history .lists li span{position:absolute;font-size:.16rem;color:#FFF;}
.history_box .main .history .lists li span:before {content:'';width:.26rem;height:.26rem;background:#FFF;border:.06rem solid #82b62f;position:absolute;top:0;left:0;border-radius:100%;}
.history_box .main .history .lists li.li0 span {padding:.4rem 0 0 .15rem;top:.2rem;}
.history_box .main .history .lists li.li1 span {padding:.17rem 0 0 .35rem;top:.3rem;}
.history_box .main .history .lists li.li2 span {padding:.17rem 0 0 .35rem;top:.3rem;transform:translateX(-.1rem)}
.history_box .main .history .lists li.li3 span {top:.5rem;padding:.15rem 0 0 .35rem;transform:translateX(-.25rem)}
.history_box .main .history .lists li.li4 span {padding:.17rem 0 0 .35rem;top:.45rem;left:19%}
.history_box .main .history .lists li:hover>div{transform:translateX(-.15rem);}
.history_box .main .cnt>div{padding:0 .06rem;}
.history_box .main .cnt .item {background:rgba(0,0,0,0.3);padding:.35rem .3rem .43rem;color:#FFF}
.history_box .main .cnt .item h3 {font-size:.2rem;padding:.65rem 0 0;margin:0 0 .45rem;}
.history_box .main .cnt .item p {font-size:.16rem;margin:0}
.history_box .main .cnt>div:first-child h3{background:url(../images/icon2-1.png) 0 35% no-repeat;}
.history_box .main .cnt>div:first-child+div h3{background:url(../images/icon2-2.png) 0 35% no-repeat;}
.history_box .main .cnt>div:first-child+div+div h3{background:url(../images/icon2-3.png) 0 35% no-repeat;}
.history_box .main .cnt>div:last-child h3{background:url(../images/icon2-4.png) 0 35% no-repeat;}
.history_box .main .cnt>div:first-child,.history_box .main .cnt>div:first-child+div{margin:0 0 .26rem}

.honor {padding:.78rem 0;background:url(../images/icon4.png) center 35% no-repeat;}
.honor .lists .swiper-slide {}
.honor .lists .swiper-slide a {display:block;position:relative;overflow:hidden;border:1px solid #e1e1e1;transition:all .36s}
.honor .lists .swiper-slide .img {overflow:hidden;}
.honor .lists .swiper-slide p {font-size:.16rem;color:#333;margin:0;line-height:50px;border-top:1px solid #ebebeb;text-align:center;}
.honor .lists .swiper-slide a:hover{box-shadow:0 0 12px rgba(0,0,0,0.2)}
.honor .lists .swiper-slide a:hover p {color:#82b62f}
.honor .lists .swiper-slide a:hover img{transform:scale(1.06)}

.contact {padding:.75rem 0 .55rem;background:#f7f7f7}
.contact .title .c-t{background:#f7f7f7}
.contact .editor {text-align:center;}
.contact .editor>div{display:inline-block;padding:.25rem .35rem;border-right:1px solid #dcdcdc}
.contact .editor>div>div{text-align:left;padding-left:75px;}
.contact .editor>div>div p {font-size:.24rem;color:#82b62f;margin:0}
.contact .editor>div>div em {font-size:.24rem;color:#212121}
.contact .editor>div>div.info1 {background:url(../images/icon4-1.jpg) 0 center no-repeat;}
.contact .editor>div>div.info2 {background:url(../images/icon4-2.jpg) 0 center no-repeat;}
.contact .editor>div>div.info3 {background:url(../images/icon4-3.jpg) 0 center no-repeat;}
/*产品中心*/
.product_box {padding:.75rem 0 0;position:relative}
.product_box .item {margin:0 0 .75rem;}
.product_box .item .menu-box {margin:0 0 .35rem;padding:.3rem .23rem .15rem;background:#f8f8f8}
.product_box .item .menu-box>div{display:inline-table;vertical-align:middle;}
.product_box .item .menu-box .title{padding-left:85px;position:relative;}
.product_box .item .menu-box .title:before {content:'';width:65px;height:1px;background:#84b732;position:absolute;left:0;top:50%}
.product_box .item .menu-box .title h3 {font-size:.24rem;color:#84b732;font-weight:bold;}
.product_box .item .menu-box .title p {font-size:.16rem;color:#84b732;text-transform:capitalize;margin:5px 0 0}
.product_box .item .menu-box .nav-list li {display:inline-table;margin:.1rem .30rem;}
.product_box .item .menu-box .nav-list li a {font-size:.16rem;color:#414141;position:relative;padding-left:14px;}
.product_box .item .menu-box .nav-list li a:before {content:'';width:5px;height:5px;background:#84b732;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.product_box .item .menu-box .nav-list li#current a,.product_box .item .menu-box .nav-list li a:hover{color:#84b732}

.product_box .item .product_list .items>div{padding:5px 15px 25px;}
.product_box .item .product_list .items a{display:block;position:relative;box-shadow:0 8px 12px rgba(0,0,0,0.2);overflow:hidden;border-radius:5px;height:2.45rem;line-height:2.45rem}
.product_box .item .product_list .items a img {max-height:2.4rem;}
.product_box .item .product_list .items a:hover img {transform:scale(1.06)}

.product_box .white_idea:after {content:'';width:45%;height:7.43rem;background:url(../images/icon6.png) right bottom no-repeat;position:absolute;right:0;bottom:0}
.white_idea {padding:1.85rem 0 .85rem;}
.white_idea .main {background:url(../images/icon5.png) 0 center no-repeat;width:65%}
.white_idea .main .inline_tab {display:inline-table;}
.white_idea .main h3 {font-size:.36rem;color:#2c2c2c;padding:1rem 0 .88rem;}
.white_idea .main a {display:block;width:1.95rem;height:.45rem;line-height:.45rem;font-size:.14rem;color:#FFF;text-align:center;border-radius:8px;background:#84b732;margin:0 auto}

.fixed_message {position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:rgba(0,0,0,0.8);transition:none;display:none;}
.fixed_message .m_infos>a {position:absolute;right:0;top:-50px;font-size:.25rem;color:#FFF;}
.fixed_message .m_infos {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFF;padding:.45rem;border-radius:8px;}
.fixed_message .m_infos h2 {font-size:.36rem;color:#333;margin:0 0 .35rem}
.fixed_message .m_infos .lists table{width:100%}
.fixed_message .m_infos .lists table tr {float:left;width:50%;padding:0 15px;margin:0 0 15px;}
.fixed_message .m_infos .lists table tr td.text ,.fixed_message .m_infos .lists table tr td span{display:none;}
.fixed_message .m_infos .lists table tr td.input,.fixed_message .m_infos .lists table tr td.submint {display:block;}
.fixed_message .m_infos .lists table tr td input[type="text"] ,.fixed_message .m_infos .lists table td textarea{width:100%;border:1px solid #e5e5e5;line-height:45px;padding:0 15px;font-size:.14rem;color:#858585;}
.fixed_message .m_infos .lists table tr:first-child+tr+tr+tr+tr ,.fixed_message .m_infos .lists table tr:last-child{width:100%}
.fixed_message .m_infos .lists table td textarea {line-height:normal;height:110px;padding:10px 15px;}
.fixed_message .m_infos .lists table td input[type="submit"] {margin:0 auto;background:#84b732;font-size:.14rem;color:#FFF}
/*产品详情*/
.show_product {padding:.85rem 0;position:relative;}
.show_product h2 {font-size:.36rem;color:#84b732;position:relative;padding:0 1.2rem;display:inline-block;}
.show_product h2 span {background:#FFF;padding:0 .25rem;}
.show_product h2:before {content:'';width:100%;height:1px;background:#84b732;position:absolute;left:0;top:50%;z-index:-1}
.show_product .editor {font-size:.16rem;color:#6c6c6c;line-height:1.6;margin:1.3rem 0 0}
#metinfo_additional{display:none;}
/*可持续发展*/
.sustainable {}
.sustainable .main1 {padding:.6rem 0 .95rem;}
.sustainable>div .infos {display:table;width:100%;margin:0 0 .24rem;box-shadow:0 0 20px rgba(0,0,0,0.2);background:#FFF}
.sustainable>div .infos>div{display:table-cell;vertical-align:middle;width:50%;overflow:hidden}
.sustainable>div .infos .text {padding:0 .85rem;}
.sustainable>div .infos h3 {padding:.8rem 0 .25rem;position:relative;background:url(../images/icon7.png) 0 0 no-repeat;}
.sustainable>div .infos h3:after {content:'';width:.44rem;height:3px;background:#82b62f;position:absolute;bottom:0;left:0}
.sustainable>div .infos .editor {margin:.5rem 0 0;font-size:.14rem;color:#3f3f3f;line-height:1.7}
.sustainable>div .lists .swiper-slide a {display:block;position:relative;overflow:hidden;}
.sustainable>div .lists .swiper-slide a:hover img {transform:scale(1.06)}
.sustainable>div .infos:hover img {transform:scale(1.06)}

.sustainable .main2 {background:#f3f3f3;padding:.9rem 0;position:relative;}
.sustainable .main2 .infos h3 {background:url(../images/icon8.png) 0 0 no-repeat;}

.sustainable .main3 {padding:.8rem 0 .45rem;position:relative;}
.sustainable .main3 .infos h3 {background:url(../images/icon9.png) 0 0 no-repeat;}
/*新闻资讯*/
.news_box {padding:.65rem 0 1.85rem;position:relative}
.news_box .lists {position:relative}
.news_box .lists li {padding:0 10px;margin:0 0 .54rem;}

.news_box .lists li a{display:block;position:relative;overflow:hidden;}
.news_box .lists li a .img {overflow:hidden;}
.news_box .lists li a>p {position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.5);font-size:0.17rem;color:#FFF;text-align:center;margin:0;padding:25px 0}
.news_box .lists .imgs {position:relative;}
.news_box .lists .imgs:before {content:'';width:100%;height:0;position:absolute;top:0;left:0;background:rgba(0,0,0,0.3);transition:all .36s;z-index:1}
.news_box .lists .imgs i {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.3rem;color:#FFF;z-index:2;opacity:0}
.news_box .lists .text {background:#f0f0f0;padding:24px 20px;}
.news_box .lists .text h3 {font-size:.18rem;color:#1b1b1b;margin:0 0 .10rem;}
.news_box .lists .text p {font-size:.14rem;color:#1b1b1b;margin:0 0 .2rem;}
.news_box .lists .text span {font-size:.14rem;color:#636363}
.news_box .lists li a:hover .imgs:before {height:100%;}
.news_box .lists li a:hover .imgs i {opacity:1;transition-delay:.4s}
.news_box .lists li img {animation-fill-mode:none;-webkit-animation-fill-mode:none;width:100%;height:2.89rem;object-fit:cover;transition:none;}


.page {text-align:center;}
.page a {display:inline-table;margin:0 10px;width:40px;height:40px;line-height:40px;font-size:.14rem;color:#393939;box-shadow:0 0 8px rgba(0,0,0,0.2)}
.page a.page-num-current ,.page a:hover{background:#84b732;color:#FFF}

/*新闻详情*/
.show_news {padding:.85rem 0 1.3rem;}
.show_news h2 {font-size:.28rem;color:#171717;}
.show_news .met_infos {padding:.15rem 0 .45rem;font-size:.14rem;color:#6b6b6b}
.show_news .met_infos span {margin-right:10px;}
.show_news .met_infos span a {font-size:.14rem;color:#6b6b6b}
.show_news .editor {font-size:.14rem;color:#3d3d3d;line-height:1.8}
.show_news .met_page {margin:.55rem 0 0;padding:.35rem 0 0;border-top:1px solid #eee;}
.show_news .met_page li {font-size:.16rem;color:#4d4d4d;}
.show_news .met_page li a {font-size:.16rem;color:#4d4d4d}
/*加入金石*/
.join_us {}
.join_us .working {background:#f8f8f8;padding:1rem 0 .25rem;}
.join_us .working .title {text-align:center;margin:0 0 .65rem;padding:0 0 30px;position:relative}
.join_us .working .title h3 {font-size:.46rem;color:#282828;text-transform:capitalize}
.join_us .working .title p {font-size:.36rem;color:#010208;margin:10px 0 0}
.join_us .working .title:after {content:'';width:50px;height:6px;background:#d61d1d;border-radius:25px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.join_us .working .lists>div{margin:0 0 .75rem;}
.join_us .working .lists>div .name {position:relative;margin:0 0 .25rem}
.join_us .working .lists>div .name span {font-size:.24rem;color:#232323;background:#F8f8f8;min-width:250px;position:relative;z-index:1;display:inline-table}
.join_us .working .lists>div .name:before {content:'';width:100%;height:1px;background:#bfbfbf;position:absolute;right:0;top:50%;}
.join_us .working .lists>div .swiper-slide a {display:block;position:relative;overflow:hidden;}
.join_us .working .lists>div .swiper-slide .img {overflow:hidden;}
.join_us .working .lists>div .swiper-slide p {font-size:.16rem;color:#454545;margin:.2rem 0 0;text-align:center;}
.join_us .working .lists>div .swiper-slide a:hover img {transform:scale(1.06)}

.job_box{padding:1.1rem 0;}
.job_box h3 {position:relative;text-align:center;font-size:.36rem;color:#363e47;;margin:0 0 .8rem;}
.job_box h3 span {display:inline-table;padding:0 .45rem;background:#FFF;}
.job_box h3:before{content:'';width:100%;height:1px;background:#00a1e9;position:absolute;top:50%;left:0;z-index:-1}
.job_box .mains {position:relative}
.job_box .mains>div:first-child{padding-right:.35rem}
.job_box .mains>div:last-child{padding-left:.35rem;}
.job_box .mains>div {text-align:center}
.job_box .mains>div a{display:inline-table;margin:.7rem 0 0;padding:0 .95rem;border:1px solid #dcdcdc;font-size:.22rem;color:#040001}
.job_box .mains>div a span {padding:.25rem 0 .25rem .7rem;display:inline-block}
.job_box .mains>div:first-child a span {background:url(../images/icon_s1.png) 0 center no-repeat;background-size:.34rem .34rem}
.job_box .mains>div:last-child a span {background:url(../images/icon_s2.png) 0 center no-repeat;background-size:.41rem .37rem}
/*在线简历*/
.resume {background:#363e47;padding:.65rem  0 .75rem}
.resume .title {text-align:center;margin:0 0 1rem;position:relative;padding:0 0 30px;}
.resume .title h3 {font-size:.46rem;color:#FFF;text-transform:capitalize}
.resume .title p {font-size:.36rem;color:#FFF;margin:10px 0 0}
.resume .title:after {content:'';width:50px;height:6px;background:#d61d1d;border-radius:25px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}

.resume .message .lists>div{padding:0 .3rem;margin:0 0 .45rem}
.resume .message .lists>div .name{font-size:.14rem;color:#FFF;margin:0 0 10px;}
.resume .message .lists>div .name i {color:red;padding:0 5px;}
.resume .message .lists>div .input input[type="text"],.resume .message .lists>div .input textarea {width:100%;height:35px;line-height:35px;border:0;background:none;border-bottom:1px solid #FFF;padding:0 .15rem;outline:none;font-size:.14rem;color:#FFF;}
.resume .message .lists>div .input textarea {height:1.15rem;line-height:normal;background:#FFF;padding:.15rem;color:#333}
.resume .message .lists>div label {display:inline-table;height:35px;line-height:35px;margin-right:20px;font-size:.14rem;color:#FFF}
.resume .message .lists>div input[type="submit"] {width:2.85rem;height:.6rem;background:#82b62f;font-size:.24rem;color:#FFF;text-align:center;display:block;margin:0 auto;border-radius:6px;border:0}
/*招聘列表*/
.jobs_list {padding:.65rem 0 1.1rem;}
.jobs_list h3 {position:relative;text-align:center;font-size:.36rem;color:#363e47;;margin:0 0 .8rem;}
.jobs_list h3 span {display:inline-table;padding:0 .45rem;background:#FFF;}
.jobs_list h3:before{content:'';width:100%;height:1px;background:#00a1e9;position:absolute;top:50%;left:0;z-index:-1}

.jobs_list ul {display:block;padding:0 0 .45rem}
.jobs_list li:first-child{background:#eff0f4;padding:0 .15rem}
.jobs_list li span {padding:0 4px;font-size:.16rem;color:#333;line-height:35px}
.jobs_list li a{display:block;position:relative;padding:0 .15rem}
.jobs_list li a:hover {background:rgba(239,240,244,.4);}
/**/
.page_contact{width:100%;padding: .6rem 0;}
.page_contact .contacts {}
.page_contact .contacts .title{width:100%;margin-bottom: .2rem;}
.page_contact .contacts .title h2{font-size:.3rem;color:#da251c;font-weight:700}
.page_contact .contacts .title p{font-size:.2rem;color:#cacaca;line-height:1.5;font-family:arial}
.page_contact .contacts .con{font-size:.16rem;line-height:1.75;color:#333}
.page_contact .message h2{font-size:.16rem;color:#000;display:block;padding-top:.1rem}
.page_contact .message form{width:100%}
.page_contact .message form>div{float:left;width:100%;padding-right:.3rem;margin-top:.3rem}
.page_contact .message form>div button{background:#505050;border:1px solid #505050;font-size:15px;padding:8px 30px;display:inline-block;color:#fff;border-radius:4px}
.page_contact .message form .checkcode>*{display:inline-block;vertical-align:middle}
.page_contact .message form .checkcode input{width:initial;margin-right:.1rem}
.page_contact .message form>div input{display:block;width:100%;line-height:.42rem;padding:0 .1rem;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);font-size:.14rem;color:#555;box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.page_contact .message form>div textarea{height:1.2rem;width:100%;padding:.1rem;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;font-size:.14rem;color:#555}
.page_contact .message form .input{width:50%}
.page_contact .map{margin-top:.5rem;padding:.5rem 0;border-top:1px solid #ddd;}
/********<=767 mobile nav style css********/
.m-header {background:rgba(0,0,0,0.4);box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#FFF}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#FFF;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#333;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#82b62f;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#82b62f}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#333;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#82b62f}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
@media(max-width:1500px){
	.tem_index_about .main .history .lists, .history_box .main .history .lists {background-size:cover}
}
@media(max-width:1440px){
	.w1400{max-width:12rem}
	.footer .w1400 {max-width:14rem}
  .tem_index_product h2 {margin:0 0 .2rem}
  .tem_index_product .list>div{margin:.05rem 0}
  .tem_index_about p.slogan{margin:.15rem 0 .3rem;font-size:.2rem}
  .tem_index_about .main .history .lists li.li0,.history_box .main .history .lists li.li0{margin:0 0 .55rem}
  .tem_index_about .main .history .lists li.li0 span:before,.history_box .main .history .lists li.li0 span:before{left:.16rem}
  .tem_index_about .main .history .lists li.li1,.history_box .main .history .lists li.li1{margin:0 0 .55rem;padding-right:1.1rem;}
  .tem_index_about .main .history .lists li.li2,.history_box .main .history .lists li.li2 {padding-right:1.7rem;margin:0 0 .45rem}
  .tem_index_about .main .history .lists li.li3,.history_box .main .history .lists li.li3{margin:0 0 .45rem;padding-right:2.7rem}
  .tem_index_about .main .history .lists li.li3 span,.history_box .main .history .lists li.li3 span{top:.4rem}
  .tem_index_about .main .history .lists li.li4 span,.history_box .main .history .lists li.li4 span{left:21%}
  .tem_index_about .main .cnt .item,.history_box .main .cnt .item{padding:.17rem}
  .tem_index_about .main .cnt .item h3,.history_box .main .cnt .item h3{background-size:auto 40px !important;background-position:0 25% !important;}
  .tem_index_service .main{max-width:9rem}
  .tem_index_product:before{font-size:1.7rem}
  

}
@media(max-width:1400px){

}
@media(max-width:1399px){
	.w1400,.page_banner .label_text {max-width:12rem;}
	.tem_index_product,.tem_index_about,.tem_index_news,.tem_index_service {padding:0}
	.tem_index_about .main .history .lists,.history_box .main .history .lists {background-size:100% 100%}
	.tem_index_about .main .history .lists li.li0,.history_box .main .history .lists li.li0 {padding-right:.5rem}
	.tem_index_about .main .history .lists li.li0 span,.history_box .main .history .lists li.li0 span {right:0}
	.tem_index_about .main .history .lists li.li0 span:before,.history_box .main .history .lists li.li0 span:before {left:.3rem;}
  	.tem_index_about .main .history .lists li.li3,.history_box .main .history .lists li.li3{padding-right:2.5rem}


	.tem_index_about .main .history .lists li.li4 span,.history_box .main .history .lists li.li4 span {left:21%}
	.tem_index_about p.slogan {margin:.35rem 0}

	.white_idea .main ,.product_box .white_idea:after{background-size:100% auto;}
	.fixed_message .m_infos .lists {width:100%}
}
@media(max-width:1200px){
	.tem_index_about .main .cnt .item h3,.history_box .main .cnt .item h3 {background-size:auto 35px !important;background-position:0 25% !important;}
	.tem_index_about .main .cnt .item,.history_box .main .cnt .item {padding:.35rem .22rem}
	.show-regin {text-align:center;}
}
@media(max-width:1100px){
	.w1400 ,.page_banner .label_text,.show_news{max-width:100%;padding-left:15px !important;padding-right:15px !important;}
	.tem_index_about .main .history .lists li.li3, .history_box .main .history .lists li.li3 {padding-right:3.5rem}
	.tem_index_about .main .history .lists li.li2, .history_box .main .history .lists li.li2 {padding-right:2.28rem}
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	.section {height:auto !important;}
	.section>div{height:auto !important;}
	
	.tem_banner .swiper-slide .label_text h2 {font-size:.5rem}
	.tem_index_product .list>div .text {padding:.2rem .15rem}
	.tem_index_product .list>div .text h3 {font-size:.2rem;margin:0 0 .15rem}
	.tem_index_product .list>div .text .editor {font-size:.14rem}
	.tem_index_product .list>div .text .editor p {margin:0;}
	.tem_index_product:before {font-size:.8rem}
	.tem_index_product .list>div {padding:0 .2rem}
	.tem_index_product,.tem_index_about,.tem_index_news ,.tem_index_service{padding:.55rem 0}
	.tem_index_about p.slogan {font-size:.16rem}
	.tem_index_about .main>div,.history_box .main>div {padding:0 .25rem}
	.tem_index_about .main .history .title,.history_box .main .history .name{left:.45rem}
	.tem_index_about .main>div:last-child,.history_box .main>div:last-child {margin:.35rem 0 0;}
	.tem_index_news:before {font-size:1.04rem;top:20%}
	.footer .f_title {font-size:.25rem;}
	.brand .infos>div {display:block;width:100% !important}
	.brand .infos>div.img {text-align:center;}
	.footer .infos>div {width:33.333%;padding:0 .15rem;vertical-align:top}
	.footer .infos .f_contact h2 {font-size:.2rem}
	.footer .infos .f_contact p {font-size:.14rem}
	.product_box .item .menu-box .nav-list li {margin:0 .3rem .1rem}
	.product_box .item .menu-box .title {padding-left:55px;}
	.product_box .item .menu-box .title:before {width:35px;}
	.product_box .item .menu-box>div {display:block;}
	.product_box .item .menu-box>div.title {margin:0 0 .15rem}
	.white_idea .main h3 {font-size:.25rem}
	.sustainable>div .infos>div {display:block;width:100%}
	.sustainable .main1,.sustainable .main2,.sustainable .main3 {padding-left:.25rem;padding-right:.25rem}
	.sustainable>div .infos .text {padding:.25rem .55rem}
	.news_box .lists .text {padding:15px 10px;}
	.tem_index_product h2:before,.tem_index_product h2:after,.tem_index_about h2:before, .tem_index_about h2:after,.tem_index_news h2:before, .tem_index_news h2:after,.tem_index_service h2:before, .tem_index_service h2:after{width:35%}
	
	.tem_index_contact{padding:.65rem 0 1.2rem}
  .tem_index_contact .mains .rlt_info{padding-bottom:.5rem}	
}
/********mobile*********/
@media(max-width:767px){
  .tem_banner .swiper-page{display:none}
	.tem_index_about .main>div {padding:0}
	.tem_index_about .main .history .lists li.li0 span:before, .history_box .main .history .lists li.li0 span:before {left:.5rem}
	.tem_index_about .main .history .lists li.li1 span,.history_box .main .history .lists li.li1 span {right:0}
	.tem_index_about .main .history .lists li.li1 span:before, .history_box .main .history .lists li.li1 span:before {left:.1rem}
	.tem_index_about .main .history .lists li.li2, .history_box .main .history .lists li.li2 {padding-right:2rem}
	.tem_index_about .main .history .lists li.li3, .history_box .main .history .lists li.li3 {padding-right:3.2rem}
	.tem_index_about .main .history .lists li.li4 span {left:26%}
	.tem_index_about .main .cnt .item h3, .history_box .main .cnt .item h3 {background-size:auto 25px !important;}
	.footer .f_title {display:none;}
	.footer .infos>div {display:block;width:100%}
	.footer .infos .f_tel {text-align:left;}
	.footer .copy {text-align:center;line-height:normal;padding:.15rem 0}
	.footer .copy>div:last-child{text-align:center;}
	.tem_index_about .main>div, .history_box .main>div {padding:0 .12rem}
	.honor {background-size:100% auto;background-position:center 50%}
	.contact .editor>div {display:block;border:0;}
	.fixed_message .m_infos .lists table tr {width:100%}
	.fixed_message .m_infos>a {font-size:.35rem;top:-35px}
	.news_box .lists li a>p {padding:.25rem 0}
	.news_box .lists .text p {display:none;}
	.show_news .met_page li{margin:.15rem 0}
	.show_news .met_page li:last-child {text-align:left;}
	.join_us .working .lists>div .name span{min-width:auto;}
	.join_us .social .editor .name em {padding:0 6px;width:120px}
	.join_us .zp_com .lists li {padding:0 5px;}
	.join_us .zp_com .lists li a {margin:0;padding:0 .25rem .15rem}
	.join_us .zp_com .lists li span {transform:none;padding:.15rem .1rem;transform:translateY(-.3rem)}
	.join_us .zp_com .lists li em {position:relative;right:auto;bottom:auto;}
  
  	.tem_index_about .main .history ,.history_box .main .history{padding:.15rem}
	.tem_index_about .main .history .title,.history_box .main .history .name {position:relative;top:auto;left:auto;}
	.tem_index_about .main .history .lists, .history_box .main .history .lists {background:none;text-align:left;padding:.35rem 0}
	.tem_index_about .main .history .lists li ,.history_box .main .history .lists li{margin:.6rem 0 .45rem!important;padding:0 !important;}
	.tem_index_about .main .history .lists li span ,.history_box .main .history .lists li span{top:-.35rem !important;left:0 !important;padding:0 0 0 .3rem !important;transform:none !important}
	.tem_index_about .main .history .lists li span:before,.history_box .main .history .lists li span:before {left:0 !important;top:50%;transform:translateY(-50%)}
  
  	.tem_index_about .main .history .lists li .editor,.tem_index_about .main .history .lists li span,.history_box .main .history .lists li.editor,.history_box .main .history .lists li span {font-size:.2rem}
  	
  	.job_box .mains>div:first-child{margin:0 0 .45rem}
  	
  .tem_index_contact .mains{display:block;}
  .tem_index_contact .mains>div{width:100% !important}

}