@charset "utf-8";
*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#222;font:14px/30px 'kanitregular', "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial;background:#fff;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:'kanitregular', "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
* html .clearfix{height:1%;}
*{box-sizing:border-box;}
a{color:#222;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#28b091;text-decoration:none;}
.hide,.none,ins{display:none;}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.wrap{clear:both;display:block;margin:0 auto;max-width:1400px;width:100%;padding:0 0;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}

@font-face{
	font-family:"quicksand";
	src:url('../fonts/quicksand.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:"din";
	src:url("../fonts/din-medium.woff") format("woff"),
		url("../fonts/din-medium.ttf") format("truetype"),
		url("../fonts/din-medium.eot") format("embedded-opentype"),
		url("../fonts/din-medium.svg") format("svg");
	font-weight:normal;
	font-style:normal;
}

#header{width:100%;position:fixed;left:0;top:0;background:#fff;z-index:200;}
#header{box-shadow:0 2px 10px 0 rgba(28,28,28,.05);}
#header .wrap{height:90px;display:flex;justify-content:space-between ;align-items:center;}
#header .logo img{ height:60px}
#header .right{display:flex;align-items:center;gap:0 80px;}
#header .right .nav ul{display:flex;align-items:center;gap:0 60px;}
#header .right .nav ul li a{display:block; font-size:18px}
#header .right .nav ul li.active a{ color:#28b091}
#header .right .mnav{ display:none}

#banner{width:100%;margin-top:90px;}
#banner .focus{position:relative;}
#banner .focus .swiper-slide{ position:relative}
#banner .focus .swiper-slide .pc{display:block;}
#banner .focus .swiper-slide .m{display:none;}
#banner .focus .swiper-slide img{width:100%;}
#banner .focus .swiper-slide .text{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3)}
#banner .focus .swiper-slide .text{display:flex;justify-content:center;align-items:center; color:#fff}
#banner .focus .swiper-slide .text .title{ font-size:50px; font-weight:700; text-align:center; line-height:1}
#banner .focus .swiper-slide .text .desc{ font-size:26px;  text-align:center; line-height:1; margin-top:30px}

#notice{ width:100%;  border-bottom:1px solid #eee;}
#notice .wrap{display:flex;align-items:center; padding:5px 0}
#notice .title{ width:100px; font-size:16px; color:#f00; font-weight:700}
#notice .list{ width:calc(100% - 100px ); line-height:40px; height:40px; overflow:hidden}
#notice .list .swiper-slide a{ position:relative; padding-left:15px; line-height:1}
#notice .list .swiper-slide a:before{content:"";position:absolute;background:#999;height:6px;width:6px;top:50%;left:0;transform:translatey(-2px); border-radius:6px}
#notice .list .swiper-slide span{ margin-left:30px; color:#999; font-style:italic}


#project{ width:100%; margin-top:50px}
#project .stitle{ border-bottom:1px solid #eee; padding-bottom:10px;display:flex;justify-content:space-between ;align-items:center;}
#project .stitle .title{ font-size:24px; font-weight:700;}
#project .stitle .right{ display:flex; display:none}
#project .stitle .right a{ color:#888}
#project .list{ margin-top:20px;display:flex;justify-content:space-between ;}
#project .list .bigimg{ width:260px; border-radius:6px;overflow:hidden; position:relative;}
#project .list .bigimg .text{ position:absolute; left:0; top:0; width:100%; height:100%; background: url(../images/big_bg.png) no-repeat bottom center; background-size:cover}
#project .list .bigimg .text{display:flex;justify-content:center; align-items:center;}
#project .list .bigimg .text .box{text-align:center;}
#project .list .bigimg .text .box{ font-size:30px; font-weight:700;writing-mode: vertical-lr; letter-spacing:5px; color:#fff; letter-spacing:15px}
#project .list .item{ width:calc(100% - 300px)}
#project .list .item ul{ display:flex;flex-wrap:wrap;gap:20px}
#project .list .item ul li{ width:calc((100% - 40px) / 3); position:relative; border-radius:6px; overflow:hidden;background:rgba(138,121,255,1)}
#project .list .item ul li .img img{ width:100%;height:100%;object-fit:cover; opacity:.6}
#project .list .item ul li .text{ position:absolute; left:0; top:0; width:100%; height:100%;  padding-left:40px;display:flex;align-items:center;background-size:cover; }
#project .list .item ul li .text{font-size:24px; color:#333;font-weight:700;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.2);}
#project .list .item ul li .text:before{content:"";position:absolute;width:100%; height:100%; left:0; top:0; background:url(../images/bg_line.png) no-repeat left top; background-size:auto 100%; opacity:.5}
#project .project1 .list .bigimg{background:rgba(46,192,165,1)}
#project .project1 .list .item ul li{background:rgba(167,233,210,1)}
#project .project1 .list .item ul li .text{background:linear-gradient(to right,rgba(167,233,210,1) 0%,rgba(167,233,210,.9) 40%,rgba(167,233,210,.6) 60%,rgba(167,233,210,.1) 100%);}
#project .project2 .list .bigimg{background:rgba(138,121,255,1)}
#project .project2 .list .item ul li{background:rgba(202,193,241,1)}
#project .project2 .list .item ul li .text{background:linear-gradient(to right,rgba(202,193,241,1) 0%,rgba(202,193,241,.9) 40%,rgba(202,193,241,.6) 60%,rgba(202,193,241,.1) 80%);}
#project .project3 .list .bigimg{background:rgba(65,170,245,1)}
#project .project3 .list .item ul li{background:rgba(152,215,239,1)}
#project .project3 .list .item ul li .text{background:linear-gradient(to right,rgba(152,215,239,1) 0%,rgba(152,215,239,.9) 40%,rgba(152,215,239,.6) 60%,rgba(152,215,239,.1) 80%);}
#project .project4 .list .bigimg{background:rgba(255,155,77,1)}
#project .project4 .list .item ul li{background:rgba(255,215,171,1)}
#project .project4 .list .item ul li .text{background:linear-gradient(to right,rgba(255,215,171,1) 0%,rgba(255,215,171,.9) 40%,rgba(255,215,171,.6) 60%,rgba(255,215,171,.1) 80%);}

#xibao{ width:100%; padding:50px 0}
#xibao .stitle{ border-bottom:1px solid #eee; padding-bottom:10px;display:flex;justify-content:space-between ;align-items:center;}
#xibao .stitle .title{ font-size:24px; font-weight:700;}
#xibao .stitle .right{ display:flex}
#xibao .stitle .right a{ color:#888}
#xibao .list{ margin-top:20px;}
#xibao .list ul{ display:flex;justify-content:space-between;gap:30px;}
#xibao .list ul li{ width:calc((100% - 90px) / 4)}
#xibao .list ul li .img img{ width:100%; border-radius:6px}
#xibao .list ul li .title{ text-align:center; margin-top:20px;}

#linker{ width:100%;  padding:30px 0}
#linker .stitle{ border-bottom:1px solid rgba(0,0,0,.05); padding-bottom:10px;}
#linker .stitle .title{ font-size:24px; font-weight:700;}
#linker .list{ margin-top:20px; display:flex;flex-wrap:wrap;gap:0 20px; line-height:1.8}

#footer{ width:100%; background:#222; border-top:1px solid rgba(255,255,255,.1); padding:30px 0}
#footer .wrap{display:flex;justify-content:space-between;}
#footer .left{ width:60%; display:flex;flex-wrap:wrap}
#footer .left .contact{ width:70%}
#footer .left .contact .title{ font-size:18px; color:#fff; font-weight:700}
#footer .left .contact .content{ line-height:1.8; margin-top:10px; color:#fff}
#footer .left .contact .qrcode{ width:100%; margin-top:50px; display:flex;gap:0 20px}
#footer .left .contact .qrcode .item img{ width:100px;}
#footer .left .contact .qrcode .item p{ text-align:center; color:#fff; margin-top:10px}
#footer .left .product{ width:30%}
#footer .left .product .title{ font-size:18px; color:#fff; font-weight:700}
#footer .left .product .list{ line-height:1.8; margin-top:10px; color:#fff}
#footer .left .product .list p{ display:flex; border:1px solid rgba(255,255,255,.3); margin-bottom:15px;; padding:10px 10px; font-size:16px; border-radius:5px}
#footer .left .product .list p i{ margin-right:10px; opacity:.8}
#footer .left .product .list a{color:#fff}
#footer .left .product .list p:hover{ border:1px solid #28b091}
#footer .form{ width:30%}
#footer .form .title{ font-size:18px; color:#fff; font-weight:700}
#footer .form .formbox{ margin-top:10px; display:flex;flex-wrap:wrap;justify-content:space-between;}
#footer .form .formbox .item{ background:#fff; width:100%; border-radius:4px; margin-bottom:10px; overflow:hidden; padding:2px 10px}
#footer .form .formbox .item.item2{ width:48%}
#footer .form .formbox .item .select{ width:100%; height:36px; line-height:36px; border:0}
#footer .form .formbox .item .text{ width:100%; height:36px; line-height:36px; border:0}
#footer .form .formbox .item .textarea{ width:100%; height:80px; border:0}
#footer .form .formbox .button .btn{ background:#28b091; border:0; color:#fff; cursor:pointer; padding:10px 50px; border-radius:4px; font-size:16px}

#copyright{ width:100%; background:#000}
#copyright .wrap{display:flex;justify-content:space-between; padding:10px 0}
#copyright .left{ color:#fff}
#copyright .left a{ color:#fff;}
#copyright .left i{ margin:0 10px}
#copyright .left span{opacity:.2}
#copyright .right{ display:flex;gap:0 10px}
#copyright .right a { color:#fff}

#kefu{ width:70px; border-radius:20px 0 0 20px; position:fixed; right:0; top:50%; z-index:250; background:#fff; padding:5px 5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.15);}
#kefu{transform:translateY(-50%);}
#kefu .item{ text-align:center; border-bottom:1px solid #eee; padding: 15px 0; position:relative}
#kefu .item:last-child{ border-bottom:0}
#kefu .item .icon{ line-height:1}
#kefu .item .icon i{ color:#28b091; font-size:24px}
#kefu .item .text{ color:#28b091; line-height:1; margin-top:10px; font-size:12px}
#kefu .item .box {position:absolute;right:60px;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;}
#kefu .item .box div{padding:20px;width:160px;box-shadow: 0 2px 20px rgba(0, 0, 0, .15);background:#fff;border-radius:10px;text-align:center;}
#kefu .item .box div img{width:100%;display:block}
#kefu .item .box:after {position:absolute;right:-10px;top:50%;margin-top:-10px;border-bottom: 10px solid transparent;border-left: 10px solid #fff;border-top: 10px solid transparent;content: "";display: block;height: 0;width: 0;}
#kefu .item .box .phone{font-size:16px;}
#kefu .item:hover .box{opacity:1;right:70px;pointer-events:auto;}

@media (max-width:800px){
	body,html{font-size:.23rem;line-height:.34rem;}	
	#header .wrap{height:1rem;padding:0 .25rem}
	#header .logo img{ height:.6rem}
	#header .right{gap:0px}
	#header .right .nav{position: absolute;background:#fff;height:auto;min-height:100vh;width:100%;top:1rem;z-index:105;padding:.1rem .25rem 0;transform:translatex(100%);left:0;border-top:1px solid #eee;}
	#header .right .nav ul{display: block;}
	#header .right .nav ul li{ border-bottom:1px solid #eee}
	#header .right .nav ul li a{ font-size:.24rem; color:#333; padding:.2rem 0}
	#header .right .mnav{position:relative;display:block;width:.34rem;height:.25rem;cursor:pointer;}
	#header .right .mnav span{position:absolute;display:block;width:.34rem;height:.05rem;background:#28b091;transition:all .5s;border-radius:.05rem}
	#header .right .mnav .s1{top:0;}
	#header .right .mnav .s2{top:.1rem;width:.26rem;}
	#header .right .mnav .s3{top:.2rem;}
	#header .right .mnav.active .s1{top:.1rem;transform:rotate(45deg);}
	#header .right .mnav.active .s2{width:0;opacity:0;}
	#header .right .mnav.active .s3{top:.1rem;transform:rotate(-45deg);}
	#header .right .nav.active{transform:translatex(0); display:block}

	#banner{margin-top:.9rem;}
	#banner .focus .swiper-slide .pc{display:none;}
	#banner .focus .swiper-slide .m{display:block;}
	#banner .focus .swiper-slide .text .title{ font-size:.44rem;}
	#banner .focus .swiper-slide .text .desc{ font-size:.22rem;  margin-top:.3rem}
	
	#notice{ padding:0 .25rem;}
	#notice .wrap{padding:.2rem 0}
	#notice .title{ display:none}
	#notice .list{ width:100%; line-height:.36rem; height: .72rem; overflow:hidden}
	#notice .list .swiper-slide a{padding-left:.2rem; line-height:.36rem; font-size:.22rem}
	#notice .list .swiper-slide a{word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;}
	#notice .list .swiper-slide span{ display:block; margin-left:0rem; font-size:.2rem}
	
	#project{ padding: 0 .25rem}
	#project .stitle{padding-bottom:.2rem;}
	#project .stitle .title{ font-size:.36rem;}
	#project .stitle .right a{ font-size:.2rem}
	#project .list{ margin-top:.3rem;flex-wrap:wrap;gap:.3rem;}
	#project .list .bigimg{ width:100%; height:2rem;}
	#project .list .bigimg .text .box{text-align:center;}
	#project .list .bigimg .text .box{ font-size:.34rem; writing-mode: horizontal-tb; letter-spacing:0;}
	#project .list .bigimg .text .box .zixun{ margin-top:.2rem;}
	#project .list .bigimg .text .box .zixun a{ font-size:.22rem; }
	#project .list .bigimg .text .box .zixun i{ font-size:.2rem}
	#project .list .item{ width:100%}
	#project .list .item ul{gap:.3rem}
	#project .list .item ul li{ width:calc((100% - .3rem) / 2);}
	#project .list .item ul li .text{padding-left:.3rem;}
	#project .list .item ul li .text{font-size:.28rem;}
	
	#xibao{padding:.5rem .25rem}
	#xibao .stitle{padding-bottom:.2rem;}
	#xibao .stitle .title{ font-size:.36rem;}
	#xibao .stitle .right a{ font-size:.2rem}
	#xibao .list{ margin-top:.2rem;}
	#xibao .list ul{flex-wrap:wrap;gap:.3rem;}
	#xibao .list ul li{ width:calc((100% - .3rem) / 2)}
	#xibao .list ul li .title{ margin-top:.2rem; font-size:.22rem;}
	
	#linker{ padding:.3rem .25rem}
	#linker .stitle{padding-bottom:.2rem;}
	#linker .stitle .title{ font-size:.36rem;}
	#linker .list{ margin-top:.3rem;flex-wrap:wrap;gap:0 .2rem; line-height:1.8; font-size:.22rem}
	
	#footer{ padding:.5rem .25rem}
	#footer .wrap{display: block;}
	#footer .left{ width:100%; display: block;}
	#footer .left .contact{ width:100%}
	#footer .left .contact .title{ font-size:.26rem;}
	#footer .left .contact .content{margin-top:.2rem; font-size:.22rem}
	#footer .left .contact .content a{ color:#fff}
	#footer .left .product{ display:none}
	#footer .left .qrcode{ display:none}
	#footer .form{ width:100%; margin-top:.5rem}
	#footer .form .title{ font-size:.26rem;}
	#footer .form .formbox{ margin-top:.2rem; display: block;}
	#footer .form .formbox .item{ margin-bottom:.1rem;padding:.02rem .1rem}
	#footer .form .formbox .item.item2{ width:100%}
	#footer .form .formbox .item .select{height:.6rem; line-height:.6rem; border:0; background:none; border-radius:0; font-size:.22rem}
	#footer .form .formbox .item .text{ height:.6rem; line-height:.6rem; font-size:.22rem; border:0}
	#footer .form .formbox .item .textarea{ height:1rem; font-size:.22rem}
	#footer .form .formbox .button .btn{ padding:.2rem 0; width:100%; font-size:.22rem}
	
	#copyright .wrap{display: block; padding:.2rem 0; line-height:1.8}
	#copyright .left{ text-align:center}
	#copyright .left i{ margin:0; display:block}
	#copyright .right{ display:flex;justify-content:center;gap:0 .2rem}
	#copyright .right a { color:#fff}
	
	#kefu{ display:none}
}

#nbanner{ width:100%; position:relative; margin-top:90px}
#nbanner .img{ height:400px}
#nbanner .img img{width:100%;height:100%;object-fit:cover;}
#nbanner .text{ position:absolute; left:0; top:0; width:100%; height:100%;display:flex;justify-content:center;align-items:center; background:rgba(0,0,0,.5)}
#nbanner .text .box{ font-size:44px; font-weight:700; color:#fff}

#clist{ width:100%; border-bottom:1px solid #eee;}
#clist .wrap{display: flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 20px;}
#clist a{ display:block; padding:15px 20px; font-size:16px; position:relative}
#clist a.active{ font-weight:700; color:#e50012;}
#clist a.active:after{content: "";position: absolute;background: #e50012;height:2px;width: 100%;bottom:0;left: 0;transition: all 300ms ease-in-out;}


#main{ width:100%}
#main .project{ padding:30px 0;}
#main .project ul li{display:flex;justify-content:space-between ;align-items:center; padding:50px 0; border-bottom:1px solid #eee}
#main .project ul li .img{ width:48%}
#main .project ul li .img img{ width:100%; border-radius:6px}
#main .project ul li .info{ width:48%}
#main .project ul li .info .title{ font-size:36px; font-weight:700; line-height:1.8}
#main .project ul li .info .desc{ font-size:16px; line-height:1.8; margin-top:10px}
#main .project ul li .info .more{ margin-top:20px}
#main .project ul li .info .more a{  display:flex;justify-content:center ;align-items:center;gap:0 10px;padding:8px 0; width:150px; border:1px solid #eee; border-radius:6px; }
#main .project ul li .info .more a{ font-size:16px; color:#fff;background:#28b091;}
#main .project ul li .info .more a:hover{gap:20px}
#main .project ul li:nth-child(2n){flex-direction:row-reverse}

#main .show{ padding:50px 0}
#main .show .title{ font-size:44px; line-height:1; text-align:center; padding:20px 0}
#main .show .content{ margin-top:20px; font-size:16px; line-height:1.8}
#main .show .content p{ margin-bottom:10px;}
#main .show .content img{ max-width:800px}

#main .xibao{ padding:80px 0;}
#main .xibao ul{ display:flex;flex-wrap:wrap;gap:30px;}
#main .xibao ul li{ width:calc((100% - 60px) / 3)}
#main .xibao ul li .img img{ width:100%; border-radius:6px}
#main .xibao ul li .title{ text-align:center; margin-top:20px; font-size:16px}

#main .about{ padding:80px 0}
#main .about{ font-size:16px; line-height:1.8}
#main .about p{ margin-bottom:10px;}
#main .about img{ max-width:800px}

#main .techer{ padding:30px 0}
#main .techer ul li{ padding:30px; border:1px solid #eee; margin:20px 0; border-radius:6px}
#main .techer ul li .title{ font-size:34px; line-height:1}
#main .techer ul li .desc{ font-size:16px; line-height:1.8; margin-top:20px}

#main .contact{ padding:80px 0;display:flex;justify-content:space-between ;}
#main .contact .left{ width:48%}
#main .contact .left{ line-height:2.2; font-size:16px}
#main .contact .map{ width:48%}
#main .contact .map img{ max-width:100%}

@media (max-width:800px){
	body,html{font-size:.23rem;line-height:.34rem;}	
	#nbanner{margin-top:.9rem}
	#nbanner .img{ height:3.5rem}
	#nbanner .text .box{ font-size:.5rem; padding:.25rem}
	
	#clist .wrap{gap:0 .15rem;}
	#clist a{ padding:.1rem .2rem; font-size:.22rem; }
	
	#main .project{ padding:0 .25rem;}
	#main .project ul li{display:block;padding:.5rem 0;}
	#main .project ul li .img{ width:100%}
	#main .project ul li .img img{ width:100%}
	#main .project ul li .info{ width:100%; margin-top:.3rem}
	#main .project ul li .info .title{ font-size:.4rem;}
	#main .project ul li .info .desc{ font-size:.22rem;  margin-top:.1rem}
	#main .project ul li .info .more{ margin-top:.2rem}
	#main .project ul li .info .more a{  gap:0 .1rem;padding:.15rem 0; width:2rem;}
	#main .project ul li .info .more a{ font-size:.22rem;}
	#main .project ul li .info .more a:hover{gap:.2rem}
	
	#main .show{ padding:.5rem .25rem}
	#main .show .title{ font-size:.5rem; padding:.2rem 0}
	#main .show .content{ margin-top:.2rem; font-size:.24rem;}
	#main .show .content p{ margin-bottom:.1rem;}
	#main .show .content img{ max-width:100%}
	
	#main .xibao{ padding:.8rem .25rem;}
	#main .xibao ul{ display:flex;flex-wrap:wrap;gap:.3rem;}
	#main .xibao ul li{ width:100%}
	#main .xibao ul li .img img{ width:100%; border-radius:6px}
	#main .xibao ul li .title{ margin-top:.2rem; font-size:.24rem}
	
	#main .about{ padding:.5rem .25rem}
	#main .about{ margin-top:.2rem; font-size:.24rem;}
	#main .about p{ margin-bottom:.1rem;}
	#main .about img{ max-width:100%}
	
	#main .techer{ padding:.5rem .25rem}
	#main .techer ul li{ padding:.3rem; ; margin:.2rem 0;}
	#main .techer ul li .title{ font-size:.4rem;}
	#main .techer ul li .desc{ font-size:.22rem; line-height:1.8; margin-top:.2rem}
	
	#main .contact{ padding:.8rem .25rem; display:block}
	#main .contact .left{ width:100%}
	#main .contact .left{ line-height:2; font-size:.24rem}
	#main .contact .map{ width:100%; margin-top:.5rem}
	#main .contact .map iframe{ height:5rem}
	
}
#fenye{padding:80px 0 0px;display:flex;align-items:center;justify-content:center;gap:0 8px;}
#fenye a{color:#5a5a5a;height:50px;width:50px;line-height:50px;text-align:center;border:1px solid #eee;border-radius:4px;}
#fenye a.curr{color:#fff;background:#28b091;border:1px solid #28b091;}
#fenye a:hover{background:#28b091;color:#fff;border:1px solid #28b091;}
#fenye a.curr + a,
#fenye a.curr + a + a{display:block;}

@media (max-width:800px){
	#fenye{padding:.5rem 0 0px;gap:0 .1rem;}
	#fenye a{width:.66rem;height:.66rem;line-height:.66rem;}
	#fenye .num,#fenye .prev{display:none;}
}