/* date:2021-06; PSD:1920; */
@charset 'utf-8';
@media screen and (min-width:751px){

/*::-webkit-scrollbar{width:10px;height:10px;}*/
[pc="hide"]{display:none!important;}

.allPage{ display: flex; flex-direction: column; width: 100%; min-height: 100vh; }

/* PC头部 */
#header{ flex-shrink: 0; position: relative; z-index: 200; background-color: #fbfbfb; }
.top-box>.area{display:flex;justify-content:space-between;height:1.3rem;}
.top-logo{display:flex;align-items:center;height:100%;overflow:hidden;}
.top-logo .logo{display:flex;align-items:center;padding:.3rem 0;width:100%;height:100%;}
.top-logo .logo>a{display:flex;align-items:center;height:100%;}
.top-logo .logo img{max-height:100%;}

.top-wrap{ display: flex; align-items: center; }
.top-tel{ display: flex; align-items: center; padding-left: .4rem; font-size: .32rem; font-weight: bold; color: #f44336; background: url(../images/ico_top_tel.png) 0 center / .34rem no-repeat; }
.top-tel a{ color: #f44336; }

.top-wechat{ margin-left: .3rem; }
.top-wechat .icon{ position: relative; display: block; width:.34rem; height:.34rem; background: url(../images/ico_top_wechat.png) center / contain no-repeat; }
.top-wechat .layer-wechat{ display: none; position: absolute; z-index: 100; top: 100%; left: 50%; margin-top: .1rem; background-color: #fff; box-shadow: 0 1px .05rem rgb(0,0,0,.1); transform: translateX(-50%); }
.top-wechat .layer-wechat:before{content:"";position:absolute; z-index: -1;bottom:100%;left:50%; width: .07rem; height: .07rem; background-color: #fff; box-shadow: 0 1px .05rem rgb(0,0,0,.1); transform: translate(-50%,50%) rotate(-45deg);}
.top-wechat .layer-wechat .erwei{ background-color: #fff; }
.top-wechat .layer-wechat .erwei img{ max-width: none; width: 1.12rem; }

.top-wechat .icon:hover .layer-wechat{ display: block; }


.top-nav{background:#fff;box-shadow:0 -1px .04rem rgba(0,0,0,.05);}
.top-nav .fir-ul{display:flex;}
.top-nav .fir-li{flex:1;position: relative;}
.top-nav .fir-li:before{ content: ""; position: absolute; top: .28rem; bottom: .26rem; left: 0; width: 1px;overflow: hidden; background-color: #e8e8e8; }
.top-nav .fir-li:first-of-type:before{ display: none; }
.top-nav .fir-li .u-a{position: relative; z-index: 10;display:flex;flex-direction: column; justify-content: center; align-items:center;margin-right: -1px;padding: 0 .1rem;height:.9rem;line-height: 1;overflow:hidden;font-size:.18rem;color:#666; transition: color .2s, background-color .2s;}
.top-nav .fir-li .u-a>.en{ margin-top: .5em; font-size: .12rem; color: #999; transition: color .2s; }
.top-nav .fir-li .u-a:hover,
.top-nav .current .u-a,
.top-nav .hover .u-a{ color: #fff; background-color: #f44336; }
.top-nav .fir-li .u-a:hover>.en,
.top-nav .current .u-a>.en,
.top-nav .hover .u-a>.en{ font-weight: normal; color: #fff; }
.top-nav .current .u-a{ font-weight: bold; }
.top-nav .current .u-a>.en{ font-weight: normal; }

.top-nav .sec-box{display:none;position:absolute;top:100%;left:0;width:100%;background-color: #fbfbfb;}
.top-nav .sec-ul{padding:.1rem 0;}
.top-nav .sec-ul a{display: block; padding: .1rem; line-height: 1; font-size: .15rem; text-align: center; color: #666;}
.top-nav .sec-ul a:hover{color:#f44336;}

/* PC内容 */
#content{ flex: auto; }
#content>#main{}

/* PC底部 */
#footer{}

.m-footer-nav{ padding: .24rem 0; background-color: #b53127; }
.m-footer-nav>.area{ display: flex; justify-content: space-between; }
.m-footer-nav a{ color: rgba(255,255,255,.7); }
.m-footer-nav a:hover{color:#fff;}
.m-footer-nav dl{ min-width: 7em; line-height: 1.6; font-size: .15rem; }
.m-footer-nav dt{ margin-bottom: .04rem; line-height: 2; font-size: .18rem; font-weight: bold; }
.m-footer-nav dt a{ position: relative; color: #fff; }
.m-footer-nav dt a:before{ content: ""; position: absolute; top: 100%; left: 0; right: 0; margin-top: .2em; border-bottom: 1px solid #fff; opacity: 0; transition: opacity .2s; }
.m-footer-nav dt a:hover:before{ opacity: 1; }

.m-footer{ background-color: #c63a30; }
.footer-contact{ display: flex; color: #fff; padding: .5rem 0; }
.footer-contact a{ color: #fff; }
.footer-contact>.wrap{ flex: auto; overflow: hidden; }
.footer-contact .logo{ height: .62rem; }
.footer-contact .logo img{max-height:100%;}
.footer-contact .content{ margin-top: 2em; line-height: 2; font-size: .18rem; }

.footer-contact .wechat{ margin-left: .3rem; padding:.15rem 0; line-height: 2; text-align: center; }
.footer-contact .wechat img{ margin-bottom: .1rem; max-width: 1.25rem; }

.footer-copyright{ padding: .24rem 0 .34rem; line-height: 2; font-size: .14rem; text-align: center; color: rgba(255,255,255,.8); border-top: 1px solid rgba(255,255,255,.2); }
.footer-copyright a{ color: #fff; }


#client{position:fixed;z-index:200;top:50%;right:1.25%;width:70px;transform:translateY(-50%);}
#client li{ margin-top: -1px; border: 1px solid #e7e7e7; }
#client li:first-of-type{ margin-top: 0; }
#client .u-a{position: relative;display:flex;flex-direction: column; align-items: center; padding: .2rem 0 .12rem; color: #666; background-color:#fff; transition: color .3s, background-color .3s;}
#client .u-a:hover{ color: #fff; background-color: #f44336; }
#client .u-a .icon{width:24px;height:24px;overflow:hidden;background:url(../images/ico_client.png) 0 34px no-repeat;transition:background-image .3s;}
#client .u-a:hover .icon{background-image:url(../images/ico_client_hover.png);}
#client .client-qq .icon{background-position:0 0;}
#client .client-tel .icon{background-position:0 -34px;}
#client .client-wechat .icon{background-position:0 -68px;}
#client .client-goTop .icon{background-position:0 -102px;}
#client .u-a .name{ margin-top: 8px; width: 2em; line-height: 16px; font-size: 14px; font-weight: normal; }
#client .client-wechat .u-a .name{ padding: 8px 0; width: 3em; }

#client .conBox .con{display:none;position:absolute;top:50%;right:100%;margin-right:16px;background-color: #fff; box-shadow: 0 1px 5px rgb(0,0,0,.1); transform: translateY(-50%); }
#client .conBox .con:before{content:"";position:absolute; z-index: -1;top:50%;left:100%; width: 7px; height: 7px; background-color: #fff; box-shadow: 0 1px 5px rgb(0,0,0,.1); transform: translate(-50%,-50%) rotate(-45deg);}
#client .conBox:hover .con{ display: block; }

#client .conBox .text{padding:10px 20px;font-size:18px;font-weight:bold;color:#f44336;white-space:nowrap; background-color: #fff;}
#client .conBox .erwei{ background-color: #fff; }
#client .conBox .erwei img{max-width:none;width:112px;height:112px;}


#client li.client-goTop{ margin-bottom: 1px; display: none; }





/* PC首页 */
.swiper-banner{position:relative;}
.swiper-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.swiper-banner .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; }
.swiper-banner-pagination{ position:absolute;z-index:10;left:50%;bottom:.3rem;line-height:0;font-size:0;text-align:center;transform:translateX(-50%);}
.swiper-banner-pagination .swiper-pagination-bullet{ display: none; position:relative;vertical-align:top;margin-left:.22rem;width:.22rem;height:.22rem;opacity:1;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background: none;}
.swiper-banner-pagination .swiper-pagination-bullet:first-of-type{margin-left:0;}
.swiper-banner-pagination .swiper-pagination-bullet:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #fff; border-radius: 50%; opacity: 0; transform: scale(.5); transition: opacity .3s,transform .3s; }
.swiper-banner-pagination .swiper-pagination-bullet:after{ content: ""; position: absolute; top: 50%; left: 50%; width: .06rem; height: .06rem; border-radius: 50%; background-color: #fff; opacity: .5; transform: translate(-50%,-50%); transition: opacity .3s; }
.swiper-banner-pagination .swiper-pagination-bullet-active:before{ opacity: 1; transform: none; }
.swiper-banner-pagination .swiper-pagination-bullet-active:after{ opacity: 1; }

.swiper-banner-pagination .swiper-pagination-bullet[role="button"]{ display: inline-block; }

.swiper-banner-prev,
.swiper-banner-next{ display: none; position: absolute; z-index: 10; top: 50%; margin-top: -.65rem; width: .76rem; height: 1.3rem; background: url(../images/arrow_banner.png) .76rem 0 / auto 1.1rem no-repeat; opacity: .45; cursor: pointer; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0); transition: opacity .3s; }
.swiper-banner-prev{ left: 3.125%; background-position: .1rem .1rem; }
.swiper-banner-next{ right: 3.125%; background-position: -.66rem .1rem; }
.swiper-banner-prev:hover,
.swiper-banner-next:hover{ opacity: 1; }
.swiper-banner-prev[aria-disabled="false"],
.swiper-banner-next[aria-disabled="false"]{ display: block; }

.m-banner .swiper-banner .swiper-slide img{ min-height: 7.2rem; }
.sub-banner .swiper-banner .swiper-slide img{ min-height: 3.5rem; }
.sub-banner-merchants .swiper-banner .swiper-slide img{ min-height: 5.5rem; }


.m-title{line-height:1; text-align: center; }
.m-title:after{ content: ""; display: block; margin: 0 auto; width: 1.44rem; height: 1px; overflow: hidden; font-size: .36rem; background-color: #f44336; }
.m-title h2{ padding:.12rem 0 .12rem .05em; letter-spacing: .05em; font-size:.36rem;font-weight:normal; }

.m-more{ text-align: center; }
.m-more>.btn{ display: inline-block; vertical-align: top; padding: .07rem 1em; min-width: 1.48rem; line-height: 2; text-align: center; color: #fff; background-color: #f44336; }


.m-about{ position: relative; overflow: hidden; background:#fff8f7;}
.m-about .conBox{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; position: relative; z-index: 10; padding-bottom: .3rem; width: 54.5%; min-height: 6.96rem; line-height: 2; }
.m-about .conBox .title{ font-size: .36rem; font-weight: normal; }
.m-about .conBox .content{ margin-top: .4rem; overflow:hidden; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; font-size: .15rem; color: #8c8c8c; }
.m-about .conBox .menu{ display: flex; flex-wrap: wrap; margin: .4rem 0 0 -.8rem; }
.m-about .conBox .menu li{ margin-left: .8rem; }
.m-about .conBox .menu a{ color: #666;; }
.m-about .conBox .menu a:hover{ color: #f44336; }
.m-about .conBox .menu .icon{ display: block; height: .46rem; text-align: center; }
.m-about .conBox .menu .icon>img{ max-height: 100%; }
.m-about .conBox .menu .name{ margin-top: .14rem; font-weight: normal; }
.m-about .conBox .btn{ display: inline-block; vertical-align: top; margin-top: .6rem; padding: .07rem 1em; min-width: 1.48rem; text-align: center; color: #fff; background-color: #f44336; }

.m-about .imgBox{ position: absolute; left: 50%; right: 0; margin-left: -2.16rem; top: 0; bottom: 0;}
.m-about .imgBox img{ width: 100%; height: 100%; object-fit: cover; object-position: left center; }

.m-categories{ position: relative; padding: .84rem 0 1.2rem; background-color: #fcc; }
.m-categories>.background{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.m-categories>.background img{ width: 100%; height: 100%; object-fit: cover; }
.m-categories>.area{ position: relative; z-index: 10; }
.swiper-categories{ margin-top: .7rem; }
.swiper-categories .swiper-slide{ margin-right: 6.75%; width: 28.833334%; }
.swiper-categories .swiper-slide:last-of-type{ margin-right: 0; }
.swiper-categories .u-box{ position: relative; display: block; color: #00ffc0; }
.swiper-categories .u-img{ position: relative; display: block; padding-top: 143.352601%; height: 0; overflow: hidden; }
.swiper-categories .u-img>.jqthumb{position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; transition:transform .3s, filter .3s;}

.swiper-categories .u-name{ position: absolute; top: 28.629033%; left: .2rem; right: .2rem; padding-left: .1em; text-align: center; letter-spacing: .1em; }
.swiper-categories .u-name h4{ line-height: 1.75; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .24rem; }
.swiper-categories .u-name p{ line-height: 2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .12rem; opacity: .8; }

.swiper-categories .u-logo{ position: absolute; bottom: 6.451613%; left: .2rem; right: .2rem; text-align: center; }
.swiper-categories .u-logo img{ max-height: .3rem; }

.swiper-categories .swiper-slide:nth-of-type(2) .u-box{ color: #fff; }
.swiper-categories .swiper-slide:nth-of-type(3) .u-box{ color: #fffe9e; }

.swiper-categories .u-box:hover .u-img>.jqthumb{transform:scale(1.1); filter: brightness(.75);}


.m-product{ padding: .7rem 0; }
.m-product .m-more{ margin-top: .7rem; }
.swiper-product{ margin-top: .8rem; }
.swiper-product .swiper-slide{ margin-right: 1.666667%; width: 23.75%; }
.swiper-product .swiper-slide:last-of-type{ margin-right: 0; }
.swiper-product .u-box{ position: relative; display: block; line-height: 2; text-align: center; }
.swiper-product .u-box:before{ content: ""; position: absolute; top: 0; left: .05rem; right: .05rem; height: 1.7rem; background: url(../images/ico_product.png) center bottom / 100% auto no-repeat; opacity: .1; filter:brightness(.72); transition: filter .3s; }
.swiper-product .u-box:after{ content: ""; position: absolute; z-index: -1; top: 0; bottom: .8rem; left: 0; right: 0; background-color: #f8f8f8; transition: background-color .3s; }

.swiper-product .u-name{ position: relative; z-index: 10; padding: .46rem .2rem; }
.swiper-product .u-name h4{ font-size: .22rem; font-weight: normal; }
.swiper-product .u-name span{ display: inline-block; vertical-align: top; margin-top: .04rem; padding: .04rem 1em; font-size: .14rem; color: #999; background-color: #fff; border-radius: .18rem; transition: color .2s, background-color .2s; }

.swiper-product .u-img{ display: flex; justify-content: center; align-items: center; margin: 0 .2rem; height: 2.4rem; overflow: hidden; }
.swiper-product .u-img>img{ width: auto; max-width: none; }


.swiper-product .u-box:hover{ color: #fff; }
.swiper-product .u-box:hover:before{ filter: brightness(1); }
.swiper-product .u-box:hover:after{ background-color: #f44336; }

.swiper-product .u-box:hover .u-name span{ color: #f44336; background-color: rgba(255,255,255,.78); }

.m-honor{ position: relative; padding: .6rem 0 1rem; background-color: #d1d1d1; }
.m-honor>.background{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.m-honor>.background img{ width: 100%; height: 100%; object-fit: cover; }
.m-honor>.area{ position: relative; z-index: 10; }
.m-honor .conBox{ margin-top: .8rem; }
.m-honor .m-more{ margin-top: -.4rem; }


.m-case{ position: relative; padding: 1.1rem 0; background-color: #fcc; }
.m-case>.background{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.m-case>.background img{ width: 100%; height: 100%; object-fit: cover; }
.m-case>.area{ position: relative; z-index: 10; }

.m-case .listBox ul{ display: flex; flex-wrap: wrap; }

.m-case .listBox li{ margin: 1.666667% 0 0 1.666667%; color: #fff; background-color: #f44336; }
.m-case .listBox li:nth-of-type(-n+3){ margin-top: 0; }
.m-case .listBox li:nth-of-type(3n+1){ margin-left: 0; }
.m-case .listBox li:nth-of-type(6n+1){ width: 24.166667%; height: 4.18rem; }
.m-case .listBox li:nth-of-type(6n+2){ width: 39.583334%; height: 4.18rem; }
.m-case .listBox li:nth-of-type(3n+3){ width: 32.916667%; }
.m-case .listBox li:nth-of-type(6n+4){ width: 33.333334%; height: 2.4rem; }
.m-case .listBox li:nth-of-type(6n+5){ width: 30.416667%; height: 2.4rem; }


.m-case .listBox li:nth-of-type(6n+3){ height: 3.04rem; }
.m-case .listBox li:nth-of-type(6n+6){ margin-top: -.94rem; height: 3.54rem; }

.m-case .listBox .u-img{ display: block; width: 100%; height: 100%; overflow: hidden; }
.m-case .listBox .u-img>.jqthumb{ transition:transform .3s, filter .3s;}
.m-case .listBox .u-img:hover>.jqthumb{ transform:scale(1.1); filter: brightness(1.15); }

.m-case .listBox li.title{ display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: .44rem .5rem .5rem; }

.m-case .listBox .u-name p{ line-height: 1.2; font-size: .2rem; }
.m-case .listBox .u-name h2{ line-height: 1.222223; font-size: .36rem; font-weight: normal; }
.m-case .listBox .u-con{ margin-bottom: .2rem; overflow:hidden; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; line-height: 1.5; }
.m-case .listBox .u-btn{ display: inline-block; vertical-align: top; padding: .07rem 1em; min-width: 1.48rem; line-height: 2; text-align: center; color: #f44336; background-color: rgba(255,255,255,.78); transition: background-color .2s; }
.m-case .listBox .u-btn:hover{ background-color: #fff; }


.m-news{ padding: .6rem 0 .5rem; }
.m-news .listBox{ margin-top: .6rem; }

.m-news .listBox li{ margin-top: .16rem; width: 48.5%; overflow: hidden; }
.m-news .listBox li:nth-of-type(-n+2){ margin-top: 0; }

.m-news .listBox .u-img{ position: relative; display: block; padding-top: 67.558529%; height: 0; overflow: hidden; }
.m-news .listBox .u-img>.jqthumb{position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; transition:transform .3s, filter .3s;}
.m-news .listBox a:hover .u-img>.jqthumb{transform:scale(1.1); filter: brightness(1.15);}


.m-news .listBox .u-box{ display: flex; color: #666; }
.m-news .listBox .u-date{ flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; margin-right: .2rem; min-width: 1.08rem; min-height: 1.08rem; transition: color .2s, background-color .2s; }
.m-news .listBox .u-date p{ line-height: 1; flex-wrap: nowrap; text-align: center; }
.m-news .listBox .u-date p.DD{ margin-bottom: .03rem; font-size: .54rem; }
.m-news .listBox .u-con{ flex: auto; padding: .04rem 0; overflow: hidden; }
.m-news .listBox .u-con .name{ line-height: 2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .18rem; transition: color .2s; }
.m-news .listBox .u-con .content{ margin-top: .1rem; line-height: 1.466667; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size: .15rem; color: #999; transition: color .2s; }


.m-news .listBox a:hover .u-date{ color: #fff; background-color: #f44336; }
.m-news .listBox a:hover .u-con .name{ color: #f44336; }
.m-news .listBox a:hover .u-con .content{ color: #666; }


.m-news .listBox li.pic{ float: left; margin-right: 1.666667%; width: 49.833334%; }
.m-news .listBox li.pic>a{ display: block; }
.m-news .listBox li.pic .u-box{ position: relative; z-index: 10; margin: -.65rem .2rem 0; padding: .3rem 0 .25rem; background-color: #fff; transition: background-color .3s; }

.m-news .listBox li.pic .u-date{ width: 1.14rem; height: .86rem; border-right: 1px solid #e6e6e6; }
.m-news .listBox li.pic .u-con{ margin-right: .35rem; padding: 0; }
.m-news .listBox li.pic .u-con .name{ line-height: 1.777778; }
.m-news .listBox li.pic .u-con .content{ line-height: 1.6; margin-top: .06rem; }


.m-news .listBox li.pic>a:hover .u-box{ background-color: #f44336; }
.m-news .listBox li.pic>a:hover .u-date{ color: #fff; background: none; }
.m-news .listBox li.pic>a:hover .u-con .name,
.m-news .listBox li.pic>a:hover .u-con .content{ color: #fff; }


.m-partners{ padding: .4rem 0; border-top: 1px solid #e3e3e3; }

.swiper-partners .swiper-slide{ width: 18.833334%; margin-right: 1.458334%; }
.swiper-partners .swiper-slide:last-of-type{ margin-right: 0; }

.swiper-partners .u-img{position: relative; display: block; padding-top: 40.707965%; height: 0; overflow: hidden; }
.swiper-partners .u-img:before,
.swiper-partners .u-img:after{ content: ""; position: absolute; z-index: 10; width: 0; height: 0; opacity: 0; transition: width .3s, height .3s, opacity .3s; }
.swiper-partners .u-img:before{ top: 0; left: 0; border-top: 2px solid #f44336; border-left: 2px solid #f44336; }
.swiper-partners .u-img:after{ bottom: 0; right: 0; border-bottom: 2px solid #f44336; border-right: 2px solid #f44336; }
.swiper-partners .u-img>.jqthumb{position: absolute !important; top: 0; left: 0; width: 100%; height: 100%;}

.swiper-partners .u-img:hover:before,
.swiper-partners .u-img:hover:after{ width: 100%; height: 100%; opacity: 1; }


/* PC内页 */

.sub-menu{ border-bottom: 1px solid #eaeaea; }
.sub-menu>.area{ display: flex; align-items: center; }

.swiper-sub-menu{ flex: auto; position: relative; margin: 0 .4rem -2px -.4rem; padding: 0 .4rem; overflow: hidden;}
.swiper-sub-menu.noMask:before{ opacity: 0; }
.swiper-sub-menu .swiper-slide{margin-right:.8rem;width:auto;}
.swiper-sub-menu .swiper-slide:last-of-type{margin-right:0;}
.swiper-sub-menu a{ position: relative; display:block; padding:.34rem 0; line-height:1;font-size:17px;text-align:center;color:#999;}
.swiper-sub-menu a:before{ content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; overflow: hidden; background-color: #f44336; transition: left .3s, width .3s; }

.swiper-sub-menu a:hover,
.swiper-sub-menu .current a{ color:#f44336;}
.swiper-sub-menu .current a{ font-weight: bold;}
.swiper-sub-menu .current a:before{ left: 0; width: 100%; }

/*.swiper-sub-menu-prev,*/
.swiper-sub-menu-next{ position: absolute; z-index: 10; top: 0; bottom: 0; width: .2rem; background: url(../images/arrow_menu.png) .76rem 0 / auto .18rem no-repeat; cursor: pointer; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0); opacity: 0; pointer-events:none; transition: opacity .3s; }
/*.swiper-sub-menu-prev{ left: 0; background-position: .05rem center; }*/
.swiper-sub-menu-next{ right: 0; background-position: -.25rem center; }
/*.swiper-sub-menu-prev[aria-disabled="false"],*/
.swiper-sub-menu-next[aria-disabled="false"]{ opacity: 1; pointer-events:auto; }


/*.swiper-sub-menu-prev:before,*/
.swiper-sub-menu-next:before{ content: ""; position: absolute; z-index: 10; top: 0; bottom: 2px; width:.8rem; transition: opacity .3s; pointer-events:none;}
/*.swiper-sub-menu-prev:before{ left: .4rem; background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}*/
.swiper-sub-menu-next:before{ right: .4rem; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}



.sub-menu .breadcrumbs{ flex-shrink: 0; padding: .34rem 0; font-size: 15px; color: #999; }
.sub-menu .breadcrumbs a{ color: #999; }
.sub-menu .breadcrumbs a:hover,
.sub-menu .breadcrumbs span{ color: #f44336; }


.sub-title{margin-bottom:.7rem;text-align:center;}
.sub-title h2{ display: inline-block; vertical-align: top; line-height:1.611112; font-size:.36rem;font-weight:normal;letter-spacing: .05em;}
.sub-title h2:after{ content: ""; display: block; margin: 0 auto; height: 1px; overflow: hidden; background-color: #f44336; }


.sub-wrapper{ padding: .5rem 0 .8rem; }

.sub-case li{ margin-top: .2rem; }
.sub-case li:first-child{ margin-top: 0; }
.sub-case .u-box{ position: relative; display: flex; }
.sub-case .u-box:before{ content: ""; position: absolute; bottom: 0; left: 5.98rem; width: 0; height: 2px; background-color: #f44336; transition: width .3s, opacity .3s; }

.sub-case .u-img{ flex-shrink: 0; position: relative; margin-right: .54rem; width: 5.98rem; min-height: 3.77rem; overflow: hidden; }
.sub-case .u-img>.jqthumb{ transition: transform .3s; }

.sub-case .u-con{ flex: auto; padding: .48rem 0; overflow: hidden; }
.sub-case .u-con .name{ padding: .05rem 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .26rem; font-weight: normal;  }
.sub-case .u-con .content{ margin-top: .4rem; overflow:hidden; display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical; line-height: 1.875; }
.sub-case .u-con .more{ display: inline-block; vertical-align: top; margin-top:.46rem; padding: .1rem; min-width: 1.28rem; line-height: 1; font-size: .18rem; text-align: center; color: #999; border: 1px solid #d6d6d6; border-radius: .2rem; transition: color .3s, border-color .3s, background-color .3s; }

.sub-case .u-box:hover:before{ width: 6.02rem; }
.sub-case .u-box:hover .more{ color: #fff; border-color: #f44336; background-color: #f44336; }

.sub-case .u-box:hover .u-img>.jqthumb{ transform: scale(1.1); }


.sub-product ul{ display: flex; flex-wrap: wrap; }

.sub-product li{ margin: 3.5% 0 0 3.5%; width: 31%; }
.sub-product li:nth-of-type(-n+3){ margin-top: 0; }
.sub-product li:nth-of-type(3n+1){ margin-left: 0; }

.sub-product .u-box{ display: block; font-size: .18rem; color: #666; transition: color .3s, background-color .3s; }

.sub-product .u-img{ position: relative; padding-top: 77.956990%; overflow: hidden; background-color: #fff; }
.sub-product .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; transition: transform .3s; }
.sub-product .u-con{ padding: .32rem .3rem .3rem; text-align: center; }
.sub-product .u-con .name{ padding: .5em 0; font-weight: normal; letter-spacing: .05em; }
.sub-product .u-con .more{ display: inline-block; vertical-align: top; margin-top: .12rem; padding: .085rem; width: 1.1rem; line-height: 1; font-size: .15rem; color: #999; border: 1px solid #ccc; background-color: #fff; border-radius: .17rem; transition: color .3s, border-color: .3s; }


.sub-product .u-box:hover{ color: #fff; background-color: #f44336; }
.sub-product .u-box:hover .u-img>.jqthumb{ transform: scale(1.1); }

.sub-product .u-box:hover .more{ color: #f44336; border-color: #fff; }


.product-detail .detail-item{ display: flex; align-items: flex-start; }

.swiper-detail{ flex-shrink: 0; position: relative; width: 42.333334%; margin-right: 5.833334%; }
.swiper-detail .swiper-slide{ text-align: center; }
.swiper-detail-pagination{ position:absolute;z-index:10;left:50%;bottom:.16rem;line-height:0;font-size:0;text-align:center;transform:translateX(-50%);}
.swiper-detail-pagination .swiper-pagination-bullet{ display: none; vertical-align:top;margin-left:.08rem;width:.12rem;height:.12rem;opacity:1;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color: #ccc; transition: background-color .3s; }
.swiper-detail-pagination .swiper-pagination-bullet:first-of-type{margin-left:0;}
.swiper-detail-pagination .swiper-pagination-bullet-active{ background-color: #f44336; }
.swiper-detail-pagination .swiper-pagination-bullet[role="button"]{ display: inline-block; }


.itemCon{ padding: .26rem 0 0; line-height: 1.875; color: #666; letter-spacing: .05em; }
.itemCon h1{ font-size: 24px; font-weight: normal; color: #333; }
.itemCon .content{ margin-top: .28rem; font-size: 16px; }

.itemCon .link{ margin-top: .48rem; }
.itemCon .link a{ transition: filter .3s; }
.itemCon .link a:hover{ filter: brightness(1.15); }

.product-detail .detail-con{ margin-top: .4rem; font-size: 16px; }
.product-detail .detail-con .title{ margin-bottom: .2rem; border-bottom: 1px solid #ebebeb; }
.product-detail .detail-con .title h2{ position: relative; display: inline-block; vertical-align: top; padding: .08rem 0; line-height: 1.5; font-size: 24px; font-weight: normal; }
.product-detail .detail-con .title h2:after{ content: ""; position: absolute; top: 100%; left: 0; right: 0; border-bottom: 3px solid #f44336; }


.produtc-table{ line-height: 1.875; }
.produtc-table tr{ border-bottom: .02rem dashed #e3e3e3; }
.produtc-table tr:last-of-type{ border-bottom: none; }
.produtc-table th{ vertical-align: top; width: 12%; font-weight: bold; white-space: nowrap; font-size: 18px; text-align: left; color: #f44336; }
.produtc-table th,
.produtc-table td{ padding: .32rem 0; }


.sub-service{ display: flex; justify-content: space-between; padding: .4rem 0 .2rem; letter-spacing: .05em; }
.sub-service .method{ padding: .3rem .5rem; width: 49.166667%; min-height: 3.98rem; color: #fff; }

.sub-service .title{ display: flex; align-items: center; font-size:.24rem; }
.sub-service .title:before{ content: ""; margin-right: .2rem; width: .5rem; height: .5rem; overflow: hidden; border-radius: 50%; }

.sub-service .method-1{ background: url(../images/bg_service_1.png) right bottom / cover no-repeat; }
.sub-service .method-1 .title:before{ background: #ffffff url(../images/ico_method_1.png) center / contain no-repeat; }
.sub-service .method-2{ background: url(../images/bg_service_2.png) right bottom / cover no-repeat; }
.sub-service .method-2 .title:before{ background: #ffffff url(../images/ico_method_2.png) center / contain no-repeat; }


.sub-service .form{ margin-top: .35rem; }
.sub-service .form li{ margin-top: .1rem; }
.sub-service .form li:first-of-type{ margin-top: 0; }
.sub-service .form h4{ padding: .15rem 0; line-height: 1; font-size: .18rem; font-weight: normal;  }

.sub-service .form input{ border: 0 none; }
.sub-service .form .u-text{ padding: 0 1em; width: 100%; height: .55rem; font-size: .18rem;  background-color: rgba(255,255,255,.6); border-radius: .275rem; }
.sub-service .form .u-btn{ flex-shrink: 0; margin-left: .1rem; padding: 0 1em; min-width: 1.4rem; font-size: .18rem; color: #fff; background-color: #00896a; border-radius: .275rem; cursor: pointer; }
.sub-service .form .wrap{ display: flex; }

.sub-service .content{ margin-top: .6rem; line-height: 1.5; font-size: .24rem; font-weight: bold; }
.sub-service .content p{ padding: .1rem 0; }
.sub-service .content span{ font-size: .18rem; font-weight: normal; }


.sub-recruitment{}
.recruitment-item{ margin-top: .15rem; letter-spacing: .05em; border: 2px solid #f0f0f0; }
.recruitment-item:first-of-type{ margin-top: 0; }

.recruitment-item dt{ position: relative; display: flex; align-items: center; padding: .24rem .3rem; line-height: 1.5; cursor: pointer; }
.recruitment-item dt:before{ content: ""; position: absolute; top: -2px; left: -2px; width: 0; height: .04rem; min-height: 2px; overflow: hidden; background-color: #f44336; transition: width .3s; }
.recruitment-item dt>.wrap{ flex: auto; overflow: hidden; }
.recruitment-item dt .name{ padding: .05rem 0; font-size: 26px; font-weight: normal; }
.recruitment-item dt .content{ font-size: 0; color: #999; }
.recruitment-item dt .content span{ font-size: 16px; }
.recruitment-item dt .content span:after{ content: "|"; margin: 0 .75em; }
.recruitment-item dt .date{ margin-top: .16rem; font-size: 28px; color: #999; }

.recruitment-item dd{ display: none; margin: 0 .3rem; border-top: 1px solid #e6e6e6; }
.recruitment-item .detail{ padding: .35rem 0 .45rem; line-height: 2.25; font-size: 16px; }

.recruitment-item.active dt:before{ width: calc( 100% + 4px ); }
.recruitment-item.active dt .name{ font-weight: bold; }


.sub-contact>.area{ padding: .65rem 0 .6rem; }
.sub-contact .contact{ display: flex; align-items: center; padding: .5rem 0; line-height: 1.75; font-size: 16px; color: #fff; background-color: #f44336; }

.sub-contact .contact .name{ flex-shrink: 0; margin-left: .5rem; min-width: 30%; line-height: 1.5; font-size: 13px; white-space: nowrap; }
.sub-contact .contact .name h4{ font-size: 25px; }

.sub-contact .contact .content{ flex: auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: .5rem; overflow: hidden; }
.sub-contact .contact .content li{ margin-right: .5rem; min-width: calc(50% - .5rem); }

.sub-contact .form{ margin-top: .5rem; color: #666; }
.sub-contact .form ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }

.sub-contact .form li{ width: calc( (100% - 2.6rem) / 3 ); }

.sub-contact .form li.textarea{ margin-top: .1rem; width: 100%; }

.sub-contact .form label{ position: relative; display: flex; line-height: 1; font-size: 14px; border-bottom: 1px solid rgba(224,224,224,.8); }
.sub-contact .form label strong{ flex-shrink: 0; margin-right: 1em; padding: 12px 0; white-space: nowrap; }
.sub-contact .form input,
.sub-contact .form textarea{ width: 100%; line-height: 1; font-size: 14px; border: 0 none; }

.sub-contact .form textarea{ padding: 5px 0; height: 140px; line-height: 2; }

.sub-contact .form .line{ content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 1px; background-color: #f44336; transition: width .3s; }
.sub-contact .form input:focus+.line,
.sub-contact .form textarea:focus+.line{ width: 100%; }


.sub-contact .form li.wrap{ display: flex; justify-content: space-between; align-items: flex-end; margin-top: .3rem; width: 100%; }


.sub-contact .form .vCode{ display: flex; line-height: 1; font-size: 14px; white-space: nowrap; }
.sub-contact .form .vCode span{ padding: 11px 0; }
.sub-contact .form .vCode input{ padding: 0 .5em; width: 100px; border: 1px solid #dedede; box-shadow: 0 1px 0 rgba(204,204,204,.42); }
.sub-contact .form .vCode img{ margin-left: 18px; height: 36px; }


.sub-contact .form .button{ display: flex; margin-left: 1.3rem; }

.sub-contact .form .button input{ margin-right: .2rem; padding: .17rem; min-width: 2.1rem; line-height: 1; font-size: 14px; font-weight: bold; cursor: pointer; transition: color .3s, filter .3s; }
.sub-contact .form .button input:last-of-type{ margin-right: 0; }
.sub-contact .form .submit{ color: #fff; border: 1px solid #f44336; background-color: #f44336; }
.sub-contact .form .submit:hover{ filter:brightness(1.15); }
.sub-contact .form .reset{ color: #999; border: 1px solid #dcdcdc; background-color: #fff; }
.sub-contact .form .reset:hover{ color: #f44336; }

.sub-contact .map>img{ width: 100%; }

#dituContent img{ max-width: none; }


.sub-video{ padding-top: .2rem; }
.sub-video ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.sub-video li{ margin-top: .46rem; width: 47%; }
.sub-video li:nth-of-type(-n+2){ margin-top: 0; }
.sub-video .u-box{ display: block; line-height: 1.875; color: #666; }
.sub-video .u-img{ position: relative; padding-top: 63.829788%; overflow: hidden; background-color: #fff; }
.sub-video .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; transition: transform .3s; }
.sub-video .u-img:before{ content: ""; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.45) url(../images/ico_video.png) center / .86rem no-repeat; }
.sub-video .u-name{ margin-top: .36rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .24rem; font-weight: normal; color: #333; transition: color .2s; }
.sub-video .u-con{ margin-top: .2rem; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }


.sub-video .u-box:hover .u-img>.jqthumb{ transform: scale(1.1); }
.sub-video .u-box:hover .u-name{ color: #f44336; }


.sub-content{ line-height: 2; font-size: .18rem; }
.sub-content h4{ padding: .5em 0; font-size: .36rem; font-weight: normal; }


.sub-news li{ margin-top: 2.5%; }
.sub-news li:first-of-type{ margin-top: 0; }
.sub-news .u-box{ display: flex; }
.sub-news .u-img{ flex-shrink: 0; position: relative; margin-right: 2.5%; padding-top: 17%; width: 26.166667%; height: 0; overflow: hidden; }
.sub-news .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; transition: transform .3s; }

.sub-news .u-con{ padding: .12rem 0; line-height: 1.733334; }
.sub-news .u-con .name{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .18rem; font-weight: normal; text-decoration: underline; transition: color .2s; }
.sub-news .u-con .content{ margin-top: .24rem; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size: .15rem; color: #999; }
.sub-news .u-con .date{ margin-top: .3rem; font-size: .24rem; color: #999; }

.sub-news .u-box:hover .u-img>.jqthumb{ transform: scale(1.1); }
.sub-news .u-box:hover .u-con .name{ font-weight: bold; color: #f44336; }


.sub-detail{ font-size: 16px; }
.sub-detail .detail-title{margin-bottom:.5rem;padding-bottom:.3rem;line-height:1.5; border-bottom:1px solid #e3e3e3;}
.sub-detail .detail-title h1{font-size:28px;}
.sub-detail .detail-title p{margin-top: .1rem;color:#969696;}
.sub-detail .detail-con{line-height:1.875;color:#666;}


.sub-merchants{ padding: .4rem 0 .3rem; color: #666; }
.sub-merchants ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }

.sub-merchants li{ width: calc( (100% - .6rem) / 2 ); }

.sub-merchants li.textarea{ margin-top: .6rem; width: 100%; }

.sub-merchants label{ position: relative; display: flex; line-height: 1; font-size: 14px; border-bottom: 1px solid rgba(224,224,224,.8); }
.sub-merchants label strong{ flex-shrink: 0; margin-right: 1em; padding: 12px 0; white-space: nowrap; }
.sub-merchants input,
.sub-merchants textarea{ width: 100%; line-height: 1; font-size: 14px; border: 0 none; }

.sub-merchants textarea{ padding: 5px 0; height: 160px; line-height: 2; }

.sub-merchants .line{ content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 1px; background-color: #f44336; transition: width .3s; }
.sub-merchants input:focus+.line,
.sub-merchants textarea:focus+.line{ width: 100%; }

.sub-merchants li.button{ margin-top: .65rem; width: 100%; text-align: center; }
.sub-merchants .btn{ display: inline-block; vertical-align: top; padding: .15rem .3rem; min-width: 3rem; width: auto; line-height: 1; font-size: 20px; color: #fff; background-color: #f44336; border-radius: .25rem; cursor: pointer; }


.sub-honor ul{ display: flex; flex-wrap: wrap; }
.sub-honor li{ margin: .4rem 0 0 5%; width: 30%; }
.sub-honor li:nth-of-type(-n+3){ margin-top: 0; }
.sub-honor li:nth-of-type(3n+1){ margin-left: 0; }
.sub-honor .u-box{ display: block; }
.sub-honor .u-img{ position: relative; padding-top: 75%; height: 0; overflow: hidden; }
.sub-honor .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; transition: filter .3s; }
.sub-honor .u-name{ margin-top: .2rem; padding: 0 .1rem; line-height: 1.666667; font-size: .18rem; font-weight: normal; text-align: center; }

.sub-honor .u-box:hover{ color: #f44336; }
.sub-honor .u-box:hover .u-img>.jqthumb{ filter: brightness(1.15); }
















































}
@media screen and (max-width:750px){

	/*::-webkit-scrollbar{width:0;height:0;}*/
	[wap="hide"]{display:none!important;}
	.area{padding-left:.24rem;padding-right:.24rem;}

	/* WAP头部 */
	#header{width:100%;height:.85rem;}
	#header .fixed-wrap{position:fixed;z-index:200;top:0;left:0;right:0;height:.85rem;background:#fff;}
	.top-box{flex:auto;position:relative;display:flex;align-items:center;height:100%;box-shadow:0 .03rem .05rem rgba(0,0,0,.09);}
	.top-box>.area{display:flex;justify-content:space-between;align-items:center;padding:0;height:100%;}
	.top-logo{flex:auto;overflow:hidden;height:100%;}
	.top-logo .logo{display:flex;align-items:center;padding:.12rem .24rem;height:100%;}
	.top-logo .logo>a{display:flex;align-items:center;height:100%;}
	.top-logo .logo img{max-height:100%;}

	.top-box .nav-btn{margin:0 .24rem;}
	.top-box .nav-btn .line{position:relative;display:block;width:.54rem;height:.04rem;min-height:2px;overflow:hidden;background:#f44336;transition:transform .3s;}
	.top-box .nav-btn .line:nth-child(2){margin:.15rem 0;}

	.top-wrap{ display: flex; align-items: center; }
	.top-tel a{ display: flex; justify-content: center; align-items: center; font-size:0; }
	.top-tel a:before{ content: ""; width: .5rem; height: .5rem; background: url(../images/ico_top_tel.png) center / .46rem no-repeat; }

	.top-nav{position:fixed;z-index:-1;top:.85rem;left:100vw;display:flex;flex-direction:column;padding:.4rem;width:100vw;height:calc(100vh - .85rem);overflow:auto;background:#fff;transition:transform .3s;}
	.top-nav>.area{ padding: 0; }
	.top-nav .fir-li{border-bottom:solid 1px #efefef;}
	.top-nav .fir-li:last-of-type{border-bottom:none;}
	.top-nav .fir-li .u-a{display:flex;justify-content:space-between;align-items:center;padding:1em 0;line-height:1;font-size:.3rem; color: #666;}
	.top-nav .fir-li .u-a>.en{ display: none; }
	.top-nav .fir-li .u-a .icon{order:99;flex-shrink:0;display:none;margin-left:.3rem;width:.3rem;height:.3rem;}
	.top-nav .fir-li .u-a .icon:before,.top-nav .fir-li .u-a .icon:after{content:"";display:block;width:.3rem;height:2px;overflow:hidden;background:#999;transition:transform .3s,background .3s,opacity .3s;}
	.top-nav .fir-li .u-a .icon:before{margin-top:calc(.15rem - 1px);}
	.top-nav .fir-li .u-a .icon:after{margin-top:-2px;transform:rotate(90deg);}
	.top-nav .active .u-a .icon:before{opacity:0;transform:rotate(90deg);}
	.top-nav .active .u-a .icon:after{transform:rotate(180deg);}
	.top-nav .sec-box{display:none;}
	.top-nav .sec-ul{padding-bottom:1em;font-size:.24rem;}
	.top-nav .sec-ul a{display:block;padding:1em 0 1em 2em;line-height:1;color:#999;}
	#header[nav="show"] .top-nav{transform:translateX(-100%);}
	#header[nav="show"] .nav-btn .line:nth-child(1){transform:translateY(.19rem) rotate(45deg);}
	#header[nav="show"] .nav-btn .line:nth-child(2){transform:translateX(50%) scaleX(0);}
	#header[nav="show"] .nav-btn .line:nth-child(3){transform:translateY(-.19rem) rotate(-45deg);}


	/* WAP内容 */
	#content{min-height:calc(100vh - .85rem);/* 减头部高度 */}

	/* WAP底部 */
	#footer{}
	.m-footer{ background-color: #c63a30; }
	.footer-contact{ color: #fff; padding: .5rem 0; }
	.footer-contact a{ color: #fff; }
	.footer-contact .logo{ height: .62rem; }
	.footer-contact .logo img{max-height:100%;}
	.footer-contact .content{ margin-top: 1em; line-height: 2; font-size: .26rem; }

	.footer-copyright{ padding: .24rem 0 .34rem; line-height: 2; font-size: .22rem; color: rgba(255,255,255,.8); border-top: 1px solid rgba(255,255,255,.2); }
	.footer-copyright a{ color: #fff; }


	/* WAP首页 */
.swiper-banner{position:relative;}
.swiper-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.swiper-banner .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; }
.swiper-banner-pagination{position:absolute;z-index:10;left:50%;bottom:.3rem;line-height:0;font-size:0;text-align:center;transform:translateX(-50%);}
.swiper-banner-pagination .swiper-pagination-bullet{position:relative;display:inline-block; vertical-align:top;margin-left:.22rem;width:.22rem;height:.22rem;opacity:1;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background: none;}
.swiper-banner-pagination .swiper-pagination-bullet:first-of-type{margin-left:0;}
.swiper-banner-pagination .swiper-pagination-bullet:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #fff; border-radius: 50%; opacity: 0; transform: scale(.5); transition: opacity .3s,transform .3s; }
.swiper-banner-pagination .swiper-pagination-bullet:after{ content: ""; position: absolute; top: 50%; left: 50%; width: .06rem; height: .06rem; border-radius: 50%; background-color: #fff; opacity: .5; transform: translate(-50%,-50%); transition: opacity .3s; }
.swiper-banner-pagination .swiper-pagination-bullet-active:before{ opacity: 1; transform: none; }
.swiper-banner-pagination .swiper-pagination-bullet-active:after{ opacity: 1; }

.swiper-banner-pagination .swiper-pagination-bullet[role="button"]{ display: inline-block; }

.swiper-banner-prev,
.swiper-banner-next{ display: none; position: absolute; z-index: 10; top: 50%; margin-top: -.65rem; width: .76rem; height: 1.3rem; background: url(../images/arrow_banner.png) .76rem 0 / auto 1.1rem no-repeat; opacity: .45; cursor: pointer; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0); transition: opacity .3s; }
.swiper-banner-prev{ left: 3.125%; background-position: .1rem .1rem; }
.swiper-banner-next{ right: 3.125%; background-position: -.66rem .1rem; }
.swiper-banner-prev:hover,
.swiper-banner-next:hover{ opacity: 1; }
.swiper-banner-prev[aria-disabled="false"],
.swiper-banner-next[aria-disabled="false"]{ display: block; }

.m-banner .swiper-banner .swiper-slide img{ min-height: 4.5rem; }
.sub-banner .swiper-banner .swiper-slide img{ min-height: 2.2rem; }
.sub-banner-merchants .swiper-banner .swiper-slide img{ min-height: 3.44rem; }



.m-title{line-height:1; text-align: center; }
.m-title:after{ content: ""; display: block; margin: 0 auto; width: 1.44rem; height: 1px; overflow: hidden; font-size: .36rem; background-color: #f44336; }
.m-title h2{ padding:.12rem 0 .12rem .05em; letter-spacing: .05em; font-size:.36rem;font-weight:normal; }

.m-more{ text-align: center; }
.m-more>.btn{ display: inline-block; vertical-align: top; padding: .07rem 1em; min-width: 1.48rem; font-size: .18rem; line-height: 2; text-align: center; color: #fff; background-color: #f44336; }


.m-about{ position: relative; overflow: hidden; background:#fff8f7;}
.m-about>.area{ padding: 0; }
.m-about .conBox{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; position: relative; z-index: 10; padding: .4rem .24rem .6rem; line-height: 2; }
.m-about .conBox .title{ font-size: .36rem; font-weight: normal; }
.m-about .conBox .content{ overflow:hidden; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; font-size: .28rem; color: #666; }
.m-about .conBox .menu{ display: flex; flex-wrap: wrap; margin: .4rem 0 0 -.8rem; }
.m-about .conBox .menu li{ margin-left: .8rem; }
.m-about .conBox .menu a{ font-size: .28rem; color: #666;; }
.m-about .conBox .menu a:hover{ color: #f44336; }
.m-about .conBox .menu .icon{ display: block; height: .46rem; text-align: center; }
.m-about .conBox .menu .icon>img{ max-height: 100%; }
.m-about .conBox .menu .name{ margin-top: .14rem; font-weight: normal; }
.m-about .conBox .btn{ display: inline-block; vertical-align: top; margin-top: .5rem; padding: .07rem 1em; min-width: 1.48rem; font-size:.2rem; text-align: center; color: #fff; background-color: #f44336; }

.m-about .imgBox{ position: absolute; left: 32%; right: 0; top: 0; bottom: 0; opacity: .25;}
.m-about .imgBox img{ width: 100%; height: 100%; object-fit: cover; object-position: left center; }



.m-categories{ position: relative; padding: .4rem 0 .5rem; background-color: #fcc; }
.m-categories>.background{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.m-categories>.background img{ width: 100%; height: 100%; object-fit: cover; }
.m-categories>.area{ position: relative; z-index: 10; }
.swiper-categories{ margin: .4rem -.24rem 0	; padding: 0 .24rem; overflow: hidden; }
.swiper-categories>.swiper-container{ overflow: visible; }
.swiper-categories .swiper-slide{ margin-right: 3.418804%; width: 48.290598%; }
.swiper-categories .swiper-slide:last-of-type{ margin-right: 0; }
.swiper-categories .u-box{ position: relative; display: block; color: #fff; }
.swiper-categories .u-img{ position: relative; display: block; padding-top: 143.352601%; height: 0; overflow: hidden; }
.swiper-categories .u-img>.jqthumb{position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; transition:transform .3s, filter .3s;}

.swiper-categories .u-name{ position: absolute; top: 28.629033%; left: .2rem; right: .2rem; padding-left: .1em; text-align: center; letter-spacing: .1em; }
.swiper-categories .u-name h4{ line-height: 1.75; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .28rem; }
.swiper-categories .u-name p{ line-height: 2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .12rem; opacity: .8; }

.swiper-categories .u-logo{ position: absolute; bottom: 6.451613%; left: .2rem; right: .2rem; text-align: center; }
.swiper-categories .u-logo img{ max-height: .3rem; }

.swiper-categories .swiper-slide:nth-of-type(2) .u-box{ color: #00ffc0; }
.swiper-categories .swiper-slide:nth-of-type(3) .u-box{ color: #fffe9e; }

.swiper-categories .u-box:hover .u-img>.jqthumb{transform:scale(1.1); filter: brightness(.75);}


.m-product{ padding-top: .4rem; padding-bottom: .5rem; }
.m-product .m-more{ margin-top: .5rem; }
.swiper-product{ margin: .4rem -.24rem 0; padding: 0 .24rem; overflow: hidden; }
.swiper-product>.swiper-container{ overflow: visible; }
.swiper-product .swiper-slide{ margin-right: 3.418804%; width: 40.740741%; }
.swiper-product .swiper-slide:last-of-type{ margin-right: 0; }
.swiper-product .u-box{ position: relative; display: block; line-height: 2; text-align: center; }
.swiper-product .u-box:before{ content: ""; position: absolute; top: 0; left: .05rem; right: .05rem; height: 1.7rem; background: url(../images/ico_product.png) center bottom / 100% auto no-repeat; opacity: .1; filter:brightness(.72); transition: filter .3s; }
.swiper-product .u-box:after{ content: ""; position: absolute; z-index: -1; top: 0; bottom: .8rem; left: 0; right: 0; background-color: #f8f8f8; transition: background-color .3s; }

.swiper-product .u-name{ position: relative; z-index: 10; padding: .4rem .2rem; }
.swiper-product .u-name h4{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .28rem; font-weight: normal; }
.swiper-product .u-name span{ display: inline-block; vertical-align: top; margin-top: .04rem; padding: .04rem 1em; font-size: .18rem; color: #999; background-color: #fff; border-radius: .22rem; transition: color .2s, background-color .2s; }

.swiper-product .u-img{ display: flex; justify-content: center; align-items: center; margin: 0 .2rem; height: 2.4rem; overflow: hidden; }
.swiper-product .u-img>img{ width: auto; max-width: none; }


.swiper-product .u-box:hover{ color: #fff; }
.swiper-product .u-box:hover:before{ filter: brightness(1); }
.swiper-product .u-box:hover:after{ background-color: #f44336; }

.swiper-product .u-box:hover .u-name span{ color: #f44336; background-color: rgba(255,255,255,.78); }




.m-honor{ position: relative; padding: .4rem 0 .5rem; background-color: #d1d1d1; }
.m-honor>.background{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.m-honor>.background img{ width: 100%; height: 100%; object-fit: cover; }
.m-honor>.area{ position: relative; z-index: 10; padding: 0; }
.m-honor .conBox{ margin-top: .4rem; }
.m-honor .m-more{ position: relative; z-index: 10; margin-top: -.25rem; }


.m-case{ position: relative; padding: .5rem 0; background-color: #fcc; }
.m-case>.background{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.m-case>.background img{ width: 100%; height: 100%; object-fit: cover; }
.m-case>.area{ position: relative; z-index: 10; }

.m-case .listBox ul{ display: flex; flex-wrap: wrap; }

.m-case .listBox li{ margin: 1.666667% 0 0 1.666667%; color: #fff; background-color: #f44336; }
.m-case .listBox li:nth-of-type(-n+3){ margin-top: 0; }
.m-case .listBox li:nth-of-type(3n+1){ margin-left: 0; }
.m-case .listBox li:nth-of-type(6n+1){ width: 24.166667%; height: 2.6125rem; }
.m-case .listBox li:nth-of-type(6n+2){ width: 39.583334%; height: 2.6125rem; }
.m-case .listBox li:nth-of-type(3n+3){ width: 32.916667%; }
.m-case .listBox li:nth-of-type(6n+4){ width: 33.333334%; height: 1.5rem; }
.m-case .listBox li:nth-of-type(6n+5){ width: 30.416667%; height: 1.5rem; }


.m-case .listBox li:nth-of-type(6n+3){ height: 1.9rem; }
.m-case .listBox li:nth-of-type(6n+6){ margin-top:  calc(-.7125rem + 1.666667%); height: 2.2125rem; }

.m-case .listBox .u-img{ display: block; width: 100%; height: 100%; overflow: hidden; }
.m-case .listBox .u-img>.jqthumb{ transition:transform .3s, filter .3s;}
.m-case .listBox .u-img:hover>.jqthumb{ transform:scale(1.1); filter: brightness(1.15); }

.m-case .listBox li.title{ display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: .44rem .24rem .5rem; }

.m-case .listBox .u-name{ margin-bottom: .2rem; }
.m-case .listBox .u-name p{ line-height: 1.2; font-size: .18rem; }
.m-case .listBox .u-name h2{ line-height: 1.222223; font-size: .32rem; font-weight: normal; }
.m-case .listBox .u-con{ display: none; }
.m-case .listBox .u-btn{ display: inline-block; vertical-align: top; padding: .07rem 1em; min-width: 1.48rem; line-height: 2; font-size: .18rem; text-align: center; color: #f44336; background-color: rgba(255,255,255,.78); transition: background-color .2s; }
.m-case .listBox .u-btn:hover{ background-color: #fff; }


.m-news{ padding-top: .4rem; padding-bottom: .5rem; }
.m-news .listBox{ margin-top: .4rem; }

.m-news .listBox li{ margin-top: .24rem; overflow: hidden; }
.m-news .listBox li:first-of-type{ margin-top: 0; }

.m-news .listBox .u-img{ position: relative; display: block; padding-top: 67.558529%; height: 0; overflow: hidden; }
.m-news .listBox .u-img>.jqthumb{position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; transition:transform .3s, filter .3s;}
.m-news .listBox a:hover .u-img>.jqthumb{transform:scale(1.1); filter: brightness(1.15);}


.m-news .listBox .u-box{ display: flex; align-items: center; color: #666; }
.m-news .listBox .u-date{ flex-shrink: 0; display: flex; flex-direction: column; justify-content: center; margin-right: .24rem; min-width: 1.08rem; min-height: 1.08rem; transition: color .2s, background-color .2s; }
.m-news .listBox .u-date p{ line-height: 1; flex-wrap: nowrap; font-size: .32rem; text-align: center; }
.m-news .listBox .u-date p.DD{ margin-bottom: .12rem; font-size: .64rem; }
.m-news .listBox .u-con{ flex: auto; padding: .04rem 0; overflow: hidden; }
.m-news .listBox .u-con .name{ line-height: 2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .32rem; transition: color .2s; }
.m-news .listBox .u-con .content{ line-height: 1.466667; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size: .28rem; color: #999; transition: color .2s; }


.m-news .listBox a:hover .u-date{ color: #fff; background-color: #f44336; }
.m-news .listBox a:hover .u-con .name{ color: #f44336; }
.m-news .listBox a:hover .u-con .content{ color: #666; }

.m-news .listBox li.pic>a{ display: block; }
.m-news .listBox li.pic .u-box{ padding-top:.16rem; }

.m-partners{ padding-top: .4rem; padding-bottom: .4rem; border-top: 1px solid #e3e3e3; }

.swiper-partners .swiper-slide{ width: 31.054132%; margin-right: 3.418804%; }
.swiper-partners .swiper-slide:last-of-type{ margin-right: 0; }

.swiper-partners .u-img{position: relative; display: block; padding-top: 40.707965%; height: 0; overflow: hidden; }
.swiper-partners .u-img:before,
.swiper-partners .u-img:after{ content: ""; position: absolute; z-index: 10; width: 0; height: 0; opacity: 0; transition: width .3s, height .3s, opacity .3s; }
.swiper-partners .u-img:before{ top: 0; left: 0; border-top: 2px solid #f44336; border-left: 2px solid #f44336; }
.swiper-partners .u-img:after{ bottom: 0; right: 0; border-bottom: 2px solid #f44336; border-right: 2px solid #f44336; }
.swiper-partners .u-img>.jqthumb{position: absolute !important; top: 0; left: 0; width: 100%; height: 100%;}

.swiper-partners .u-img:hover:before,
.swiper-partners .u-img:hover:after{ width: 100%; height: 100%; opacity: 1; }



	/* WAP内页 */


.sub-menu{ border-bottom: 1px solid #eaeaea; }
.sub-menu>.area{ display: flex; align-items: center; padding: 0; }

.swiper-sub-menu{ flex: auto; position: relative; margin: 0 0 -2px; padding: 0 .2rem; overflow: hidden;}
.swiper-sub-menu .swiper-slide{margin-right:.6rem;width:auto;}
.swiper-sub-menu .swiper-slide:last-of-type{margin-right:0;}
.swiper-sub-menu a{ position: relative; display:block; padding:.34rem 0; line-height:1;font-size:.32rem;text-align:center;color:#999;}
.swiper-sub-menu a:before{ content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 3px; overflow: hidden; background-color: #f44336; transition: left .3s, width .3s; }

.swiper-sub-menu a:hover,
.swiper-sub-menu .current a{ color:#f44336;}
.swiper-sub-menu .current a{ font-weight: bold;}
.swiper-sub-menu .current a:before{ left: 0; width: 100%; }

/*.swiper-sub-menu-prev,*/
.swiper-sub-menu-next{ position: absolute; z-index: 10; top: 0; bottom: 0; width: .2rem; background: url(../images/arrow_menu.png) .76rem 0 / auto .18rem no-repeat; cursor: pointer; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0); opacity: 0; pointer-events:none; transition: opacity .3s; }
/*.swiper-sub-menu-prev{ left: 0; background-position: .05rem center; }*/
.swiper-sub-menu-next{ right: 0; background-position: -.25rem center; }
/*.swiper-sub-menu-prev[aria-disabled="false"],*/
.swiper-sub-menu-next[aria-disabled="false"]{ opacity: 1; pointer-events:auto; }


/*.swiper-sub-menu-prev:before,*/
.swiper-sub-menu-next:before{ content: ""; position: absolute; z-index: 10; top: 0; bottom: 2px; width:.8rem; transition: opacity .3s; pointer-events:none;}
/*.swiper-sub-menu-prev:before{ left: 100%; background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}*/
.swiper-sub-menu-next:before{ right: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}


.sub-title{margin-bottom:.7rem;text-align:center;}
.sub-title h2{ display: inline-block; vertical-align: top; line-height:1.611112; font-size:.36rem;font-weight:normal;letter-spacing: .05em;}
.sub-title h2:after{ content: ""; display: block; margin: 0 auto; height: 1px; overflow: hidden; background-color: #f44336; }


.sub-wrapper{ padding-top: .5rem; padding-bottom: .8rem; }

.sub-case li{ margin-top: .2rem; }
.sub-case li:first-child{ margin-top: 0; }
.sub-case .u-box{ position: relative; display: flex; }

.sub-case .u-img{ flex-shrink: 0; position: relative; margin-right: 3.418804%; width: 50%; min-height: 2.2rem; overflow: hidden; }
.sub-case .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; }

.sub-case .u-con{ flex: auto; padding: .08rem 0; overflow: hidden; }
.sub-case .u-con .name{ padding: .05rem 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .28rem; font-weight: normal;  }
.sub-case .u-con .content{ margin-top: .16rem; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size: .22rem; line-height: 1.875; }
.sub-case .u-con .more{ display: inline-block; vertical-align: top; margin-top: .16rem; padding: .1rem; min-width: 1.28rem; line-height: 1; font-size: .2rem; text-align: center; color: #999; border: 1px solid #d6d6d6; border-radius: .2rem; transition: color .3s, border-color .3s, background-color .3s; }


.sub-product ul{ display: flex; flex-wrap: wrap; }

.sub-product li{ margin: 3.418804% 0 0 3.418804%; width: 48.290598%; }
.sub-product li:nth-of-type(-n+2){ margin-top: 0; }
.sub-product li:nth-of-type(2n+1){ margin-left: 0; }

.sub-product .u-box{ display: block; font-size: .28rem; color: #666; transition: color .3s, background-color .3s; }

.sub-product .u-img{ position: relative; padding-top: 77.956990%; overflow: hidden; background-color: #fff; }
.sub-product .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; }
.sub-product .u-con{ padding: .32rem .3rem .3rem; text-align: center; }
.sub-product .u-con .name{ padding: .5em 0; font-weight: normal; letter-spacing: .05em; }
.sub-product .u-con .more{ display: inline-block; vertical-align: top; margin-top: .12rem; padding: .1rem; width: 1.4rem; line-height: 1; font-size: .2rem; color: #999; border: 1px solid #ccc; background-color: #fff; border-radius: .21rem; transition: color .3s, border-color .3s; }


.sub-product .u-box:hover{ color: #fff; background-color: #f44336; }
.sub-product .u-box:hover .more{ color: #f44336; border-color: #fff; }



.swiper-detail{ position: relative; }
.swiper-detail .swiper-slide{ text-align: center; }
.swiper-detail-pagination{ position:absolute;z-index:10;left:50%;bottom:.16rem;line-height:0;font-size:0;text-align:center;transform:translateX(-50%);}
.swiper-detail-pagination .swiper-pagination-bullet{ display: none; vertical-align:top;margin-left:.08rem;width:.12rem;height:.12rem;opacity:1;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color: #ccc; transition: background-color .3s; }
.swiper-detail-pagination .swiper-pagination-bullet:first-of-type{margin-left:0;}
.swiper-detail-pagination .swiper-pagination-bullet-active{ background-color: #f44336; }
.swiper-detail-pagination .swiper-pagination-bullet[role="button"]{ display: inline-block; }


.itemCon{ padding: .26rem 0 0; line-height: 1.875; color: #666; letter-spacing: .05em; }
.itemCon h1{ font-size: .36rem; font-weight: normal; text-align: center; color: #333; }
.itemCon .content{ margin-top: .28rem; font-size: .28rem; }

.itemCon .link{ margin-top: .48rem; text-align: center; }
.itemCon .link a{ transition: filter .3s; }
.itemCon .link a:hover{ filter: brightness(1.15); }

.product-detail .detail-con{ margin-top: .4rem; }
.product-detail .detail-con .title{ margin-bottom: .2rem; border-bottom: 1px solid #ebebeb; }
.product-detail .detail-con .title h2{ position: relative; display: inline-block; vertical-align: top; padding: .08rem 0; line-height: 1.5; font-size: .32rem; font-weight: normal; }
.product-detail .detail-con .title h2:after{ content: ""; position: absolute; top: 100%; left: 0; right: 0; border-bottom: 3px solid #f44336; }


.produtc-table{ line-height: 1.875; font-size:.28rem; }
.produtc-table tr{ border-bottom: .02rem dashed #e3e3e3; }
.produtc-table tr:last-of-type{ border-bottom: none; }
.produtc-table th{ vertical-align: top; width: 12%; font-weight: bold; white-space: nowrap; font-size: .3rem; text-align: left; color: #f44336; }
.produtc-table th,
.produtc-table td{ padding: .56rem 0; }


.sub-service{ padding: 0 .16rem; letter-spacing: .05em; }
.sub-service .method{ padding: .5rem; min-height: 4.52rem; color: #fff; }

.sub-service .title{ display: flex; align-items: center; font-size:.36rem; }
.sub-service .title:before{ content: ""; margin-right: .2rem; width: .5rem; height: .5rem; overflow: hidden; border-radius: 50%; }

.sub-service .method-1{ background: url(../images/bg_service_1.png) right bottom / cover no-repeat; }
.sub-service .method-1 .title:before{ background: #ffffff url(../images/ico_method_1.png) center / contain no-repeat; }
.sub-service .method-2{ margin-top: .4rem; background: url(../images/bg_service_2.png) right bottom / cover no-repeat; }
.sub-service .method-2 .title:before{ background: #ffffff url(../images/ico_method_2.png) center / contain no-repeat; }


.sub-service .form{ margin-top: .35rem; }
.sub-service .form li{ margin-top: .1rem; }
.sub-service .form li:first-of-type{ margin-top: 0; }
.sub-service .form h4{ padding: .15rem 0; line-height: 1; font-size: .32rem; font-weight: normal;  }

.sub-service .form input{ border: 0 none; }
.sub-service .form .u-text{ padding: 0 1em; width: 100%; height: .55rem; font-size: .28rem;  background-color: rgba(255,255,255,.6); border-radius: .275rem; }
.sub-service .form .u-btn{ flex-shrink: 0; margin-left: .1rem; padding: 0 1em; min-width: 1.4rem; font-size: .28rem; color: #fff; background-color: #00896a; border-radius: .275rem; cursor: pointer; }
.sub-service .form .wrap{ display: flex; }

.sub-service .content{ margin-top: .6rem; line-height: 1.5; font-size: .36rem; font-weight: bold; }
.sub-service .content p{ padding: .1rem 0; }
.sub-service .content span{ font-size: .28rem; font-weight: normal; }


.sub-recruitment{}
.recruitment-item{ margin-top: .15rem; letter-spacing: .05em; border: 2px solid #f0f0f0; }
.recruitment-item:first-of-type{ margin-top: 0; }

.recruitment-item dt{ position: relative; padding: .24rem .3rem; line-height: 1.5; cursor: pointer; }
.recruitment-item dt:before{ content: ""; position: absolute; top: -2px; left: -2px; width: 0; height: .04rem; min-height: 2px; overflow: hidden; background-color: #f44336; transition: width .3s; }
.recruitment-item dt>.wrap{ flex: auto; overflow: hidden; }
.recruitment-item dt .name{ padding: .05rem 0; font-size: .36rem; font-weight: normal; }
.recruitment-item dt .content{ font-size: 0; color: #999; }
.recruitment-item dt .content span{ font-size: .28rem; }
.recruitment-item dt .content span:after{ content: "|"; margin: 0 .75em; }
.recruitment-item dt .date{ margin-top: .16rem; font-size: .32rem; color: #999; }

.recruitment-item dd{ display: none; margin: 0 .3rem; border-top: 1px solid #e6e6e6; }
.recruitment-item .detail{ padding: .35rem 0 .45rem; line-height: 2.25; font-size: 16px; }

.recruitment-item.active dt:before{ width: calc( 100% + 4px ); }
.recruitment-item.active dt .name{ font-weight: bold; }



.sub-contact>.area{ padding-top: .65rem; padding-bottom: .6rem; }
.sub-contact .contact{ padding: .5rem 0; line-height: 1.75; font-size: 0.28rem; color: #fff; background-color: #f44336; }

.sub-contact .contact .name{ flex-shrink: 0; margin-left: .5rem; line-height: 1.5; }
.sub-contact .contact .name h4{ font-size: .36rem; }

.sub-contact .contact .content{ margin-top: .3rem; display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: .5rem; overflow: hidden; }
.sub-contact .contact .content li{ margin-right: .5rem; min-width: calc(50% - .5rem); }

.sub-contact .form{ margin-top: .5rem; color: #666; }
.sub-contact .form ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }

.sub-contact .form li{ margin-top: .1rem; width: 100%; }
.sub-contact .form li:first-of-type{ margin-top: 0; }

.sub-contact .form label{ position: relative; display: flex; line-height: 1.5; font-size: .28rem; border-bottom: 1px solid rgba(224,224,224,.8); }
.sub-contact .form label strong{ flex-shrink: 0; margin-right: 1em; padding: .24rem 0; white-space: nowrap; }
.sub-contact .form input,
.sub-contact .form textarea{ width: 100%; line-height: 1.5; font-size: .28rem; border: 0 none; }

.sub-contact .form textarea{ padding: .24rem 0; height: 1.4rem; }

.sub-contact .form .line{ content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 1px; background-color: #f44336; transition: width .3s; }
.sub-contact .form input:focus+.line,
.sub-contact .form textarea:focus+.line{ width: 100%; }


.sub-contact .form li.wrap{ margin-top: .3rem; width: 100%; }


.sub-contact .form .vCode{ display: flex; align-items: center; line-height: 1; font-size: .28rem; white-space: nowrap; }
.sub-contact .form .vCode span{ padding: .24rem 0; }
.sub-contact .form .vCode input{ padding: .12rem .5em; width: 6em; line-height: 1; font-size: .28rem; border: 1px solid #dedede; box-shadow: 0 1px 0 rgba(204,204,204,.42); }
.sub-contact .form .vCode img{ margin-left: 1em; max-height: 2em; }


.sub-contact .form .button{ display: flex; margin-top: .5rem; }

.sub-contact .form .button input{ margin-right: .2rem; padding: .17rem; line-height: 1; font-size: .28rem; font-weight: bold; cursor: pointer; transition: color .3s, filter .3s; }
.sub-contact .form .button input:last-of-type{ margin-right: 0; }
.sub-contact .form .submit{ color: #fff; border: 1px solid #f44336; background-color: #f44336; }
.sub-contact .form .submit:hover{ filter:brightness(1.15); }
.sub-contact .form .reset{ color: #999; border: 1px solid #dcdcdc; background-color: #fff; }
.sub-contact .form .reset:hover{ color: #f44336; }

.sub-contact .map>img{ width: 100%; }

#dituContent img{ max-width: none; }


.sub-video{ padding-top: .2rem; }
.sub-video ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.sub-video li{ margin-top: .46rem; width: 47%; }
.sub-video li:nth-of-type(-n+2){ margin-top: 0; }
.sub-video .u-box{ display: block; line-height: 1.875; font-size: .22rem; color: #666; }
.sub-video .u-img{ position: relative; padding-top: 63.829788%; overflow: hidden; background-color: #fff; }
.sub-video .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; }
.sub-video .u-img:before{ content: ""; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.45) url(../images/ico_video.png) center / .64rem no-repeat; }
.sub-video .u-name{ margin-top: .24rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .28rem; font-weight: normal; color: #333; }
.sub-video .u-con{ margin-top: .12rem; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; }


.sub-content{ line-height: 2; font-size: .28rem; }
.sub-content h4{ padding: .5em 0; font-size: .36rem; }


.sub-news li{ margin-top: .3rem; }
.sub-news li:first-of-type{ margin-top: 0; }
.sub-news .u-box{ display: flex; }
.sub-news .u-img{ flex-shrink: 0; position: relative; margin-right: .3rem; padding-top: 29.059830%; width: 44.729344%; height: 0; overflow: hidden; }
.sub-news .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; transition: transform .3s; }

.sub-news .u-con{ flex: auto; overflow: hidden; line-height: 1.5; }
.sub-news .u-con .name{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: .326rem; font-weight: normal; text-decoration: underline; transition: color .2s; }
.sub-news .u-con .content{ margin-top: .12rem; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-size: .28rem; color: #999; }
.sub-news .u-con .date{ margin-top: .12rem; font-size: .32rem; color: #999; }

.sub-news .u-box:hover .u-img>.jqthumb{ transform: scale(1.1); }
.sub-news .u-box:hover .u-con .name{ font-weight: bold; color: #f44336; }



.sub-detail{ font-size: .28rem; }
.sub-detail .detail-title{margin-bottom:.5rem;padding-bottom:.3rem;line-height:1.5; border-bottom:1px solid #e3e3e3;}
.sub-detail .detail-title h1{font-size: .36rem;}
.sub-detail .detail-title p{margin-top: .1rem;color:#969696;}
.sub-detail .detail-con{line-height:1.875;color:#666;}


.sub-merchants{ padding: .4rem 0 .3rem; color: #666; }
.sub-merchants ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }

.sub-merchants li{ margin-top: .1rem; width: 100%; }
.sub-merchants li:first-of-type{ margin-top: 0; }

.sub-merchants li.textarea{ margin-top: .6rem; width: 100%; }

.sub-merchants label{ position: relative; display: flex; line-height: 1.5; font-size: .28rem; border-bottom: 1px solid rgba(224,224,224,.8); }
.sub-merchants label strong{ flex-shrink: 0; margin-right: 1em; padding: .24rem 0; white-space: nowrap; }
.sub-merchants input,
.sub-merchants textarea{ width: 100%; line-height: 1.5; font-size: .28rem; border: 0 none; }

.sub-merchants textarea{ padding: .24rem 0; height: 1.6rem; }

.sub-merchants .line{ content: ""; position: absolute; top: 100%; left: 0; width: 0; height: 1px; background-color: #f44336; transition: width .3s; }
.sub-merchants input:focus+.line,
.sub-merchants textarea:focus+.line{ width: 100%; }

.sub-merchants li.button{ margin-top: .65rem; width: 100%; text-align: center; }
.sub-merchants .btn{ display: inline-block; vertical-align: top; padding: .15rem .3rem; min-width: 3rem; width: auto; line-height: 1; font-size: .28rem; color: #fff; background-color: #f44336; border-radius: .29rem; cursor: pointer; }


.sub-honor ul{ display: flex; flex-wrap: wrap; }
.sub-honor li{ margin: 4.273505% 0 0 4.273505%; width: 47.863248%; }
.sub-honor li:nth-of-type(-n+2){ margin-top: 0; }
.sub-honor li:nth-of-type(2n+1){ margin-left: 0; }
.sub-honor .u-box{ display: block; }
.sub-honor .u-img{ position: relative; padding-top: 75%; height: 0; overflow: hidden; }
.sub-honor .u-img>.jqthumb{ position: absolute !important; top: 0; left: 0; transition: filter .3s; }
.sub-honor .u-name{ margin-top: .2rem; padding: 0 .1rem; line-height: 1.666667; font-size: .18rem; font-weight: normal; text-align: center; }


























}