@charset "utf-8";
:root{
	--padding:2rem;
	--bgcolor:#1B72B8;
}
/* CSS Document */
html{background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;font-size:14px}
body{background-color:transparent;}
.body{width:90%;margin:0 auto;text-align:left;position:relative;max-width:1280px}ul,li{list-style:none;margin:0;padding:0}
.bgcover{background-repeat:background;background-position:center;background-size:cover}
.comm-box{padding-bottom:3rem}
.bg-ededed{background-color:#ededed}.bg-ffffff{background-color:#fff}.c-fff{color:#fff}
.title{font-weight:600;font-size:var(--padding);text-align:center;padding:var(--padding) 0;position:relative}
.title .body{text-align:center;font-weight:600}
a.more{display:inline-block;margin-top:1rem;background-color:var(--focuscolor);padding:.5rem 1.5rem;color:#fff;border-radius:3rem;line-height:1.8;font-size:1rem;transition:all 0.3s ease;overflow:hidden;text-align:center}
a.more:before{clear:both;content:"+\20";font-size:1.1rem}
a.more.back{background-color:#333}
a.more.back:before{content:"<\20"}
a.more:after{clear:both;content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.1);transition:all .2s ease;opacity:0}
a.more:not(.disabled):hover:after{opacity:1}
a.more.disabled{background-color:#ededed;color:#999}
.wap{display:none}

.casno:before{clear:both;content:"CASNO.：";color:#fff;opacity:.8}
.hanliang:before{clear:both;content:"含量：";color:#fff;opacity:.8}
.hanliang:after{clear:both;content:"%";color:#fff;opacity:.8}
.huohao:before{clear:both;content:"货号：";color:#fff;opacity:.8}
td .huohao:before{color:#666}
.date,.desc{font-size:.9rem;color:#666}.date:before{clear:both;content:"\e656\20";font-family:"iconfont";color:#999}
.desc{line-height:1.8}
.mail:before,.addr:before,.tel:before{clear:both;content:"";font-family:"iconfont";display:inline-block;font-weight:300;font-size:1rem;text-align:left;width:1.8rem}
.mail:before{content:"\e65c"}.addr:before{content:"\e634"}.tel:before{content:"\e6a3"}

.swiper-wrapper{width:100%;display:block}a.swiper-slide{display:block;height:100%;width:100%}
.next,.prev{position:absolute;z-index:2;display:block;width:2.5rem;height:2.5rem;border:1px solid rgba(0,0,0,.5);border-radius:50%;left:10px;top:50%;
text-align:center;line-height:2.5rem;cursor:pointer;margin-top:-1.25rem}
.next:before,.prev:before{clear:both;content:"\e64d";font-family:"iconfont";font-size:20px;color:rgba(0,0,0,1);font-weight:300}
.next{left:auto;right:10px}.prev{transform: rotate(180deg);transform-origin: center center}
.next.swiper-button-disabled,.prev.swiper-button-disabled{border-color:rgba(0,0,0,.2);cursor:not-allowed!important}
.next.swiper-button-disabled:before,.prev.swiper-button-disabled:before{color:rgba(0,0,0,.4)}
.next:not(.swiper-button-disabled):hover,.prev:not(.swiper-button-disabled):hover{border-color:#000}
.title .next,.title .prev{width:1.8rem;height:1.8rem;line-height:1.25rem;top:50%;right:0;margin-top:-.9rem}
.title .next:before,.title .prev:before{font-size:1rem}
.title .prev{left:auto;right:2.5rem}
.col4{display:block;width:calc((100% - 60px) / 4);position:relative;overflow:hidden;margin-right:20px;}
.col4:nth-child(4n){margin-right:0}
.col2{display:block;width:calc(50% - 10px);position:relative;overflow:hidden;margin-right:20px;}
.col2:nth-child(2n){margin-right:0}

#comm_head{position:fixed;left:0;top:0;right:0;z-index:3;box-shadow:0 0 5px #666}
#comm_head + *{margin-top:8.6rem}
#head{height:3rem;background-color:#1F2437;color:rgba(255,255,255,.8);line-height:3rem}
#head .flex_hcenter i{display:inline-block;margin-right:.5rem}
#head .flex_hcenter+.flex_hcenter{margin-left:1rem;padding-left:1rem;position:relative}
#head .flex_hcenter+.flex_hcenter:after{clear:both;content:"";position:absolute;left:0;top:25%;bottom:25%;border-left:1px solid rgba(255,255,255,.1)}
#head a{color:rgba(255,255,255,.8)}#head a:hover{color:#fff}
 a[href^="tel"]+a[href^="tel"]{display:inline-block;margin-left:var(--padding)}
#head a[href^="tel"]+a[href^="tel"]{display:inline-block;margin-right:var(--padding);margin-left:0}
#head a[href^="tel"]+a[href^="tel"]:before{clear:both;content:"/";display:inline-block;margin:0 .5rem;opacity:.5;font-weight:300}
#head a.en:before{clear:both;content:"|";display:inline-block;margin:0 .5rem;opacity:.5;font-weight:300}

#menu{background-color:#fff;padding:1rem 0;position:relative;z-index:3}
.logo{font-size:var(--padding);color:#333;font-weight:600;display:block;background-repeat:no-repeat;background-size:contain;background-position:left center;padding-left:6rem;line-height:1.8}
#menu li{line-height:3.6rem;position:relative}#menu li+li{margin-left:3rem}
#menu li a{color:#333;font-size:1.1rem;position:relative;z-index:2}
#menu li a:hover,#menu li a.focus{color:var(--focuscolor)}
#menu li div{position:absolute;left:calc(var(--padding) * -1);right:calc(var(--padding) * -1);top:0;background-color:#fff;z-index:1;display:none;text-align:center;padding:3.5rem 0 0 0;border-radius:0 0 5px 5px;}
#menu li:hover div:not(#searchbox){display:block}
#menu li div a{display:block;line-height:2.5;color:#333;border-top:1px solid rgba(0,0,0,.05);font-size:1rem}
#menu li div#searchbox{display:block;left:auto;right:0;top:0;text-align:right;padding:0;border-radius:4rem;width:0px;z-index:4;box-shadow:0 0 2px #999;overflow:hidden}
#menu li div#searchbox input{width:100%;height:100%;border:0;padding:.8rem 3rem .8rem .5rem;font-size:1.1rem;background-color:transparent;position:relative;z-index:1;margin:0}
#menu li div#searchbox input:focus,#menu li div#searchbox input:active,#menu li div#searchbox input:hover{background-color:transparent}
#menu li div#searchbox.show{width:320px;padding:0 1rem;transition:all .2s ease}
#menu li div#searchbox a{display:block;position:absolute;z-index:2;right:0;top:0;bottom:0;height:100%;width:3rem;text-align:center;font-size:1.2rem;line-height:3.6rem;cursor:pointer}
#menu li div#searchbox a:before{clear:both;content:"\e615";font-family:"iconfont";}

#copyright{background-color:#333;padding-top:var(--padding);color:rgba(255,255,255,.7);font-size:.9rem}
#copyright a{color:rgba(255,255,255,.7)}#copyright a:hover{color:rgba(255,255,255,.95)}
.copyright{border-top:1px solid rgba(255,255,255,.05);padding:1rem}.copyright .body{text-align:center}
#copyright li + li{margin-left:var(--padding)}
#copyright li a{display:block}
#copyright li>a{font-size:1.1rem;margin-bottom:1rem}
#copyright div>a{font-size:.9rem;line-height:2}
#copyright .logo{font-size:1.1rem;padding-left:2.5rem;background-size:var(--padding);font-weight:300;margin-bottom:.5rem}
#copyright .addr,#copyright .mail,#copyright .tel{line-height:2}
#copyright img{max-width:125px;display:block}
.link{border-top:1px solid rgba(255,255,255,.05);font-size:1.1rem}.link .body{line-height:normal;padding:1rem 0 1rem 5.5rem}
.link .body:not(:empty):before{clear:both;content:"友情链接：";color:rgba(255,255,255,.3);position:absolute;left:0;top:1.1rem;font-size:1rem}
.link .body a{display:inline-block;margin-right:var(--padding);line-height:1.8!important;font-size:1rem!important}

#lunxian{height:calc(100vh - 8.6rem);position:relative;overflow:hidden;background-color:#ededed}
#lunxian.nohome{height:45vh}
.swiper-slide{position:relative;overflow:hidden;width:100%;height:100%}
#lunxian a{color:#fff;font-size:1.5rem}#lunxian .body{position:relative;height:100%}#lunxian .body *{text-align:center}
#lunxian a h2{font-size:3.5rem;font-weight:300;margin-bottom:var(--padding)}#lunxian a p{font-weight:300}
#lunxian .swiper-slide-active h2{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
#lunxian .swiper-slide-active p{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
#lunxian.nohome .body{font-size:1.2rem}#lunxian.nohome h2{font-size:2.5rem}

.index-company,.index-contact{font-size:1.1rem;text-align:justify;line-height:2}
.index-company .flex_item,.index-contact .flex_item{text-align:justify}
.index-company .pic,.index-contact .pic{width:calc(50% - 1rem);margin-right:var(--padding);border-radius:1rem 0 var(--padding) 0}

.body.swiper{overflow:hidden}

.producttype{display:block}
.producttype .pic{width:100%;height:0;position:relative;padding-bottom:50%;overflow:hidden}
.producttype .pic div{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;transform: scale(1.1);transition: transform 2s ease}
.producttype p{z-index:2;line-height:2.5;position:absolute;left:0;right:0;bottom:0;width:100%;background-color:rgba(0,0,0,.8);color:#fff;text-align:center}
.producttype:hover .pic div{transform: scale(1)}
.product-next,.product-prev{margin-top:-2.5rem}

.index_zhuying .swiper-slide{width:100%}
.product{display:block;margin-bottom:20px;color:#fff;font-size:.9rem;line-height:1.8;padding-bottom:10px;position:relative;border-radius:.5rem 0 1rem 0}
.product:after{clear:both;content:"";position:absolute;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,.2);opacity:0;transition:all .5s ease;}
.product:hover:after{opacity:1}
.product>*{padding:0 10px}
.product h3{margin-bottom:5px;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.1);line-height:2.5;font-weight:600}


.index-zizhi>div{width:calc(50% - 10px);margin-right:20px;border:2px solid #ddd;height:20rem;background-color:#fafafa}
.index-zizhi>div:last-child{margin-right:0}
.index-zizhi img{max-height:100%;max-width:100%}

.news{background-color:#fff;padding:1rem;color:#333;position:relative}
.news:before{clear:both;content:"";position:absolute;left:0;top:0;width:25%;height:2px;background-color:rgba(0,0,0,.2)}
.news h3{padding:1rem 0;font-weight:600;font-size:1.3rem}
.news .pic{width:100%;height:0;position:relative;padding-bottom:50%;overflow:hidden;background-color:#fafafa;overflow:hidden;border:1px solid #eee}
.news .pic div{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;transform: scale(1.1);transition: transform 2s ease}
.news:hover .pic div{transform: scale(1)}
.newslist{padding-top:4rem}.newslist .news:before{display:none}
.newslist .news{margin-bottom:20px}
.news .desc{padding:1rem 0}
.news .icon{position:relative;height:var(--padding)}
.news .icon:before{content:"";position:absolute;left:0;top:8px;height:0;border-bottom:1px solid #666;width:25px;transition:all .5s ease}
.news .icon:after{content:"";position:absolute;left:18px;top:5px;height:6px;width:6px;border-right:1px solid #666;border-top:1px solid #666;transform:rotate(45deg);transition:all .5s ease}
.news:hover .icon:before{left:calc(100% - 30px);}
.news:hover .icon:after{left:calc(100% - 13px);}

.index-kouhao{padding:6rem 0}.index-kouhao .title{color:#fff;font-size:3rem;font-weight:300}
.countbox{margin-top:var(--padding);text-align:center;border-left:1px solid #ddd;padding:0 1rem;text-align:center}
.countbox p{margin:0;line-height:normal;text-align:center}
.countbox:last-child{border-right:1px solid #ddd}
.mycount{display:block;padding:0;width:100%;color:orange;font-weight:bold;font-size:2.5rem;line-height:normal;margin:0;text-align:center}
.mycount:after{clear:both;content:attr(data-flag);font-size:.9rem;font-weight:300;position:static;margin:0;display:inline-block;margin-left:.5rem}

/*显示大图*/
#picshow{position:fixed;left:0;right:0;top:0;bottom:0;z-index:-99;opacity:0;background-color:rgba(0,0,0,.8);padding:5%;color:rgba(255,255,255,.8);font-weight:300}
#picshow.show{z-index:99;opacity:1;-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
#picshow a{position:absolute;z-index:2;width:3rem;height:3rem;border-radius:50%;color:rgba(255,255,255,.5)}
#picshow a:hover{color:rgba(255,255,255,.9)}#picshow a.blur{color:rgba(255,255,255,.5)!important;cursor:default}
#picshow a.close{right:1rem;top:1rem;border:1px solid rgba(255,255,255,.5);text-align:center;line-height:3rem;overflow:hidden}
#picshow a:before{clear:both;font-family:"iconfont";font-size:16px;position:absolute;left:0;top:0;right:0;bottom:0;text-align:center;line-height:3rem}
#picshow a.close:before{content:"\e692"}
#picshow a.prev,#picshow a.next{border-color:rgba(255,255,255,.5)}
#picshow a.prev:before,#picshow a.next:before{color:rgba(255,255,255,.5)}
#picshow .pic{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;transition: opacity .3s ease-in-out}
#picshow .focusindex{text-align:center;position:absolute;z-index:2;left:0;right:0;bottom:1rem;font-size:16px}
#picshow .focusindex:after{clear:both;content:" / "attr(data-all);color:rgba(255,255,255,.3);font-size:14px}

.nextmenu a{height:100%;color:#666;padding:1.5rem 1rem;font-size:1.1rem}
.nextmenu a:before{clear:both;content:"";position:absolute;right:0;top:0;bottom:0;border-left:1px solid rgba(0,0,0,.05)}
.nextmenu a:first-child:after{clear:both;content:"";position:absolute;left:0;top:0;bottom:0;border-left:1px solid rgba(0,0,0,.05)}
.nextmenu a.focus{color:var(--focuscolor)}
.nextmenu a:not(.focus):hover{background-color:rgba(0,0,0,.02);color:#000}

.index-productlist{padding-top:4rem}
thead,th{background-color:transparent!important}
tr:not(.none):last-child th,tr.title:not(.none) th,tr.title:not(.none) td{border-bottom-color:#ededed}
table.productlist td,table.productlist th{border:0;padding:1rem 0;font-size:1.1rem}
table.nothead{border-left:1px solid #ddd;border-top:1px solid #ddd}
table.nothead thead{height:0!important;overflow:hidden!important;}
table.nothead td{font-size:1.1rem;line-height:2}
table.break{table-layout:fixed;width:100%}

/*分页区*/
.fenye{clear:both;overflow:hidden;text-align:right;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.9rem;margin-top:var(--padding)}
.fenye>span{display:inline-block;line-height:40px}.fenye>span + span{margin-left:10px}
.fenye cite{display:inline-block;margin:0 5px;font-style:normal;color:#333}.fenye cite:before{display:none}
.fenye>span:first-child{transform:translateY(2px)}

.fenye font,.fenye a,.fenye button{display:inline-block;height:28px;line-height:28px;position:relative;margin-left:3px;border-radius:3px;text-align:center;padding:0 10px;text-decoration:none;cursor:not-allowed!important;color:#fff;background-color:#999;vertical-align:middle}
.fenye a,.fenye button{display:inline-block;background-color:var(--focuscolor)!important;color:#fff!important;cursor:pointer!important}
.fenye button{outline:0;border:0}
.fenye button:after,.fenye a:after{clear:both;content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.1);border-radius:3px;opacity:0;-webkit-transition:opacity .15s ease-in-out;-o-transition:opacity .15s ease-in-out;transition:opacity .15s ease-in-out}
.fenye button:hover:after{opacity:.8}.fenye button:active:after{opacity:.3}
.fenye font:after{clear:both;content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.1);border-radius:3px}
.fenye button{width:30px;padding:0;position:relative}
.fenye button:before{clear:both;font-family:"iconfont";position:absolute;left:0;top:0;right:0;bottom:0}
.fenye button.first:before{content:"\e6c1"}.fenye button.last:before{content:"\e6c1";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.fenye button.shangye:before{content:"\e6c0"}.fenye button.xiaye:before{content:"\e6c0";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}

.editview,.editdate,.editname{font-size:1rem;font-weight:400;display:inline-block}.editname{margin:0 var(--pd)}
.editview:before,.editdate:before,.editname:before{clear:both;font-family:"iconfont";color:#999}
.editview:before{content:"\e600\20浏览："}
.editdate:before{content:"\e656\20编辑："}
.editname:before{content:"\e63e\20发布："}

.rongyulist{position:relative}
.rongyulist>.bgcover{width:100%;height:0;padding-bottom:74.9037037037037%}

#newscontent{padding:4rem 0}
#newscontent h2{font-size:var(--padding);text-align:center}
#newscontent .date{border-bottom:1px solid #ddd;margin-bottom:var(--padding);padding:var(--padding) 0;text-align:center}
#newscontent div.date:before{display:none}
.newscontent{font-size:1.1rem;text-align:justify;line-height:1.8}

[data-yaoqiu]{margin-bottom:var(--padding)}
[data-zhize]:before{clear:both;content:"工作职责：";display:block;font-weight:600;margin-bottom:var(--padding);color:var(--focuscolor);font-size:1rem}
[data-yaoqiu]:before{clear:both;content:"任职要求：";display:block;font-weight:600;margin-bottom:var(--padding);color:var(--focuscolor);font-size:1rem}
[data-zhize]{margin-bottom:var(--padding)}
.joblist{line-height:4;height:4rem;background-color:#ddd;font-size:1rem;color:#333;padding:0 var(--padding);cursor:pointer;margin-top:1rem}
.joblist:before,.joblist.focus{background-color:rgba(27,114,184,1)}
.joblist>div:last-child:after{clear:both;content:"\e61d";font-family:"iconfont";position:relative;z-index:2}.joblist>div:first-child{color:var(--focuscolor);font-weight:600}
.joblist:hover,.joblist:hover>div:first-child,.joblist:hover>div:last-child:after,.joblist.focus,.joblist.focus>div:first-child,.joblist.focus>div:last-child:after{color:#fff;background-color:var(--focuscolor)}
.joblist.focus>div:last-child:after{content:"\e639"}
.jobcontent{clear:both;background-color:#ddd;overflow:hidden;position:relative;display:-ms-grid;display:grid;grid-template-rows:0fr;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-size:1rem}
.jobcontent>div{overflow:hidden}.jobcontent>div>div{padding:var(--padding)}
.joblist.focus+.jobcontent{grid-template-rows:1fr}

form{background-color:#fff;border-radius:5px;padding:var(--padding)}
.inputlist + .inputlist{margin-top:1rem}
.inputlist .flex_item+.flex_item{margin-left:var(--padding)}
.inputlist label{width:6rem;line-height:2.5}
.inputlist input,.inputlist textarea{width:100%;padding:.7rem;border-radius:3px}.inputlist textarea{height:10rem}
.inputlist .more{margin-top:0;margin-right:1rem;width:8rem}.inputlist .more:before{display:none}
.inputlist .desc{line-height:3}

a[href^="http://map.qq"],.logo-text{display:none;position:absolute;left:-100rem;bottom:-100rem; visibility:hidden}

.shangxia{padding:var(--padding) 0;line-height:2}.shangxia a{color:var(--focuscolor)}.shangxia a:hover{text-decoration:underline}
.shangyitiao,.xaiyitiao{display:block;position:relative;overflow:hidden}
.shangyitiao:empty:after,.xiayitiao:empty:after{clear:both;content:"已经没有了";color:#999}
.xiayitiao:before,.shangyitiao:before{clear:both;content:"";display:inline-block;margin-right:1rem}
.shangyitiao:before{content:"上一条"}
.xiayitiao:before{content:"下一条"}

#floatright{position:fixed;right:3px;bottom:5rem;width:60px;z-index:5;box-shadow:0 0 5px rgba(0,0,0,.3);background:#f8f8f8}
#floatright>a{display:block;width:100%;height:60px;border-bottom:1px solid rgba(0,0,0,.05);text-align:center;line-height:60px;color:#999;position:relative}
#floatright>a:last-child{border-bottom:0}
#floatright>a:before{clear:both;content:"";font-family:"iconfont";font-size:1.3rem;}
#floatright>a:hover{background-color:var(--bgcolor);color:#fff}
#floatright>a#toptop:before{content:"\e689"}#floatright>a#tophome:before{content:"\e620"}#floatright>a#topback:before{content:"\e645"}
#floatright>a#qq:before{content:"\e876"}#floatright>a#wx:before{content:"\e66f"}#floatright>a#tel:before{content:"\e62d"}
#floatright a>div{position:absolute;left:0;top:0;padding:1rem;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3);transform:translateX(calc(-100% - 2px));color:#333}
#floatright a>div.pic{width:100px;height:100px}
#floatright a>div img{width:100%;height:100%;display:block;margin:0}

@media(max-width:1200px){
	:root{--padding:1rem}
	.prev,.next{width:1.5rem;height:1.5rem}
	.prev:before,.next:before{font-size:1rem!important;position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;line-height:1.9rem!important}

	.body{width:100%;max-width:100%}
	.pc{display:none}.wap{display:block}
	.comm-box{padding-bottom:0}
	
	#menu{padding:0}
	#menu ul{position:fixed;left:0;top:50px;bottom:0;width:50%;display:block;background-color:rgba(0,0,0,.8);transform:translateX(-101%);transition:all .2s ease}
	#menu ul.show{transform:translateX(0)}
	#menu li+li{margin-left:0}
	#menu li{border-bottom:1px solid rgba(255,255,255,.3)}
	#menu li a{display:block;text-align:center;color:rgba(255,255,255,.8)}
	#menu .logo{font-size:1.2rem;height:50px;line-height:50px;background-size:3rem auto;margin:0 var(--padding);padding-left:3.5rem}
	#comm_head + *{margin-top:50px}
	#wapmenu{position:absolute;right:0;top:0;bottom:0;color:#333;line-height:50px;padding:0 var(--padding)}
	#wapmenu:before{clear:both;content:"\e692";font-family:"iconfont"}
	#wapmenu.show:before{content:"\e61f"}
	#menu li:hover div:not(#searchbox){display:none}
	#menu li a:hover,#menu li a.focus{color:rgba(255,255,255,.8)}
	#searchbox-show{display:none!important}
	
	#lunxian{height:40vh;position:relative;overflow:hidden;background-color:#ededed}
	#lunxian.nohome{height:30vh}
	#lunxian .body{padding:0 var(--padding)}
	#lunxian h2{font-size:1.5rem!important}
	#lunxian p{font-size:1.1rem!important}
	
	.title{font-weight:600;font-size:1.2rem;text-align:center;padding:1.2rem var(--padding);position:relative;}
	.title .body{text-align:center;font-weight:600}
	
	.index-company .body{display:block!important;padding:0 var(--padding)}
	.index-kouhao{padding:calc(var(--padding) * 2) var(--padding)}
	.index-kouhao .title{font-size:1.5rem}
	.col4{width:100%;margin:0}
	.product{border-radius:0}
	.mycountbox{padding-bottom:var(--padding)}
	.mycount{font-size:1.5rem}
	.news:before{display:none}
	.rongyu{padding-bottom:calc(var(--padding) * 2)}
	.nextmenu a{padding:1rem .5rem;font-size:1rem}
	.fenye .gongji{display:none}
	.index-productlist{padding:var(--padding)}
	
	form{background:none;padding:0}
	.inputlist{display:block}
	.inputlist + .inputlist{margin-top:0}
	.inputlist .flex_item+.flex_item{margin-left:0}
	.inputlist label{display:none}
	.inputlist input,.inputlist textarea{margin-bottom:calc(var(--padding) / 2)}
	form a#save{width:calc(100% - 3rem)}
	.newslist{padding:0}
	.newslist .news{margin-bottom:0;margin-top:var(--padding)}
	.newslist.+.fenye{margin-bottom:2rem}
	#newscontent{padding:var(--padding) 0}
	#newscontent .body{padding:var(--padding);padding-top:0}
	#newscontent h2{font-size:1.3rem}
	#newscontent .date{border-bottom:1px solid #ddd;margin-bottom:var(--padding);padding:var(--padding) 0;text-align:center;font-size:12px}
	#newscontent .date *{font-size:12px}
	
	.index-job{padding-bottom:calc(var(--padding) * 2)}
	.joblist{font-size:1rem}
	
	#contactbox{display:block}
	.index-contact .pic{width:100%;margin-right:0;border-radius:0}
	#contactbox .flex_item{padding:var(--padding)}
	#copyright{padding-top:0}
	.copyright{border:0}

}