body {font-size:0.18rem;font-family:Arial,'microsoft yahei', Helvetica, sans-serif;max-width:750px;min-width:320px;width:100%;margin:0px auto;padding:0px;height:auto;/*box-shadow:0px 0px 20px #5D5C61;*/}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding:0px;margin:0px;}
*{margin:0px;padding:0px;}
fieldset, img { border:0px none;vertical-align:bottom;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
ol, ul, li, dl, dt, dd{list-style:outside none none;}
input, button, textarea, checkbox, select, radio, form { vertical-align:middle;font-size:100%;}
a{color:#333;text-decoration:none;}
a:link,a:visited { text-decoration:none;}
a:hover{text-decoration:none;}

.container{max-width:7.5rem;min-width:3.2rem;width:100%;margin:0px auto;background:#fff;}
/*
.top{position:fixed;top:0; z-index:999;}
*/



/* 顶部 */
.toper{width:7.2rem;height:0.6rem;padding:0.4rem 0.15rem;background:#fff;overflow:hidden;-moz-box-shadow:0.02rem 0.02rem 0.15rem #dad8d8; -webkit-box-shadow:0.02rem 0.02rem 0.15rem #dad8d8; box-shadow:0.02rem 0.02rem 0.15rem #dad8d8;}

.toper a{display:block;}

.toper h1{font-size:0.36rem;line-height:0.4rem;font-weight:bold;float:left;}

.toper h1 a{color:#229254;}

.toper .tel{font-size:0.28rem;line-height:0.4rem;font-weight:bold;float:right;color:#229254;text-transform: Uppercase;padding-left:0.5rem; background:url(../images/tel01.png) left center no-repeat; background-size:0.38rem 0.38rem;}

.swiper-wrapper{
    height: auto !important;
}

/*banner*/
.xbsindex{margin: 0 auto;position: relative;overflow: hidden;z-index:1;padding-bottom:0.5rem;font-size: 0px;height: 182px;overflow: hidden;}

.xbsindex img{width:100%;height:auto;}

.xbsindex .swiper-pagination-bullet{width:0.15rem;height:0.15rem;background:#999;border-radius:0.1rem; opacity:1;}

.xbsindex .swiper-pagination-bullet-active{background:#229254;width:0.25rem;}




/*icon_nav*/
.icon_nav{width:7.2rem;padding:0 0.15rem;margin:0.4rem auto 0 auto;border-bottom:solid 0.2rem #f8f8f8;display:flex;justify-content: space-between;flex-wrap:wrap;}

.icon_nav a{display:block;width:1.5rem;text-align:center;margin-bottom:0.55rem;}

.icon_nav a img{width:36px;height:34px;}

.icon_nav a p{font-size:0.28rem;margin-top:0.2rem;color:#333;}



/* 产品中心 */
.pro_center{width:7.2rem;padding:0.4rem 0.15rem 0 0.15rem; background:#fff;border-bottom:solid 0.2rem #f8f8f8;}

.pro_center .bt{height:0.4rem;overflow:hidden;}

.pro_center .bt .tel{float:left;font-size:0.32rem;color:#333333;font-weight:bold;padding-left:0.4rem;line-height:0.4rem;background:url(../images/pro_icon.png) left center no-repeat; background-size:0.28rem 0.28rem;}
.pro_center .bt h3{font-size:0.32rem;color:#333333;font-weight:bold;padding-left:0.4rem;line-height:0.4rem; background-size:0.28rem 0.28rem;}

.pro_center .bt h3 span{font-size:0.24rem;font-weight:normal;}

.pro_center .bt a{display:block;font-size:0.24rem;color:#666;float:right;line-height:0.4rem;text-transform: Uppercase;}

.pro_list{margin-top:0.3rem;}

.pro_list .hd{width:100%;height:auto;position:relative;}

.pro_list .hd ul{width:5.7rem;overflow:hidden;display:flex;justify-content: space-between;}

.pro_list .hd ul li{width:1.12rem;height:0.4rem;line-height:0.4rem;text-align:center;color:#333;font-size:0.24rem;border:solid 0.01rem #ddd;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.pro_list .hd ul li.on{border:solid 0.01rem #229254;color:#fff;background:#229254;}

.pro_list .hd a{display:block;width:1.12rem;height:0.4rem;line-height:0.4rem;text-align:center;color:#999;font-size:0.24rem;border:solid 0.01rem #ddd;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;right:0;top:0;}

.pro_list .bd{margin-top:0.35rem;padding:0.1rem;}

.pro_list .bd .main{overflow:hidden;height:6.4rem;}

.pro_list .bd a{display:block;width:3.4rem;float:left;margin-bottom:0.3rem;}

.pro_list .bd a .img{width:3.2rem;height:2.2rem;padding:0.1rem;background:#fff;border-radius:0.2rem;box-shadow:0px 0px 10px #e9e7e7;}

.pro_list .bd a img{width:3.2rem;height:2.2rem; vertical-align:top;border-radius:0.2rem;}

.pro_list .bd a:nth-of-type(2n){float:right;}

.pro_list .bd a p{width:3rem;height:0.4rem;line-height:0.4rem;margin:0.1rem auto 0 auto;font-size:0.24rem;text-align:center;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



/* 工程案例 */
.case{width:7.2rem;padding:0.4rem 0.15rem; background:#fff;border-bottom:solid 0.2rem #f8f8f8;height: 135px;overflow: hidden;}

.case .bt{height:0.4rem;overflow:hidden;}

.case .bt .tel{float:left;font-size:0.32rem;color:#333333;font-weight:bold;padding-left:0.4rem;line-height:0.4rem;background:url(../images/case_icon.png) left center no-repeat; background-size:0.28rem 0.28rem;}
.case .bt h3{font-size:0.32rem;color:#333333;font-weight:bold;padding-left:0.4rem;line-height:0.4rem;background-size:0.28rem 0.28rem;}

.case .bt h3 span{font-size:0.24rem;font-weight:normal;}

.case .bt a{display:block;font-size:0.24rem;color:#666;float:right;line-height:0.4rem;text-transform: Uppercase;}

.case_02{width: 100%;margin-top:0.3rem;overflow:hidden}

.case_02 .swiper-slide{width:2.2rem;}

.case_02 .swiper-slide a{width:100%;display:block;border-radius:0.15rem;}

.case_02 .swiper-slide img{width:100%;height:1.6rem;-moz-box-shadow:0.02rem 0.02rem 0.15rem #999;-webkit-box-shadow:0.02rem 0.02rem 0.15rem #999;box-shadow:0.02rem 0.02rem 0.15rem #999;border-radius:0.15rem;}

.case_02 .swiper-slide p{width:2.2rem;height:0.4rem;line-height:0.4rem;margin:0.1rem auto 0 auto;font-size:0.24rem;text-align:center;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


/* 关于我们 */
.about{width:7.2rem;padding:0.4rem 0.15rem; background:#fff;}

.about .bt{text-align:center;margin-bottom:0.2rem;}

.about .bt h3{font-size:0.28rem;font-weight:bold;color:#333;padding-bottom:0.15rem;position:relative;}

.about .bt h3::after{content:'';width:0.38rem;height:0.04rem;background:#229254;position:absolute;bottom:0;left:50%;margin-left:-0.19rem;}

.about .bt p{font-size:0.22rem;font-weight:bold;color:#333;text-transform: Uppercase;margin-top:0.05rem;}

.about .center{display:block;overflow:hidden;width:7rem;height:2.35rem;padding:0.1rem; background:#229254;border-radius:0.1rem;}

.about .center .left{width:3.4rem;height:2.35rem;float:left;}

.about .center .left img{width:3.4rem;height:2.35rem;vertical-align:top;}

.about .center .right{width:3.4rem;height:2.35rem;float:right;color:#fff;}

.about .center .right h4{font-size:0.28rem;line-height:0.28rem;font-weight:bold;margin-top:0.2rem;}

.about .center .right p{font-size:0.22rem;line-height:0.35rem;max-height:1.4rem;overflow:hidden;margin-top:0.3rem;}



/* 厂区设备 */
.equipment{width:7.2rem;padding:0.4rem 0.15rem; background:#f8f8f8;height: 183px;overflow: hidden;}

.equipment .bt{height:0.4rem;overflow:hidden;}

.equipment .bt .tel{float:left;font-size:0.32rem;color:#333333;font-weight:bold;padding-left:0.4rem;line-height:0.4rem;background:url(../images/ment_icon.png) left center no-repeat; background-size:0.28rem 0.28rem;}
.equipment .bt h3{font-size:0.32rem;color:#333333;font-weight:bold;padding-left:0.4rem;line-height:0.4rem; background-size:0.28rem 0.28rem;}

.equipment .bt h3 span{font-size:0.24rem;font-weight:normal;}

.equipment .bt a{display:block;font-size:0.24rem;color:#666;float:right;line-height:0.4rem;text-transform: Uppercase;}

.ment{width: 100%;margin-top:0.3rem;overflow:hidden}

.ment .swiper-slide{width:3.4rem;padding-top:0.05rem;}

.ment .swiper-slide a{width:100%;display:block;border-radius:0.15rem;margin-left:0.05rem;}

.ment .swiper-slide .img{width:3.2rem;height:2.2rem;padding:0.1rem;border-radius:0.15rem;background:#fff;-moz-box-shadow:0.02rem 0.02rem 0.15rem #999;-webkit-box-shadow:0.02rem 0.02rem 0.15rem #999;box-shadow:0.02rem 0.02rem 0.15rem #999;}

.ment .swiper-slide img{width:100%;height:2.2rem;border-radius:0.15rem;}

.ment .swiper-slide p{width:2.2rem;height:0.4rem;line-height:0.4rem;margin:0.1rem auto 0 auto;font-size:0.24rem;text-align:center;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



/* 新闻中心 */
.news{width:7.2rem;padding:0.4rem 0.15rem 0.2rem 0.15rem; background:#fff;border-bottom:solid 0.2rem #f8f8f8;}

.news .bt{height:0.4rem;overflow:hidden;}

.news .bt .tel{float:left;font-size:0.32rem;color:#333333;font-weight:bold;padding-left:0.4rem;line-height:0.4rem;background:url(../images/new_icon.png) left center no-repeat; background-size:0.28rem 0.28rem;}
.news .bt h3{font-size:0.32rem;color:#333333;font-weight:bold;padding-left:0.4rem;line-height:0.4rem; background-size:0.28rem 0.28rem;}

.news .bt h3 span{font-size:0.24rem;font-weight:normal;}

.news .bt a{display:block;font-size:0.24rem;color:#666;float:right;line-height:0.4rem;text-transform: Uppercase;}

.news .box{margin-top:0.3rem;}

.news .box a{width:7rem;height:1.55rem;padding:0.1rem;-moz-box-shadow:0.02rem 0.02rem 0.15rem #e9e7e7;-webkit-box-shadow:0.02rem 0.02rem 0.15rem #e9e7e7;box-shadow:0.02rem 0.02rem 0.15rem #e9e7e7;display:flex;justify-content: space-between;margin-bottom:0.3rem;}

.news .box a .left{width:2.52rem;height:1.55rem;}

.news .box a .left img{width:2.52rem;height:1.55rem; vertical-align:top;}

.news .box a .right{width:4.2rem;height:1.55rem;}

.news .box a .right h4{font-size:0.26rem;color:#333;line-height:0.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; left center no-repeat;padding-left:0.2rem;}

.news .box a .right p:nth-of-type(1){font-size:0.2rem;color:#666;margin-top:0.1rem;line-height:0.3rem;max-height:0.6rem;overflow:hidden;}

.news .box a .right p:nth-of-type(2){display:flex;justify-content: space-between;margin-top:0.1rem;}

.news .box a .right p:nth-of-type(2) span:nth-of-type(2){font-size:0.2rem;color:#999;}


/* 底部信息 */
.footer{width:7.2rem;padding:0 0.15rem; background:#fff;}

.footer .dizhi{width:7.2rem;height:0.9rem;padding:0.2rem 0;display:flex;justify-content: space-between;flex-wrap:wrap;border-bottom:solid 1px #f6f6f6;}

.footer .dizhi .left{width:76%;font-size:0.26rem;color:#333;line-height:0.45rem;padding-left:0.4rem; background:url(../images/dizhi.png) left 0.1rem no-repeat;background-size:0.2rem 0.27rem;}

.footer .dizhi .right{width:1.1rem;height:0.9rem;}

.footer .dizhi .right a{display:block;width:1.1rem;height:0.9rem;border-left:solid 0.01rem #f6f6f6;background:url(../images/tel02.png) center center no-repeat;background-size:0.29rem 0.4rem;}

.footer .lxfs{width:7.2rem;height:0.9rem;overflow:hidden;display:flex;justify-content: space-between;}

.footer .lxfs p{font-size:0.26rem;color:#333;line-height:0.9rem;}

.footer .lxfs p:nth-of-type(1){padding-left:0.4rem; background:url(../images/tel03.png) left center no-repeat;background-size:0.24rem 0.26rem;}

.footer .lxfs p:nth-of-type(1) span{display:inline-block;margin-right:0.2rem;font-size:0.2rem;}

.footer .lxfs p:nth-of-type(1) span:nth-of-type(2){margin-right:0;}

.footer .lxfs p:nth-of-type(2){margin-right:0;}

.footer .lxfs p:nth-of-type(2) span{display:inline-block;font-size:0.2rem;}

.copy{width:7.5rem;margin:0 auto;height:0.6rem;line-height:0.6rem;text-align:center;font-size:0.22rem;color:#666666;border-top:solid 0.2rem #f6f6f6;margin-bottom:1.1rem;}

.copy a{display:inline-block;color:#666666;}

.ft_nav{position:fixed;bottom:0;width:7.5rem;height:1.1rem;margin:0 auto;background:#fff;display:flex;justify-content: space-between;z-index:99;box-shadow:0 -2px 10px -1px #f4f3f3;border-top:solid 1px #f4f3f3;}

.ft_nav a{width:25%;display:block;text-align:center;}

.ft_nav a.on{background:#fff;}

.ft_nav a i{display:block;width:0.46rem;height:0.4rem;margin:0.1rem auto;}

.ft_nav a:nth-of-type(1) i{background:url(../images/ft_icon_01.png) center center no-repeat;background-size:0.46rem 0.4rem;}

.ft_nav a:nth-of-type(1).on i{background:url(../images/ft_icon_01.png) center center no-repeat #fff;background-size:0.46rem 0.4rem;}

.ft_nav a:nth-of-type(2) i{background:url(../images/ft_icon_03.png) center center no-repeat;background-size:0.46rem 0.4rem;}

.ft_nav a:nth-of-type(2).on i{background:url(../images/ft_icon_04.png) center center no-repeat #fff;background-size:0.46rem 0.4rem;}

.ft_nav a:nth-of-type(3) i{background:url(../images/ft_icon_05.png) center center no-repeat;background-size:0.46rem 0.4rem;}

.ft_nav a:nth-of-type(3).on i{background:url(../images/ft_icon_06.png) center center no-repeat #fff;background-size:0.46rem 0.4rem;}

.ft_nav a:nth-of-type(4) i{background:url(../images/ft_icon_07.png) center center no-repeat;background-size:0.46rem 0.4rem;}

.ft_nav a:nth-of-type(5).on i{background:url(../images/ft_icon_08.png) center center no-repeat #fff;background-size:0.46rem 0.4rem;}

.ft_nav a p{font-size:0.24rem;color:#666666;}

.ft_nav a.on p{font-size:0.24rem;}


/*

display:flex;justify-content: space-between;flex-wrap:wrap;  

overflow:hidden;text-overflow:ellipsis;white-space:nowrap;

-webkit-transition:all .5s;transition:all .5s;

transition: all 1s;

outline: 1px dashed #fff;outline-offset: -5px;

transform:rotate(360deg);

text-transform: Uppercase;

*/